/*** Site ***/

body{
	font:1em normal Verdana, Helvetica, Arial, sans-serif;
	margin:0;
	font-size:12px;
	color:#900;
	text-align:center;
	background-color: #D6D6D6;
	background-image: url(graphics/en-US/new/bg.jpg);
	background-repeat: repeat-x;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-top: 0px;
}
#splash2 {
	width:595px;
	height:115px;
	background-image: url(graphics/en-US/new/splash_r1_c1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 124px;
}
#splash img {border:0; margin-top:0; padding:0;}
td{ font-size:1em; }

form{
	display:inline;
	margin:0;
	padding:0;
}

h1{ font:bold 1.5em Helvetica, Verdana, Arial, sans-serif; }
h2{ font:bold 1.3em Helvetica, Verdana, Arial, sans-serif; }
h3{ font:bold 1.1em Helvetica, Verdana, Arial, sans-serif; }
#header {
	height: 103px;
	width: 800px;
}
#loginbar {
	background-image: url(graphics/en-US/new/logotop.jpg);
	height: 30px;
	background-repeat: no-repeat;
}


h2.header{
	color:#333333;
	padding:4px;
	background-color:#cccccc;
	color:#333333;
	font-weight:bold;
}

a img{ border:0; }

a:link			{
	color:#900;
	text-decoration: none;
}
a:visited		{
	color:#900;
}
a:active		{ color:#999999 }
a:hover			{ color:#333333; }

.clear			{ clear:both; font-size:0; height:0; }
.floatright		{ float:right; }
.floatleft		{ float:left; }
.alignright		{ text-align:right; }
.alignleft		{ text-align:left; }
.aligncenter	{ text-align:center; }
.margincenter	{ margin:0 auto; }
.small			{ font-size:.9em; }
.smaller		{ font-size:.8em; }
.smallest		{ font-size:.7em; }
.large			{ font-size:1.1em; }
.larger			{ font-size:1.2em; }
.largest		{ font-size:1.3em; }
.bold			{ font-weight:bold; }
.italic			{ font-style:italic; }
.red			{ color:#ff0000; }
.blue			{ color:#0000ff; }
.nowrap			{ white-space:nowrap; }

.input_error{ border-color:#cc0000 #ff0000 #ff0000 #ff0000; }

select{
	border-width:1px;
	border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
	padding:1px 2px;
	background-color:#ffffff;
}

.error-message{ 
	border:1px solid #ff0000;
	background-color:#ffdfdf;
	padding:4px;
	text-align:center;
	width:60%;
	margin:0 auto;
	color:#000000 !important;
}

.information-message{ 
	border:1px solid #0000ff;
	background-color:#dfdfff;
	padding:4px;
	text-align:center;
	width:60%;
	margin:0 auto;
	color:#000000 !important;
}

.messages{ text-align:center; }

.shadow_input, select, textarea{
	border-width:1px;
	border-style:solid;
	border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
	font:normal 1em Arial, Helvetica, Verdana, sans-serif;
	margin-left: 15px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}

.shadow_button{
	border-width:1px;
	border-style:solid;
	border-color:#999999 #000000 #000000 #999999;
	background-color:#999999;
	color:#ffffff;
	font-size:.9em;
	padding:1px;
	margin:0;
}

#site-container{
	width:770px;
	margin:0 auto;
	text-align:left;
	border-collapse:collapse;
}

/*** Top Navigation Bar ***/

#navigation-bar{
	line-height:27px;
	padding:4px 4px 0 0;
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
}
#navigation-bar a{
	color:#FFF}

/*** Left Navigation ***/

#left-navigation{
	width:190px;
	padding:0 0 0 4px;
	vertical-align:top;
}

/* hide left navigation on the following pages */
.ACAD #left-navigation{ display:none; }
.ACED #left-navigation{ display:none; }
.AFAD #left-navigation{ display:none; }
.AFCL #left-navigation{ display:none; }
.AFED #left-navigation{ display:none; }
.INVC #left-navigation{ display:none; }
#header #header #headbottom h1 {
	padding-top: 8px;
	font-size: 2em;
	color: #FFF;
	float: right;
}

.LOGN #left-navigation{ display:none; }
.OCST #left-navigation{ display:none; }
.OMIN #left-navigation{ display:none; }
.OPAY #left-navigation{ display:none; }
.OPRC #left-navigation{ display:none; }
.ORDH #left-navigation{ display:none; }
.ORDL #left-navigation{ display:none; }
.ORDS #left-navigation{ display:none; }
.OSEL #left-navigation{ display:none; }
.OUS1 #left-navigation{ display:none; }
.OUSM #left-navigation{ display:none; }
.PLMT #left-navigation{ display:none; }
.UATM #left-navigation{ display:none; }
.UATR #left-navigation{ display:none; }

#category-tree{
	padding:1px;
	margin:0;
	background-image: url(graphics/en-US/new/navbg.jpg);
}
#category-tree .active {
	margin-left:15px;
	font-weight: bold;
}
 d

#category-tree-top-image{
	background-image: url(graphics/en-US/new/lnavtop.jpg);
}
#category-tree-bottom-image{}

#category-tree a{
	text-decoration:none;
	color:#600;
	font-weight:bold;
	padding-bottom: 4px;
	padding-left: 15px;
}
#category-tree img{margin-left: -6px}
#category-tree .subcategory-link a{ padding:4px 10px 4px 20px; }
#category-tree a.active{
	color: #600;
	padding-bottom: 4px;
	padding-left: 6px;
}
#category-tree-header{
	background-image: url(graphics/en-US/new/navbg.jpg);
	background-repeat: repeat-y;
}
#category-tree-header #cart {
	width: 155px;
	margin-left: 15px;
}


#category-tree-footer{
	margin-bottom: 10px;
}

/*** Content ***/

#content-container{
	clear:both;
	width:100%;
	border-style:solid;
	border-color:#666666;
	border-width:1px 0;
	padding:0 0 12px 0;
	margin:0;
	/* ie6 min-height hack */
	height:270px;
	max-height:270px !important;
}

#main-content{
	padding:0px;
	vertical-align:top;
}
#main-content img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*** Global Header/Footer ***/

#global-header{}

#logo{
	clear:both;
	margin:0 0 0 5px;
}

#logo a{
	width:759px;
	height:85px;
	display:block;
	background:transparent url( graphics/en-US/new/banner.jpg ) no-repeat scroll left top;
	cursor:pointer;
}

#search{
	float:right;
	padding:4px 6px 4px 0;
}

#header-links{
	float:right;
	padding:4px 12px 0 0;
	line-height:22px;
	color:#000000;
	text-align:right;
}

#global-footer{ margin:16px 0; }
#footer-links{ text-align:right; }

#footer-links ul{
	font:.9em normal Verdana, Helvetica, Arial, sans-serif;
	margin:8px 0;
	padding:0;
}


#footer-links ul li{
	list-style-type:none;
	border-left:1px solid #999999;
	padding:0 2px 0 6px;
	margin:0;
	text-align:center;
	display:inline;
}

#footer-links ul li.first-child{ border:0; }

#miva-link{
	font-size:.8em;
	text-align:right;
	margin:16px 0;
}

#miva-link a{ color:#999999; }

/*** ACAD, ACED, AFAD, AFED, OCST ***/

.logout-link{
	margin:12px 0;
	float:right;
}

#affiliate-fields select,
#customer-fields select{
	width:176px;
}

.ACAD label,
.ACED label,
.AFAD label,
.AFED label,
.OCST label{
	float:left;
	width:150px;
	white-space:nowrap;
	text-align:right;
	padding:3px 5px 3px 0;
	clear:both;
	margin:2px 0 0 0;
}

.ACAD input.shadow_input,
.ACED input.shadow_input,
.AFAD input.shadow_input,
.AFED input.shadow_input,
.OCST input.shadow_input{
	width:170px;
}

#affiliate-fields #login-details,
#affiliate-information,
#affiliate-contact,
#affiliate-commissions{
	margin:0 0 16px 0;
}

#affiliate-commissions label{
	margin:0;
	padding:0 4px 0 0;
	font-weight:bold;
	text-align:left;
	width:auto;
	float:none;
}

#affiliate-commissions .form_row{ margin:0 0 8px 0; }

.AFAD #affiliate-fields{
	width:50%;
	margin:0 auto;
}

.AFED #affiliate-fields #affiliate-contact,
.AFED #affiliate-fields #affiliate-commissions{
	float:left;
	width:50%;	
}

.save-button,
.continue-button{
	text-align:right;
	margin:14px 0 0 0;
}

.required{ font-weight:bold; }

.fields-heading{
	background-color:#cccccc;
	color:#333333;
	margin:0 0 12px 0;
	padding:4px 4px 4px 23px;
}

.address2-label{ margin:0 0 14px 0; }

.controls{ font:normal .9em Verdana, Helvetica, Arial, sans-serif; }

#ship-to .controls{	visibility:hidden; }
#bill-to .controls{	visibility:hidden; }

#ship-to-fields,
#bill-to-fields{	
	visibility:visible;
}

#ship-to,
#bill-to{
	float:left;
	width:50%;
}

#ship-to h2 input.checkbox,
#bill-to h2 input.checkbox{
	margin:0 2px 0 12px;
	padding:0;
	width:13px;
	height:13px;
	overflow:hidden;
}

div.invalid input.shadow_input{ border-color:#cc0000 #ff0000 #ff0000 #ff0000; }
div.invalid label{ color:#dd0000; }

.warning-message{
	border:1px solid #ff0000;
	background-color:#ffdfdf;
	padding:4px;
	text-align:center;
	width:60%;
	margin:0 auto;
	color:#000000 !important;
}

#customer-fields .fields-heading,
#affiliate-fields .fields-heading{ 
	color:#333333;
	padding:4px;
	background-color:#cccccc;
	color:#333333;
	font-weight:bold;
}

#customer-fields.editable .form_row,
#affiliate-fields.editable .form_row{
	margin:0 0 10px 0;
	text-align:left;
}

#customer-fields.non-editable .form_row{
	margin:0 0 4px 0;
	text-align:left;
}

#customer-fields.non-editable label,
#affiliate-fields.non-editable label{
	margin:0;
	padding:0 4px 0 0;
	font-weight:bold;
	width:110px;
	text-align:right;
	float:left;
	clear:both;
	white-space:nowrap;
}

#customer-fields.non-editable .form_row div,
#affiliate-fields.non-editable .form_row div{
	float:left;
}

/*** LOGN, AFCL, ORDL ***/

.AFCL #main-content,
.LOGN #main-content{
	padding:28px 126px;
}

.ORDL #main-content{ padding:28px 16px; }

.AFCL .section,
.LOGN .section{
	float:left;
	height:220px;
	width:49%;
}

.ORDL .section{
	float:left;
	height:220px;
	width:33%;
	background-color:#CCC
}

.section h3{ text-align:center; }

.AFCL .form_row,
.LOGN .form_row,
.ORDL .form_row{
	margin:0 0 6px 0;
}

.LOGN label,
.ORDL label,
.AFCL label{
	float:left;
	clear:both;
	width:80px;
	text-align:right;
	padding:3px 5px;
}

.grey-border-right{ border-right:1px solid #cccccc; }

.logn-input{ width:120px; }

#invalid-key{
	width:23px;
	float:left;
	margin:0 4px 0 0;
	border-width:1px;
	border-style:solid;
	border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}

.sign-in-buttons{ 
	text-align:center; 
	margin-bottom:16px;
}
.forgot-password{ 
	font-size:.9em;
	text-align:center;
}

/*** BASK, OCST, OPAY, OSEL ***/

#basket-contents.non-editable,
#basket-contents.editable{
	width:100%;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
}

#basket-contents.non-editable table,
#basket-contents.editable table{
	border-collapse:collapse; margin-bottom:0
}

#basket-contents.non-editable td,
#basket-contents.editable td{
	background-color:#eeeeee;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	vertical-align:top;
	padding:6px;
	font:normal 1em Arial;
}

#basket-contents table #basket-heading td{
	background-color:#cccccc;
	color:#333333;
	font-weight:bold;
	text-align:center;
	font-size:1em;
	white-space:nowrap;
}

#basket-contents .basket-qty-input{ width:34px; }

#basket-contents .item-remove{
	width:8%;
	vertical-align:middle;
}

#basket-contents.editable .item-quantity{
	width:13%;
	text-align:center;
	white-space:nowrap;
}

#basket-contents.non-editable .item-quantity{
	width:6%;
	text-align:center;
}

#basket-contents .item-options .item-description{ padding-left:16px; }
#basket-contents.non-editable .item-description{ width:59%; }
#basket-contents.editable .item-description	{ width:66%; }
#basket-contents table #basket-heading td.item-description{ text-align:left; }

#basket-contents .item-price{ 
	width:10%;
	text-align:right;
}

#basket-contents .item-total{
	width:10%;
	text-align:right;
}

#basket-contents .basket-charges .charge-description{
	font-style:italic;
	text-align:right;
}

#basket-contents .basket-charges .formatted-charge{
	font-style:italic;
	text-align:right;
}

#basket-contents #basket-totals .total-prompt{
	font-weight:bold;
	text-align:right;
}

#basket-contents #basket-totals .formatted-total{
	font-weight:bold;
	text-align:right;
}

#basket-contents .item-options td{}

.checkout .item-quantity		{ width:8% !important; }
.checkout .item-description		{ width:64% !important; }

#fields-key{ margin:16px 0; }

.checkout-button{
	text-align:right;
	margin-top: 12px;
	margin-right: 0;
	margin-left: 0;
}

#payment-fields input{
	border-width:1px;
	border-style:solid;
	border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
	padding:1px 2px;
	font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}

#payment-fields label{
	float:left;
	width:120px;
	white-space:nowrap;
	text-align:right;
	padding:3px 5px 3px 0;
	clear:both;
	margin:2px 0 0 0;
}

#shipping-payment .form_row{ margin:0 0 10px 0; }

#shipping-payment label{
	float:left;
	width:65px;
	white-space:nowrap;
	text-align:right;
	padding:3px 5px 3px 0;
	clear:both;
	margin:2px 0 0 0; 
}

.OCST #basket-contents{ margin: 0 0 32px 0; }

.OPAY .fields-key{ margin:0 0 16px 0; }
#payment-fields .form_row{ margin:0 0 10px 0; }

#customer-fields.non-editable{ margin:0 0 32px 0; }
#basket-contents.non-editable{ margin:0 0 32px 0; }

/*** CTGY, SRCH, PLST, OUS1, OUSM ***/

.product-listing{
	width:33%;
	float:left;
	overflow:hidden;
}

.product-listing .padding{
	padding:8px;
	margin:8px;
	height:255px;
	border:1px solid #cccccc;
	overflow:hidden;
}

.product-listing .add-to-basket		{ float:right; margin:0 4px 0 0; }
.product-listing .buy-one-now		{ float:left; }
.product-next-previous				{ margin:12px 0; }

.product-listing .product-thumbnail{
	text-align:center;
	overflow:hidden;
	height:150px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

.product-listing .product-thumbnail img{
	max-height:150px;
}

.purchase-buttons{ margin:16px 0 0 0; }

.purchase-buttons div{
	float:left;
	width:50%;
}

.thumbnail-not-available{
	display:block;
	width:160px;
	height:160px;
	background:transparent url( graphics/en-US/new/thumbnail-not-available.jpg ) no-repeat scroll left top;
	margin:0 auto;
}

.image-not-available{
	display:block;
	width:250px;
	height:250px;
	background:transparent url( graphics/en-US/new/image-not-available.jpg ) no-repeat scroll left top;
}

.next-button	{ float:right; }
.previous-button{ float:left; }

.search-again{ margin:0 0 16px 0; }

.OUS1 #main-content{
	padding-left:225px;
	padding-right:225px;
}

.upsale-heading{ text-align:center; }

.OUS1 .product-thumbnail{
	margin:12px 0; 
	text-align:center;
	overflow:hidden;
}

.OUS1 .product-thumbnail img{
	max-height:156px;
}

.OUS1 .product-description		{ margin:16px 0 0 0; }
.OUS1 .thumbnail-not-available	{ margin:16px auto; }
.OUS1 .product-attributes label	{ width:40%; }

.OUSM #main-content{ 
	padding-left:160px;
	padding-right:160px;
}

.upsale-batch{
	width:100%;
	padding:2px;
}

.upsale-batch .heading td	{ font-weight:bold; }

.upsale-checkbox{ width:32px; }
.upsale-name{ width:175px; }


/*** PRODUCT DISPLAY ***/

.product-details-1,
.product-details-2{
	width:50%;
	float:left;
}

.product-image{ margin:0 auto 16px auto; }

.product-image img{
	width:305px;
	max-width:280px;
}

.product-quantity-input{
	width:34px;
	margin:0 4px;
}

.related-products{
	clear:both;
	margin:32px 0 16px 0;
}

.product-attributes{
	margin:16px 0;
	text-align:left;
}

.product-attributes label{
	clear:left;
	float:left;
	width:30%;
	text-align:right;
	padding:6px 0 0 0;
	margin:0 8px 4px 0;
}

.product-attributes .radio{
	margin:5px 0;
	float:left;
}

.product-attributes .radios input{
	margin:2px 0 0 0;
	padding:0 0 0 0;
}

.product-attributes .form_row{
	margin:0 0 6px 0;
	clear:both;
}

.product-attributes .checkbox input{
	margin:0;
	padding:0;
}

.PROD .purchase-buttons{ 
	text-align:right;
}

.product-attributes textarea{
	width:100%;
	height:85px;
	white-space:wrap;
}

/*** INVC ***/

.INVC .order-id{
	float:left;
	font-weight:bold;
}

.INVC .order-date{
	float:right;
	text-align:right;
}

.INVC .order-date span{ font-weight:bold; }
.INVC h2{ clear:both; }

/*** PATR ***/

.PATR .continue-button{
	text-align:right;
	margin:12px 0;
}

/*** SMAP ***/

.SMAP h3{
	
}

.SMAP .category{
	width:33%;
	text-align:left;
	float:left;
}

.SMAP .category .padding{
	padding:2px;
}

.SMAP .product{
	width:33%;
	text-align:left;
	float:left;
}

.SMAP .product .padding{ padding:2px; }

/*** ORDH, ORDS ***/

#order-history td{ padding:2px; }

#order-history tr.header td,
#order-status tr.header td{
	color:#333333;
	padding:4px;
	background-color:#cccccc;
	color:#333333;
	font-weight:bold;
}
#navbar {
	background-color: #000;
	background-image: url(graphics/en-US/new/logomid.jpg);
	background-repeat: no-repeat;
	height: 35px;
	text-align: right;
}
#header #headbottom {
	background-image: url(graphics/en-US/new/bgbottom.jpg);
	height: 40px;
	background-repeat: no-repeat;
}


.widest{ width:100%; }
#header #loginbar #lognm {
	float: right;
	margin-top: 8px;
}
.dialog {
	position:relative;
	margin:0px auto;
	min-width:8em;
	max-width:595px; /* based on image dimensions - not quite consistent with drip styles yet */
	color:#900;
	z-index:1;
	margin-left:12px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
	_background-image:url(graphics/en-US/new/dialog2-blue.gif);
	background-color: transparent;
	background-image: url(graphics/en-US/new/dialog2-blue-800x1600.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}
.aboutcenter {
	color: #000;
	text-align: center;
}
.aboutcenter  a {
	color: #000;
}
table.featured {
	border:none;
	text-align:center;
	padding: 0px;
	margin-top: 5px;
	padding-top:5px;
}
#catback {
	background-image: url(graphics/en-US/new/cattop.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 400px;
}
.spacerimg {
	padding-left: 15px;
}
