/* * THE MIX BLOCK * */

body{font-family:Georgia, "Times New Roman", Times, serif;color:white}

a{
	color:white;
}

img { -ms-interpolation-mode: bicubic; }

/* * 100% BACKGROUND * */
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#body {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}

/* * DEFAULT CLASSES * */
.left{float:left}
.right{float:right}
.clear{clear:both}
.hidden{visibility:hidden}
.border{border:1px solid red;}
.quantity{display:none;}

/* * Container * */

#container{
	background-image:url(../images/container-bg.png);
	background-repeat:repeat;
	background-position:top left;
	margin:15px auto;
	width:1024px;
	border:8px solid #161616;
	position:relative;
	z-index:2;
	}

/* * Header * */

#header{
	background:url(../images/header-bg.png) top left repeat;
	height:135px;
	position:relative;
	}
	#header img.header-logo{
		float:left;
		position:relative;
		}
	#header #buttons{
		width:360px;
		float:right;
		margin:35px 10px 0 0;
			}
		#header #buttons #account{
			width:143px;
			height:39px;
			float:left
			}
		#header #buttons #cart{
			width:206px;
			height:39px;
			float:right;
			}
			#header #buttons #cart img.checkout-button{
				float:right;
				margin:7px 7px 0 0;
				}
			#header #buttons #cart img.cart-button{
				float:left;
				width:112px;
				height:39px;
				}
			#header #buttons #account p,
			#header #buttons #cart p{
				text-align:center;
				margin-top:5px;
				color:#FFF;
				font-size:13px;
				}
				#header #buttons #cart p .orange{
					color:#ff8a00;
					font-weight:bold;
					}
			#header #buttons #account a,
			#header #buttons #cart a{
				font-size:13px;
				color:#FFF;
				text-decoration:underline;
				}
			#header #buttons #cart .miniCart{
				float:left;
				margin-left:53px;
			}
				#header #buttons #cart .miniCart a{
					color:#ff8a00;
					font-weight:bold;
				}

/* * Content * */

#content{
	background:url(../images/content-bg.png) top left repeat;
	width:538px;
	min-height:500px;						/* IE6 MIN-HEIGHT TRICK */ 	
	height:auto !important;					/* IE6 MIN-HEIGHT TRICK */ 	
	height:500px; 							/* IE6 MIN-HEIGHT TRICK */
	margin:-15px 0 0 0;
	*margin-top:0;
	float:left;
	padding:20px 25px;
	}
	#content input{
		background:url(../images/send-form-bg.jpg) top left repeat-x;
		border:1px solid #919cab;
		height:23px;
		height:20px\9;
		padding:1px 0 0 5px;
		padding:3px 0 0 5px\9;
	}
	#content select{
		border:2px solid #ccc;
	}
	#content textarea{
		padding:3px 2px;
		border:2px solid #ccc;
	}
	#content p{
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FFF;
		line-height:150%;
		margin-bottom:15px;
		}		
	#content h1{
		color:#cbdaef;
		font-size:24px;
		border-bottom:1px solid #cbdaef;
		margin-bottom:20px;
		}
		#content h1.product-page{
			width:263px;
			margin:0 0 0 20px;
			color:#FFF;
			font-size:22px;
			padding-bottom:15px;
			border-bottom:1px solid #cad9ee;
			float:right;
			}
			#content h1.section{
				margin-top:30px;
			}
	#content h3{
		color:#cad9ee;
		font-size:16px;
		border-top:1px solid #cad9ee;
		padding-top:10px;
		}
		#content h3.borderless{
			border:none;
			}
	#content h3{
		color:#cad9ee;
		font-size:18px;
		padding-top:10px;
		}
	#content ol{
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FFF;
		margin-left:27px;
		}
		#content ol li{
			list-style-type:decimal;
			line-height:150%;
			}
	#content hr{
		color:#FFF;
		height:1px;
		background:#FFF;
		}
	#content #product{
		margin:0 11px 20px 0;
		float:left;
		width:168px;
		height:245px;
		text-align:center;
		}
	#content #product input{
		border:none;
		background:none;
	}
	#content #product.last{
		margin-right:0px;
		}
		#content #product p{
			margin:5px 0 0px 0;
			font-size:13px;
			color:#FFF;
			text-align:center;
			line-height:125%;
			}
			#content #product p a{
				color:#FFF;
				}
			#content #product p.price{
				font-family:Georgia, "Times New Roman", Times, serif;
				color:#ff8a00;
				font-size:16px;
				margin:7px auto 0 13px;
				}
				#content #product p.price span{
					float:left;
				}
				#content #product .addToCart{
					margin-left:5px;
					float:left;
					display:inline;
					}
	
	/* * DETAILED PRODUCT PAGE - LEFT IMAGE * */
	#content #main-product{
		float:left;
		padding-bottom:15px;
		}
		#content #main-product p{
			text-align:center;
			font-size:14px;
			margin:5px 0 15px 0;
			}
			
			#content #main-product p a{
				color:#FFF;
				text-decoration:underline;
				}
		
		/* * DETAILED PRODUCT PAGE - RIGHT HAND INFO * */
		#content #right-product{
			float:right;
			width:262px;
			padding:0 0 10px 8px;
		}
			#content #right-product div.title{
				font-family:Georgia, "Times New Roman", Times, serif;
				color:#fff;
				font-size:16px;
				float:left;
				clear:left;
				margin:10px 0 7px 0;
			}
			#content #right-product div.value{
				font-family:Georgia, "Times New Roman", Times, serif;
				color:#fff;
				font-size:16px;
				float:right;
				clear:right;
				margin:10px 35px 7px 0;
			}
				#content #right-product div.valueSelect{
					font-family:Georgia, "Times New Roman", Times, serif;
					color:#fff;
					font-size:16px;
					float:right;
					clear:right;
					margin:10px 35px 5px 0;
					*margin-right:38px;
				}
				#content #right-product div.valueQuantity{
					font-family:Georgia, "Times New Roman", Times, serif;
					color:#fff;
					font-size:16px;
					float:right;
					clear:right;
					margin:10px 28px 5px 0;
					*margin-right:15px;
				}
			#content #right-product p.price-large{
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:24px;
				color:#ff8a00;
				margin:15px 0 0 0;
				float:left;
				clear:left;
			}
			#content #right-product input.cart-large{
				float:right;
				clear:right;
				margin:13px 0 20px 0;
				border:none;
				background:none;
				width:121px;
				height:31px;
			}
			#content #right-product .share{
				width:152px;
				height:27px;
				padding:3px 0 0 23px;
				background:url(../images/share.png) no-repeat top left;
				display:block;
				clear:both;
				margin:0 0 0 40px;
			}
			a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:5px;vertical-align:middle;}
			a.stbar.chicklet {height:16px;line-height:16px;color:#000;font-size:12px;text-transform:lowercase;}
	
			#content p.productDescription{
				text-align:left;
				font-size:12px;
				margin-top:3px;
			}
	/* * SEND TO FRIEND * */		
	#content #send{
		width:480px;
		margin:0 0 0 15px;
		padding-bottom:20px;
		}
		#content #send label{	
			font-family:Tahoma, Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#FFF;
			float:left;
			line-height:24px;
			}
		#content #send input.send2friend{
			background:url(../images/send-form-bg.jpg) top left repeat-x;
			border:1px solid #919cab;
			width:205px;
			height:23px;
			height:20px\9;
			margin:0 0 5px 20px;
			padding:1px 0 0 5px;
			padding:3px 0 0 5px\9;
			float:right;
			}
			#content #send input.sendButton{
				margin:28px 0 0 5px;
				background:none;
				border:none;
				width:121px;
				height:31px;
			}

/* * Sidebars * */

#left-sidebar{
	width:200px;
	float:left;
	margin:35px 10px 0 10px;
	}
#right-sidebar{
	width:200px;
	float:left;
	margin:35px 0px 0 10px;
	}
	#left-sidebar #field,
	#right-sidebar #field{
		margin-bottom:30px;
		background:#FFF;
		}
		#left-sidebar #field.search-field{
			height:77px;
			}
		#left-sidebar #field h2,
		#right-sidebar #field h2{
			font-family:Geneva, Arial, Helvetica, sans-serif;
			font-size:18px;
			color:#FFF;
			text-transform:uppercase;
			line-height:35px;
			padding-left:10px;
			}
			#left-sidebar #field h2.search{background:url(../images/search-bg.jpg) top left repeat;}
			#left-sidebar #field h2.categories{background:url(../images/categories-bg.jpg) top left repeat;}
			#left-sidebar #field h2.customer-service{background:url(../images/customer-service-bg.jpg) top left repeat;}
			#right-sidebar #field h2.whats-hot{background:url(../images/whats-hot-bg.jpg) top left repeat; text-align:center; padding:0;
			}
			
		/*sidebar list styles*/
		
		#left-sidebar #field ul{
			text-transform:uppercase;
			font-size:14px;
			}
			#left-sidebar #field ul li{
				line-height:34px;
				border-bottom:1px solid #dddedf;
				}
				#left-sidebar #field ul li a{
					display:block;
					color:#000;
					padding-left:10px
					}
					#left-sidebar #field ul li a:hover{
						background:#c1c9cf;
						}
		#right-sidebar #field ul{
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			}
			#right-sidebar #field ul li{
				height:78px;
				border-bottom:1px solid #dddedf;
				}
				#right-sidebar #field ul li a{
					display:block;
					color:#000;
					padding:10px;
					height:58px;
					}
					#right-sidebar #field ul li a:hover{
						background:#c1c9cf;
						}
				#right-sidebar #field ul li a img{
					float:right;
					margin:0;}
				#right-sidebar #field ul li a p{
					float:left;
					width:115px;
					}
		
		/*end of sidebar list styles*/
		
		#left-sidebar #field input.go{
			float:left;
			margin-top:11px;
			}
		#left-sidebar #field input.input{
			font-family:Georgia, "Times New Roman", Times, serif;
			border:1px solid #d7d9d9;
			height:20px;
			margin:10px;
			width:123px;
			padding-left:5px;
			float:left;
			}
	#left-sidebar img,
	#right-sidebar img{
		margin-bottom:30px;
		}
		#left-sidebar img.badge{
			margin-bottom:10px
			}
		
/* * * * end of Columns * * * */

/* * Footer * */

#footer{
	background:url(../images/footer-bg.png) top left repeat;
	height:100px;
	font-weight:bold;
	color:#FFF;
	margin-top:20px;
	}
	#footer img.footer-logo{
		margin:10px 0 0 5px;
		float:left;
		}
		#footer ul{
			font-size:12px;
			text-transform:uppercase;
			margin-bottom:30px;
			}
			#footer ul li{
				float:left;
				margin:0px 1px;
				}
		#footer a{
			color:#FFF;
			text-decoration:underline;
			}
		#footer p{
			font-size:14px;
			}
			#footer #footer-content{
				float:left;
				margin:17px 0 0 25px;
				}
				
/* * Forms * */
