@charset "UTF-8";

/* CSS Document Alberto Culver- TRESEMME 2.0	*/
/* --------------------------------------------- */
/* Developed by: Hristo Hristov                  							*/
/* Created: 05/09/2010                           							*/
/* Updated: 05/09/2010 - Hristo Hristov          					*/
/* --------------------------------------------- */

/* ========================================== LAYOUT CODE === */


/* ========================================== PRODUCT PAGES === */
/*product details page*/
body#products.details {background:#000000 url(/images/product-bg-glow.png) no-repeat center top;}

body#products.details #shareLinks div.shareLabel {float:left;padding-top:10px;}

#productInfo {position:relative;z-index:1;height:383px;padding:40px 10px 0 7px;background:url(/images/product-detail-shelf.png) no-repeat center bottom;}
#productInfo h1 {
	width:350px;
	line-height:28px;
	color:#e1e533;
}
#productInfo .h2title h2 {
	letter-spacing:.075px;
	font-family:Verdana,Helvetica,Arial,sans-serif;
}
h4 {
	padding:9px 0 0 75px;
	color:#e2e2e2;
	font-size:12px;
	text-transform:uppercase;
}

#productInfo img.productShot {position:absolute;right:60px;top:0;z-index:100;}
#productInfo .ratings {padding:15px 0;overflow:visible;}
#productInfo .ratings a {text-transform:uppercase;font-size:11px;font-weight:bold !important;padding-left:15px;}
#productInfo .ratings img {position:relative;top:3px;}

#productInfo p {width:370px;font-size:12px;}
#productInfo p.more {padding:5px 0 15px 0;background:url(/images/line-horizontal-short.png) no-repeat left top;}
div.details {height:30px;margin-bottom:5px;}
div.details > div {position:relative;z-index:1000;} /*background:url(/images/more-bg.png) no-repeat left bottom;*/
div.details > div.expanded {background:url(/images/more-bg.png) no-repeat left bottom;}
#moreInfo {z-index:999;width:370px;}
#moreInfo ul {padding:0 10px 15px 15px;font-size:12px; list-style-image:url(/images/icons/list-bullets-white.gif);}
#moreInfo ul li {padding-top:15px;}

#tabs #one , #tabs #two {padding:10px;}
#tabs #one ul, #tabs #two ul {font-size:13px;color:#cccccc;padding-left:20px;list-style-image:url(/images/icons/list-bullets-big.gif);}
#tabs #one ol, #tabs #two ol {font-size:13px;color:#cccccc;padding-left:25px;list-style:decimal;}
#tabs #one li, #tabs #two li {padding-bottom:15px;}

#tabs #one ul.asterisk, #tabs #two ul.asterisk,
#tabs #one ol.asterisk, #tabs #two ol.asterisk {list-style:none;}

#howItWorks, #howToUse {width:325px;float:left;}
#howToUse {margin-left:35px;}
ul.asterisk li {font-size:10px;font-style:italic;}

#productInfo div.videoCallout {position:relative;width:337px;height:45px;background:url(/images/video-callout-bg.png) repeat-y left top;}
#productInfo div.videoCallout a.videoLink {float:left;}

#awards {width:56px;position:absolute;right:20px; bottom:15px;z-index:9000;}

#shareLinks {font-size:11px;font-weight:bold;text-transform:uppercase;margin-top:20px;padding-top:7px;width:370px;}
#shareLinks li {display:inline-block;width:160px;height:34px;margin-right:10px;}/* Background Removed for US site background:url(/images/vertical-separator-short.png) no-repeat right center;}*/
#shareLinks li+li {background:none;}
#shareLinks li img {position:relative;top:4px;left:8px;}

/* ========================================== AWARDS === */
body#products .award {
	position:relative;
}
body#products #awards .award p {
	width:auto;
	max-width:200px;
}
body#products .awardHover {
	width:196px;
	position:absolute;
	visibility:hidden;
	background:url(/images/award-popup-bottom.png) no-repeat left bottom;
	padding-bottom:11px;
	font-size:12px;
	z-index:9000;
}
body#products .awardHover div {
	padding:15px 25px 0 15px;
	background:url(/images/award-popup-top.png) no-repeat left top;
	color:#eaeaea !important;
}
body#products .awardHover h6 {font-weight:bold;font-size:12px;text-transform:uppercase;}
body#products .awardHover em {font-style:italic;font-weight:100;display:inline; margin-right:10px;}


/* ========================================== TABS SETUP === */
#tabs {position:relative;background:url(/images/tabs-details-bg.jpg) no-repeat center top; min-height:344px;}
#tabs ul.subsection_tabs{list-style:none;margin:0;padding:6px 6px 0 6px;clear:both;border-bottom:1px solid #1d1d1d;height:34px;clear:both}
#tabs ul.subsection_tabs li.tab{float:left;margin-right:7px;text-align:left;}
#tabs ul.subsection_tabs li.tab a{display:block;height:26px;padding:8px 0 0 18px;
	background:url(/images/tabs/inactive-tab.jpg) no-repeat left top;color:adadad;
	width:218px;font-size:11px;font-weight:bold;text-transform:uppercase;}
#tabs ul.subsection_tabs li.tab a:hover{color:#FFFFFF;}
#tabs ul.subsection_tabs li.tab a.active{background:url(/images/tabs/active-tab.jpg) no-repeat left top;border:1px solid #1d1d1d;border-bottom:none;}
#tabs ul.subsection_tabs li.source_code{float:right;}

#tabs ul.subsection_tabs li.submit a {width:180px;padding-left:39px;background:url(/images/tabs/submit-bg.png) no-repeat 10px top;}

#tabs h3 { padding:0 0 5px 20px;color:#e1e533;}
#tabs #howToUse h3 {padding-left:25px;}

a.submitReview {width:180px;font-size:11px;padding:8px 0 0 39px;position:absolute; top:5px; left:500px;background:url(/images/tabs/submit-bg.png) no-repeat 10px top;}

/* ========================================== COLLECTION PAGE === */
body#products.collection {background:#000000 url(/images/collection-bg.jpg) no-repeat center 5px;}
#collectionInfo {position:relative;height:405px;padding:0 0 0 220px;background:url(/images/product-detail-shelf.png) no-repeat center bottom;}
#collectionInfo h1 {
	position:relative;
	z-index:10;
	padding:30px 0 10px 0;
	width:350px;
	line-height:28px;
	color:#e1e533;
}
#collectionInfo h2 {
	position:relative;
	z-index:10;
	color:#ebee7a;
	width:350px;
}
#collectionInfo img.model {position:absolute;left:-110px;bottom:0;z-index:0;}
#collectionInfo #productsFlash {position:absolute;right:0;bottom:-40px;}

#aboutCollection h3 {width:290px;padding:0 0 5px 0;color:#e1e533;font-size:16px;}
#aboutCollection {background:url(/images/tabs-details-bg.jpg) no-repeat center top; min-height:344px;}
#aboutCollection .subnavBG {height:40px;font-size:11px;font-style:italic;background:url(/images/collection-subnav-bg.png) repeat-x left top;}
#aboutCollection .subnavBG p {width:205px;text-align:right;padding-top:13px;}

#aboutCollection #howItWorks {float:right;padding:15px 0 0 0;width:310px;margin-right:35px;margin-left:45px;}
#aboutCollection #howItWorks p.disclaimer {font-size:10px;font-style:italic;line-height:12px;}
#aboutCollection #aboutText {padding-top:15px;margin-left:35px;margin-right:35px;}
#aboutCollection #howItWorks p, #aboutCollection #aboutText p {font-size:13px;line-height:16px;padding-bottom:10px;}
#aboutCollection .videoLink {float:left;margin-right:10px;}


/*Landing Page*/
body#products.landing {background:#000000 url(/images/bg-glow.jpg) no-repeat center top;}
body#products.landing #mainColumn {width:100%;min-height:330px;padding-top:20px;float:left;}
#landingInfo {float:left;width:290px;padding:0 5px;}
#landingInfo h1 {padding:20px 0;}
#landingInfo p {width:250px;font-size:13px;line-height:normal;}
#landingInfo a.profilerButton {display:block;width:224px;height:1px;overflow:hidden;margin:20px 0;
	padding-top:32px;text-align:right;background:url(/images/profiler-button.png) no-repeat left top;
}
#landingInfo a.profilerButton:hover {background:url(/images/profiler-button-hover.png) no-repeat left top;}

ul#landingBlocks {margin-left:325px;}
ul#landingBlocks > li {width:212px;height:138px;float:left;margin:0 0 5px 5px;padding-top:2px;background:url(/images/landing-blocks-bg.png) no-repeat left top;}
ul#landingBlocks div > a {display:block;width:196px;height:21px;
	color:#eaeaea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;margin:0 3px;padding:7px 0 0 10px;
	background:url(/images/landing-links-bg.png) no-repeat left top;
}
ul#landingBlocks div:hover > a {color:#fff;background:url(/images/landing-links-bg-hover.png) no-repeat left top;}
ul#landingBlocks ul a {display:block;color:#d4d4d4;font-size:12px;border:1px solid #2b2b2b;padding:7px 20px; background:url(/images/icons/list-bullets-white.gif) no-repeat 7px center;}
ul#landingBlocks ul a:hover {color:#fff;position:relative; visibility:visible;margin:0; background:#131313 url(/images/icons/list-bullets-white.gif) no-repeat 7px center;}

ul#landingBlocks div:hover {position:relative;}
ul#landingBlocks li ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:100px; height:auto; border-top:0;}
ul#landingBlocks div:hover ul {left:3px; top:28px; width:206px; }
ul#landingBlocks div:hover ul.second {left:100px; top:24px; width:115px; }
ul#landingBlocks ul {width:100px;height:300px; background:#2b2b2b url(/images/blocks-drop-down-bg.png) no-repeat left top;}
ul#landingBlocks ul li.last {position:relative;height:1px;}
ul#landingBlocks ul li.last img {position:absolute;left:0;bottom:-6px;}
ul#landingBlocks li img.collectionImg {padding-left:3px;}


/* ========================================== GALLERY === */
body#products.gallery {background:#000000 url(/images/gallery-bg.jpg) no-repeat center top;}
body#products.gallery #mainColumn {width:100%;padding-top:20px;float:none;height:auto;overflow:visible;}
body#products.gallery h1 {padding:20px 0 0 6px;}