@charset "utf-8";
/* CSS Document */

/*	TEMPLATE SPECIFIC	*/
body#product_detail #content_left	{ width: 274px }
body#product_detail #content_right	{ width: 721px; margin-left: 0px }
body#product_range #content_right .product_row
/*{ float: left; clear: both; width: 696px; background: url(../images/bg_prod_range_prod_row.jpg) no-repeat 0 0 }*/
{ float: left; clear: both; width: 696px }
/*body#product_detail #content		{ background: url(../images/bg_prod_detail.jpg) repeat-x 0 15px }*/
body#product_detail #related		{ float: right; width: 146px }

#content #related h3,
#content #related dt,
#content #related dd				{ float: left; width: 146px; clear: both }
#content #related dd				{ text-align: center }
#content #related dl,
#content #related img				{ float: left }
#content #related dl				{ margin-top: 50px }
#content #related dt				{ position: relative; text-indent: -9000px }
#content #related dt span			{ width: 146px; height: 40px; margin: 0px; position: absolute; left: 0; top: 0 }

/*	HEADERS	*/
h1#skincare span					{ background: url(../images/h1_prod_range_skincare.gif) no-repeat 0 0 }
h1#face_wash_reg span				{ background: url(../images/h1_face_wash_reg.gif) no-repeat 0 0 }
h1#h1-happy-cologne span			{ background: url(../images/h1-happy-cologne.gif) no-repeat 0 0 }
h1#h1-m-cover span 					{ background: url(../images/h1-m-cover.gif) no-repeat 0 0 }
h2#skincare_3step span				{ background: url(../images/h2_prod_range_skincare_3step.gif) no-repeat 0 0 }
#content #related dt#works span		{ background: url(../images/h3_prod_works_well.gif) no-repeat 0 0 }
#content #related dt#related_products span
									{ background: url(../images/h3_prod_related_products.gif) no-repeat 0 0 }

/*	PRODUCTS */
.product 	 						{ float: left; width: 200px; margin-right: 48px; position: relative }
.last								{ margin-right: 0px }
.product dt, .product dd			{ float: left; clear: both; width: 200px; padding: 5px 0; height: 30px; text-transform: uppercase }
.product dt strong,.product dt span,
.product dd strong,.product dd a,
.product dd span, .product dd em,	
.product dt span					{ float: left; display: block; line-height: 1.3em }
.product dt span					{ clear: both; width: 200px }
.product .border 					{ border-bottom: 1px solid #c1c1c1 }
.product dt.border					{ height: 55px; }
.product img 						{ float: left; clear: both }
.product dd a						{ clear: both; height: 14px; padding: 0 0 5px 20px; background: url(../images/icon_link_play.jpg) no-repeat 0 2px }
.product dd strong					{ clear: both; width: 200px }
.product dd span					{ margin-right: 3px; clear: both }
.product dd							{ line-height: 1.7em }
.award_container { position: absolute; top: 0px; left: 0px; }
.gq_multi      { position: relative; background: url(/images/awards/gq_multiproduct.gif) no-repeat top left; height: 53px; width: 46px; margin-top: 20px; top: 0px; left: 0px; }
.fhm_multi      { position: relative; background: url(/images/awards/fhm_multiproduct.gif) no-repeat top left; height: 33px; width: 46px; margin-top: 20px; top: 0px; left: 0px; }

/*	--panes */
#content .pane						{ float: left; clear: both; width: 550px; background: url(../images/bg_detail_panes.jpg) no-repeat 0 0 }
#content .pane h2					{ width: 520px; height: 19px; margin: 8px 0 0 0; padding-left: 30px; cursor: pointer; background: url(../images/icon_arrow_down.gif) no-repeat 10px 2px; font-size: 12px; }
#content .pane h2.off				{ background: url(../images/icon_arrow_right.gif) no-repeat 10px 2px }
#content .pane ul					{ float: left; width: 550px; clear: both }
#content .pane ul li				{ float: left; width: 265px }
#content .pane ul li p				{ width: 215px; padding-top: 0px }
#content .pane dl,
#content .pane dd					{ float: left; width: 320px } 
#content .pane dt					{ float: left; width: 230px }
#content .pane dl dt label,
#content .pane dl dt span			{ float: left; clear: both; width: 210px }
#content .pane dl dt span			{ width: 175px; margin-left: 35px; display: inline }
#content .pane dl input				{ float: left; margin-right: 18px }
#content .pane dl dd label			{ float: left; clear: both; margin-bottom: 10px }
#content .pane dl textarea			{ float: left; clear: both; display: block; width: 314px; height: 90px; vertical-align: middle; padding: 5px 3px 0 3px }
#content .pane ul.address li		{ float: left; width: 187px; margin-right: 0px; margin-bottom: 20px }
#content .pane p 					{ width: 500px; padding: 0px 25px 0px 25px; margin-bottom: 25px }
#content .pane h3					{ float: left; clear: both; width: 215px; padding: 0px 15px 0px 25px; margin-bottom: 0px; }
#content .pane img					{ float: left; clear: both; padding: 0 0 25px 30px }
#content .pane #product_flash_player
                          { clear:both; float:left; padding:0 0 25px 60px; }
/*	--product detail */
#content #detail					{ float: left; clear: both; width: 550px; position: relative }
#content #detail h1					{ height: 145px }
#content #detail h1,
#content #detail p,
#content #detail div				{ float: left; clear: none; width: 210px }
#content #detail img				{ float: left }
#content #detail img.zoom_button	{ position: absolute; top: 400px; left:50px  }
#content #detail p					{ margin-bottom: 5px }
#content #detail p.price			{ float:left; width:110px;}
#content #detail p.price input 		{ float:left; margin:5px 8px 0 0;}
#content #detail p.size	 			{ float:left; width:100px;}
#content #detail p.size span		{ clear:both; display:block; font-weight:normal; font-size:0.85em;}
#content #detail p.blurb			{ border-top:1px solid #f0f0f0; padding-top:10px;}
#content #detail h1 span			{ width: 210px; height: 145px; margin: 0px; position: absolute; left: 0; top: 0 }
#content .summary_box				{ float: left; clear: both; width: 350px; height: 53px; background-color: #fef3e4; border-top: 1px solid #fdd398; border-bottom: 1px solid #fdd398; margin: 25px 0 }
#content .summary_box a,
#content .summary_box button	{ float: left; clear: both; height: 20px; padding: 1px 0 6px 20px; background: url(../images/icon_play.png) no-repeat 0 0; margin: 20px 0 0 10px; display: inline }
#content .summary_box p { padding: 1px 0 6px 20px; margin: 15px 0 0 5px; text-transform: uppercase; font-size: 1.1em;  }
#content #detail .linkbox			{ float: left; clear: none; width: 210px }
#content #detail .linkbox a			{ float: left; clear: both; height: 14px; padding: 0 0 5px 20px; margin-left: 10px; background: url(../images/icon_play.png) no-repeat 0 0 }
#content #prod-color				{ border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:10px 0; margin-top:10px;}	
#content #prod-color label 			{ float: left; width:105px; }
#content #prod-color label input 	{ float:left; margin:8px 0 0 8px;}
#content #prod-color label span 	{ float:left; width:40px; margin:5px 0 0 5px; color:#8c8c8c; }
#content #show_delivery p 	{ margin-top: 18px; padding-top: 15px }
/*	HIDDEN MOUSEOVERS */
div.product_info_btm 				{ float: left; clear: both; width: 146px; height: 12px; background: url(../images/bubble_bottom.png) no-repeat 0 0 }
div.product_info_mid 				{ float: left; clear: both; width: 116px; min-height: 12px; padding: 8px 15px; background: url(../images/bubble_middle.png) repeat-y 0 0 }
div.product_info_top 				{ float: left; clear: both; width: 146px; height: 4px; background: url(../images/bubble_top.png) no-repeat 0 0 }
div.product_info_wrap 				{ position: absolute; top: 0px; right: 0px; width: 146px; display: none }
div.product_info_wrap p				{ width: 116px!important; margin-bottom: 0!important; line-height: 1.2em!important }