/*@import "tabs.css"; /* Sitewide Tabs */
/*@import "panels.css"; /* Left & Right Panel Styles */
/*@import "products.css";*/ /* Product listings, promos, product detail page, page nav, basket */
/*@import "forms.css";*/ /* Sitewide Form Styles */
/*@import "pagestyles.css"; /* Individual page styles, ie news, links etc */


A IMG { border: none; }

/* opacity */

.op90 { opacity: 0.9; filter: alpha(opacity=90); }
.op80 { opacity: 0.8; filter: alpha(opacity=80); }
.op70 { opacity: 0.7; filter: alpha(opacity=70); }
.op60 { opacity: 0.6; filter: alpha(opacity=60); }
.op50 { opacity: 0.5; filter: alpha(opacity=50); }
.op40 { opacity: 0.4; filter: alpha(opacity=40); }
.op30 { opacity: 0.3; filter: alpha(opacity=30); }
.op20 { opacity: 0.2; filter: alpha(opacity=20); }
.op10 { opacity: 0.1; filter: alpha(opacity=10); }

/* ---------------------------------------------------------------------------------*/
/* LAYOUT */		
/* ---------------------------------------------------------------------------------*/		

#wrap {
	position:relative;
	width: 876px;
	padding: 0;
	margin: 0 auto;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height */
	min-height:100%; /* real browsers */
}


	
/* RECOMMENDATIONS */

#recommendations { }
	#recommendations FORM {
		margin: 0; padding: 0;
	}
	#recommendations SELECT {
		width: 165px; 
		padding: 2px; 
		margin-bottom: 4px; 
		border: 1px solid #516987; 
		font-family: Tahoma; 
		color: #797979; 
		font-size: 11px;
	}
	
/* WHITE BLOCKS */	

#featured A.blockbigbg {
	display: block; 
	position: relative; 
	width: 156px; 
	border: 1px solid #fff; 
	height: 27px; 
	padding:4px; 
	background-color: #4f4d4d; 
}
#featured A:hover.blockbigbg {
	background-color: #7f7d7d; 
}
#featured .block .arrow {
	width: 10px;
}
#featured .block .arrow IMG {
	display: block;
	margin: 8px 0 0 3px;
}
	
#recommendations .blockbigbg {
	display: block; 
	position: relative; 
	width: 156px; 
	border: 1px solid #fff; 
	height: 27px; 
	padding:4px; 
	background-color: #4f4d4d; 
}
#recommendations .block .arrow {
	width: 10px;
}
#recommendations .block .arrow IMG {
	display: block;
	/*margin: 8px 0 0 3px;*/
}
.blockbg {
	position: absolute; 
	margin-top: 5px;
	/*margin-top: -32px; */
	margin-left: 5px; 
}
	.blockbg IMG {
		float: left; 
		width: 29px; 
		height: 29px; 
		margin: 0px;
	}
.block {
	position: absolute; 
	margin-top: 5px;
	/*margin-top: -33px; */
	margin-left: 4px; 
}
	.block A {
		float: left; 
		width: 25px; 
		height: 25px; 
		margin: 2px;
	}

/* HOMEPAGE SCROLLER */
	
#hpscroller {
	float: right;
	/*position: absolute;
	right: 0px;*/
	background: #e8e8e8;
	width: 281px;
}

	/* SCROLL BUTTONS */

	#hpscroller A.scrollbutton {
		display: block;
		height: 11px;
		background-color: #dcdcdc;
		background-repeat: no-repeat;
		background-position: center center;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;	
		text-decoration: none;	
	}
	#hpscroller A.scrollbutton:hover { background-color: #cccccc;  }
	#hpscroller A.scrollbutton SPAN { visibility: hidden; font-size: 0; line-hight: 0; }
	
	#hpscroller A.scrollbutton.up {			
		margin-top: 1px;
		background-image: url("../_images/hp_arrow_up.gif");
	}
	#hpscroller A.scrollbutton.down {			
		margin-bottom: 1px;
		background-image: url("../_images/hp_arrow_down.gif");		
	}
	
	/* SCROLLER NEWS ITEM */
	
	#hpscroller .hpnewsitem {
		margin: 5px; 
		padding: 10px 14px 10px 10px; 
		background:#fff url('../_images/hp_news_arrow.gif') no-repeat bottom right; 
	}
		#hpscroller .hpnewsitem H3 {
			font-family: "Century Gothic", Arial;
			color: #ff76b1; 
			font-weight: bold; font-size: 18px; 
			line-height: 16px; 
			margin: 0; padding: 0;
		}
		#hpscroller .hpnewsitem H4 {
			font-family: "Century Gothic", Arial; 
			color: #bab9b9; 
			font-weight: bold; font-size: 11px; 
			line-height: 13px; 
			margin: 3px 0 0 0; padding: 0
		}
		#hpscroller .hpnewsitem P {
			margin: 5px 0 5px 0; 
			line-height: 1.3em;
		}
		
	/* SCROLLER PRODUCT */
	
	#hpscroller .hpproduct {
		margin: 5px; 
		border: 3px solid #fd96c1;
		padding: 4px; 
		background-color: #fff;			
	}
		#hpscroller .hpproduct DIV.content {
			 margin: 0 26px 0 75px;
		}
		#hpscroller .hpproduct H3 {
			font-family: "Century Gothic", Arial;
			color: #fd62a4; 
			font-weight: bold; font-size: 14px; 
			line-height: 14px; 
			margin: 0; padding: 0;
		}
		#hpscroller .hpproduct H2 {
			display: inline;
			font-family: "Century Gothic", Arial; 
			color: #ff81b6; 
			font-weight: bold; font-size: 20px; 
			line-height: 13px; 
			margin: 3px 0 0 0; padding: 0
		}
		#hpscroller .hpproduct H4 {
			display: inline;
			font-family: "Century Gothic", Arial; 
			color: #bab9b9; 
			font-weight: bold; font-size: 11px; 
			line-height: 13px; 
			margin: 3px 0 0 0; padding: 0
		}
		#hpscroller .hpproduct P {
			margin: 5px 0 15px 0; 
			line-height: 1.3em;
		}
	
	#hpscroller .new {
		background: #fff url('../_images/hp_new_product.gif') no-repeat right bottom
	}
	
	#hpscroller .roset {
		position: absolute; 
		right: 0px; 
		margin-top: -15px; 
		margin-right: 3px; 
		height: 50px; 
		width: 50px;
		z-index: 5;
	}

.ratingsmallbg { 
		width: 70px; 
		height: 17px; 
		margin: 4px 0 1px 0; 
		background: url("../_images/rating_small_bg.gif") no-repeat left top; 
	}
.ratingsmall { 
		height: 17px; 
		background: url("../_images/rating_small.gif") no-repeat left top; 
	}
.ratingsmall SPAN { visibility: hidden; }
	
.sscore00 { width: 0px; }
.sscore05 { width: 8px; }
.sscore10 { width: 15px; }
.sscore15 { width: 22px; }
.sscore20 { width: 30px; }
.sscore25 { width: 36px; }
.sscore30 { width: 43px; }
.sscore35 { width: 49px; }
.sscore40 { width: 56px; }
.sscore45 { width: 62px; }
.sscore50 { width: 70px; }




	
#right-panel {
	float: left;
	width: 160px;
	padding: 10px 0 0 0;
}

#footer {
	/*position:absolute;*/
	/*bottom:0;*/ /* stick to bottom */
	width:100%;
	padding: 3px 0 5px 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	background: #3e3e3e url("../_images/f_white_arrow.gif") no-repeat top left;
	border-top: 1px solid #fff;
}
	
.footer-numeric-list {
	float: left; width:33%;
}
	.footer-numeric-list UL {
		list-style: none;
		margin: 0; padding: 5px 0 0 15px;
	}
		.footer-numeric-list UL LI {
			font-size: 1.1em;
			_line-height: 18px;
			font-weight: normal;
			padding: 1px; 
			color: #ffffff;
			clear: both;
		}
		.footer-numeric-list UL LI IMG {
			vertical-align: middle;
		}
		.footer-numeric-list UL LI H3 {
			display: inline;
			font-family: 'Century Gothic', Arial; 
			font-size: 1em; 
			font-weight: normal;
			color: #666666;
		}
		.footer-numeric-list UL LI A {
			color: #fff;
			font-size: 1em;
			padding: 0;
			text-decoration: none;
			margin: 1px 0 0 22px; 
			display: block; 
			line-height: 14px; 
			height: 1%;
		}
		.footer-numeric-list UL LI A:hover {
			color: #ccc;
		}
	.footer-numeric-list IMG { width: 18px; height: 18px; }
	
.footer-menu {
	float: right; text-align:right; padding: 8px 8px 0 0; font-size: 1.1em; 
	line-height: 1.4em;
}
	.footer-menu SPAN {
		color: #666666;
		padding: 0 5px 0 0;
	}
		.footer-menu SPAN A {
			color: #fff; 
			text-decoration:none; 
			font-weight: normal; 
			font-size: 1em;
		}
		.footer-menu SPAN A:hover {
			color: #ccc;
		}
		
.footer-copyright {
	float: right; text-align:right; padding: 8px 8px 0 0; font-size: 1.1em; 
}
	.footer-copyright SPAN {
		font-family: 'Century Gothic', Arial; font-weight: normal; color: #999999
	}
		
		

/*SUBMENUS */	
		
#account-header {
	margin: 0 0 0 0;
	list-style:none;
	height: 18px;
	border-bottom: 1px solid #fd97c2;
}
#account-header LI { 
	float: left;
	margin: 0 20px 0 0;
}
#account-header LI A {
	font-weight: bold;
	text-decoration:none;
	font-family: "Century Gothic", Helvetica, Arial;
	display: block;
	padding: 1px 0 1px 0;
}
#account-header LI A.current {
	border-bottom: 3px solid #ff81b6;
}
#account-header LI A:hover {
	border-bottom: 3px solid #ff81b6;
}



/*
// OLD VERSION

#recControl {
		position: absolute; 
		left: 156px; 
		padding: 0; 
		margin: 6px 0 0 0; 
		z-index: 150;
		_margin-left: -5px;
	}
		#recControl A {
			display: block; width: 10px; height: 26px; 
		}
		#recControl A:hover {
			background-color: transparent;
		}
			#recControl A IMG {
				padding: 7px 0 0 2px;
			}
*/

#recBlocks ul li a:hover { background-color: transparent; }
#recControl a:hover { background-color: transparent; }

		#top-area {
			display: block;
			height: 65px;
			background-color: #050608;
			border-bottom: 1px solid #fff;
		}
		#logo {
			position: absolute;
			top: 10px;
		}
		#tag {
			position: absolute;
			top: 40px;
			left: 8px;
			color: #ffffff;
			font-size: 1.4em;
		}
		#left-panel .christmas {
			position: relative;
			background-image: url("../_images/promos/christmas.jpg") ;
			height: 140px;
			background-repeat: no-repeat;
			background-position: top right;
			border-bottom: 5px solid #fff;
		}
		
/* CONTENT */

#content {	
	float: left;
	/*width: 378px; */ /* original 418px */
	margin: 0;
	/*min-height: 600px;*/
}
* html #content { height: 500px; }

.content-full {
	width: 700px;
	padding: 0px 0px 0px 0px;
}
.content-padded {
	width: 660px;
	padding: 10px 20px 10px 20px;
}
	.content-padded IMG { border: none; }
	.content-padded H1 {
		font-family: 'Century Gothic', Arial;
		font-size: 2.20em;
		line-height: 1.4em;
		font-weight: normal;
		color: #cb5486;
		margin: 0 0 0px 0;
		padding: 0;
	}
	.content-padded H2 { 
		font-family: 'Century Gothic', Arial;
		font-size: 1.27em;
		font-weight: normal;
		font-style: italic;
		color: #4699fe;
		margin: 10px 0 10px 0;
		padding: 0;
	}
	.content-padded H3 { 
		font-family: Tahoma, Arial;
		color: #949494;
		font-size: 1em;
		font-weight: normal;
		margin: 0 0 5px 0;
		padding: 0;
	}
	.content-padded H4 { }
	.content-padded P {
		font-family: Tahoma, Arial;
		margin: 10px 0 10px 0;
		padding: 0;
		line-height: 1.6em;
		text-align: justify;
		color: #161616;
	}
	.content-padded A {
		color: #fb76ae;
		font-weight: bold;
		text-decoration: underline;
	}
	.content-padded.subheading { margin: 2px 0 2px 0; }
	.content-padded.subheading SPAN { 
		background: url("../_images/arrow_down.gif") no-repeat right top; 
		padding: 1px 20px 2px 0px; font-size: 0.7em; font-weight: bold; color: #3D3B3C; 
	}

.product-detail-info { margin: 10px 0 0px 0; }
	.product-detail-info ul {
		list-style: none;	
	}
		.product-detail-info ul li {
			color: #222;	
			font-size: 1em;
			line-height: 1.2em;
			font-weight: bold;
		}
			.product-detail-info ul li span {
				font-weight: bold;
				color: #fd62a4;
			}