/* HTML STYLIN' Y'ALL
---------------------------------------------------------------------------------------------- */
body
{
	background: #ccc;
	color: #333;
	font-family: arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-size: .90em;
}

img
{
	border: 0;
}

a:link, a:visited
{
	text-decoration: none;
}

a:hover, a:active
{
	color: #999;
	text-decoration: underline;
}

h1
{
	margin: 0;
	text-indent: -1000em;
}

h1 a
{
	height: 100px;
	display: block;
}

h1 a:hover
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

h2
{
	font-size: 22px;
	font-weight: bold;
	margin: 0;
}

h3
{
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


h4
{
	border-bottom: 3px #e7e7e7 solid;
	font-size: 13px;
	margin: 0 0 2px 0;
	color: #999;
}

h4.allProducts
{
	background: url(../images/icons/arrow-allProducts.gif) left no-repeat;
	padding-left: 8px;
	margin-bottom: 12px;
}

h4 a, h4 a:visited
{
	color: #999;
	font-weight: normal;
}

h4.itemActive a, h4.itemActive a:visited
{
	font-weight: bold;
}

/*h4 a:hover {color: #900;}*/

h5
{
	margin: 0;
	padding: 6px 4px 7px 12px;
	background-image: url(../images/backgrounds/breadcrumb.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	color: #666;
	font-size: 10px;
	font-weight: normal;
}

h5 a#active
{
	padding-right: 8px;
	background: url(../images/icons/arrow-breadcrumb.gif) right no-repeat;
	color: #666;
}

h6
{
	/*background: url(../images/logos/mimeo-footer.gif) 85% 8px no-repeat;*/
	border-top: 1px #e7e7e7 solid;
	clear: both;
	color: #999;
	font-size: 10px;
	font-weight: normal;
	margin: 40px 0 0 0;
	padding: 5px 4px 4px 12px;
	text-align: center;
}

div.required
{
	background: none;
	border: 0;
	color: #666;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 5px 4px 4px 0;
	text-align: left;
}

h6.required
{
	background: none;
	border: 0;
	clear: both;
	color: #666;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 5px 4px 4px 0;
	text-align: left;
}

h6 a:link
{
	color: #999;
}
h6 a:visited
{
	color: #999;
}

small
{
	font-size: 10px;
}

/* STRUCTURE
---------------------------------------------------------------------------------------------- */
#logo
{
	background: #fff url(../images/backgrounds/logo.png) top right;
	float: left;
	height: 100px;
	width: 230px;
}

#navigation
{
	background: #ccc url(../images/backgrounds/navigationShadow.png) repeat-x;
	height: 100px;
	margin: 0 0 0 230px;
}

#container-noColumn #navigation
{
	margin: 0;
}

/*OLD TAGLINE
#navigation h2
	{
	font-size: 24px;
	font-weight: normal;
	height: 70px;
	line-height: 2.90em;
	padding: 0 0 0 24px;
	}*/

#navigation h2
{
	font-size: 19px;
	font-weight: normal;
	height: 70px;
	line-height: 4em;
	padding: 0 0 0 12px;
	color: #333;
}

#container
{
	border-left: 4px #adadad solid;
	border-right: 4px #adadad solid;
	border-bottom: 4px #adadad solid; /*background-image: url(../images/backgrounds/container.gif);*/
	background-image: url(../images/backgrounds/container.png);
	background-repeat: repeat-y;
	margin: 0 auto; /*min-height: 900px;*/
	width: 960px;
}

#container-noColumn
{
	border-left: 4px #adadad solid;
	border-right: 4px #adadad solid;
	border-bottom: 4px #adadad solid;
	background: #fff;
	margin: 0 auto; /*min-height: 900px;*/
	width: 960px;
}

body#checkout #container
{
	border-left: 4px #adadad solid;
	border-right: 4px #adadad solid;
	border-bottom: 4px #adadad solid;
	background: #fff;
	margin: 0 auto;
	min-height: 900px;
	width: 960px;
}

.container-savedAddresses
{
	float: right;
	padding-right: 20px;
	width: 340px;
}

.heading-savedAddresses
{
	border-bottom: 4px #ccc solid;
	font-weight: bold;
	margin: 12px 0 0 0;
}

.savedAddress-light
{
	background: #f9f9f9;
	padding: 10px;
}

.savedAddress-dark
{
	background: #eee;
	padding: 10px;
}

.column
{
	background: url(../images/backgrounds/column.png) repeat-y;
	float: left;
	width: 230px;
}

.column h3
{
	background-image: url(../images/backgrounds/columnHeader.png);
	background-repeat: repeat-y;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 5px;
}

.column h3.active
{
	background: #ccc url(../images/icons/arrow-active.gif) 222px 10px no-repeat;
	color: #666;
	padding-right: 14px;
	text-align: right;
}
.column h3.active a:link, #column h3.active a:visited
{
	color: #666;
}
.column h3 a.collapse, #column h3 a.expand
{
	padding-left: 11px;
}
.column h3 a.collapse
{
	background: url(../images/icons/arrow-collapse.gif) 0 5px no-repeat;
}
.column h3 a.expand
{
	background: url(../images/icons/arrow-expand.gif) 0 4px no-repeat;
}

.column p
{
	font-size: 11px;
}

#content
{
	margin: 0 0 0 230px;
}
#container-noColumn #content
{
	margin: 0;
}

.container-pageButtons
{
	margin: 40px 0;
	padding-bottom: 24px;
	width: 100%;
}

.container-messageButtons
{
	margin: 10px 0;
	padding-bottom: 24px;
	width: 100%;
}

/* CONTAINER: Rounded
---------------------------------------------------------------------------------------------- */
.container-rounded
{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 13px;
	font-weight: bold;
}

.container-rounded-first
{
	font-size: 13px;
	font-weight: bold;
	margin-top: 25px;
}

.headingRounded
{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
}

.rtop, .rbottom
{
	display: block;
	background: #fff;
}

.rtop *, .rbottom *
{
	display: block;
	height: 1px;
	overflow: hidden;
}

.r1
{
	margin: 0 5px;
}
.r2
{
	margin: 0 3px;
}
.r3
{
	margin: 0 2px;
}
.r4
{
	margin: 0 1px;
	height: 2px;
}

/*TABLES
---------------------------------------------------------------------------------------------- */
.table
{
	width: 100%;
}
.table-cart
{
	width: 100%;
}
.table-cart .tr
{
	border-bottom: 3px #e7e7e7 solid;
}
.table-cart .tr-highlight
{
	background-color: #dcffff;
	border-bottom: 3px #e7e7e7 solid;
	color: #005375;
}
.table-cart .tr-inactive
{
	border-bottom: 3px #e7e7e7 solid;
}
.table-cart .tr-inactive
{
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	zoom: 1.0;
}

/*-----DELIVERY OPTIONS TABLE-----*/
.table-shipping, .table-shipping-currencies
{
	width: 100%;
}

.table-shipping .tr, .table-shipping-currencies .tr
{
	border-bottom: 3px #e7e7e7 solid;
}

.table-shipping .tr
{
	height: 30px;
}
.table-shipping-currencies .tr
{
	height: 40px;
}

.tr#active
{
	background: #e7e7e7;
}

.th
{
	font-weight: bold;
}

.zebra
{
	border-bottom: 3px #e7e7e7 solid;
}
.zebra td
{
	border-bottom: 3px #e7e7e7 solid !important;
}

a.sortDown, a.sortUp
{
	padding-left: 16px;
}
a.sortDown
{
	background: url(../images/icons/arrow-sortDown.png) 0 1px no-repeat;
}
a.sortUp
{
	background: url(../images/icons/arrow-sortUp.png) 0 4px no-repeat;
}
a:visited.sortDown, a:visited.sortUp
{
}

.cart-total
{
	color: #333;
}
.cart-qty
{
	padding: 6px;
	color: #999;
	font-style: italic;
	text-align: center;
}
.cart-qty .inputText
{
	width: 50px;
}
.cart-qty .inputTextError
{
	width: 50px;
}

.td-1, .td-2, .td-3, .td-4, .td-5, .td-6, .td-7, .td-8, .td-9, .td-10, .td-11, .td-12, .td-13, .td-14, .td-15, .td-16, .td-17, .td-18, .td-19, .td-20, .td-21, .td-22, .td-23, .td-24, .td-25, .td-26, .td-27, .td-28, .td-29, .td-30, .td-31, .td-32, .td-33, .td-34, .td-35, .td-36, .td-37, .td-38, .td-39, .td-40, .td-41, .td-42, .td-43, .td-44, .td-45, .td-46, .td-47, .td-48, .td-49, .td-50, .td-51, .td-52, .td-53, .td-54, .td-55, .td-56, .td-57, .td-58, .td-59, .td-60, .td-61, .td-62, .td-63, .td-64, .td-65, .td-66, .td-67, .td-68, .td-69, .td-70, .td-71, .td-72, .td-73, .td-74, .td-75, .td-76, .td-77, .td-78, .td-79, .td-80, .td-81, .td-82, .td-83, .td-84, .td-85, .td-86, .td-187, .td-88, .td-89, .td-90, .td-91, .td-92, .td-93, .td-94, .td-95, .td-96, .td-97, .td-98, .td-99, .td-100
{
	float: left;
}

div.td-1 div, div.td-2 div, div.td-3 div, div.td-4 div, div.td-5 div, div.td-6 div, div.td-7 div, div.td-8 div, div.td-9 div, div.td-10 div, div.td-11 div, div.td-12 div, div.td-13 div, div.td-14 div, div.td-15 div, div.td-16 div, div.td-17 div, div.td-18 div, div.td-19 div, div.td-20 div, div.td-21 div, div.td-22 div, div.td-23 div, div.td-24 div, div.td-25 div, div.td-26 div, div.td-27 div, div.td-28 div, div.td-29 div, div.td-30 div, div.td-31 div, div.td-32 div, div.td-33 div, div.td-34 div, div.td-35 div, div.td-36 div, div.td-37 div, div.td-38 div, div.td-39 div, div.td-40 div, div.td-41 div, div.td-42 div, div.td-43 div, div.td-44 div, div.td-45 div, div.td-46 div, div.td-47 div, div.td-48 div, div.td-49 div, div.td-50 div, div.td-51 div, div.td-52 div, div.td-53 div, div.td-54 div, div.td-55 div, div.td-56 div, div.td-57 div, div.td-58 div, div.td-59 div, div.td-60 div, div.td-61 div, div.td-62 div, div.td-63 div, div.td-64 div, div.td-65 div, div.td-66 div, div.td-67 div, div.td-68 div, div.td-69 div, div.td-70 div, div.td-71 div, div.td-72 div, div.td-73 div, div.td-74 div, div.td-75 div, div.td-76 div, div.td-77 div, div.td-78 div, div.td-79 div, div.td-80 div, div.td-81 div, div.td-82 div, div.td-83 div, div.td-84 div, div.td-85 div, div.td-86 div, div.td-87 div, div.td-88 div, div.td-89 div, div.td-90 div, div.td-91 div, div.td-92 div, div.td-93 div, div.td-94 div, div.td-95 div, div.td-96 div, div.td-97 div, div.td-98 div, div.td-99 div, div.td-100 div
{
	padding: 6px;
}
.td-1
{
	width: 1%;
}
.td-2
{
	width: 2%;
}
.td-3
{
	width: 3%;
}
.td-4
{
	width: 4%;
}
.td-5
{
	width: 5%;
}
.td-6
{
	width: 6%;
}
.td-7
{
	width: 7%;
}
.td-8
{
	width: 8%;
}
.td-9
{
	width: 9%;
}
.td-10
{
	width: 10%;
}
.td-11
{
	width: 11%;
}
.td-12
{
	width: 12%;
}
.td-13
{
	width: 13%;
}
.td-14
{
	width: 14%;
}
.td-15
{
	width: 15%;
}
.td-16
{
	width: 16%;
}
.td-17
{
	width: 17%;
}
.td-18
{
	width: 18%;
}
.td-19
{
	width: 19%;
}
.td-20
{
	width: 20%;
}
.td-21
{
	width: 21%;
}
.td-22
{
	width: 22%;
}
.td-23
{
	width: 23%;
}
.td-24
{
	width: 24%;
}
.td-25
{
	width: 25%;
}
.td-26
{
	width: 26%;
}
.td-27
{
	width: 27%;
}
.td-28
{
	width: 28%;
}
.td-29
{
	width: 29%;
}
.td-30
{
	width: 30%;
}
.td-31
{
	width: 31%;
}
.td-32
{
	width: 32%;
}
.td-33
{
	width: 33%;
}
.td-34
{
	width: 34%;
}
.td-35
{
	width: 35%;
}
.td-36
{
	width: 36%;
}
.td-37
{
	width: 37%;
}
.td-38
{
	width: 38%;
}
.td-39
{
	width: 39%;
}
.td-40
{
	width: 40%;
}
.td-41
{
	width: 41%;
}
.td-42
{
	width: 42%;
}
.td-43
{
	width: 43%;
}
.td-44
{
	width: 44%;
}
.td-45
{
	width: 45%;
}
.td-46
{
	width: 46%;
}
.td-47
{
	width: 47%;
}
.td-48
{
	width: 48%;
}
.td-49
{
	width: 49%;
}
.td-50
{
	width: 50%;
}
.td-51
{
	width: 51%;
}
.td-52
{
	width: 52%;
}
.td-53
{
	width: 53%;
}
.td-54
{
	width: 54%;
}
.td-55
{
	width: 55%;
}
.td-56
{
	width: 56%;
}
.td-57
{
	width: 57%;
}
.td-58
{
	width: 58%;
}
.td-59
{
	width: 59%;
}
.td-60
{
	width: 60%;
}
.td-61
{
	width: 61%;
}
.td-62
{
	width: 62%;
}
.td-63
{
	width: 63%;
}
.td-64
{
	width: 64%;
}
.td-65
{
	width: 65%;
}
.td-66
{
	width: 66%;
}
.td-67
{
	width: 67%;
}
.td-68
{
	width: 68%;
}
.td-69
{
	width: 69%;
}
.td-70
{
	width: 70%;
}
.td-71
{
	width: 71%;
}
.td-72
{
	width: 72%;
}
.td-73
{
	width: 73%;
}
.td-74
{
	width: 74%;
}
.td-75
{
	width: 75%;
}
.td-76
{
	width: 76%;
}
.td-77
{
	width: 77%;
}
.td-78
{
	width: 78%;
}
.td-79
{
	width: 79%;
}
.td-80
{
	width: 80%;
}
.td-81
{
	width: 81%;
}
.td-82
{
	width: 82%;
}
.td-83
{
	width: 83%;
}
.td-84
{
	width: 84%;
}
.td-85
{
	width: 85%;
}
.td-86
{
	width: 86%;
}
.td-87
{
	width: 87%;
}
.td-88
{
	width: 88%;
}
.td-89
{
	width: 89%;
}
.td-90
{
	width: 90%;
}
.td-91
{
	width: 91%;
}
.td-92
{
	width: 92%;
}
.td-93
{
	width: 93%;
}
.td-94
{
	width: 94%;
}
.td-95
{
	width: 95%;
}
.td-96
{
	width: 96%;
}
.td-97
{
	width: 97%;
}
.td-98
{
	width: 98%;
}
.td-99
{
	width: 99%;
}
.td-100
{
	width: 100%;
}

/* MENU: Main
---------------------------------------------------------------------------------------------- */
ul#menu-main
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 30px;
}

ul#menu-main li
{
	float: left;
}

ul#menu-main li a
{
	color: #666;
	display: block;
	font-size: 14px;
	padding: 6px 38px;
	text-align: center;
	text-decoration: none;
}

ul#menu-main li a:hover
{
	color: #000;
	background-image: url(../images/backgrounds/menuMainActive.gif);
	background-position: center;
	background-repeat: no-repeat;
}

ul#menu-main li#active a
{
	color: #000;
	background-image: url(../images/backgrounds/menuMainActive.gif);
	background-position: center;
	background-repeat: no-repeat;
}

#cart
{
	background-image: url(../images/backgrounds/menuMainCartIcon.png);
	background-position: 14px 7px;
	background-repeat: no-repeat;
}

ul#menu-main li#cart a:hover, ul#menu-main li#cartActive a:hover, #cartActive, #cartActive a, #cartActive a:visited
{
	background-image: url(../images/backgrounds/menuMainCartIconActive.png);
	background-position: 14px 7px;
	background-repeat: no-repeat;
	color: #000;
}

/* Use this for arrow w/o background color bleed through
ul#menu-main li#main-active a
	{
	color: #036;
	background: url(../images/icons/arrow-menuMain.gif) top center no-repeat;
	} */

/* MENU: Tabs
------------------------------------------------------------------------------------------------- */
#menu-tabs ul
{
	list-style: none;
	margin: 0 4px 0 0;
	padding: 0;
}

#menu-tabs ul li
{
	background: #fff url(../images/backgrounds/menuTabs.png) repeat-x;
	border-left: 1px #e1e1e1 solid;
	border-right: 1px #e1e1e1 solid;
	border-bottom: 1px #e1e1e1 solid;
	display: inline;
	float: right;
	height: 22px;
	margin-left: 8px;
	font-size: 11px;
	font-weight: bold;
	line-height: 2em;
	padding: 2px 6px 2px 4px;
}

#menu-tabs ul li a
{
}

#menu-tabs ul li a.login
{
	/*background: url(../images/icons/key.gif) 4px 1px no-repeat;*/
	padding-left: 2px;
}

#menu-tabs ul li a.cart
{
	background: url(../images/icons/cart.gif) 4px 5px no-repeat;
	padding-left: 24px;
}

#menu-tabs ul li span
{
	background: url(../images/icons/arow-tab.gif) 0 5px no-repeat;
	padding-left: 13px;
}

#menu-tabs ul li a:hover
{
}
#menu-tabs ul li#active a
{
	color: #999;
}

#menu-tabs ul li.tab-cart
{
	border-top: 1px #e1e1e1 solid;
	clear: right;
	margin-top: 6px;
	text-align: center;
	width: 217px;
}
#menu-tabs ul li.tab-cart span.hash
{
	background: none;
	color: #e1e1e1;
	padding-left: 6px;
	padding-right: 6px;
}

/*-----TAB DROP DOWNS-----*/
.container-dropdowns
{
	left: 50%;
	margin-left: -460px;
	position: absolute;
	width: 960px;
}

#selectionsLanguage, #selectionsCurrency
{
	background: #fff;
	font-size: 11px;
	border: 1px #ccc solid;
	position: absolute;
	z-index: 100;
	width: 144px;
}
#selectionsLanguage
{
	left: 699px;
	top: 25px;
}
#selectionsCurrency
{
	left: 790px;
	top: 25px;
}

#selectionsLanguage ul, #selectionsCurrency ul
{
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

#selectionsLanguage ul li, #selectionsCurrency ul li
{
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
}

#selectionsLanguage ul li a, #selectionsCurrency ul li a
{
	display: block;
	padding: 3px 10px;
}

#selectionsLanguage ul li a:hover, #selectionsLanguage ul li a#active, #selectionsCurrency ul li a:hover, #selectionsCurrency ul li a#active
{
	background: #e5e5e5;
}

/* LIST: Column
---------------------------------------------------------------------------------------------- */

ul.column-list
{
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

ul.column-list li
{
	padding: 2px 0 0 12px;
	font-size: 11px;
}

ul.column-list li a, ul.column-list li a:visited
{
	color: #999;
	font-size: 12px;
}

/*ul.column-list li a:hover	{color: #900;}*/

ul.column-list li ul.column-list li a, ul.column-list li ul.column-list li a:visited
{
	color: #999;
	font-size: 12px;
	font-weight: normal;
}

/*ul.column-list li ul.column-list li a:hover {color: #900;}*/
ul.column-list li.itemActive a, ul.column-list li.itemActive a:visited, ul.column-list li ul.column-list li.itemActive a, ul.column-list li ul.column-list li.itemActive a:visited
{
	font-weight: bold;
}

/*-----FILTERS-----*/
ul.adminTools
{
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

ul.adminTools li
{
	padding: 4px 0 0 12px;
	font-size: 12px;
}

ul.adminTools li a, ul.adminTools li a:visited
{
	font-size: 12px;
	font-weight: normal;
}

ul.adminTools li a:hover
{
   	
}

ul.adminTools li.toolActive a, ul.adminTools li.toolActive a:visited
{
	
}

/* ADMIN TOOLS
----------------------------------------------- */
.admin-copy, .admin-delete, .admin-edit {
border-left:2px solid #E7E7E7;
border-right:2px solid #E7E7E7;
border-top:2px solid #E7E7E7;
font-size:11px;
padding:3px 3px 3px 20px;
}
.admin-copy {
background:transparent url(../images/icons/copy.gif) no-repeat scroll 5px 4px;
}

.admin-edit
{
	background: url(../images/icons/pencil.gif) 5px 5px no-repeat;
}
.admin-delete
{
	background: url(../images/icons/x.gif) 5px 5px no-repeat;
}

/* PAGINATION
----------------------------------------------- */
.pagination
{
	/*clear:both; add if it jumps into other divs */
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	padding-top: 3px;
	text-align: right;
}

.pagination a:link, .pagination a:visited
{
	border: 1px #ccc solid;
	font-weight: bold;
	margin-left: 10px;
	padding: 2px 6px;
}

.pagination a:hover
{
	background: #ccc;
	border: 1px #ccc solid;
	text-decoration: none;
}

.pagination .active
{
	background: #ccc;
	border: 1px #ccc solid;
	color: #fff;
	cursor: default;
	margin-left: 10px;
	padding: 2px 7px;
}

.pagination .off
{
	background: #fff;
	border: 1px #ccc solid;
	color: #ccc;
	cursor: default;
	margin-left: 10px;
	padding: 2px 6px;
}

.pagination .results
{
	font-size: 11px;
	font-style: italic;
	color: #999;
}

.page-count
{
	color: #999;
}

/* VIEW PAGES
---------------------------------------------------------------------------------------------- */
.viewPages
{
	font-size: 11px;
	height: 20px;
	padding: 6px 0 0 0;
	width: 225px;
}

.viewPages span
{
	padding: 0 6px;
}
.viewPages span a
{
	font-weight: bold;
}

/* PRODUCT VIEW
---------------------------------------------------------------------------------------------- */
.productView
{
	font-size: 11px;
	height: 20px;
	padding: 5px 0 0 0;
}

.productView span
{
	padding: 0 3px;
}
.productView span a
{
	font-weight: bold;
}
.productView span a#active
{
	color: #666;
}

/* COSMETICS
---------------------------------------------------------------------------------------------- */
/*-----PADDING-----*/
.padding-0
{
	padding: 0;
}
.padding-6
{
	padding: 6px;
}
.padding-12
{
	padding: 12px;
}
.padding-16
{
	padding: 16px;
}
.padding-2x6
{
	padding: 2px 6px;
}
.padding-0x12
{
	padding: 0 12px;
}
.paddingTop-4
{
	padding-top: 4px;
}
.paddingTop-6
{
	padding-top: 6px;
}
.paddingTop-12
{
	padding-top: 12px;
}
.paddingRight-12
{
	padding-right: 12px;
}
.paddingLeft-24
{
	padding-left: 24px;
}
.paddingBottom-12
{
	padding-bottom: 12px;
}

/*-----MARGIN-----*/
.marginRight-12
{
	margin-right: 12px;
}
.marginLeft-12
{
	margin-left: 12px;
}
.marginLeft-20
{
	margin-left: 20px;
}
.marginLeft-24
{
	margin-left: 24px;
}
.marginTop-0
{
	margin-top: 0;
}
.marginTop-4
{
	margin-top: 4px;
}
.marginTop-12
{
	margin-top: 12px;
}
.marginTop-18
{
	margin-top: 18px;
}
.marginBottom-3
{
	margin-bottom: 3px;
}
.marginBottom-4
{
	margin-bottom: 4px;
}
.marginBottom-8
{
	margin-bottom: 8px;
}
.marginBottom-18
{
	margin-bottom: 18px;
}
.marginBottom-4x0
{
	margin: 4px 0;
}

/*-----TEXT-----*/
.text-highlight
{
	font-weight: bold;
}
.text-light
{
	color: #999;
}
.text-red
{
	color: #c00;
}
.text-green
{
	color: #0f0;
}
.text-note
{
	font-style: italic;
	color: #999;
	display: block;
}

.font-24
{
	font-size: 24px;
}
.font-14
{
	font-size: 14px;
}
.font-12
{
	font-size: 12px;
}
.font-11
{
	font-size: 11px;
}

/*-----ELEMENTS-----*/
.creditCard
{
	width: 198px;
	height: 129px;
	float: left;
	margin: 0 12px 12px 0;
}

/*-----ICONS-----*/
.thumbnail-cart
{
	display: inline;
	float: left;
	height: 90px;
	padding: 0 12px 12px 0;
	width: 82px;
}

.icon-productCart
{
	background: url(../images/icons/cart.png) right no-repeat;
	width: 18px;
	height: 15px;
	margin-right: 10px;
}

.icon-download
{
	background: url(../images/icons/download.png) right no-repeat;
	width: 15px;
	height: 15px;
	margin-left:-7px;
}

.link-pdf
{
	background: url(../images/icons/pdf.gif) left no-repeat;
	padding-left: 16px;
}

.icon-email
{
	background: url(../images/icons/email.png) 4px 0 no-repeat;
	padding-left: 34px;
}

.icon-chat
{
	background: url(../images/icons/chat.png) 6px 0 no-repeat;
	padding-left: 34px;
}

.icon-info
{
	background: url(../images/icons/info.png) 14px 0 no-repeat;
	padding-left: 34px;
}

.icon-phone
{
	background: url(../images/icons/phone.png) 14px 0 no-repeat;
	padding-left: 34px;
}

.icon-lightbulb
{
	background: url(../images/icons/lightbulb.png) 15px 0 no-repeat;
	padding-left: 34px;
}


/*-----BUTTONS-----*/
.enlarge
{
	background: url(../images/icons/enlarge.png) 1px 3px no-repeat;
	display: block;
	height: 20px;
	text-align: center;
	text-indent: -1000em;
	width: 20px;
}
.enlarge:hover
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	zoom: 1.0;
}

.remove-item, .close-grey
{
	background: url(../images/buttons/remove.gif) no-repeat;
	display: block;
	height: 20px;
	text-align: center;
	text-indent: -1000em;
	width: 20px;
}
.remove-item:hover, .close-grey:hover
{
	background-position: 0 -20px;
}

.close-overlay {
    background: url(../images/buttons/remove-red.png) no-repeat;
	display: block;
	height: 20px;
	text-align: center;
	text-indent: -1000em;
	width: 20px;
}
.close-overlay:hover{
    background-position: 0 -20px;
}

.close-green
{
	background: url(../images/buttons/close-green.gif) no-repeat;
	display: block;
	height: 20px;
	text-align: center;
	text-indent: -1000em;
	width: 20px;
}
.close-green:hover
{
	background-position: 0 -20px;
}

.close-red
{
	background: url(../images/buttons/close-red.gif) no-repeat;
	display: block;
	height: 20px;
	text-align: center;
	text-indent: -1000em;
	width: 20px;
}
.close-red:hover
{
	background-position: 0 -20px;
}

.close-blue
{
	background: url(../images/buttons/close-blue.gif) no-repeat;
	display: block;
	height: 20px;
	text-align: center;
	text-indent: -1000em;
	width: 20px;
}

.close-black
{
	background: url(../images/buttons/closeMessageTop.png) no-repeat;
	display: block;
	height: 20px;
	text-align: center;
	text-indent: -1000em;
	width: 20px;
}

.close-blue:hover
{
	background-position: 0 -20px;
}

.close-yellow
{
	background: url(../images/buttons/close-yellow.gif) no-repeat;
	display: block;
	height: 20px;
	text-align: center;
	text-indent: -1000em;
	width: 20px;
}
.close-yellow:hover
{
	background-position: 0 -20px;
}

/*-----ALIGNMENT-----*/
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}

.textCenter
{
	text-align: center;
}
.textRight
{
	text-align: right;
}
.textLeft
{
	text-align: left;
}

/*-----padding-----*/
.paddingLeft
{
	padding-left:6px;
}

/*-----WIDTHS-----*/
.w-175
{
	width:175px;
}

.w-96p
{
	width: 96%;
}
.w-220
{
	width: 220px;
}
.w-200
{
	width: 200px;
}
.w-190
{
	width:190px;
}
.w-160
{
	width:160px;
}
.w-150
{
	width:150px;
}
.w-70
{
	width: 70px;
}
.w-60
{
	width: 60px;
}
.w-50
{
	width: 50px;
}
.w-40
{
	width: 40px;
}
.w-30
{
	width: 30px;
}

/*-----HEIGHTS-----*/
.h-10
{
	height:10px;
}
.h-20
{
	height: 20px;
}
.h-40
{
	height: 40px;
}
.h-78
{
	height: 78px;
}
.h-100
{
	height: 100px;
}

a.mimeo-170x40
{
	background: url(../images/logos/mimeo-170x40.png) no-repeat;
	width: 170px;
	height: 40px;
	text-indent: -1000em;
	display: block;
}

a:hover.mimeo-170x40
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

hr.pricingPod
{
	background: #e7e7e7;
	border: 0;
	height: 3px;
	color: #e7e7e7;
	width: 100%;
}

hr.grey80x3, hr.grey80x1
{
	background: #ccc;
	border: 1px #ccc solid;
	color: #ccc;
	width: 80%;
}
hr.grey80x3
{
	height: 3px;
}
hr.grey80x1
{
	height: 1px;
}

.combo-breaker
{
	clear: both;
}
.show
{
	display: block;
}
.hide
{
	display: none;
}

/* WARNING MESSAGES
---------------------------------------------------------------------------------------------- */
.approval-note
	{
	background: #fff;
	/*border: 2px #81d3e4 solid;*/
	border: 2px #e7e7e7 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 16px;
	padding: 10px;
	}
.message-empty
{
	color: #ccc;
	font-size: 40px;
	font-weight: bold;
	padding: 20px 0 0 0;
	text-align: center;
}

.message-error-small
{
	color: #c00;
}

.message-error, .message-error-overlay
{
	margin: 12px 0;
	background-color: #fcc;
	background-image: url(../images/backgrounds/message-error.png);
	background-position: 20px 12px;
	background-repeat: no-repeat;
	color: #c00;
	padding: 6px 6px 0 50px;
	border: 1px #c00 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	min-height:45px;
}

.message-error-overlay
{
	margin: 0 auto;
	position: relative;
	z-index: 10001;
	width: 600px;
}

.message-error h3, .message-error-overlay h3
{
	color: #c00;
}

.message-success, .message-success-overlay
{
	margin: 12px 0;
	background-color: #cfc;
	background-image: url(../images/backgrounds/message-success.png);
	background-position: 12px 12px;
	background-repeat: no-repeat;
	color: #093;
	padding: 6px 6px 0 50px;
	border: 1px #093 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.message-success-overlay
{
	margin: 0 auto;
	position: relative;
	z-index: 10001;
	width: 600px;
}

.message-success h3, .message-success-overlay h3
{
	color: #093;
}

.message-info, .message-info-overlay
{
	margin: 12px 0;
	background-color: #9ff;
	background-image: url(../images/backgrounds/message-info.png);
	background-position: 18px 12px;
	background-repeat: no-repeat;
	color: #005375;
	padding: 6px 6px 0 50px;
	border: 1px #005375 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.message-info-overlay
{
	margin: 0 auto;
	position: relative;
	z-index: 10001;
	width: 600px;
}

.message-info h3, .message-info-overlay h3
{
	color: #005375;
}

.message-warning, .message-warning-overlay
{
	margin: 12px 0;
	background-color: #efe1ff;
	background-image: url(../images/backgrounds/message-warning.png);
	background-position: 20px 12px;
	background-repeat: no-repeat;
	color: #306;
	padding: 6px 6px 0 50px;
	border: 1px #306 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.message-warning-overlay
{
	margin: 0 auto;
	position: relative;
	z-index: 10001;
	width: 600px;
}

.message-warning h3, .message-warning-overlay h3 
{
	color:#330066;
}
.message, .message-overlay, .message-overlay-lg
{
	margin-top: 12px;
	background: #fff;
	padding: 10px;
	border: 1px #000 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.message-overlay
{
	margin: 0 auto;
	position: relative;
	z-index: 10001;
	width: 730px;
    max-height:400px;
    overflow-y:auto;
}

.message-overlay-lg
{
	margin: 0 auto;
	position: relative;
	z-index: 10001;
	width: 775px;
}

.message h3, .message-overlay h3, .message-overlay-lg h3
{
}

.message-error p, .message-success p, .message-info p, .message-warning p, .message
{
	margin-top: 0;
}

/*-----WARNING OVERLAYS-----*/
body#warningOverlays
{
	background: #333;
	color: #333;
	margin: 20px;
	padding: 0;
	font-size: .90em;
}

body#warningOverlays #container
{
	border: 4px #000 solid;
	background: #fff;
	margin: 0 auto;
	width: 850px;
	height: 550px;
}

body#warningOverlays #content
{
	margin: 0;
}

/* AUDIT TRAIL
---------------------------------------------------------------------------------------------- */
.auditTrail
{
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;
}

.auditTrail th
{
	border: 2px #fff solid;
	font-size: 12px;
	padding: 2px;
}

.auditTrail td
{
	border: 2px #fff solid;
	padding: 4px;
	border-collapse: collapse;
	font-size: 12px;
	padding: 2px;
	vertical-align: top;
}

table.auditTrail tr.zebra
{
	background: #eee;
	border: 0;
}

/* DELIVERY PRICE BREAKDOWN
---------------------------------------------------------------------------------------------- */
.priceBreakdown
{
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}

.priceBreakdown th
{
	border: 2px #fff solid;
	font-size: 12px;
	padding: 2px;
	text-align: right;
}

.priceBreakdown td
{
	border: 2px #fff solid;
	padding: 4px;
	border-collapse: collapse;
	font-size: 12px;
	padding: 2px;
	text-align: right;
}

table.priceBreakdown tr.zebra
{
	background: #eee;
	border: 0;
}

/* OVERLAY BACKGROUND
---------------------------------------------------------------------------------------------- */
.blackout
{
	padding-top: 20px;
	background-image: url(../images/backgrounds/lightbox.png);
	z-index: 1000;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	min-height: 115%;
}

/* CHECKOUT
---------------------------------------------------------------------------------------------- */

body#checkout #content
{
	margin: 0 0 0 0;
	border-top: 2px #e7e7e7 solid;
}

.checkoutSteps-container
{
	border-bottom: 1px #e7e7e7 solid;
	border-top: 1px #e7e7e7 solid;
	clear: both;
	height: 24px;
	margin-bottom: 12px;
	padding-top: 5px;
	width: 100%;
}

.checkoutStep-on, .checkoutStep-off
{
	background: url(../images/icons/arrow-checkout.gif) right no-repeat;
	padding: 0 54px 0 54px;
	float: left;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.checkoutStep-off
{
	color: #ccc;
}

.checkoutStepEnd-on, .checkoutStepEnd-off
{
	padding: 0 54px 0 54px;
	float: left;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.checkoutStepEnd-off
{
	color: #ccc;
}

.container-checkoutButtons
{
	margin: 40px 0;
	width: 100%;
	clear:both;
}

.checkoutSteps-yourCart, .checkoutSteps-delivery, .checkoutSteps-payment, .checkoutSteps-confirm, .checkoutSteps-success, .checkoutSteps-shipTo, .checkoutSteps-deliveryOptions
{
	height: 50px;
	margin: 14px auto;
	text-indent: -1000em;
	width: 890px;
}
.checkoutSteps-yourCart
{
	background-image: url(../images/backgrounds/checkoutSteps-yourCart.png);
	background-repeat: no-repeat;
}
.checkoutSteps-delivery
{
	background-image: url(../images/backgrounds/checkoutSteps-delivery.png);
	background-repeat: no-repeat;
}
.checkoutSteps-payment
{
	background-image: url(../images/backgrounds/checkoutSteps-payment.png);
	background-repeat: no-repeat;
}
.checkoutSteps-confirm
{
	background-image: url(../images/backgrounds/checkoutSteps-confirm.png);
	background-repeat: no-repeat;
}
.checkoutSteps-success
{
	background-image: url(../images/backgrounds/checkoutSteps-success.png);
	background-repeat: no-repeat;
}
.checkoutSteps-shipTo
{
	background-image: url(../images/backgrounds/checkoutSteps-shipTo.png);
	background-repeat: no-repeat;
}
.checkoutSteps-deliveryOptions
{
	background-image: url(../images/backgrounds/checkoutSteps-deliveryOptions.png);
	background-repeat: no-repeat;
}

.checkoutSteps-yourCart2
{
	height: 24px;
	margin: 14px auto;
	text-indent: -1000em;
	width: 890px;
}
.checkoutSteps-yourCart2
{
	background-image: url(../images/backgrounds/checkoutSteps-yourCart2.png);
	background-repeat: no-repeat;
}

.container-cartTotals
{
	color: #999;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 0;
	text-align: right;
}

.totals-columnRight
{
	float: right;
	width: 150px;
}

.totals-columnLeft
{
	float: right;
	width: 300px;
}


.totals-columnRight .inputText
{
	width: 125px;
}
.totals-columnRight .inputTextError
{
	width: 125px;
}

.cart-qty .inputText
{
	text-align: center;
}
.cart-qty .inputTextError
{
	text-align: center;
}

#badges
{
	margin: 20px auto;
	text-align: center;
	width: 281px;
	height: 60px;
}

a.verisign
{
	background: url(../images/logos/verisign.png) no-repeat;
	height: 59px;
	width: 106px;
	text-indent: -1000em;
	display: block;
	margin-right: 24px;
	float: left;
}

a:hover.verisign
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

a.truste
{
	background: url(../images/logos/truste.png) 0 3px no-repeat;
	float: left;
	height: 59px;
	width: 151px;
	text-indent: -1000em;
	display: block;
}

a:hover.truste
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.verifyAddress
{
	width: 275px;
	float: left;
	margin-bottom: 18px;
}

/* HELP CENTER
---------------------------------------------------------------------------------------------- */
.help-stack
{
	height: auto !important;
	height: 180px;
	margin-bottom: 14px;
	min-height: 180px;
}

.help-columnLeft
{
	width: 48%;
	float: left;
	margin-right: 20px;
}

.help-columnRight
{
	width: 48%;
	float: left;
}

#twoColumnsLeft
{
	float: left;
	margin: 24px 12px 12px 0;
	width: 336px;
}

#twoColumnsRight
{
	float: left;
	margin: 24px 0 12px 12px;
	width: 336px;
}

#twoColumnsLeft p, #twoColumnsRight p
{
	margin-top: 6px;
	padding: 0 12px;
}

/* LOGIN
---------------------------------------------------------------------------------------------- */
body#login
{
	margin: 20px;
}

body#login #container, #container-login
{
	background: #e7e7e7 url(../images/backgrounds/createAccount.png) repeat-x;
	border: 2px #ccc solid;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin: 0 auto;
	width: 333px;
	padding: 12px;
}

body#login #content, #content-login
{
	margin: 0;
}

body#login h2, #content-login h2
{
	border-bottom: 4px #e7e7e7 solid;
	font-size: 20px;
}

#loginForm
{
	margin: 0 0 20px 0;
	padding: 0;
}

#loginForm label
{
	float: left;
	margin: 10px 22px 10px 0;
}

#loginForm input.inputText
{
	width: 300px;
}
#loginForm input.inputTextError
{
	width: 300px;
}
#loginForm select
{
	width: 320px;
}

.footer-login
{
	margin: 0;
	text-align:center;
}

/* CREATE AN ACCOUNT
---------------------------------------------------------------------------------------------- */
body#createAccount
{
	background: #333;
	color: #333;
	margin: 20px;
	padding: 0;
	font-size: .90em;
}

body#createAccount #container
{
	border: 4px #000 solid;
	background: #fff;
	margin: 0 auto;
	width: 850px;
	height: 550px;
}

body#createAccount #content
{
	margin: 0;
}

.container-createAccount
{
	background: #e7e7e7 url(../images/backgrounds/createAccount.png) repeat-x;
	border: 2px #ccc solid;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	display: block;
	width: 600px;
	padding: 12px;
	margin: 0 auto;
}

.createAccountPeople
{
	background: url(../images/backgrounds/createAccountPeople.png) top left no-repeat;
	padding-left: 90px;
}

.buttons-createAccount
{
	margin: 40px 0 0 0;
	width: 100%;
}

/*-----PRODUCT DETAIL-----*/
#container-detailView
{
	background: #fff;
	margin: 0 auto;
	width: 850px;
	height: 550px;
	padding: 10px;
}

#container-flash-detailView
{
	background: #fff;
	margin: 0 auto;
	width: 800px;
	height: 500px;
	padding: 10px;
}

#container-detailViewLarge
{
	background: #fff;
	margin: 0 auto;
	width: 560px;
	height: 550px;
	padding: 10px;
	text-align: center;
}

.flash-detailView
{
	border: 1px #ccc solid;
	float: left;
	margin: 0 0;
}

.detailViewInfo
{
	line-height: 1.5em;
	margin: 8px;
}

.productDescription
{
	margin-top: 10px;
	height: 515px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 10px;
}

/* YOUR ACCOUNT
---------------------------------------------------------------------------------------------- */
#yourAccount
{
	margin: 0 0 20px 0;
	padding: 0;
}

#yourAccount label
{
	float: left;
	width: 325px;
	margin: 10px 22px 10px 0;
}

#yourAccount input.inputText
{
	width: 320px;
}
#yourAccount input.inputTextError
{
	width: 320px;
}
#yourAccount select
{
	width: 320px;
}


/* PRODUCT SETTINGS
---------------------------------------------------------------------------------------------- */
#productSettings
{
	margin: 10px 0 20px 0;
	padding: 0;
}

#productSettings label
{
	float: left;
	width: 325px;
	margin: 6px 20px;
	height: 36px;
}

#productSettings input.inputText
{
	width: 325px;
}
#productSettings input.inputTextSm
{
	width: 50px;
}
#productSettings input.inputTextError
{
	width: 325px;
}
#productSettings select
{
	width: 325px;
}

#productSettingsLeft
{
	float: left;
	width: 58%;
}

#productSettingsRight
{
	float: left;
	width: 42%;
}

#productSettings hr
{
	clear: both;
	width: 90%;
	border-color: #999;
	background-color: #999;
	color: #999;
	height: 1px;
	border: 0;
}

#documentSummary .tabInactive, #documentPreview .tabInactive
{
	margin-right: 6px;
	float: left;
	background: #fff;
	padding: 5px 8px;
	font-size: 13px;
	font-weight: bold;
}

#documentSummary .tabActive, #documentPreview .tabActive
{
	float: left;
	background: #ddd;
	padding: 5px 8px;
	margin-right: 6px;
	font-size: 13px;
	font-weight: bold;
}

#documentSummary .tabActive a, #documentSummary .tabActive a:visited
{
	color: #333;
	display: block;
}
#documentSummary .tabInactive a, #documentSummary .tabInactive a:visited
{
	display: block;
}

.wysiwyg-toolbar
{
	width: 450px;
	height: 24px;
	margin: 0 auto;
	background: url(../images/elements/wysiwyg-toolbar.png) no-repeat;
}

.wysiwyg-status
{
	background: #ddd;
	margin-bottom: 12px;
	padding: 8px 5px;
}

.wysiwyg-editor
{
	background: #fff;
	height: 524px;
	padding: 12px 4px;
	overflow: scroll;
	overflow-x: hidden;
}

.container-wysiwyg
{
	padding: 6px 5px;
	background: #ddd;
}

#container-productSettings
{
	margin-top: 10px;
	padding: 5px;
	background: #f5f5f5;
	border: 1px #e7e7e7 solid;
	font-size: 12px;
}

.editPod-left
{
	background: #fff;
	border: 1px #e7e7e7 solid;
	float: left;
	margin-right: 24px;
	padding: 0;
	width: 31%;
}

.editPod-center
{
	background: #fff;
	border: 1px #e7e7e7 solid;
	float: left;
	margin-right: 24px;
	width: 32%;
}

.editPod-right
{
	background: #fff;
	border: 1px #e7e7e7 solid;
	float: left;
	width: 31%;
}

.link-auditTrail
{
	margin: 4px 6px 0 0;
	float: right;
}

.container-editPricing
{
	background: #fff;
	padding: 12px 4px;
	font-size: 11px;
	height: 220px; /* 	overflow: scroll; 	overflow-x: hidden; 	*/
}

.container-editTags
{
	background: #fff;
	padding: 12px 4px;
	font-size: 11px;
	height: 220px; /* 	overflow: scroll; 	overflow-x: hidden; 	*/
}

.container-editCategories
{
	background: #fff;
	height: 244px;
	padding: 0;
	overflow: scroll;
	overflow-x: hidden;
	width: 283px;
}

.container-previewTools
{
	padding: 12px;
	background: #ddd;
}

.previewCanvas
{
	border: 1px #ccc solid;
	margin: 0 0 12px 0;
	text-align: center;
	width: 100%;
	padding: 8px 0;
	background: #fff url(images/backgrounds/grid.gif);
	height: 312px;
}

.previewCanvas img
{
	border: 0;
}

.previewToolHeader
{
	float: left;
	width: 22%;
	text-align: right;
	font-weight: bold;
}

.previewTools
{
	float: left;
	font-size: 11px;
	width: 70%;
}

.previewContainer
{
	float: right;
	width: 350px;
}

.previewNote
{
	clear: both;
	color: #f00;
	font-size: 12px;
}

.previewThumbContainer
{
	border: 2px #ccc solid;
	clear: both;
	font-size: 11px;
	height: 65px;
	margin: 0 0 12px 0;
	padding: 4px;
	width: 310px;
}

.previewThumb
{
	border: 0;
	float: left;
	margin-right: 12px;
	width: 50px;
}

.requiredNote
{
	/*padding: 2px 5px 2px 11px; 	background: #f5f5f5; 	border: 1px #e7e7e7 solid;*/
	float: right;
	font-size: 11px;
}

#switcherActive
{
	padding: 2px 5px 2px 11px;
	background: #f5f5f5;
	border: 1px #e7e7e7 solid;
	float: right;
	font-size: 12px;
	font-weight: bold;
}

#switcherInactive
{
	padding: 2px 5px 2px 11px;
	background: #f5f5f5;
	border: 1px #e7e7e7 solid;
	float: right;
	font-size: 12px;
	font-weight: bold;
}

a.statusActive, a:visited.statusActive
{
	margin-right: 6px;
	color: #049a32;
	background: url(../images/icons/dot-active.png) 0 2px no-repeat;
	padding-left: 16px;
}

a.statusInactive, a:visited.statusInactive
{
	margin-right: 6px;
	color: #c51617;
	background: url(../images/icons/dot-inactive.png) 0 2px no-repeat;
	padding-left: 16px;
}

a.statusOff, a:visited.statusOff
{
	margin-right: 6px;
	color: #666;
	background: url(../images/icons/dot-off.png) 0 2px no-repeat;
	padding-left: 16px;
}

.tallyHeader, .tallyHeaderLg
{
	float: left;
	font-weight: bold;
    /*text-align: right;*/
	width: 35%;
}

.tallyHeaderLg
{
	font-size: 12px;
}

.tallyTotal, .tallyTotalLg
{
	float: left;
	margin-bottom: 4px; /*text-align: right;*/
	width: 65%;
}

.tallyTotalLg
{
	font-size: 12px;
	font-weight: bold;
}

/*-----Edit Categories-----*/
ul.editCategories
{
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
	font-size:0px;
}

ul.editCategories li
{
	padding: 0 0 0 18px;
	font-size: 11px;
	list-style-type: none;
}

ul.editCategories li a
{
	font-size: 11px;
	font-weight: bold;
}

h3.editPods
{
	padding: 3px;
	background: #ccc;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

/* CHECKOUT >> DELIVERY
---------------------------------------------------------------------------------------------- */
.selectFromAddressBook
{
	float: left;
	margin-left: 12px;
	line-height: 2em;
}

#deliverySelection
{
	height: 40px;
	line-height: 1.8em;
}

#deliverySelection div
{
	float: left;
	margin-right: 12px;
}

#deliverySelection select
{
	margin-top: 3px;
}

#deliveryAddress
{
	margin: 0 0 20px 0;
	padding: 0;
}

#deliveryAddress label
{
	float: left;
	margin: 12px 20px 0 10px;
	height: 30px;
}

#deliveryAddress label.formTitle
{
	float: left;
	width: 200px;
	margin: 12px 0 0 0;
	text-align: right;
}

#deliveryAddress input.inputText
{
	width: 325px;
}
#deliveryAddress input.ui-autocomplete-input
{
	width: 325px;
}
#deliveryAddress input.inputTextError
{
	width: 325px;
}
#deliveryAddress select
{
	width: 325px;
}

#deliveryAddressCC
{
	margin: 0 0 20px 0;
	padding: 0;
}

#deliveryAddressCC label
{
	float: left;
	width: 420px;
	margin: 12px 20px 0 20px;
}

#deliveryAddressCC input.inputText
{
	width: 325px;
}
#deliveryAddressCC input.inputTextError
{
	width: 325px;
}
#deliveryAddressCC select
{
	width: 325px;
}

#addRecipientForm
{
	margin: 0 0 12px 0;
	padding: 0;
}

#addRecipientForm label
{
	float: left;
	width: 500px;
	margin: 12px 20px 0 20px;
}

#addRecipientForm input.inputText
{
	width: 325px;
}
#addRecipientForm input.inputTextError
{
	width: 325px;
}
#addRecipientForm select
{
	width: 325px;
}

#deliverOn
{
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 3px #e7e7e7 solid;
}

#deliverOn label
{
	float: left;
	width: 420px;
	margin: 12px 20px 0 20px;
}

#deliverOn p
{
	margin: 10px 20px;
}

#deliverOn input.inputText
{
	width: 325px;
}
#deliverOn input.inputTextError
{
	width: 325px;
}
#deliverOn select
{
	width: 325px;
}

/* CHECKOUT >> PAYMENT
---------------------------------------------------------------------------------------------- */
#existingCreditCard
{
	padding: 18px 0 0 22px;
}
.existingCardFields
{
	padding-bottom: 12px;
}
.selectExistingCard
{
	width: 325px;
	clear: both;
}

#paymentInfo
{
	margin: 0 0 20px 0;
	padding: 0;
}

#paymentInfo label
{
	float: left;
	width: 420px;
	margin: 10px 20px;
}

#paymentInfo label.inside
{
	float: none;
	margin: 0 0 0 20px;
}

#paymentInfo input.inputText
{
	width: 325px;
}
#paymentInfo input.inputTextError
{
	width: 325px;
}
#paymentInfo select
{
	width: 325px;
}

#corporateInfo
{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 3px #e7e7e7 solid;
}

#corporateInfo label
{
	float: left;
	width: 420px;
	margin: 10px 20px;
}

#corporateInfo input.inputText
{
	width: 325px;
}
#corporateInfo input.inputTextError
{
	width: 325px;
}
#corporateInfo select
{
	width: 325px;
}

.ccMonth
{
	width: 185px;
}
.ccYear
{
	width: 100px;
}

/* CHECKOUT >> CONFIRM
---------------------------------------------------------------------------------------------- */
.termsOverview
{
	height: 350px;
	overflow-x: hidden;
	overflow-y: auto;
}

#confirmDelivery
{
	float: left;
	margin: 24px 12px 12px 0;
	width: 336px;
}

body#checkout #confirmDelivery
{
	float: left;
	margin: 0 12px 12px 0;
	width: 452px;
}

#confirmPayment
{
	float: left;
	margin: 24px 0 12px 12px;
	width: 336px;
}

body#checkout #confirmPayment
{
	float: left;
	margin: 0 0 12px 12px;
	width: 452px;
}

#confirmDelivery p, #confirmPayment p
{
	margin-top: 6px;
	padding: 0 12px;
}

#confirmTerms
{
	float: left;
	margin-top: 20px;
}

#deliveryNotes
{
	float: left;
	margin-top: 8px;
	width: 450px;
}

#replicationLink
{
	float: left;
	margin-top: 10px;
	width: 460px;
}

/* CHECKOUT >> SUCCESS
---------------------------------------------------------------------------------------------- */
#successNote
	{
	background: url(../images/photos/mimeoMailer.png) right no-repeat;
	height: 160px;
	padding: 12px 350px 0 0;
	}
	
.orderDetails
	{
	margin-top: 12px;
	padding-bottom: 16px;
	width:100%;
	}

/*OLD*/
.orderDetailItem
	{
	float: left;
	width: 16%;
	}
	
.detailOrderNumber {float: left;width: 23%;}
.detailPlaced {float: left;width: 19%;}
.detailTotal{float: left;width: 14%;}
.detailStatus{float: left;width: 14%;}
.detailTrack{float: left;width: 16%;}
.detailReceipt{float: left;width: 7%;}
	

/* PRODUCTS
---------------------------------------------------------------------------------------------- */
.noProductsAvailable
{
	margin-top: 50px;
	text-align: center;
	color: #b2b2b2;
	font-size: 20px;
	font-weight: bold;
}

.saveMoreColumn
{
	float: left;
	width: 32%;
	text-align: center;
	margin-bottom: 18px;
}
/*----- LIST VIEW -----*/
#productsList
{
	float: left;
	margin: 12px 0 12px 0;
	width: 100%;
}

/*----- GRID VIEW -----*/
/*.product-preview-bottom
	{
	border-bottom: 2px #ccc solid;
	float: right;
	text-align: right;
	width: 100%;
	}*/

.product-preview, .product-preview-inactive
{
	border-bottom: 3px #e7e7e7 solid;
	line-height: 15pt;
	padding: 12px 4px 18px 4px;
}

.product-preview-inactive
{
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	zoom: 1.0;
}

.product-description
{
	height: auto !important;
	height: 160px;
	margin-top: 4px;
	min-height: 160px;
}

.product-description-sm
{
	height: auto !important;
	height: 130px;
	margin-top: 4px;
	min-height: 130px;
}

.product-description-v2 {}

.thumbnail-preview
{
	display: inline;
	float: left;
	padding: 0 12px 12px 0; /*width: 110px; old nicer dimensions 	height: 150px;*/
	width: 120px;
	height: 132px;
}

.thumbnail-viewDetail
{
	display: inline;
	float: left;
	padding: 0 12px 24px 0; /*width: 110px; old nicer dimensions 	height: 150px;*/
	background: #ccf;
	background: url(../images/icons/viewDetail.png) bottom left no-repeat;
}

.thumbnail-seeInside
{
	display: inline;
	float: left;
	padding: 0 12px 24px 0;
	background: url(../images/icons/seeInside.png) bottom left no-repeat;
}

.thumbnail-product
{
	display: inline;
	float: left;
	padding: 0 12px 0 0;
}

.thumbnail-enlargeImage
{
	display: inline;
	float: left;
	padding: 0 12px 24px 0;
	background: #ccf;
	background: url(../images/icons/enlargeImage.png) bottom left no-repeat;
}

.widget-cart
{
	border: 1px #ccc solid;
	font-size: 12px;
	float: right;
	margin: 0 0 6px 26px;
	width: 264px;
}

.widget-cart .column-left
{
	float: left;
	margin-right: 5px;
	padding: 3px 0;
	text-align: right;
	width: 100px;
}
.widget-cart .column-right
{
	float: left;
	padding: 3px 0;
	text-align: left;
	width: 105px;
}
.widget-cart .note
{
	float: left;
	padding: 3px 0;
	text-align: center;
	width: 100%;
}

.max-quantity
{
	color: #999;
	font-style: italic;
}

.currency-conversion
{
	margin-top: -5px;
	font-size: 10px;
	color: #999;
}

.view-as
{
	border: 1px #ccc solid;
	float: right;
	font-size: 12px;
}

.view-as .label
{
	padding: 0 4px;
	border-right: 1px #ccc solid;
	float: left;
	color: #999;
}

.view-as .grid, .view-as .list
{
	float: left;
	border-right: 1px #ccc solid;
	height: 18px;
	width: 22px;
	text-indent: -1000em;
	cursor: pointer;
}
.view-as .grid
{
	background-image: url(../images/backgrounds/viewAs.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.view-as .grid:hover
{
	background-position: 0 -18px;
}
.view-as .list
{
	background-image: url(../images/backgrounds/viewAs.gif);
	background-position: -22px -18px;
	background-repeat: no-repeat;
	border-right: 0;
}
.view-as .list:hover
{
	background-position: -22px 0;
}

.select-quantity
{
	font-size: 11px;
}

/*----- BUTTONS -----*/
a.deleteProduct, a:visited.deleteProduct
{
	display: block;
	background: url(../images/buttons/delete-product.gif) no-repeat;
	width: 146px;
	height: 27px;
	text-indent: -1000em;
	float: right;
}

a:hover.deleteProduct, a:active.deleteProduct
{
	background-position: 0 -27px;
}

.btn-editProduct, .btn-deleteProduct
{
	border-top: 1px #fff solid;
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	width: 46%;
}
.btn-editProduct
{
	float: left;
}
.btn-deleteProduct
{
	float: right;
}

.btn-editProduct a, .btn-editProduct a:visited, .btn-deleteProduct a, .btn-deleteProduct a:visited
{
	display: block;
}

.btn-addToCart, .btn-customize, .btn-loading
{
	border-top: 1px #ccc solid;
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
}
.btn-addToCart a, .btn-addToCart a:visited
{
	/*background-image: url(../images/icons/plus.png); 	background-position: 55px 2px; 	background-repeat: no-repeat;*/
	display: block; /*padding-left: 14px;*/
}
.btn-customize a, .btn-customize a:visited
{
	/*background-image: url(../images/icons/customize.png); 	background-position: 55px 2px; 	background-repeat: no-repeat;*/
	display: block; /*padding-left: 14px;*/
}

/*.btn-addToCart a:hover, 
.btn-customize a:hover
	{
	text-decoration: none;
	}*/

.btn-addToCartSm
{
	/*background-image: url(../images/icons/plusRounded.png); 	background-repeat: no-repeat;*/
	display: block;
	height: 24px;
	text-align: center; /*text-indent: -1000em;*/
	width: 24px;
	line-height: 1.05em;
	font-size: 24px;
	border-width: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a:hover.btn-addToCartSm, a:active.btn-addToCartSm
{
	text-decoration: none;
}

/*.btn-customizeSm
	{
	background-image: url(../images/icons/customizeRounded.png);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	text-align: center;
	text-indent: -1000em;
	width: 24px;
	}
	
.btn-addToCartSm:hover, .btn-customizeSm:hover {background-color: #666;}*/

/*-----CUSTOMIZE DOCUMENT------*/
#customDocument
{
	padding: 0;
}

#customDocument div
{
	margin-bottom: 12px;
}

#customDocument label
{
	float: left;
	width: 325px;
	margin: 10px 22px 10px 0;
}

#customDocument input.inputText
{
	width: 320px;
}
#customDocument input.inputTextError
{
	width: 320px;
}
#customDocument select
{
	width: 320px;
}
#customDocument textarea
{
	width: 320px;
}

.enlarge-preview
{
	background: #fff;
	border: 2px #000 solid;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	width: 600px;
}

.image-enlarge
{
	border: 0; /*height: 555px;*/
	margin: 0 auto; /*width: 450px;*/
}

/* ORDER STATUS
---------------------------------------------------------------------------------------------- */
#searchOrder, #orderHistory, #orderDetailsCart
{
	float: left;
	margin: 12px 0 12px 0;
	width: 100%;
}

#searchOrder p
{
	margin-top: 6px;
	padding: 0 12px;
}

.table-status
{
	width: 100%;
	margin-bottom: 24px;
}

.table-status .tr
{
	border-bottom: 3px #e7e7e7 solid;
}

/* FORMS
---------------------------------------------------------------------------------------------- */
label
{
	height: 40px;
}
form
{
	border: 0;
	margin: 0;
	padding: 0;
}
fieldset
{
	border: 0;
	margin: 0,0px,10px,0;
}

input:hover
{
	background: #e7e7e7;
}
input:focus
{
	background: #fff;
	border: 1px #ccc solid;
}

textarea
{
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
}
textarea:hover
{
	background: #e7e7e7;
}
textarea:focus
{
	background: #fff;
	border: 1px #ccc solid;
}

.dropDown-pages
{
	width: 250px;
	margin: 4px 0 0 0;
}

#search
{
	padding: 8px 12px;
}
#search .inputText
{
	background: #fff url(../images/backgrounds/inputTextSearch.png) repeat-x;
	padding-left: 20px;
	width: 120px;
}

.pageJump
{
	padding: 4px 12px;
	float: left;
	color: #999;
	font-size: 11px;
}
.pageJump .inputText
{
	width: 40px;
}

#perPage
{
	padding: 4px 12px;
	float: left;
	color: #999;
	font-style: italic;
}

#perPage select
{
	font-size: 9px;
}

.inputText, .inputTextSm,.ui-autocomplete-input
{
	background: #fff url(../images/backgrounds/inputText.png) repeat-x;
	border-width: 1px;
	border-style: solid;
	border-top-color: #bfbfbf;
	border-right-color: #fff;
	border-left-color: #bfbfbf;
	border-bottom-color: #fff;
	font-size: 13px;
	color: #333;
}

.inputTextError
{
	background: #fcc;
	border-width: 1px;
	border-style: solid;
	border-top-color: #900;
	border-right-color: #f00;
	border-left-color: #900;
	border-bottom-color: #f00;
	font-size: 13px;
	color: #333;
}

.submitSecondarySm
{
	border-width: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}


.submitSecondaryLg
{
	border: 0;
	font-size: 16px;
	cursor: pointer;
	padding: 3px;
}
.submitSecondaryLg:hover
{
}

.submitNeutralLg
{
	background: #ccc;
	border: 0;
	color: #333;
	font-size: 16px;
	cursor: pointer;
	padding: 3px;
}
.submitNeutralLg:hover
{
	background: #999;
}

/*-----BUTTON ICONS-----*/
.arrow-btnRightDisabled
{
	background: url(../images/icons/arrow-btnRightDisabled.png) right no-repeat;
	padding-right: 24px;
}

.arrow-btnLeftDisabled
{
	background: url(../images/icons/arrow-btnLeftDisabled.png) left no-repeat;
	padding-left: 24px;
}

.arrow-btnRight
{
	background: url(../images/icons/arrow-btnRight.png) right no-repeat;
	padding-right: 24px;
}

.arrow-btnLeft
{
	background: url(../images/icons/arrow-btnLeft.png) left no-repeat;
	padding-left: 24px;
}

.refresh-sm
{
	background: url(../images/icons/refresh-sm.png) left no-repeat;
	padding-left: 24px;
}

/* Use w/o thickbox
.close-window
	{
	background: url(../images/buttons/remove.gif) no-repeat;
	display: block;
	float: right;
	height: 20px;
	margin-top: -8px;
	text-align: center;
	text-indent: -1000em;
	width: 20px;
	}*/

.close-window
{
	background: url(../images/buttons/remove.gif) no-repeat;
	display: block;
	float: right;
	height: 20px;
	text-align: center;
	text-indent: -1000em;
	width: 20px;
}
.close-window:hover
{
	background-position: 0 -20px;
}

.mini-loader
{
	float: left;
	height: 16px;
	margin-top: 3px;
	width: 16px;
}

/*-----JQUERY BUTTONS-----*/ 
/*.buttonDisabledLg
{
	outline: none;
	border: none;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	display: -moz-inline-box;
	display: inline-block;
	overflow: visible;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
a.buttonDisabledLg
{
	color: #ccc;
	background: #e4e4e4;
	padding: 5px 7px;
	font-size: 16px;
	font-weight: bold;
}*/

a.rounded, .buttonPrimaryLg, .buttonPrimaryMed, .buttonPrimarySm, .buttonSecondaryLg, .buttonSecondaryMed, .buttonSecondarySm, .buttonNeutralLg, .buttonNeutralMed, .buttonNeutralSm, .buttonRedSm
{
	border: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	outline: none;
	border: none;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	display: -moz-inline-box;
	display: inline-block;
	overflow: visible;
}

.buttonPrimaryLg, .buttonPrimaryMed, .buttonPrimarySm
{
	padding: 3px 6px;
}
.buttonPrimaryLg
{
	font-size: 14px;
	font-weight: bold;
}

.buttonPrimaryMed
{
	font-size: 13px;
	font-weight: bold;
}

.buttonPrimarySm
{
	font-size: 11px;
	font-weight: bold;
}

.buttonPrimaryLg:hover, .buttonPrimaryMed:hover, .buttonPrimarySm:hover
{
	text-decoration: underline;
}

/*SECONDARY*/
.buttonSecondaryLg, .buttonSecondaryMed, .buttonSecondarySm
{
	padding: 3px 6px;
}
.buttonSecondaryLg
{
	font-size: 15px;
	font-weight: bold;
}

.buttonSecondaryMed
{
	font-size: 13px;
	font-weight: bold;
}

.buttonSecondarySm
{
	font-size: 11px;
	font-weight: bold;
}

.buttonSecondaryLg:hover, .buttonSecondaryMed:hover, .buttonSecondarySm:hover
{
	text-decoration: underline;
}

/*NEUTRAL*/
.buttonNeutralLg, a.buttonNeutralLg, a:visited.buttonNeutralLg, .buttonNeutralMed, a.buttonNeutralMed, a:visited.buttonNeutralMed, .buttonNeutralSm, a.buttonNeutralSm, a:visited.buttonNeutralSm
{
	color: #666;
	background: #ccc;
	padding: 3px 6px;
}

.buttonNeutralLg
{
	font-size: 14px;
	font-weight: bold;
}

.buttonNeutralMed
{
	font-size: 13px;
	font-weight: bold;
}

.buttonNeutralSm
{
	font-size: 11px;
	font-weight: bold;
}

.buttonNeutralLg:hover, .buttonNeutralMed:hover, .buttonNeutralSm:hover
{
	background: #bfbfbf;
	text-decoration: underline;
}

/*RED*/
.buttonRedSm, a.buttonRedSm, a:visited.buttonRedSm
{
	color: #fff;
	background: #c00;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 6px;
}

a:hover.buttonRedSm
{
	background: #900;
	text-decoration: underline;
}

/*GREEN*/
.buttonGreenSm, a.buttonGreenSm, a:visited.buttonGreenSm
{
	color: #fff;
	background: #093;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 6px;
}

a:hover.buttonGreenSm
{
	background: #063;
	text-decoration: underline;
}

/*BLUE*/
.buttonBlueSm, a.buttonBlueSm, a:visited.buttonBlueSm
{
	color: #fff;
	background: #005375;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 6px;
}

a:hover.buttonBlueSm
{
	background: #003044;
	text-decoration: underline;
}

/*PURPLE*/	
.buttonPurpleSm, a.buttonPurpleSm, a:visited.buttonPurpleSm
{
	color: #fff;
	background: #306;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 6px;
}
	
a:hover.buttonPurpleSm
{
	background: #306;
	text-decoration: underline;
}

/*YELLOW*/
.buttonYellowSm, a.buttonYellowSm, a:visited.buttonYellowSm
{
	color: #fff;
	background: #f60;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 6px;
}

a:hover.buttonYellowSm
{
	background: #c30;
	text-decoration: underline;
}

/*WHITE*/
.buttonTextWhite
{
	color:#fff !important;
}
.buttonWhite, a.buttonWhite, a:visited.buttonWhite
{
	color: #333;
	background: #fff;
	padding: 3px 6px;
}

.buttonWhite
{
	font-size: 12px;
	font-weight: bold;
}

a:hover.buttonWhite
{
	background: #eee;
	text-decoration: underline;
}

.buttonFix {background: #fff;}
/*USE IF PARENT BACKGROUND COLOR IS INHERITED*/

/*WHITE*/
.buttonSecondarySm 
{
-moz-border-radius:5px 5px 5px 5px;
color:#666666;
cursor:pointer;
font-size:12px;
text-align:center;
}

.submitNeutral, .submitNeutral:hover 
{
-moz-border-radius:5px 5px 5px 5px;
background:url("../images/backgrounds/button.png") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
color:#666666;
cursor:pointer;
font-size:12px;
text-align:center;
}
.container-setQuantity
	{
	padding: 2px 0 8px 0;
	text-align: right;
	}

.form-setQuantity
	{
	float: right;
	width: 150px;
	}
	
.header-setQuantity {float: right;}

.button-add, .button-add:hover
{
	background: #fff url(../images/backgrounds/button-add.png) top left no-repeat;
	font-size: 11px;
	font-weight: bold;
	color: #0c0;
	padding: 0 0 0 14px;
	cursor: pointer;
}

.button-delete, .button-delete:hover
{
	background: #fff url(../images/backgrounds/button-delete.png) top left no-repeat;
	font-size: 11px;
	font-weight: bold;
	color: #f00;
	padding: 0 0 0 14px;
	cursor: pointer;
	width: 22px;
}

.button-darkGrey, .button-darkGrey:hover
{
	background: #707070 url(../images/backgrounds/button-darkGrey.png) repeat-x;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	padding: 0;
	border-color: #ccc;
	cursor: pointer;
}


/* CART PODS
---------------------------------------------------------------------------------------------- */
.container-cartPods {}
.cartPod-left, 
.cartPod-right
	{
	background: url(../images/backgrounds/cartPod.png) repeat-x;
	border: 3px #e7e7e7 solid;
	height: 200px;
	margin: 12px 0;
	width: 48%;
	}
.cartPod-left {float: left;}
.cartPod-right {float: right;}
	
.innerCartPod-left {padding: 14px;}
.innerCartPod-right
	{
	background-image: url(../images/backgrounds/mimeo-boxes.png);
	background-position: 215px 12px;
	background-repeat: no-repeat;
	font-size: 12px;
	height: 160px;
	padding: 14px 250px 14px 14px;
	}
	
.mimeo-cartPod
	{
	background-image: url(../images/logos/mimeo-cartPod.png);
	background-repeat: no-repeat;
	height: 57px;
	margin-bottom: 5px;
	width: 140px;
	}



/* NEW WARNING MESSAGES
---------------------------------------------------------------------------------------------- */
/*-----BEGIN: Containers-----*/
.container-buttons
{
	margin-top: 24px;
}
.container-padding
{
	padding: 12px 12px 30px 12px;
}

.container-messageSlate, .container-messageRed, .container-messagePurple, .container-messageBlue, .container-messageGreen, .container-messageOrange
{
	width: 100%;
	margin: 12px auto;
	text-align: left;
	border: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #fff;
}
.container-messageSlate
{
	background: #325664 url(../images/backgrounds/bgSlate.png) center repeat-y;
}
.container-messageRed
{
	background: #5c0901 url(../images/backgrounds/bgRed.png) center repeat-y;
}
.container-messagePurple
{
	background: #310b4b url(../images/backgrounds/bgPurple.png) center repeat-y;
}
.container-messageBlue
{
	background: #013b7b url(../images/backgrounds/bgBlue.png) center repeat-y;
}
.container-messageGreen
{
	background: #14451b url(../images/backgrounds/bgGreen.png) center repeat-y;
}
.container-messageOrange
{
	background: #cb5a00 url(../images/backgrounds/bgOrange.png) center repeat-y;
}
/*-----END: Containers-----*/

/*-----BEGIN: Links-----*/
.container-messageSlate a:link, .container-messageSlate a:visited, .container-messageRed a:link, .container-messageRed a:visited, .container-messagePurple a:link, .container-messagePurple a:visited, .container-messageBlue a:link, .container-messageBlue a:visited, .container-messageGreen a:link, .container-messageGreen a:visited, .container-messageOrange a:link, .container-messageOrange a:visited
{
	font-weight: bold;
}
.container-messageSlate a:link, .container-messageSlate a:visited
{
	color: #bcffff;
}
.container-messageRed a:link, .container-messageRed a:visited
{
	color: #f00;
}
.container-messagePurple a:link, .container-messagePurple a:visited
{
	color: #d760ff;
}
.container-messageBlue a:link, .container-messageBlue a:visited
{
	color: #56feff;
}
.container-messageGreen a:link, .container-messageGreen a:visited
{
	color: #48ff8a;
}
.container-messageOrange a:link, .container-messageGreen a:visited
{
	color: #ffff28;
}
/*-----END: Links-----*/

/*-----BEGIN: Buttons-----*/
.container-messageSlate a:link.button, .container-messageSlate a:visited.button, .container-messageSlate a:link.button-dim, .container-messageSlate a:visited.button-dim, .container-messageRed a:link.button, .container-messageRed a:visited.button, .container-messageRed a:link.button-dim, .container-messageRed a:visited.button-dim, .container-messagePurple a:link.button, .container-messagePurple a:visited.button, .container-messagePurple a:link.button-dim, .container-messagePurple a:visited.button-dim, .container-messageBlue a:link.button, .container-messageBlue a:visited.button, .container-messageBlue a:link.button-dim, .container-messageBlue a:visited.button-dim, .container-messageGreen a:link.button, .container-messageGreen a:visited.button, .container-messageGreen a:link.button-dim, .container-messageGreen a:visited.button-dim, .container-messageOrange a:link.button, .container-messageOrange a:visited.button, .container-messageOrange a:link.button-dim, .container-messageOrange a:visited.button-dim
{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin: 24px 12px 0 0;
	padding: 6px 12px;
	text-decoration: none;
	text-align: center;
}

.container-messageSlate a:link.button, .container-messageSlate a:visited.button, .container-messageRed a:link.button, .container-messageRed a:visited.button, .container-messagePurple a:link.button, .container-messagePurple a:visited.button, .container-messageBlue a:link.button, .container-messageBlue a:visited.button, .container-messageGreen a:link.button, .container-messageGreen a:visited.button, .container-messageOrange a:link.button, .container-messageOrange a:visited.button
{
	border: 2px #fff solid;
	color: #fff;
}

/*SLATE*/
.container-messageSlate a:link.button, .container-messageSlate a:visited.button, .container-messageSlate a:link.button-dim, .container-messageSlate a:visited.button-dim
{
	background: #325664 url(../images/backgrounds/btnSlate.png) repeat-x;
}
.container-messageSlate a:link.button-dim, .container-messageSlate a:visited.button-dim
{
	border: 2px #bcffff solid;
	color: #bcffff;
}

/*RED*/
.container-messageRed a:link.button, .container-messageRed a:visited.button, .container-messageRed a:link.button-dim, a:visited.button-dim
{
	background: #5c0901 url(../images/backgrounds/btnRed.png) repeat-x;
}
.container-messageRed a:link.button-dim, a:visited.button-dim
{
	border: 2px #f00 solid;
	color: #f00;
}

/*PURPLE*/
.container-messagePurple a:link.button, .container-messagePurple a:visited.button, .container-messagePurple a:link.button-dim, .container-messagePurple a:visited.button-dim
{
	background: #2c0a45 url(../images/backgrounds/btnPurple.png) repeat-x;
}
.container-messagePurple a:link.button-dim, .container-messagePurple a:visited.button-dim
{
	border: 2px #d760ff solid;
	color: #d760ff;
}

/*BLUE*/
.container-messageBlue a:link.button, .container-messageBlue a:visited.button, .container-messageBlue a:link.button-dim, .container-messageBlue a:visited.button-dim
{
	background: #013c7b url(../images/backgrounds/btnBlue.png) repeat-x;
}
.container-messageBlue a:link.button-dim, .container-messageBlue a:visited.button-dim
{
	border: 2px #56feff solid;
	color: #56feff;
}

/*GREEN*/
.container-messageGreen a:link.button, .container-messageGreen a:visited.button, .container-messageGreen a:link.button-dim, .container-messageGreen a:visited.button-dim
{
	background: #14451b url(../images/backgrounds/btnGreen.png) repeat-x;
}
.container-messageGreen a:link.button-dim, .container-messageGreen a:visited.button-dim
{
	border: 2px #48ff8a solid;
	color: #48ff8a;
}

/*ORANGE*/
.container-messageOrange a:link.button, .container-messageOrange a:visited.button, .container-messageOrange a:link.button-dim, .container-messageOrange a:visited.button-dim
{
	background: #14451b url(../images/backgrounds/btnOrange.png) repeat-x;
}
.container-messageOrange a:link.button-dim, .container-messageOrange a:visited.button-dim
{
	border: 2px #ffff28 solid;
	color: #ffff28;
}

/*SLATE*/
.container-messageSlate a:hover.button, .container-messageSlate a:active.button, .container-messageSlate a:hover.button-dim, .container-messageSlate a:active.button-dim, /*RED*/ .container-messageRed a:hover.button, .container-messageRed a:active.button, .container-messageRed a:hover.button-dim, .container-messageRed a:active.button-dim, /*PURPLE*/ .container-messagePurple a:hover.button, .container-messagePurple a:active.button, .container-messagePurple a:hover.button-dim, .container-messagePurple a:active.button-dim, /*BLUE*/ .container-messageBlue a:hover.button, .container-messageBlue a:active.button, .container-messageBlue a:hover.button-dim, .container-messageBlue a:active.button-dim, /*GREEN*/ .container-messageGreen a:hover.button, .container-messageGreen a:active.button, .container-messageGreen a:hover.button-dim, .container-messageGreen a:active.button-dim, /*ORANGE*/ .container-messageOrange a:hover.button, .container-messageOrange a:active.button, .container-messageOrange a:hover.button-dim, .container-messageOrange a:active.button-dim
{
	background-position: 0 -100px;
}
/*-----END: Buttons-----*/

/*-----BEGIN: Headings-----*/
.container-messageSlate h2, .container-messageRed h2, .container-messagePurple h2, .container-messageBlue h2, .container-messageGreen h2, .container-messageOrange h2
{
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}

.container-messageSlate h2
{
	border-bottom: 2px #bcffff solid;
}
.container-messageRed h2
{
	border-bottom: 2px #f00 solid;
}
.container-messagePurple h2
{
	border-bottom: 2px #d760ff solid;
}
.container-messageBlue h2
{
	border-bottom: 2px #56feff solid;
}
.container-messageGreen h2
{
	border-bottom: 2px #48ff8a solid;
}
.container-messageOrange h2
{
	border-bottom: 2px #ffff28 solid;
}
/*-----END: Headings-----*/

/* BREAK IN CASE NO HACKS NEEDED
---------------------------------------------------------------------------------------------- */
.table-jaded
{
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

.table-jaded td
{
	padding: 4px 6px;
	vertical-align: top;
}

.table-jaded th
{
	color: #fff;
	padding: 6px 6px;
}

.rowGrey
{
	background: #eee;
}


/* ADMIN TOOLBAR
---------------------------------------------------------------------------------------------- */
.container-adminBar
{
	/*background: #81d3e4;*/
	color: #fff;
	padding: 5px 8px;
	border-bottom: 3px #adadad solid;
	font-size: 14px;
	height: 18px;
}
.heading-adminBar
{
	float: left;
	margin-right: 10px;
	line-height: 1.3em;
}

.button-adminBar
{
	float: left;
	margin-right: 10px;
	background: #fff url(../images/backgrounds/btn-admin.png) repeat-x;
	color: #999;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 8px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}








/* ==============================================
	Dev added 
   ===============================================*/
.webRequestActivityIndicator
{
	font-size: 10px;
	position: absolute;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	white-space: nowrap;
	width: 200px;
	background-color: #66CC00;
	background-image: url(../images/WebRequestActivityIndicatorBackground.png);
	padding: 0px 5px 0px 5px;
	line-height: 30px;
	height: 30px;
	z-index: 2000;
	border-right: solid 1px #5EBB00;
	border-left: solid 1px #74E800;
	border-bottom: solid 1px #55AA00;
}

/*http://www.nowcss.com/javascript/emulating-position-fixed-in-ie-6-below IE6 Fix HACK*/
* html .webRequestActivityIndicator
{
	/*\*/
	position: absolute;
	top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
	right: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px'); /**/
}

.webRequestActivityIndicator
{
	position: fixed;
	top: 0px;
	right: 0px;
}


.sys-template
{
	display: none;
}

.pageJump
{
	float: left;
}

/* custom*/

.orderDetailItem3
{
	float: left;
	width: 15%;
}
.orderDetailItem5
{
	float: left;
	width: 23%;
}
.orderDetailItem1
{
	float: left;
	width: 25%;
}
.orderDetailItem4
{
	float: left;
	width: 22%;
}
.orderDetailItem2
{
	float: left;
	width: 13%;
}

h1 a
{
	background: none;
	display: block;
	height: 100px;
}

#logo
{
	background: #fff;
	float: left;
	height: 100px;
	width: 230px;
}

.orderDetailItem
{
	float: left;
	width: 17%;
	*width:17%;
}

.table-shipping .active
{
	background: #e7e7e7;
}

.productView span a.active
{
	color: #666666;
}
.differaddress
{
	font-weight: bold;
}

.productSettingsDIV
{
	float: left;
	width: 325px;
	margin: 6px 20px;
}

.mimeo-currency
{
	padding: 0 !important;
}

.container-noColumn #content
{
	margin: 0;
}
.container-noColumn
{
	border-left: 4px #adadad solid;
	border-right: 4px #adadad solid;
	border-bottom: 4px #adadad solid;
	background: #fff;
	margin: 0 auto; /*min-height: 900px;*/
	width: 960px;
}

.container-noColumn #navigation
{
	margin: 0;
}

.filterHead
{
	padding: 0 0 0 12px;
	color: #999999;
	font-size: 12px;
}

.filterHead .itemactive
{
	font-weight:bold;	
}

.filter-active
{
	background: #dadada url(../images/icons/arrow-filterActive.png) 198px 4px no-repeat;
}

ul.column-list li.itemactive a, ul.column-list li.itemActive a:visited, ul.column-list li ul.column-list li.itemactive a, ul.column-list li ul.column-list li.itemactive a:visited
{
	color: #990000;
}

.defaultLink
{
	cursor: pointer;
}

#menu-tabs ul li.tab-cart span
{
	background: none;
}
#successNote
{
	background: url(../images/backgrounds/mimeoMailer.png) right no-repeat;
	height: 160px;
	padding: 12px 350px 0 0;
}

.container-flash-detailView
{
	background: #fff;
	margin: 0 auto;
	width: 800px;
	height: 500px;
	padding: 10px;
}

.container-detailViewLarge
{
	background: #fff;
	margin: 0 auto;
	width: 300px;
	height: 320px;
	padding: 10px;
	text-align: center;
}

.image-detailView
{
	width: 278px;
}
.bordercontainter
{
	border: 1px solid red;
}

.background-yellow
{
	background: #FFFF66 none repeat scroll 0 0;
}
/* Validation Error Popup */
div.validationErrorPopupContainer
{
	width: 247px;
	text-align: center !important;
	position: absolute !important;
	font-size: 12px;
}

div.validationErrorPopupArrow
{
	background-image: url(../images/ValidationErrorPopupArrow.png);
	background-repeat: no-repeat;
	position: absolute !important;
	height: 30px !important;
	width: 20px !important;
	left: 0px !important;
	top: 0px !important;
	z-index: 100 !important;
}

div.validationErrorPopupBody
{
	/* background-image:url(../images/ValidationErrorPopupBackground.png); */
	background-color: #F8F8F8;
	position: absolute !important;
	left: 18px !important;
	top: 0px !important;
	background-repeat: repeat-x !important;
	border: 1px solid #999999 !important;
	width: auto !important;
	z-index: 1 !important;
	text-align: left !important;
	padding: 10px !important;
}

div.validationErrorPopupDetail
{
	font-size: 10px;
	color: #000000;
}

small.textInputInvalid, label.error, label.textInputInvalid
{
	display: none;
	position: absolute;
	left: -3000px;
}


input.inputTextError, input.textInputInvalid, select.inputTextError, select.textInputInvalid, input.error, input.error, select.error, select.error
{
	background: #fcc;
	border-width: 1px;
	border-style: solid;
	border-top-color: #900;
	border-right-color: #f00;
	border-left-color: #900;
	border-bottom-color: #f00;
	font-size: 13px;
	color: #333;
}

small.inputTextError
{
	color: #FF0000;
	display: block;
	position: relative;
}

.fixPopupDiv
{
	position: fixed !important;
	position: absolute;
	top: 25%;
	left: 38%;
	margin-top: -100px;
	margin-left: -200px;
}

.middleLoginBody
{
	background: #CCCCCC url(../images/backgrounds/createAccountBody.png) repeat-x scroll 0 0;
}

body#checkout #container
{
	background: #fff !important;
}
.paymentInfoDiv
{
	float: left;
	width: 420px;
	margin: 10px 10px;
	height: 40px;
	display:inline;
}

ul#menu-main li.active a
{
	background-image: url(../images/backgrounds/menuMainActive.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000066;
}
#documentSummary .tabActive a, #documentPreview .tabActive a:visited
{
	color: #333;
	display: block;
}
#documentSummary .tabInactive a, #documentPreview .tabInactive a:visited
{
	display: block;
}

.heading-savedAddresses
{
	color: #000000;
}

body#checkout #content
{
	margin: 0 0 -17px 0;
	border-top: 2px #e7e7e7 solid;
	background: #fff none !important;
}

.marginTop-2
{
	min-height: 90px;
	height: auto !important;
	height: 90px;
}

.admin-delete
{
	background: url(../images/icons/x.gif) 6px 6px no-repeat;
	font-size: 11px;
	border-top: 2px #e7e7e7 solid;
	border-right: 2px #e7e7e7 solid;
	border-left: 2px #e7e7e7 solid;
	padding: 3px 3px 3px 20px;
}

#menu-tabs ul li.tab-cart
{
	width: auto !important;
}

#category a, #category h4
{
	color: #000;
}

/*--YHUI CSS */

.yui-skin-sam .yui-toolbar-container .yui-toolbar-editcode span.yui-toolbar-icon
{
	background-image: url(../images/buttons/html_editor.gif) !important;
	background-position: 0 1px !important;
	left: 5px;
}
.yui-skin-sam .yui-toolbar-container .yui-button-editcode-selected span.yui-toolbar-icon
{
	background-image: url(../images/buttons/html_editor.gif) !important;
	background-position: 0 1px !important;
	left: 5px;
}
.editor-hidden
{
	visibility: hidden !important;
	display: none !important;
	top: -9999px;
	left: -9999px;
	position: absolute !important;
}
.yui-toolbar-group-insertitem
{ *width:auto;

}
.yui-skin-sam .yui-dt-body
{
	cursor: pointer;
}
/* when rows are selectable */
#single
{
	margin-top: 2em;
}


.product-description
{
	min-height: 165px;
}

.product-detail-description
{
	height: auto !important;
	height: 180px;
	margin-top: 4px;
	min-height: 180px;
}
.previewCanvas
{
	height: 312px;
}
/* hot fix by ocean  */
#deliveryNotes
{
	margin-top: 8px;
	width: 450px;
	clear: both;
}

.table-shipping .tr, .table-shipping-currencies .tr
{
	border-bottom: 3px #e7e7e7 solid;
	clear: both;
}

/*  end */


.ie6 .blackout
{
	/*height: 2000px;*/
	width: 1200px;
	background-image: url(../images/backgrounds/lightbox.gif);
}
.ie6 .fixPopupDiv
{
	/* IE5.5+/Win - this is more specific than the IE 5.0 version */
	right: auto;
	bottom: auto;
	left: 440px;
	top: 300px;
}

ul.column-list li.itemactive a, ul.column-list li.itemactive a:visited,
h4 a.itemActive, h4 a.itemActive:visited
{
	font-weight: bold;
}

ul.adminTools li a:hover
{
	color:  #999999 !important;	
}
.widget-cart
{
	margin-left:5px !important;	
}

ul.editCategories
{
	font-size:0px;
}
.spinner, .spinnerLg, .digitalLoading
{
	background: #fff;
	color: #999;
	border: 4px #ccc solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 13px;
	text-align: center;
	width: 80px;
	z-index: 10001;
	position: fixed !important;
	position: absolute;
	top: 40%;
	left: 60%;
	margin-top: -100px;
	margin-left: -200px;
	_right: auto;
	_bottom: auto;
	_left:850px ;
	_top:300px ;
}

.digitalLoading 
{
	z-index: 10005;
}

.digitalLoading-bg
{
	padding-top: 20px;
	background-image: url(../images/backgrounds/lightbox.png);
	z-index: 10003;
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	min-height: 115%;
}

.spinner-ie7
{
	*+width: 60px;
	*+height: 60px;
}

.spinnerLg, .digitalLoading {padding: 16px;width: 300px;left: 50%;}

.container-spinner
	{
	z-index: 1000;
	position: absolute;
	right: 0;
	left: 0;
	top: 100px;
	}
	
.widget-cart .column-right {
width:150px;
}

.td-53
{
	width:53%;
}
.td-11
{
	width:11%;
}

body#checkout #confirmDelivery
{
	margin:5px 12px 12px 0;
}

body#checkout #confirmPayment
{
    margin:5px 0 12px 12px;
}

a
{
 cursor:pointer;	
}

.product-description-sm
{
	height: auto !important;
	height: 155px;
	margin-top: 4px;
	min-height: 155px;
}

.totals-columnLeft
{
	width: 200px;
}
#paymentInfo label
{
	float: left;
	width: 420px;
	margin: 10px 10px;
}

.cartPodVisibility
{
	 visibility:hidden;
}
.m-imageContainer
{

}
/* BEGIN: Added 05/21/10
---------------------------------------------------------------------------------------------------- */
.deliveryColumnLeft
	{
	float: left;
	width: 290px;
	padding: 0 10px 10px 10px;
	/*IE6 HACK */
	*width: 285px;
	}
	
.deliveryColumnRight
	{
	margin: 20px 0 0 320px;
	}
	
table.listings
	{
	border-collapse: collapse;
	width: 100%;
	-width: 98%;
	}
	
table.listings tr.active {background: #e7e7e7;}
	
table.listings th
	{
	font-size: 13px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*padding: 10px;*/
	padding: 5px;
	text-align: left;
	}
table.listings th a, table.listings th a:visited {color: #666;}
	
table.listings td {padding: 6px;}

table.listings td.totalHeading {padding: 6px;text-align: right;color: #999;font-weight: bold;font-size: 16px;}
table.listings td.subtotal {padding: 6px;text-align: right;color: #999;font-weight: bold;font-size: 16px;}
table.listings td.total {padding: 6px;text-align: right;font-weight: bold;font-size: 16px;}

.productionNote
	{
	border: 1px #c00 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear: right;
	margin: 0 0 0 0;
	background: #fcc;
	color: #c00;
	padding: 5px 10px 10px 10px;
	}
	
.productionNoteSettings
	{
	background: #fcc;
	border: 1px #c00 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear: right;
	color: #c00;
	font-size: 12px;
	/*margin: 20px 14px 10px 20px; old product settings*/
	margin: 0 0 12px 0;
	padding: 10px 10px 10px 10px;
	}

.corners5px
	{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
/* BREAK IN CASE NO HACKS NEEDED
---------------------------------------------------------------------------------------------------- */
.table-jaded
	{
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	}

.table-jaded td
	{
	padding: 4px 6px;
	vertical-align: top;
	}
	
.table-jaded th
	{
	color: #fff;
	padding: 6px 6px;
	}

.rowGrey {background: #eee;}
.sig-note
	{
	color: #999;
	padding-left: 25px;
	}
	
/* BEGIN: Version 2 Styles
---------------------------------------------------------------------------------------------------- */
.clearBoth {clear: both;}
.mb5px {margin-bottom: 5px;}
.mt3px {margin-top: 3px;}
.mt8px {margin-top: 8px;}
.mt6px {margin-top: 6px;}
.mt10px {margin-top: 10px;}
.mr6px {margin-right: 6px;}
.mr12px {margin-right: 12px;}
.pr20px {padding-right: 12px;}
.lineHeight26px {line-height: 26px;}
.height25px {height: 25px;}
.height75px {height: 75px;}
.height150px {height: 150px;}
.colorLight {color: #999;}


.width250px {width: 250px;}
.w50px {width: 50px;}
.w250px {width: 250px;}
.w325px {width: 325px;}

.b0m0p0 {border: 0;margin: 0;padding: 0;}


.containerTwoColumns
	{
	float: left;width: 50%;
	}

.inputQty
	{
	border: 1px #ccc solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	width: 40px;
	}

a.button
	{
	/*background: #000;*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: inline-block;
	font-weight: bold;
	padding: 3px 6px;
	text-align: center;
	}
/* END: Version 2 Styles
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Products V2
---------------------------------------------------------------------------------------------------- */
.containerProduct h3 {font-size: 15px;}

.inputQty
	{
	border: 1px #ccc solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	width: 40px;
	}
	
.productTool
	{
	border: 1px #ccc solid;
	background: #fff;
	xborder-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
	
.containerProduct
	{
	font-size: 12px;
	margin-bottom: 25px;
	}
	
.addToCart
	{
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	margin: 5px auto;
	width: 212px;
	}
	
.containerPurchase
	{
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	border: 1px #ccc solid;
	/*background: url(../images/elements/bannerFeatured.png);*/
	float: right;
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 225px;
	padding: 10px;
	line-height: 1.3em;
	}
	
.bannerFeatured
	{
	background-image: url(../Images/Elements/bannerFeatured.png);
	background-position: top right;
	background-repeat: no-repeat;
	}
	
	.purchaseCenter
	{
		text-align:center;
		width:220px;
		margin:auto;
	}
	
.purchaseLeft, 
.purchaseLeftSmall
	{
	float: left;
	width: 38%;
	text-align: right;
	margin: 0 3px 0 0;
	}
.purchaseLeftSmall {font-size: 10px;}
	
.purchaseRight, 
.purchaseRightSmall
	{
	float: left;
	width: 58%;
	margin: 0 0 0 3px;
	}
.purchaseRightSmall {font-size: 10px;}

.productThumbnail
	{
	float: left;
	height: 128px;
	line-height: 120px;
	margin: 0 12px 12px 0;
	text-align: center;
	width: 128px;
	}

.noteProductAdded
	{
	background-image: url(../Images/Icons/checkSmall.png);
	background-position: left;
	background-repeat: no-repeat;
	color: #0c0;
	font-size: 11px;
	margin-top: 5px;
	padding-left: 10px;
	display:inline-block; 
	*display:inherit; /* IE */
	}
	
a.adminToolTab,
a:visited.adminToolTab
	{
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 10px;
	height: 16px;
	padding: 3px 5px 0 5px;
	}

a:hover.adminToolTab
	{
	text-decoration: underline;
	}

.adminCopy
	{
	background: url(../images/icons/adminCopy.png) left no-repeat;
	padding: 0 0 0 15px;
	}

.adminEdit
	{
	background: url(../images/icons/adminEdit.png) left no-repeat;
	padding: 0 0 0 15px;
	}

.adminDelete
	{
	background: url(../images/icons/adminDelete.png) left no-repeat;
	padding: 0 0 0 15px;
	}

.containerAdminTools
	{
	margin-top: 30px;
	text-align: right;
	}
	
.containerInformation
	{
	min-height: 110px;
	}
	
/*table.inputForms
	{
	border-collapse: collapse;
	margin: 8px 0 12px 0;
	width: 100%;
	}
	
table.inputForms td
	{
	padding: 4px 2px;
	}
	
table.inputForms tr.zebra
	{
	background: #f4f4f4;
	border: 0;
	margin: 20px;
	}
	
table.inputForms input
	{
	border: 1px #ccc solid;
	text-align: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}*/
/* END: Products V2
---------------------------------------------------------------------------------------------------- */
	
/* BEGIN: Product Settings V2
---------------------------------------------------------------------------------------------------- */
.containerProductSettings {padding: 16px;}
	
.containerProductSettings .left
	{
	/*background: #f00;*/
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	width: 535px;
	}
	
.containerProductSettings .right
	{
	/*background: #0f0;*/
	color: #666;
	height: auto;
	margin-left: 548px;
	width: 380px;
	}

.settingBox
	{
	background: #f5f5f5;
	border: 1px #d9d9d9 solid;
	color: #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*margin-top: 15px; pre breaks */
	padding: 8px 8px 8px 8px;
    margin-bottom:20px;
	}
	
.settingBox .textbox,
.settingBox select
	{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #666;
	font-size: 12px;
	border:1px solid #CCCCCC;
	}
	
.settingBox h3
	{
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	color: #666;
	cursor: pointer;
	font-size: 15px;
	font-weight: normal;
	}
	
#toggleBundling, #toggleStatus, #toggleQty, #toggleFields, #toggleFilters, 
#togglePermissions, #toggleTags, #toggleCategories, #toggleMarkup, 
#togglePreview, #toggleSummary, #togglePaths, #toggleApproval, #toggleNotes, #toggleLinked
{background: url(../images/icons/boxArrowActive.png) 0px 4px no-repeat;padding-left: 15px;}

#toggleBundling.newClass, #toggleStatus.newClass, #toggleQty.newClass, #toggleFields.newClass, #toggleFilters.newClass, 
#togglePermissions.newClass, #toggleTags.newClass, #toggleCategories.newClass, #toggleMarkup.newClass, 
#togglePreview.newClass, #toggleSummary.newClass, #togglePaths.newClass, #toggleApproval.newClass, #toggleNotes.newClass,#toggleLinked.newClass
{background: url(../images/icons/boxArrow.png) 0px 4px no-repeat;padding-left: 15px;}

.storeItemContents
{
	font-size: 12px;
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
}

.settingContents
	{
	border-top: 1px #d9d9d9 solid;
	font-size: 12px;
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
	}
	
.settingContentsMarkup
	{
	border-top: 1px #d9d9d9 solid;
	font-size: 12px;
	height: 200px;
	padding: 8px;
	margin: 8px 0 0 0;
	}

.containerSelectCategories
	{
	background: #fff;
	height: 150px;
	overflow: scroll;
	overflow-x: hidden;
	padding: 0;
	width: 325px;
	}

ul.editCategories
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}

ul.editCategories li
	{
	font-size: 11px;
	list-style-type: none;
	padding: 0 0 0 18px;
	}
	
ul.tabsPreview
	{
	height: 17px;
	list-style-type: none;
	padding: 2px 0;
	margin: 12px 0 0 0;
	}
	
ul.tabsPreview li
	{
	float: left;
	margin: 0 12px 0 0;
	}
	
ul.tabsPreview li a,
ul.tabsPreview li a:visited
	{
	color: #999;
	outline: none;
	padding: 4px 10px 4px 22px;
	}
	
ul.tabsPreview li a.active,
ul.tabsPreview li a:hover.active,
ul.tabsPreview li a:visited.active
	{
	background: #fff url(../images/icons/checkGrey.png) 6px 6px no-repeat;
	border-top: 1px #d9d9d9 solid;
	border-left: 1px #d9d9d9 solid;
	border-right: 1px #d9d9d9 solid;
	color: #f0f;
	padding-left: 22px;
	text-decoration: none;
	}
	
.containerHeadingSettings {height: 50px;}
	
.inputProductName
	{
	border: 1px #d9d9d9 solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 20px;
	width: 530px;
	}

.containerPreviewSettings
	{
	background: #fff url(../images/backgrounds/dotsPreview.png);
	border: 1px #d9d9d9 solid;
	height: 220px;
	margin-top: -1px;
	padding: 20px;
	text-align: center;
	}
	
.containerZoom
	{
	border-bottom: 2px #d9d9d9 solid;
	margin-top: 12px;
	padding: 0 0 8px 0;
	}
	
.containerSettingsThumb
	{
	height: 60px;
	margin: 12px 0 4px 0;
	}
	
.settingsThumbnail
	{
	border: 1px #d9d9d9 solid;
	float: left;
	height: 50px;
	margin: 0 8px 0 0;
	width: 50px;
	}
/* END: Product Settings V2
---------------------------------------------------------------------------------------------------- */

.containerSectionSelection
	{
	border-left: 1px #dadada solid;
	border-right: 1px #dadada solid;
	border-bottom: 1px #dadada solid;
	}
	.scrollingPrintFilesMinified
	{
	background: #fff;
	border-top: 1px #bfbfbf solid;
	height: 300px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	width: 100%;
	}

/*----------Sort List----------*/
#sortable
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
#sortable li
	{
	background: #f1f1f1 url(../images/backgrounds/gradientLight.png) repeat-x;
	border: 1px solid #cdcdcd;
	color: #666;
	/*cursor: move; Enable for non-minified list*/
	line-height: 18px;
	margin: 4px;
	outline: none;
	padding: 5px;
	}
#sortable li input {margin: 0 5px 0 0;}


/* BEGIN: Scrolling List
---------------------------------------------------------------------------------------------------- */

.buttonBundling
	{
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	border: 1px #cdcdcd solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	}

	
.arrowBundling
	{
	background: url(../images/elements/arrowBundling.png) center no-repeat;
	height: 11px;
	margin: 7px auto;
	width: 117px;
	}

a.dotDelete
	{
	background-image: url(../images/icons/close.png);
	background-position: center;
	background-repeat: no-repeat;
	color: #999;
	display: block;
	float: left;
	height: 17px;
	margin: 7px 4px 0 4px;
	text-indent: -1000em;
	width: 17px;
	}
a:hover.dotDelete, a:active.dotDelete {background-image: url(../images/icons/dotDeleteActive.png);}
	

.rowScrollingItem {height: 52px;line-height: 26px;}

.rowScrollingItem .textbox
	{
	margin: 3px 4px 0 0;
	text-align: center;
	width: 30px;
	}

.zebraBg {background: #e7e7e7;}

.scrollingList
	{
	background: #fff;
	border: 1px #dadada solid;
	overflow: scroll;
	overflow-x: hidden;
	}

#boxBundling .scrollingList
	{
	height: 250px;
	margin-top: 8px;
	width: 510px;
	}

.listItemCheckbox
	{
	color: #999;
	display: block;
	padding: 2px 2px 2px 8px;
	}

.listItemCheckboxSub
	{
	color: #999;
	display: block;
	padding: 2px 2px 2px 30px;
	}

.listItemCheckboxSubSub
	{
	color: #999;
	display: block;
	padding: 2px 2px 2px 50px;
	}
.listItemCheckbox:hover, .listItemCheckboxSub:hover , .listItemCheckboxSubSub:hover {color: #333;}
.listItemCheckbox input, .listItemCheckboxSub input, .listItemCheckboxSubSub input {margin-right: 5px;}
	
a.listItemDelete,
a:visited.listItemDelete
	{
	background-image: url(../images/icons/dotDelete.png);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	color: #999;
	display: block;
	line-height: 20px;
	padding: 2px 2px 2px 22px;
	}
a:hover.listItemDelete,
a:active.listItemDelete
	{
	background-image: url(../images/icons/dotDeleteActive.png);
	color: #f06;
	text-decoration: none;
	}
	
a.listItemAdd,
a:visited.listItemAdd
	{
	background-image: url(../images/icons/dotAdd.png);
	background-position: 8px 6px;
	background-repeat: no-repeat;
	color: #999;
	display: block;
	padding: 2px 2px 2px 26px;
	}
a:hover.listItemAdd,
a:active.listItemAdd
	{
	background-image: url(../images/icons/dotAddActive.png);
	color: #0f6;
	text-decoration: none;
	}
.containerBundlingButtonBackground
{
	background: url(../images/icons/bundlingBox.png) no-repeat scroll 55px 6px transparent; 
	height: 34px; 
	padding-left: 45px; 
	line-height: 34px; 
}
.w50px {width: 50px;}
.w50 {width: 50%;}
.w250px {width: 250px;}
.w300px {width: 300px;}
.w325px {width: 325px;}
.w350px {width: 350px;}
.w506px {width: 506px;}
/* END: Scrolling List
---------------------------------------------------------------------------------------------------- */


/* BEGIN: Tooltip
---------------------------------------------------------------------------------------------------- */
#tt
	{
	position:absolute;
	display:block;
	/*background:url(images/tt_left.gif) top left no-repeat*/
	}
	
#tttop
	{
	display:block;
	height:5px;
	margin-left:5px;
	/*background:url(images/tt_top.gif) top right no-repeat;*/
	overflow:hidden
	}
	
#ttcont
	{
	display:block;
	padding: 5px 8px;
	margin: 5px;
	background: #fff;
	color:#666;
	font: 12px arial;
	border: 1px #ccc solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;

	min-width: 300px;
	line-height: 20px;
	}
#ttbot
	{
	display:block;
	height:5px;
	margin-left:5px;
	/*background:url(images/tt_bottom.gif) top right no-repeat;*/
	overflow:hidden
	}
/* END: Tooltip
---------------------------------------------------------------------------------------------------- */


/* BEGIN: Carousel
---------------------------------------------------------------------------------------------------- */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
	
.jcarousel-container {position: relative;}

.jcarousel-clip
	{
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	}

.jcarousel-list
	{
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
	}

.jcarousel-list li,
.jcarousel-item
	{
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
	}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next,
.jcarousel-prev
	{
    z-index: 3;
    display: none;
	}

 a.swatchLogo
	{
	background-color: #fff;
	background-image: url(../images/icons/upload.png);
	background-position: center;
	background-repeat: no-repeat;
	border: 1px #cdcdcd solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	height: 22px;
	margin-right: 3px;
	width: 22px;
	}
a:hover.swatchLogo {background-image: url(../images/icons/uploadActive.png);}
	
 .swatchColor
	{
	border: 1px #cdcdcd solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	height: 21px;
	margin-right: 3px;
	width: 21px;
	}
	
.swatchForm, .swatchFormLogo
	{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 120px;
	}
.swatchForm {text-transform: uppercase;}

/*---------- BEGIN: Carousel Skin Jaded ----------*/
.jcarousel-skin-jaded .jcarousel-container
	{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fff));
	background: -moz-linear-gradient(top, #f2f2f2, #fff);
    border: 1px solid #cdcdcd;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 16px;
	}

.jcarousel-skin-jaded .jcarousel-container-horizontal 
	{
    padding: 0 30px; /*2nd value controls whether buttons are inside or outside*/
	/*width: 610px;*/
    width: 75%;
	}

.jcarousel-skin-jaded .jcarousel-clip-horizontal
	{
	height: 95px;
	/*width: 610px;*/
    width: 100%;
	}

.jcarousel-skin-jaded .jcarousel-item
	{
	/*background: #ccf;*/
	height: 95px;
	width: 186px;
	}

.jcarousel-skin-jaded .jcarousel-item-horizontal {margin: 0 10px;}

.jcarousel-skin-jaded .jcarousel-item-placeholder
	{
	background: #fff;
	/*color: #000;*/
	}

.jcarousel-skin-jaded .jcarousel-next-horizontal
	{
	background: transparent url(../images/buttons/carouselNext.png) no-repeat 0 0;
	cursor: pointer;
	height: 87px;
	position: absolute;
	right: 5px;
	top: 4px;
	width: 15px;
	}
.jcarousel-skin-jaded .jcarousel-next-horizontal:hover {background-position: -15px 0;}
.jcarousel-skin-jaded .jcarousel-next-horizontal:active {background-position: -30px 0;}

.jcarousel-skin-jaded .jcarousel-next-disabled-horizontal,
.jcarousel-skin-jaded .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-jaded .jcarousel-next-disabled-horizontal:active
	{
	background-position: -45px 0;
	cursor: default;
	}

.jcarousel-skin-jaded .jcarousel-prev-horizontal
	{
	background: transparent url(../images/buttons/carouselPrevious.png) no-repeat 0 0;
	cursor: pointer;
	height: 87px;
	left: 5px;
	position: absolute;
	top: 4px;
	width: 15px;
	}
.jcarousel-skin-jaded .jcarousel-prev-horizontal:hover {background-position: -15px 0;}
.jcarousel-skin-jaded .jcarousel-prev-horizontal:active {background-position: -30px 0;}

.jcarousel-skin-jaded .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-jaded .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-jaded .jcarousel-prev-disabled-horizontal:active
	{
	background-position: -45px 0;
	cursor: default;
	}
/*---------- END: Carousel Skin Jaded  ----------*/

/*---------- BEGIN: Carousel Skin midnite ----------*/
.jcarousel-skin-midnite .jcarousel-container
	{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fff));
	background: -moz-linear-gradient(top, #f2f2f2, #fff);
    border: 1px solid #cdcdcd;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 2px;
	}

.jcarousel-skin-midnite .jcarousel-container-horizontal 
	{
    padding: 0 30px; /*2nd value controls whether buttons are inside or outside*/
	/*width: 610px;*/
    width: 100%;
	}

.jcarousel-skin-midnite .jcarousel-clip-horizontal
	{
	height: 160px;
	/*width: 610px;*/
    width: 100%;
	}

.jcarousel-skin-midnite .jcarousel-item
	{
	/*background: #ccf;*/
	height: 160px;
	text-align: center;
	width: 126px;
	}

.jcarousel-skin-midnite .jcarousel-item-horizontal {margin: 0 10px;}

.jcarousel-skin-midnite .jcarousel-item-placeholder
	{
	background: #fff;
	/*color: #000;*/
	}

.jcarousel-skin-midnite .jcarousel-next-horizontal
	{
	background: transparent url(../images/buttons/carouselNext.png) no-repeat 0 0;
	cursor: pointer;
	height: 87px;
	position: absolute;
	right: 5px;
	top: 27px;
	width: 15px;
	}
.jcarousel-skin-midnite .jcarousel-next-horizontal:hover {background-position: -15px 0;}
.jcarousel-skin-midnite .jcarousel-next-horizontal:active {background-position: -30px 0;}

.jcarousel-skin-midnite .jcarousel-next-disabled-horizontal,
.jcarousel-skin-midnite .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-midnite .jcarousel-next-disabled-horizontal:active
	{
	background-position: -45px 0;
	cursor: default;
	}

.jcarousel-skin-midnite .jcarousel-prev-horizontal
	{
	background: transparent url(../images/buttons/carouselPrevious.png) no-repeat 0 0;
	cursor: pointer;
	height: 87px;
	left: 5px;
	position: absolute;
	top: 27px;
	width: 15px;
	}
.jcarousel-skin-midnite .jcarousel-prev-horizontal:hover {background-position: -15px 0;}
.jcarousel-skin-midnite .jcarousel-prev-horizontal:active {background-position: -30px 0;}

.jcarousel-skin-midnite .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-midnite .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-midnite .jcarousel-prev-disabled-horizontal:active
	{
	background-position: -45px 0;
	cursor: default;
	}
/*---------- END: Carousel Skin midnite  ----------*/
/* END: Carousel
---------------------------------------------------------------------------------------------------- */

/* BEGIN: VDP Version 2
---------------------------------------------------------------------------------------------------- */
	
.p16px {padding: 16px;}
.mb12px {margin-bottom: 12px;}
.w275px {width: 275px;}

/* BEGIN: Document Actions
-------------------------------------------------- */
.pageNav
	{
	background: #000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #999;
	font-size: 11px;
	font-weight: bold;
	opacity: 0.85;
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	filter:alpha(opacity=85);
	padding: 5px 10px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	height: 18px;
	width: 120px;
	text-align: center;
	z-index:10000;
	}
	
.pageNav input
	{
	background: #000;
	color: #fff;
	border: 1px #333 solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1
	filter:alpha(opacity=100);
	width: 40px;
	}
	
a.pageBack,
a.pageForward
	{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	opacity: 0.90;
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	filter:alpha(opacity=90);
	padding: 5px 10px;
	position: absolute;
	bottom: 42%;
	height: 120px;
	width: 12px;
	text-align: center;
	z-index: 20;
	}
	
a:hover.pageBack, a:hover.pageForward
	{
	opacity: 0.65;
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	filter:alpha(opacity=65);
	}
	
a.pageBack {background: #000 url(/Themes/MP4/images/icons/pageBack.png) center no-repeat;left: 20px;z-index:10000;}
a.pageForward {background: #000 url(/Themes/MP4/images/icons/pageForward.png) center no-repeat;right: 20px;z-index:10000;}
/* END: Document Actions
-------------------------------------------------- */
/* BEGIN: Page Switches
-------------------------------------------------- */
.vdpPortrait
	{
	background: #f5f5f5;
	border: 1px #d9d9d9 solid;
	color: #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px;
	position: relative;
	min-height: 800px;
	margin-top:12px;
	}

.vdpLandscape
	{
	background: #f5f5f5;
	border: 1px #d9d9d9 solid;
	color: #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px;
    margin-top:12px;
	}
	
	.vdpImage {margin: auto;}

.vdpPortrait .vdpDocument
	{
	float: left;
	height: 792px;
	margin-right: 16px;
	position: relative;
	width: 612px;
	text-align: center;
	}
	
.vdpPortrait .vdpDocumentB
	{
	float: left;
	height: 792px;
	margin-right: 16px;
	position: relative;
	width: 612px;
	}
	
.vdpLandscape .vdpDocument
	{
	clear: both;
	min-height: 460px;
	margin: 0 auto;
	position: relative;
	width: 792px;
	}
	
.vdpLandscape .vdpDocumentB
	{
	clear: both;
	height: 612px;
	margin: 0 auto;
	position: relative;
	width: 792px;
	}
		
	 .vdpLandscape .loadingImageDiv
	 {
	     height:420px;
	 }
	 
	 .vdpPortrait .loadingImageDiv
      {
          height:792px;   
      }
       .vdpLandscape .loadingImage
       {
         margin-top:50px;   
       }
       .vdpPortrait .loadingImage
        {
            margin-top:200px;
        }
	
.vdpPortrait .vdpAddress
	{
	background: transparent;
	border: 0;
	color: #9597a2;
	font-size: 14px;
	left: 20px;
	position: absolute;
	top: 690px;
	width: 230px;
	}
	
.vdpLandscape .vdpAddress
	{
	background: #000;
	border: 0;
	color: #9597a2;
	font-size: 14px;
	left: 20px;
	position: absolute;
	top: 520px;
	}
	
.vdpPortrait textarea:hover.vdpAddress,
.vdpLandscape textarea:hover.vdpAddress
	{
	background: #000;
	border: 2px #fab00d solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
	
.vdpPortrait .vdpEditor
	{
	background: #f7f7f7;
	border: 1px #cdcdcd solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 2px 2px 2px #b4b4b4;
	-moz-box-shadow: 2px 2px 2px #b4b4b4;
	-webkit-box-shadow: 2px 2px 2px #b4b4b4;
	float: left;
	height:auto !important;
	min-height: 790px;
	padding: 2px 0 2px 6px;
	position: relative;
	width: 270px;
	margin-bottom:10px;
	}
		
.vdpLandscape .vdpEditor
	{
	margin: 12px 0 0 60px;
	height:auto !important;
	/*min-height: 400px;*/
	padding: 10px 0 0 0;
	float:left;
	background: #f7f7f7;
	border: 1px #cdcdcd solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 2px 2px 2px #b4b4b4;
	-moz-box-shadow: 2px 2px 2px #b4b4b4;
	-webkit-box-shadow: 2px 2px 2px #b4b4b4;
	width:790px;
	}

	
.vdpPortrait .vdpInputContainer 
	{
	margin-top: 12px;
	width: 262px;
	}
	
.vdpLandscape .vdpInputContainer 
	{
	float: left;
	margin: 0 0 12px 5px;
	width: 375px;
	}
	
.vdpPortrait .vdpInput
	{
	border: 1px #bfbfbf solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333;
	font-size: 12px;
	width: 250px;
	}
	
.vdpLandscape .vdpInput
	{
	border: 1px #bfbfbf solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333;
	font-size: 12px;
	width: 340px;
	}
	
	.vdpLandscape select
	{
	border: 1px #bfbfbf solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333;
	font-size: 12px;
	width: 340px;
	margin-left:5px;
	}
	.vdpPortrait select
	{
	border: 1px #bfbfbf solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333;
	font-size: 12px;
	width: 260px;
	}
	.vdpPortrait .vdpWysiwyg
	{
	background: #fff url(../images/icons/formEditor.png) 3px 2px no-repeat;
	border: 1px #bfbfbf solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333;
	font-size: 12px;
	padding-left: 22px;
	width: 238px;
	}
	
	.vdpLandscape .vdpWysiwyg
	{
	background: #fff url(../images/icons/formEditor.png) 3px 2px no-repeat;
	border: 1px #bfbfbf solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333;
	font-size: 12px;
	padding-left: 22px;
	width: 317px;
	}
	
	.vdpPortrait .vdpElementPagination
	{
	    float:right;
	    margin-right:110px;
	}
	
	.vdpLandscape .vdpElementPagination
	{
	    padding-left: 65px;
	}
	
.vdpPortrait  .vdpNote
	{
	color: #999;
	display: block;
	text-align: right;
	width: 258px;
	}
	
.vdpLandscape  .vdpNote
	{
	color: #999;
	display: block;
	text-align: right;
	width: 340px;
	}
	
.vdpPortrait  .containerLogoSelector
	{
	width: 248px;
	background: #fff;
	overflow: hidden;
	border: 1px #bfbfbf solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 6px;
	position:relative;
	}
	
.vdpLandscape  .containerLogoSelector
	{
	width: 330px;
	background: #fff;
	overflow: hidden;
	border: 1px #bfbfbf solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 6px;
	position:relative;
	}

.vdpPortrait  .vdpLogoButtons
	{
	height: 20px;
	margin-top: 4px;
	width: 260px;
	}

.vdpLandscape  .vdpLogoButtons
	{
	height: 20px;
	margin-top: 4px;
	width: 344px;
	}
	.vdpLandscape .iload
	{
	    width: 344px;
	    height:54px;
	}
	.vdpPortrait .iload
	{
	    width: 260px;
	    height:54px;
	}
	.vdpLandscape .uploadControl
	{
	    width: 344px;
	    height:30px;
	    background: transparent;
	}
	.vdpPortrait .uploadControl
	{
	    width: 260px;
	    height:30px;
	}
	.vdpLandscape .htmlbox
	{
	    width: 344px;
	    height:200px;
	    
	}
	.vdpPortrait .htmlbox
	{
	    width: 260px;
	    height:200px;
	}
	.vdpPortrait .required
    {
	    background: none;
	    border: 0;
	    color: #666;
	    font-size: 11px;
	    font-weight: normal;
	    margin: 0;
	    padding: 5px 4px 4px 0;
	    text-align: right;
    }
	
	.vdpLandscape .required
    {
	    background: none;
	    border: 0;
	    color: #666;
	    font-size: 11px;
	    font-weight: normal;
	    margin: 0;
	    padding-left:60px;
	    text-align: left;
    }
   
  
/* END: Page Switches
-------------------------------------------------- */
/*----------BEGIN: VDP Group----------*/
.vdpGroup
	{
	/*background: #e7e7e7;*/
	border: 1px #999 dashed;
	margin: 10px 1px 10px 0;
	padding: 4px 0 4px 2px;
	margin-right: 2px;
	clear:both;
	}
	
.vdpGroup legend
	{
	font-size: 11px;
	font-weight: bold;
	}
	
.vdpGroup .vdpInputContainer
	{
	font-size: 11px;
	margin-top: 0;
	}
	
	.vdpPortrait .vdpGroup
	{
	    float:none;
	}
	
	.vdpLandscape .vdpGroup
	{
	    float:left;
	}
	
	.vdpPortrait .vdpGroupGray,
	.vdpPortrait .vdpGroupGreen,
	.vdpPortrait .vdpGroupRed,
	.vdpPortrait .vdpGroupBlue
	{
	border-style: dashed;
	border-width: 1px;
	margin: 10px 1px 10px 0;
	padding: 4px 4px 4px 2px;
	margin-left:-5px;
	}
	
	.vdpLandscape .vdpGroupGray,
	.vdpLandscape .vdpGroupGreen,
	.vdpLandscape .vdpGroupRed,
	.vdpLandscape .vdpGroupBlue
	{
	    border-style: dashed;
	    border-width: 1px;
	    padding-bottom:4px;
	    margin-bottom:10px;
	}
		
.vdpGroupGray {background: #e7e7e7;border-color: #999;}
.vdpGroupGreen {background: #e6fff0;border-color: #0c6;}
.vdpGroupRed {background: #ffe6e6;border-color: #c00;}
.vdpGroupBlue {background: #e6efff;border-color: #09c;}
	
.vdpGroupGray legend, 
.vdpGroupGreen legend, 
.vdpGroupRed legend, 
.vdpGroupBlue legend
	{
	font-size: 11px;
	font-weight: bold;
	}
	
.vdpGroupGray legend {color: #666;}
.vdpGroupGreen legend {color: #0c6;}
.vdpGroupRed legend {color: #c00;}
.vdpGroupBlue legend {color: #09c;}

.vdpGroupGray .vdpInputContainer, 
.vdpGroupGreen .vdpInputContainer, 
.vdpGroupRed .vdpInputContainer, 
.vdpGroupBlue .vdpInputContainer
	{
	font-size: 11px;
	margin-top: 0;
	}

/*----------END: VDP Group----------*/

/* BEGIN: Logo Selector
-------------------------------------------------- */

.logoSelector ul li
	{
	background: #fff;
	border: 2px #fff solid;
	margin-right: 8px;
	position:relative
	}
.logoSelector ul li a {outline: none;}
.logoSelector ul li.active, .logoSelector ul li:hover {border-color: #ccc;}
	  
a.logoNext, a.logoPrevious
	{
	background: #ccc;
	border: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	outline: none;
	padding: 2px 5px;
	text-indent: -1000em;
	width: 50px;
	}
a.logoNext {background: #ccc url(/Themes/MP4/images/icons/logoArrowNext.png) center no-repeat;}
a.logoPrevious {background: #ccc url(/Themes/MP4/images/icons/logoArrowPrevious.png) center no-repeat;}
a:hover.logoNext, a:hover.logoPrevious {background-color: #999;}
/* END: Logo Selector
-------------------------------------------------- */

/* BEGIN: Paging
-------------------------------------------------- */
.vdpPagination
	{
	/*margin-top: 4px;*/
	height: 22px;
	/*background: #ff0;*/
	}
	
.vdpPagination a, .vdpPagination a:visited
	{
	border: 1px #ccc solid;
	background: #eee;
	width: 20px;
	height: 20px;
	font-size: 13px;
	font-weight: bold;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	float: left;
	display: block;
	text-align: center;
	margin-right: 5px;
	}
	
	.vdpPagination a
	{
	 color:#FF7E00;   
	}
	
div.vdpPagination a:last-child {margin-right: 0;}
	
.vdpPagination a:hover, .vdpPagination a:active
	{
	background: #fff;
	}
	
.vdpPagination a.off, .vdpPagination a:visited.off, 
.vdpPagination a:hover.off, .vdpPagination a:active.off
	{
	background: #eee;
	color: #999;
	text-decoration: none;
	}
	
.vdpPageNumber
	{
	font-size: 12px;
	padding: 0 10px 0 10px;
	float: left;
	margin-right: 5px;
	}
	
.vdpInputPage
	{
	padding: 0;
	border: 1px #ccc solid;
	font-size: 11px;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #666;
	}
/* END: Paging
-------------------------------------------------- */

/* BEGIN: Image Upload
-------------------------------------------------- */
.vdpNoImage
	{
	background: #fff;
	border: 1px #bfbfbf solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #ccc;
	font: bold 55px 'times new roman', times, serif;
	line-height: 50px;
	width: 50px;
	height: 50px;
	float: left;
	text-align: center;
	margin: 0 8px 0 0px
	}

.vdpUploadImage
	{
	background: #fff;
	border: 1px #bfbfbf solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #666;
	font-size: 11px;
	width: 244px;
	height: 52px;
	padding: 8px;
	}
	
.vdpImageBrowse
	{
	background: #ccc;
	border: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #666;
	font-size: 11px;
	padding: 2px 4px;
	cursor: pointer;
	}
/* END: Image Upload
-------------------------------------------------- */

/* BEGIN: AutoFill
-------------------------------------------------- */
.closeOptions
	{
	margin: 0 auto;
	padding: 4px;
	display: block;
	font-size: 11px;
	font-weight: normal;
	outline: none;
	}
	
.vdpAutoFillSelector
	{
	background: #fff;
	border: 1px #ccc solid;
	left: -1px;
	top: 28px;
	position: absolute;
	z-index: 1000;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: 100%;
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	display: none;
	}
	
.vdpAutoFillRow
	{
	min-height: 15px;
	padding: 6px 10px;
	cursor: pointer;
    overflow:hidden;
	}
	
.vdpAutoFillRow:hover
	{
	background: #ccc;
	}
	
.vdpAutoFillRow:hover div.vdpAutoFillDate, 
.vdpAutoFillRow:hover div.vdpAutoFillRecipient
	{
	color: #fff;
	font-weight: bold;
	}
	
div.vdpAutoFillSelector .zebra {background: #eee;border: 0;}
div.vdpAutoFillSelector .zebra:hover {background: #ccc;border: 0;}
	
.vdpAutoFillDate
	{
	font-size: 11px;
	font-weight: normal;
	color: #666;
	float: left;
	width: 30%;
	}
	
.vdpAutoFillRecipient
	{
	font-size: 11px;
	font-weight: normal;
	color: #666;
	float: left;
	width: 70%;
	}
	
.vdpAutoFill
	{
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top, #fff, #eee);
	border: 1px #ccc solid;
	font-size: 13px;
	font-weight: bold;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 6px 6px 6px 6px;
	width: 350px;
	position: relative;
	}

.vdpAutoFill a.icon
	{
	background: url(../images/icons/autofill.png) 8px 0 no-repeat;
	padding-left: 30px;
	}
/* END: AutoFill
-------------------------------------------------- */

/* BEGIN: Global
(applies to both vertical and horizontal layouts)
-------------------------------------------------- */
	
.vdpInputContainer label {font-size: 11px;}
/* END: Global */

/* BEGIN: css used for zoom in image */

        /* This is the moving lens square underneath the mouse pointer. */
        .cloud-zoom-lens
        {
            border: 4px solid #888;
            margin: -4px; /* Set this to minus the border thickness. */
            background-color: #fff;
            cursor: move;
        }
        
        /* This is for the title text. */
        .cloud-zoom-title
        {
            font-family: Arial, Helvetica, sans-serif;
            position: absolute !important;
            background-color: #000;
            color: #fff;
            padding: 3px;
            width: 100%;
            text-align: center;
            font-weight: bold;
            font-size: 10px;
            top: 0px;
        }
        
        /* This is the zoom window. */
        .cloud-zoom-big
        {
            /*border:4px solid #ccc;*/
            overflow: hidden;
        }
        
        /* This is the loading message. */
        .cloud-zoom-loading
        {
            color: white;
            background: #222;
            padding: 3px;
            border: 1px solid #000;
        }
        
        .cloud-zoom,.loadingImageDivBorder
	   {
	    border-top: 1px #cdcdcd solid;
	    border-right: 1px #cdcdcd solid;
	    border-left: 1px #cdcdcd solid;
	    box-shadow: 2px 0 2px #b4b4b4;
	    -moz-box-shadow: 2px 0 2px #b4b4b4;
	    -webkit-box-shadow: 2px 0 2px #b4b4b4;
	   }

.vdpDefault
	{
	width: 100%;
	max-width: 610px;
	}
        
        /* END: CSS used for zoom in image*/
        

/*(applies to both vertical and horizontal layouts)
-------------------------------------------------- */

/*            */
        img {border: 0;}
        
        .vdpDocumentTools
        {
            background: #e8e8e8;
            background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
            background: -moz-linear-gradient(top, #fff, #e8e8e8);
            border-bottom: 1px #cdcdcd solid;
            border-right: 1px #cdcdcd solid;
            border-left: 1px #cdcdcd solid;
            border-bottom-right-radius: 6px;
            -moz-border-radius-bottomright: 6px;
            -webkit-border-bottom-right-radius: 6px;
            border-bottom-left-radius: 6px;
            -moz-border-radius-bottomleft: 6px;
            -webkit-border-bottom-left-radius: 6px;
            box-shadow: 2px 2px 2px #b4b4b4;
            -moz-box-shadow: 2px 2px 2px #b4b4b4;
            -webkit-box-shadow: 2px 2px 2px #b4b4b4;
            height: 20px;
            padding: 6px 12px;
        }
        a.vdpUpdatePreview, a:visited.vdpUpdatePreview
        {
            background: #cdcdcd;
            background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cdcdcd));
            background: -moz-linear-gradient(top, #e6e6e6, #cdcdcd);
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            color: #666;
            cursor: pointer;
            font-size: 12px;
            font-weight: bold;
            padding: 4px 8px;
        }
        
        a:hover.vdpUpdatePreview, a:active.vdpUpdatePreview
        {
            background: #aaa;
            color: #fff;
            text-decoration: none;
        }
        .vdpUpdatePreviewIcon
        {
            background: url(/Themes/MP4/images/icons/vdpRefresh.png) left no-repeat;
            padding-left: 14px;
        }
        .vdpOrientation
        {
            background: #cdcdcd;
            background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cdcdcd));
            background: -moz-linear-gradient(top, #e6e6e6, #cdcdcd);
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            color: #666;
            cursor: pointer;
            font-size: 12px;
            margin: 0 0 0 6px;
        }

        a:hover.vdpLandscape, a:active.vdpLandscape, a.vdpPortaitActive, a:visited.vdpPortaitActive
        {
            background-color: #aaa;
        }
        
a.vdpPortait, a.vdpPortait:visited, a.vdpPortaitActive, a.vdpPortaitActive:visited {
    background: url("../images/icons/vdpPortait.png") no-repeat scroll center center transparent;
    display: block;
    float: left;
    outline: medium none;
    padding: 4px 8px;
    text-indent: -1000em;
    width: 13px;
}
a.vdpRotate, a.vdpRotate:visited, a.vdpRotateActive, a.vdpRotateActive:visited {
    background: url("../images/icons/vdpRefresh.png") no-repeat scroll center center transparent;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    display: block;
    float: left;
    outline: medium none;
    padding: 4px 8px;
    text-indent: -1000em;
    width: 13px;
}
.vdpHash {
    background: url("../images/backgrounds/vdpHash.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 22px;
    text-indent: -1000em;
    width: 2px;
}
a.vdpLandscape, a.vdpLandscape:visited, a.vdpLandscapeActive, a.vdpLandscapeActive:visited {
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topright: 6px;
    background: url(../images/icons/vdpLandscape.png) no-repeat scroll center center transparent;
    display: block;
    float: left;
    padding: 4px 8px;
    text-indent: -1000em;
    width: 26px;
}
a.vdpPortait:hover, a.vdpPortait:active, a.vdpLandscape:hover, a.vdpLandscape:active, a.vdpRotate:hover, a.vdpRotate:active, a.vdpPortaitActive, a.vdpPortaitActive:visited, a.vdpLandscapeActive, a.vdpLandscapeActive:visited, a.vdpRotateActive, a.vdpRotateActive:visited{
    background-color: #AAAAAA;
}

/* vdp Elemenets Tools */
	
.vdpFormTools
	{
	height: 42px;
	margin: 6px 0 0 0;
	padding: 2px 6px 2px 0;
	}
	
.vdpArrowDown
	{
	background: url(../images/icons/vdpArrowDown.png) center 20px no-repeat;
	font-size: 15px;
	padding-bottom: 12px;
	}
	
.vdpArrowUp
	{
	background: url(../images/icons/vdpArrowUp.png) center 0 no-repeat;
	font-size: 15px;
	padding-top: 12px;
	}
	
	.vdpPortait a.vdpPreviousPage,
	.vdpPortait a.vdpNextPage
	{
	    width:248px;
	}
	
	
	.vdpLandscape a.vdpPreviousPage,
	.vdpLandscape a.vdpNextPage
	{
	    width:760px;
	    margin-left:5px;
	}
	
a.vdpPreviousPage, a:visited.vdpPreviousPage, 
a.vdpNextPage, a:visited.vdpNextPage
	{
	background: #cdcdcd;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cdcdcd));
	background: -moz-linear-gradient(top, #e6e6e6, #cdcdcd);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #999;
	cursor: pointer;
	font-weight: bold;
	padding: 4px 8px;
	display: block;
	text-align: center;
	}
	
a:hover.vdpPreviousPage, a:active.vdpPreviousPage, 
a:hover.vdpNextPage, a:active.vdpNextPage
	{
	background: #aaa;
	color: #fff;
	text-decoration: none;
	}
	
	/* Tools */

/* BEGIN: Inline Messages
---------------------------------------------------------------------------------------------------- */
.messageGray, 
.messageGreen, 
.messageRed, 
.messageBlue
	{
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 15px;
	margin-bottom: 15px;
	padding: 6px 12px;
	text-align: left;
	}
.messageGray {background: #e7e7e7;border-color: #666;color: #666;}
.messageGreen {background: #e6fff0;border-color: #0c6;color: #0c6;}
.messageRed {background: #ffe6e6;border-color: #c00;color: #c00;}
.messageBlue {background: #e6efff;border-color: #09c;color: #09c;}
/* END: Inline Messages
---------------------------------------------------------------------------------------------------- */
/* BEGIN: Merchandising
---------------------------------------------------------------------------------------------------- */
.merch-qty
	{
	background: #fff url(../images/backgrounds/inputText.png) repeat-x;
	border-bottom-color: #fff;
	border-left-color: #bfbfbf;
	border-right-color: #fff;
	border-top-color: #bfbfbf;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #666;
	font-size: 11px;
	text-align: center;
	width: 30px;
	}
.merch-button
	{
	background: #fff url(../images/backgrounds/button.png) repeat-x;
	border: 1px #ccc solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #ff7e00;
	cursor: pointer;
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 6px;
	margin-top: 8px;
	text-align: center;
	width: 100%;
	}
	
.merch-tooltip, .tooltip
	{
    display:none;
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius: 4px;
	box-shadow: 3px 3px 3px #ddd;
	-moz-box-shadow: 3px 3px 3px #ddd;
	-webkit-box-shadow: 3px 3px 3px #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #666;
	font-size: 12px;
	min-height:95px;
	left: 50%;
	margin-left: -151px;
	padding: 8px;
	position: absolute;
	text-align: center;
	top: 666px;
	width: 200px;
	z-index: 9999;
	}
	
.merch-total
	{
	color: #999;
	font: bold 22px Georgia, Times, Serif;
	}
	
#containerToggle
	{
	background: #000;
	bottom: 0;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	left: 0;
	margin: 0 auto;
	overflow: hidden;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 10000;
	}

.merch-heading
	{
	background: #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fc0;
	font-size: 13px;
	line-height: 30px;
	margin: 0 auto;
	outline: none;
	padding: 1px 5px;
	text-decoration: none;
	width: 99%;
	}


#merchandising
	{
	height: 155px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	}

#merchandising button
	{
	background: #000;
	border: 0;
	color: #fc0;
	cursor: pointer;
	float: right;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0;
	outline: none;
	}

/* END: Merchandising
---------------------------------------------------------------------------------------------------- */
/* BEGIN:Widget
----------------------------------------------------------------------------------------------------*/

.merch-heading {
    background: none repeat scroll 0 0 #000000;
    border-radius: 5px 5px 5px 5px;
    color: #FFCC00;
    font-size: 13px;
    line-height: 30px;
    margin: 0 auto;
    outline: medium none;
    padding: 1px 5px;
    text-decoration: none;
    width: 99%;
}
#merchandising {
    height: 155px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
#merchandising button {
    background: none repeat scroll 0 0 #000000;
    border: 0 none;
    color: #FFCC00;
    cursor: pointer;
    float: right;
    font-size: 13px;
    font-weight: bold;
    margin: 5px 0;
    outline: medium none;
}
.jcarousel-container {
    margin-top: 5px;
    position: relative;
}
.jcarousel-clip {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 2;
}
.jcarousel-list {
    left: 0;
    margin: 5px 0 0;
    overflow: auto;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 1;
}
.jcarousel-list li, .jcarousel-item {
    border: 3px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    float: left;
    font-size: 10px;
    height: 100px;
    list-style: none outside none;
    position: relative;
    text-align: center;
    width: 100px;
}
.jcarousel-list li:hover {
    border-color: #CCCCCC;
}
.jcarousel-skin-merch .jcarousel-item {
    height: 100px;
    width: 100px;
}
.jcarousel-next, .jcarousel-prev {
    display: none;
    z-index: 3;
}
.jcarousel-skin-merch .jcarousel-container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 6px 6px 6px 6px;
}
.jcarousel-skin-merch .jcarousel-container-horizontal {
    margin: 0 auto;
    padding: 0 30px;
    width: 93%;
}
.jcarousel-skin-merch .jcarousel-clip-horizontal {
    height: 120px;
    width: 100%;
}
.jcarousel-skin-merch .jcarousel-item-horizontal {
    margin: 0 10px;
}
.jcarousel-skin-merch .jcarousel-item-placeholder {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}
.jcarousel-skin-merch .jcarousel-next-horizontal {
    background: url("../images/buttons/carouselNext.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 87px;
    position: absolute;
    right: 5px;
    top: 16px;
    width: 15px;
}
.jcarousel-skin-merch .jcarousel-next-horizontal:hover {
    background-position: -15px 0;
}
.jcarousel-skin-merch .jcarousel-next-horizontal:active {
    background-position: -30px 0;
}
.jcarousel-skin-merch .jcarousel-next-disabled-horizontal, .jcarousel-skin-merch .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-merch .jcarousel-next-disabled-horizontal:active {
    background-position: -45px 0;
    cursor: default;
}
.jcarousel-skin-merch .jcarousel-prev-horizontal {
    background: url("../images/buttons/carouselPrevious.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 87px;
    left: 5px;
    position: absolute;
    top: 16px;
    width: 15px;
}
.jcarousel-skin-merch .jcarousel-prev-horizontal:hover {
    background-position: -15px 0;
}
.jcarousel-skin-merch .jcarousel-prev-horizontal:active {
    background-position: -30px 0;
}
.jcarousel-skin-merch .jcarousel-prev-disabled-horizontal, .jcarousel-skin-merch .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-merch .jcarousel-prev-disabled-horizontal:active {
    background-position: -45px 0;
    cursor: default;
}

.messageTop
{
background: #ffc;
border-bottom: 1px #e6db55 solid;
-moz-box-shadow: 0 2px 5px  rgba(0,0,0,0.5);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
box-shadow: 0 2px 5px rgba(0,0,0,0.5);
font-size: 13px;
left: 0;
top: 0;
padding: 6px 12px;
position: fixed;
width: 100%;
}
.messageTop a, 
.messageTop a:visited {font-weight: bold;}
	
.closeMessageTop
{
background: url(../images/buttons/closeMessageTop.png) center no-repeat;
display: block;
float: right;
height: 19px;
margin: 0 20px 0 0;
text-indent: -1000em;
width: 19px;
}
/* END:Widget
---------------------------------------------------------------------------------------------------*/

.boldfont
{
	font-weight: bold;
}

/* ---------------------------- MP v6 ----------------------------------- */

.no_access
{
	background-image: url("../images/backgrounds/lightbox.png");
    bottom: 0;
    left: 0;
    min-height: 115%;
    padding-top: 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}
.no_access_content
{
	width:576px;
	height:191px;
	margin:0 auto;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#fff;
	-moz-box-shadow:3px 3px 4px #ccc;  
    -webkit-box-shadow:3px 3px 4px #ccc;
    box-shadow:3px 3px 4px #ccc;
    *filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#cccccc");
    padding:0 0 0 19px;
    font-family:Arial, Helvetica, sans-serif;
    color:#555555;
 }
.continue_btn
{
	background:transparent url(../images/icons/no-access-button.png) no-repeat;
	width:142px;
	height:26px;
	border:none;
	float:right;
	margin:31px 31px 0 0;
	color:#fff;
	text-align:center;
	padding:0;
	cursor:pointer;
	line-height: 25px;
}
.continue_btn:hover
{
	text-decoration:none;
}
.no_access_title
{
	font-size:24px;
}
.no_acess_tips
{
	font-size:14px;
    line-height:19px;
    letter-spacing:0.4px;
    word-spacing:1px;
    margin:13px 61px 0 0;
}

.successPage-th-bg 
{
	background: #e6e6e6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#dddddd));
	background: -moz-linear-gradient(top, #f2f2f2, #dddddd);
	height: 26px;
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}

.successPage-th-bg-left 
{
	border-left: 1px solid #ddd;
}

.successPage-th-bg-right 
{
	border-right: 1px solid #ddd;
}

.successPage-th-bg-left-w 
{
	border-left: 1px solid #fff;
}

.downloadAllDigitals 
{
	border: 1px solid #ddd;
	border-radius: 3px;
	display: block;
	height: 35px;
	width: 220px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e6e6e6)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #f9f9f9, #e6e6e6); /* for firefox 3.6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6'); /* for IE */
	text-align: left;
	color: #666666;
	font-weight:300;
}

.downloadAllDigitals:hover
{
	text-decoration: none;
}

.digital-indicator 
{
	margin-left: 15px;
	margin-top: -68px;
	background: url(../../MP6/images/digitalProductIndicator.png);
	width: 95px;
	height: 39px;
	margin-bottom: 5px;
}

.digital-indicator-mt-10 
{
	margin-top: 10px;
	*+margin-top: -35px;
	*+margin-left:-5px;
}

.digital-indicator-mt-135 
{
	margin-top: 135px;
	*+margin-top: -35px;
	*+margin-left:-5px;
}

#shoppingCartList a.productThumbnail-img i, #orderDetailsCart a.productThumbnail-img i , #Confirmation i.icon-thumbnail {
    float: left;
    font-size: 100px;
    margin-left: -20px;
    margin-right: 17px;
}
.digital-indicator-mt-0 
{
	margin-top: 0px;
}

.freeViewOrDownload-mt 
{
	margin-top: 10px;
}
.freeViewOrDownload-mt-vdd
{
	position: relative;
	 float: right; 
	 margin-top: -47px; 
	 margin-right: -10px;
	 background-image:none;
}
.freeViewOrDownload-mt-img
{
	
}
#orderDetailDigitalDataTable td,
#orderSuccessDigitalDataTable td,
#orderDetailPageOrderDetailTable td,
#orderSuccessPageOrderDetailTable td,
#digitalEContentDataTable td,
#digitalEContentDataTableSuccess td,
#orderSuccessPageOrderDetailTable th,
#orderSuccessDigitalDataTable th,
#orderDetailDigitalDataTable th,
#orderDetailPageOrderDetailTable th,
#digitalEContentDataTable th,
#digitalEContentDataTableSuccess th
{
	padding-left: 5px;
}

#orderDetailDigitalDataTable td,
#orderSuccessDigitalDataTable td,
#orderDetailPageOrderDetailTable td,
#orderSuccessPageOrderDetailTable td,
#digitalEContentDataTable td,
#digitalEContentDataTableSuccess td
{
	padding-top: 8px;
	padding-bottom: 8px;
}

#orderSuccessPageOrderDetailTable th,
#orderSuccessDigitalDataTable th,
#orderDetailDigitalDataTable th,
#orderDetailPageOrderDetailTable th,
#digitalEContentDataTable th,
#digitalEContentDataTableSuccess th
{
	font-weight: 300;
	color: gray;
}

.tr-alt 
{
	background-color: #F2F2F2;
}

.merchandiseItemText 
{
	text-decoration: none;
}

.merchandiseItemText:hover
{
	text-decoration: none;
	cursor: pointer;
}

/* --------------------------- Proof Proxy ------------------------------ */

.proof-nav-controls
{
    background-color: #333;
    color:white;
	height:30px;
}

.proof-nav-controls i
{
    height: 20px;
    width: 20px;
	background-image: url(../images/sprite-icons-mimeoCollectionSmall.png);
	background-repeat: no-repeat;
	margin: 6px 3px 6px 3px;
	float: left;
}

.proof-nav-controls i:hover
{
	background-color: #555;
}

/* Navigation Controls (@img, @img-group, @img-seq, @size, @x-offset, @y-offset) */
.proof-nav-controls i.nav-controls-firstSection-small
{
	background-position: -180px -199px;
}
.proof-nav-controls i.nav-controls-prevSection-small 
{
	background-position: -200px -199px;
}
.proof-nav-controls i.nav-controls-prevPage-small 
{
	background-position: -220px -199px;
}
.proof-nav-controls i.nav-controls-pause-small 
{
	background-position: -240px -199px;
}
.proof-nav-controls i.nav-controls-play-small 
{
	background-position: -260px -199px;
}
.proof-nav-controls i.nav-controls-nextPage-small 
{
	background-position: -280px -199px;
}
.proof-nav-controls i.nav-controls-nextSection-small 
{
	background-position: -300px -199px;
}
.proof-nav-controls i.nav-controls-lastSection-small 
{
	background-position: -320px -199px;
}

.proof-nav-controls .builder-paging-input,
.proof-nav-controls .nav-buttons-left,
.proof-nav-controls .builder-slider-container,
.proof-nav-controls .nav-buttons-right
{
    display:inline-block;
	line-height:30px;
	margin-right:10px;
	float:left;
}

.proof-nav-controls .nav-buttons-right
{
	float:right;
	margin-right:5px;
}

.proof-nav-controls .builder-paging-input
{
	margin-left:5px;
}

.proof-nav-controls .builder-slider-container
{
	width: 340px;
	height:26px;
	position: absolute;
	padding: 0;
	overflow: visible;
}

.proof-nav-controls .builder-slider-container.no-zoom
{
	width:360px;
}

.proof-nav-controls .ui-slider
{
	height: 20px;
	background-color:#1B1B1B;
	border: 0px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	overflow: visible;
	margin-right: -17px;
	margin-top: 5px;
	margin-bottom: 0;
}

.proof-nav-controls .ui-slider-handle
{
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	-webkit-background-clip: padding-box;
	-webkit-box-shadow: rgba(255, 255, 255, 0.2) 0px -1px 0px 0px inset, rgba(255, 255, 255, 0.952941) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.901961) 0px 2px 4px 0px;
	box-shadow: rgba(255, 255, 255, 0.2) 0px -1px 0px 0px inset, rgba(255, 255, 255, 0.952941) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.901961) 0px 2px 4px 0px;
	background-image: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(217, 217, 217) 100%);
	position: absolute;
	cursor: pointer;
	z-index: 2;
	top: 7px;
	height: 16px;
	width: 16px;
	background-color:#D9D9D9;
}

.proof-zoom{
	display:inline-block;
}

.proof-zoom-input{
	width:23px;
	margin-top:5px;
	padding-left:1px;
}

.proof-nav-controls .proof-zoom-slider.ui-slider{
	width:20px;
	height:172px;
	margin-top:-18px;
}

.proof-zoom-slider-container{
	height: 150px;
	width: 20px;
	position: absolute;
	display:block;
	margin-top: -187px;
	margin-left: 107px;
}

.proof-zoom-slider .ui-slider-handle{
	margin-left: 2px;
	top: auto;
}

.proof-reset{
	position:absolute;
	width:40px;
	height:40px;
	margin-top: -455px;
	margin-left: 650px;
	display:block;
	cursor:pointer;
}

.proof-reset i {
    height:30px;
    width:30px;
    margin:5px;
    display: block;
    background: url(../../MP4/images/sprite-icons-large-dark.png) -109px -509px no-repeat;
}
.proof-reset:hover i{
    background: url(../../MP4/images/sprite-icons-large-dark.png) -159px -509px no-repeat;
}

.proof-rotate.right i{
	background-position: -180px -178px;
}
.proof-rotate.left i{
	background-position: -200px -178px;
}
/* ---------------------------- MP v6 ----------------------------------- */

.select_style {width:122px; height:30px; overflow:hidden; background:url(../images/drop.png) no-repeat; 
    /*border:1px solid #ccc;*/ 
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;
	float:left;
	margin-left:5px;
}

.select_style select { padding:5px; background:transparent; width:124px; font-size: 12px; border:none; height:30px;
    -webkit-appearance: none; /*for Webkit browsers*/
	position:absolute;
	opacity:0;
    filter:alpha(opacity=0);
}

.mediaTypeSpan
{
	position:absolute; margin:6px 0 0 9px;
	width:98px;
	white-space: nowrap;
	overflow:hidden;
    text-overflow:ellipsis;
}

/*.select_arrow
{
	float:left;background: url(../images/drop.png) no-repeat scroll -102px 0px transparent; width:20px; height:30px; margin:0 0 0 -3px;
}*/

.expireInput
{
	height:26px; width: 50px; margin-left:-2px;
	text-align:center;
	color:gray;
	line-height:26px;
}

.noneExpireInput
{
   height:26px; width: 48px; margin-left:-2px;
	text-align:center;
	color:gray;
	line-height:26px;
	*width:42px;
}

.searchInput
{
	margin:0 4px -10px -10px;
	*margin:0 4px -4px -10px;
}

.link_p
{
	position:relative;
	margin:-23px 0 -2px 217px;
	*margin:-23px 0 -5px 217px;
}

.colorGray
{
	color:#CCCCCC;
}

.hackPosition
{
	*position:relative;
}
/*------------------------------ Download Overlay Begin ---------------------*/
.downloadSetupInstructionSection
{
	position: fixed; 
	left: 0; 
	right: 0; 
	top: 0; 
	bottom: 0; 
	z-index: 10000000
}
.downloadSetupInstructionSectionSub, .downloadSetupInstructionSectionSucceed
{
	position: relative;
	height: 100%;
	width: 100%;
    overflow-y: auto;
}
.downloadSetupInstructionSectionMock
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
    top: 0;
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.downloadSetupInstructionSectionContent
{
	z-index: 1;
    background-color: #fff;
    border-radius: 5px;
    padding: 18px;
    text-align: center;
    margin: 70px auto;
    position: relative; 
    min-height: 615px; 
    width: 810px; 
    max-height: 950px; 
}
.downloadSetupInstructionSectionContent a
{
    text-decoration: underline;
}
.downloadSetupInstructionSectionContent a:hover
{
    cursor: pointer;
}
.downloadSetupInstructionSectionContent label
{
    display: inline-block;
    height: 20px;
}
.setupInstruction-header
{
    font-weight: lighter; 
    margin-top: -6px; 
    font-size: 22px;
    position: absolute; 
    right: 15px;
}
.setupInstruction-headerBtns
{
    float: right; 
    width: 50px;
}
a.setupInstruction-printIcon
{
    width: 22px;
    height: 17px;
    float: left;
    margin-top: 5px;
    background-image: url(../images/print-icon.png)
}
a.setupInstruction-closeBtn
{
    color: #DDDDDD; 
    float: right; 
    font-weight: bold;
    text-decoration: none;
}
.setupInstruction-content1, .setupInstruction-content2,.setupInstruction-content3, .setupInstruction-eDocSuccessFullySent
{
    text-align: left; 
    padding: 0px 10px;
}
.setupInstruction-eDocSuccessFullySent
{
    padding-top: 10px;
}
.setupInstruction-content1 h3, .setupInstruction-content2 h3, .setupInstruction-content3 h3, .setupInstruction-eDocSuccessFullySent h3
{
    font-weight: lighter; 
    font-size: 20px;
    color: #00B9F1;
}
.setupInstruction-marginL-27
{
    margin-left: 27px;
}
.setupInstruction-height-30
{
    height: 30px;
}
.setupInstruction-height-65
{
    height: 65px;
}
.setupInstruction-width-60
{
    width: 60px;
}
.setupInstruction-width-140
{
    width: 100px;
}
.setupInstruction-width-180
{
    width: 180px;
}
.setupInstruction-width-215
{
    width: 215px;
}
.setupInstruction-padding-left-20
{
    padding-left:20px;
}
.setupInstruction-textAlign-L
{
    text-align: left;
    display: inline-block;
}
.setupInstruction-content1-appTable
{
    border-radius: 5px; 
    background-color: #eee; 
    height: 225px; 
    margin-left: 27px; 
    padding: 0px 15px;
}
.setupInstruction-icon-win
{
    background-image: url(../images/window.png); 
    height: 34px; 
    width: 34px;
}

.setupInstruction-icon-win-new
{
    background-image: url(../images/window-new.png); 
    height: 31px; 
    width: 34px;
}
.setupInstruction-icon-mac
{
    background-image: url(../images/mac-osx-icon.png); 
    height: 34px; 
    width: 34px;
}
.setupInstruction-icon-android
{
    background-image: url(../images/android-icon.png); 
    height: 34px; 
    width: 34px;
}
.setupInstruction-icon-ios
{
    background-image: url(../images/ios-icon.png); 
    height: 27px; 
    width: 40px;
}
.setupInstruction-icon-kindle{
    background-image:url(../images/kindle-icon.png);
    height:36px;
    width:40px;
}
.setupInstruction-icon-amazon{
    background-image:url(../images/amazon.png);
    height:34px;
    width:34px;
}
.setupInstruction-downloadBtn, .setupInstructionSucceed-closeBtn
{
    border-radius: 6px; 
    font-size: 22px; 
    height: 60px; 
    margin: 0 auto; 
    text-align: center; 
    width: 380px;
}
.setupInstructionSucceed-closeBtn
{
    border-radius: 6px; 
    font-size: 22px; 
    height: 60px; 
    margin: 0 auto; 
    text-align: center; 
    width: 600px;
}
.setupInstruction-downloadBtn:hover, .setupInstructionSucceed-closeBtn:hover
{
    cursor: pointer;
}
.setupInstruction-downloadBtn table, .setupInstructionSucceed-closeBtn table
{
    width: 100%;
    height: 100%;
}
.setupInstruction-downloadBtn table td, .setupInstructionSucceed-closeBtn table td
{
    height: 100%; 
    vertical-align: middle; 
}
.setupInstructionSucceed-closeBtn table td
{
    width: 100%;
}
.setupInstruction-downloadBtn-icon
{
    background-image: url(../Images/download-big-icon.png); 
    height: 36px; 
    width: 41px;
    display: inline-block;
    position: relative;
    top: 12px; 
}
input.setupInstruction-emailBox, input.setupInstruction-emailBox2
{
    width: 350px; 
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 6px;
}
input.setupInstruction-emailBox-hide
{
    display: none;
}
input.setupInstruction-checkBox, input.setupInstruction-checkBox2
{
    margin-top: -3px;
}
.body-overflow-y-hidden
{
    overflow-y: hidden;
}
.setupInstruction-emailSection
{
    margin-left: 35px;
    text-align: left;
}

.setupInstruction-registerAdobeId-container 
{        
    width: 380px;
    margin-bottom: 10px;
}
.setupInstruction-registerAdobeId-middle
{
    vertical-align: bottom;
}
.setupInstruction-registerAdobeId-textLeft
{
    text-align:left;
}
.setupInstruction-downloadNotice
{
    color:red;
}
.setupInstruction-existingUSer {
    float: left; 
    width: 400px; 
    margin-bottom: 15px;
    margin-top: 20px; 
    position: relative; 
    height: 100%;
}
.setupInstruction-existingUSer-title {
    font-weight: lighter;
    font-size: 22px;
}
.setupInstruction-existingUSer-subtitle {
    font-weight: lighter; 
    font-size: 20px; 
    color: #00B9F1;
    text-align: left;
}
.setupInstruction-existingUSer-content {
    text-align: left;
    margin-left: 27px;
}
.setupInstruction-existingUSer-downArrow {
    margin-bottom: 8px;
}
.setupInstruction-newUSer {
    float: left;
    width: 400px;
    margin-bottom: 15px;
    margin-top: 20px; 
    border-left: 1px solid #ddd;
}
.setupInstruction-newUSer-title {
    font-weight: lighter;
    font-size: 22px;
}
/*------------------------------Download Overlay End ------------------------*/