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

/*	BACKGROUNDS		*/
body#index 					{ background: url(../images/bg_index.jpg) repeat-x 0 0 #fff }

/*	TEMPLATE SPECIFIC	*/
body#index #content			{ height: 454px }
body#index #content	img		{ float: left }
body#index #content	img#featured_product
							{ margin: 64px 0 0 0px; display: inline }
body#index #content	
blockquote					{cursor:pointer; float: left; width: 272px; height: 133px; margin: 115px 0 0 0px; display: inline; background: url(../images/homepage/20100722/blockquote.png) no-repeat 0 0; text-indent: -9000px }

/*	FEATUREBOXES	*/
body#index #content #featureboxes
{ float: right; width: 303px; margin: 35px 0 0 0; padding: 0 20px; display: block; overflow: hidden; background: url(../images/bg_index_featureboxes.png) no-repeat 0 0; position: relative }
body#index #content #featureboxes li
{ float: left; clear: both; width: 300px; height: 125px; margin: 0 0 20px; background: url(../images/bg_featureboxes.jpg) no-repeat 0 0; overflow: hidden; }
body#index #content #featureboxes li h3
{ width: 300px; height: 25px; margin: 7px 15px 0; cursor: pointer; position: relative; font-size: 10%; z-index:2; }
body#index #content #featureboxes li h3 span
{ width: 300px; height: 25px; margin: 0px; position: absolute; left: 0; top: 0 }
body#index #content #featureboxes li h3 a 
{ display: block }
body#index #content #featureboxes li p
{ padding: 0 0 0 15px; cursor: default; line-height: 1em; margin-bottom: 10px !important; font-size:1.1em !important; }
body#index #content #featureboxes li p.more 
{ padding: 50px 15px 15px }
body#index #content #featureboxes li a.boxlink
{ z-index:1001; color: #fc9400; text-decoration: none; text-transform: uppercase; float: left; clear: both; background: url(../images/icon_play.png) no-repeat 0 0; padding-left: 18px; padding-bottom: 5px; width: 126px; margin-bottom: 5px; margin-left: 15px; display: none; position:relative; }
body#index #content #featureboxes .container 
{ float: left; clear: both; position: relative; width: 300px; height: 235px; overflow: hidden; display: none }
body#index #content #featureboxes .container .product
{ width: 300px; margin-right: 0px; float: left}
body#index #content #featureboxes .container .product img 
{ margin-top: -20px; margin-left: 50px }
body#index #content #featureboxes .container .products 
{ z-index: 1; position: absolute; left: 0; top: 0; width: 300px; height: 200px; overflow: hidden }
body#index #content #featureboxes .container .list 
{ width: 300px; height: 300px; z-index: 0; background: url(../images/bg_list.gif) no-repeat 0 0; }

body#index #content #featureboxes .container .controls 
{ position: absolute; left: 0; bottom: 0; height: 35px; width: 300px; top: 206px; }
body#index #content #featureboxes .container .controls a 
{ float:left; width: 15px; height: 15px; margin-top: 15px  }
body#index #content #featureboxes .container .controls a#a_left 
{ background: url(../images/icon_play_back.png) no-repeat 0 0; margin-left: 20px; display: inline }
body#index #content #featureboxes .container .controls a#a_right 
{ background: url(../images/icon_play.png) no-repeat 0 0; float: right; margin-right: 20px }
body#index #content #featureboxes .container .controls #indicator 
{ margin-left: 93px; display: inline; float: left; margin-top: 18px; height: 7px; width: 43px; background: url(../images/bg_featureboxes_indicator.jpg) no-repeat -36px 0 }


/*	DEFINED FEATUREBOXES	*/
body#index #content #featureboxes li#merch1
{ background: url(../images/bg_featureboxes_top5.jpg) no-repeat 0 0 }
body#index #content #featureboxes li#merch1.active
{ background: url(../images/bg_featureboxes_top5_shelf.jpg) repeat-x 0 0 !important }

/*body#index #content #featureboxes li#merch1.active a.boxlink
{ margin-top:-170px; }*/
body#index #content #featureboxes li#merch1.active a.boxlink {
margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;
}
body#index #content #featureboxes li#merch2
{ background: url(../images/homepage/20100722/free_gift_rollout.png) no-repeat 0 0 }
body#index #content #featureboxes li#merch3
{ background: url(../images/homepage/20100722/happy_rollout.png) no-repeat 0 0 }
body#index #content #featureboxes li.active	
{ background: url(../images/bg_featureboxes_active.jpg) no-repeat 0 0 !important }
body#index #content #featureboxes li.active	.container,
body#index #content #featureboxes li.active	.boxlink
{ display: inline }
body#index #content #featureboxes li.inactive
{ background: url(../images/bg_featureboxes_inactive.gif) no-repeat 0 0 !important }
body#index #content #featureboxes li.inactive p,
body#index #content #featureboxes li p.inactive,
body#index #content #featureboxes li.inactive img,
body#index #content #featureboxes li img.inactive
{ display: none; }

body#index #content #featureboxes li p.active,
body#index #content #featureboxes li img.active
{ display: block !important; }

body#index #content #featureboxes li#merch1 h3 span { background: url(../images/hdr_featureboxes_top5.jpg) no-repeat 0 1px }
body#index #content #featureboxes li#merch2 h3 span { background: url(../images/homepage/20100722/special_offer.png) no-repeat 0 1px; }
body#index #content #featureboxes li#merch3 h3 span { background: url(../images/homepage/20100722/fragrance_favourites.png) no-repeat 0 1px }

/*body#index #content #featureboxes #merch2 p#merch2_p { width: 130px }*/
body#index #content #featureboxes #merch1 p.merch1_txt { width: 250px; display: none;  }
body#index #content #featureboxes #merch2 p.merch2_txt { width: 250px; display: none; z-index: 2; position:relative; }
body#index #content #featureboxes #merch3 p.merch3_txt { width: 250px; display: none; position:relative; z-index:2;}
body#index #content #featureboxes #merch1 img#merch1_img { margin-right:15px; margin-top:-70px; display: none; float:right; }
body#index #content #featureboxes #merch2 img#merch2_img { margin: -11px 0 0 40px; display: none; z-index: 1; width:228px; height:176px;}
body#index #content #featureboxes #merch3 img#merch3_img { margin: -20px 0 0 120px; display: none; width:145px; height:227px; }
/*body#index #content #featureboxes #merch3 .boxlink { position:relative; top:115px; z-index:2; }*/
body#index #content #featureboxes #merch2_p { margin-top:0px; }

/*	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: 126px; min-height: 12px; padding: 8px 10px; background: url(../images/bubble_middle.png) repeat-y 0 0 }
div.product_info_mid span 			{ font-weight: bold; float: left; clear: both; margin-bottom: 5px; color: #fff }
div.product_info_mid span.price 	{ color: #fc9400 }
div.product_info_mid a 				{ color: #fc9400; text-decoration: none; text-transform: uppercase; float: left; clear: both; background: url(../images/icon_play.png) no-repeat 0 0; padding-left: 18px; padding-bottom: 5px; width: 116px  }
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: 15px; width: 146px; display: none }
div.product_info_wrap p				{ width: 116px !important; margin-bottom: 0px !important; line-height: 1.2em !important; font-size: 1.1em !important }

#main_product div.product_info_wrap { position: absolute; top: 20px; left: 60px; width: 146px }