@charset "UTF-8";

/* CSS Document Alberto Culver- SOFT & BEAUTIFUL */
/* --------------------------------------------- */
/* Developed by: Hristo Hristov                  */
/* Created: 01/05/2009                           */
/* Updated: 01/09/2009 - Hristo Hristov          */
/* --------------------------------------------- */

/* =================== INDEX =================== */
/*			
	
/* ------------------- INDEX ------------------- */


/*  DO NOT TOUCH --------------------------- DO NOT TOUCH */
body {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 100,01%;	color:#4e4e4e;	background:#ffffff;
	margin:0 !important;  /* hk for IE (PC+MAC)*/
}
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;
	font-style: inherit;	font-size: 100,01%;	font-family: inherit;
	vertical-align: baseline;
}/* focus styles! */
:focus {outline: 0;} ol, ul {list-style: none;}
/*  DO NOT TOUCH --------------------------- DO NOT TOUCH */


/* ========================================== LAYOUT CODE === */
#frame {
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:100%;
/*overflow:hidden; there is a line in the footer after adding this code
position:relative;*/
	background:none !important;
}
#frame2 {
	width:100%;
	background:none !important;
}
body.right #frame2 {
	width:100%;
	background:none !important;
}
#header {
	height:10px;
	width:100%;
}
#header #topSearch { display:none;}
#header form { display:none;}
.logoPrint {
	position:absolute;
	right:10px;
	top:0;
	z-index:900;
}

#breadcrumbs { display:none;}
#container {
	position:relative;
	clear:both;
	width:100%;
	margin-left:0;
	border-left:none;
	border-bottom:none;
}
#wrapper{
	position:relative;
	margin:0 0 0 0;
	min-height:630px;
}

#wrapper #right {display:none;}
#wrapper #mainColumn {
	margin:0;
	padding:0;
}
body.right #wrapper #mainColumn {
	margin:0 0 0 0;
	padding:0;
}

#left {display:none;}

/* ========================================== MAIN NAV MENU === */
ul#topmenu {display:none;}
#mainNav {display:none;}

/* ========================================== NAV POINTER === */
#navPointer {display:none;}
div.sidebar { display:none;}

/* ========================================== PAGES SETUP === */
a {
	font-size:10px;
	color:#4e4e4e;
	text-decoration:none;
}
a:hover {color:#77531b;}
p {font-size:11px;}
strong {font-weight:bold !important;}
h1 {
	font-family: Book Antiqua,Times New Roman,Times,serif !important;
	font-size:21px;
	font-weight:normal !important;
	line-height:31px;
	margin-bottom:20px;
	text-align:center;
	letter-spacing:1px;
	text-transform:uppercase;
}
h2 {
	color:#FFFFFF;
	font-family: Book Antiqua,Times New Roman,Times,serif !important;
	font-size:31px;
	font-weight:100 !important;
	line-height:31px;
	letter-spacing:1px;
	text-transform:uppercase;
}
h3 {
	color:#4e4e4e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100 !important;
	line-height:17px;
	letter-spacing:1px;
	text-transform:uppercase;
}
h4 {
	color:#4e4e4e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	line-height:17px;
	letter-spacing:1px;
	text-transform:uppercase;
}
h5 {
	color:#414141;
	font-family: Book Antiqua,Times New Roman,Times,serif !important;
	font-size:31px;
	font-weight:100 !important;
	line-height:31px;
	letter-spacing:1px;
	text-transform:uppercase;
}

/* ========================================== RIGHT COLUMN === */
#wrapper .hsRight {display:none;}

/* ========================================== HOMEPAGE === */
body.homepage #container {border:none;height:570px;}
body.homepage #wrapper{height:500px;margin:0;}
body.homepage #left { display:none;}
body.homepage #wrapper .hsRight { margin-top:200px; height:170px !important;background:url(/images/line-vertical2-veryshort.png) no-repeat left 20px;}
body.homepage #mainTabs { left:-26px;}
body.homepage #pageHeadline {
	position:absolute;
	width:500px;
	top:30px;
	right:0;
}
.homepage h2 {font-size:101px; line-height:70px; padding-left:85px;}
.homepage h2.normal {font-size:39px; padding:0 0 0 15px;}
.homepage h2.normal span {font-size:30px;}
.homepage img.model {float:left;position:relative;top:-20px;left:-39px;}
.homepage img.product {float:left;position:absolute;top:165px;left:380px;}
#homepage #text {
	position:absolute;
	width:220px;
	top:200px;
	right:230px;
}
.homepage p {
	font-size:11px;
	line-height:17px;
	padding:15px 0;
}
.homepage p a {
	color:#6e5425;
}
#homepage a.link {
	display:block;
	padding:0 0 10px 0;
	color:#4e4e4e;
	width:100%;
	text-transform:uppercase;
}
#homepage a img {
	position:relative;
	top:4px;
	margin-left:10px;
}
body.homepage .headlineBG {
	position:absolute;
	left:0;
	top:30px;
}
/* ========================================== HAIRSTYLES === */
/* ------------------------------------------ MAIN */
body.hairstyles.main #wrapper {min-height:550px;} /*ie6-styles*/
body.hairstyles.main #wrapper #right {height:520px;}
#hairstylesMain {
	padding:70px 310px 0 0;
	position:relative;
}
#hairstylesMain h2.normal {font-size:39px; padding:0 0 0 15px;}
#hairstylesMain h2 {font-size:62px;}
#hairstylesMain h2.small {font-size:19px; padding:0 0 11px 40px; line-height:22px;}
#hairstylesMain img.model {position:absolute;top:-20px;right:0;}
#hairstylesMain p {
	font-size:11px;
	line-height:17px;
	padding:31px 0;
}
#hairstylesMain a {
	display:block;
	padding:0 0 10px 0;
	color:#4e4e4e;
	width:100%;
	text-transform:uppercase;
}
#hairstylesMain a img {
	position:relative;
	top:4px;
	margin-left:10px;
}
body.hairstyles .headlineBG {
	position:absolute;
	left:0;
	top:30px;
}
/* ========================================== MAIN TABS === */
#mainTabs {
	position:absolute;
	top:390px;
	left:-27px;
	background:url(/images/main-thumbs-bg.png) no-repeat;
	height:186px;
	width:980px;
}
#mainTabs #tabs { display:none;}
#mainTabs #tabs li {
      background:url("/images/tabs/main-tabs-right-lt.gif") no-repeat right top;
      }
#mainTabs #tabs a {
      background:url("/images/tabs/main-tabs-left-lt.gif") no-repeat left top;
      }
#mainTabs li.select {
	background:url("/images/tabs/main-tabs-right.gif") no-repeat right top !important;
}
#mainTabs li.select a {background:url("/images/tabs/main-tabs-left.gif") no-repeat left top !important;}

#frontThumbs {/* ei6-styles.css */
	position:absolute;
	left:70px;
	top:50px;
	z-index:999;
}
#frontThumbs .thumbs {
	float:left;
	font-size:10px;
	width:120px;
	height:165px;
	margin:5px 9px 0 9px;
	text-align:center;
}
#frontThumbs .thumbs img {/* ei-styles.css */
	padding-bottom:4px;
}
#frontThumbs .thumbs a {text-transform:uppercase;color:#fff; font-size:9px; line-height:11px;}
#frontThumbs .thumbs a:hover { text-decoration:underline;}

/* ------------------------------------------ HAIRSTYLES CATEGORY */
#hairstylesCategory h2.title {font-size:32px; padding-bottom:20px;}
#hairstylesCategory h2.subTitle {font-size:24px;padding:20px 0 0 50px;}
#hairstylesCategory .thumbs {
	float:left;
	font-size:10px;
	width:150px;
	height:165px;
	margin:5px 27px 0 0;
	text-align:center;
}
#hairstylesCategory .thumbs img {/* ei-styles.css */
	padding-bottom:7px;
}
#hairstylesCategory .thumbs a {text-transform:uppercase;color:#4e4e4e;}
#hairstylesCategory .thumbs a:hover { text-decoration:underline;}

/* ---------------------------------- SINGLE HAIRSTYLE DETAILS */
#hairstyle {
	position:relative;
	height:100px;
	zoom:1;
}
#hairstyle img {
	display:none;
}
#hairstyle #hsTitle {
	position:absolute;
	width:520px;
	left:0;
	top:0;
}
#hairstyle #hsTitle h2 {
	color:#000000;
}
#hairstyle p.description {
	margin-top:10px;
	font-size:11px;
}
#hairstyle .horizontalLine {
	position:absolute;
	top:221px;
	left:0;
}
#hairstyleVideo { display:none;}
body.noVideo #hairstyleVideo {
	display:none;
}

/* ------------------------------------- TABS NAVIGATION --- */
    #tabs {	display:none;}
#hairstyleTabs {
	position:relative;
	width:100%;
}
#hairstyleTabs h3 {padding-bottom:10px;}

/* WHAT YOU'LL NEED GENERAL DECLARATION */
#whatYouNeed {
	position:relative;
	clear:both;
	padding:45px 21px 20px 0;
	width:700px;
}
.sectionTitleDisplay {
	position:absolute;
	top:3px;
	left:0;
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid #000000;
	width:700px;
}
#whatYouNeed .sections h2 { /*ie7-styles.css*/
	color:#000000;
	position:absolute;
	left:0;
	top:0;
	width:320px;
	text-align:center;
	font-size:43px;
	line-height:43px;
	letter-spacing:3px;
	font-weight:100;
}
#whatYouNeed .sections p {
	font-size:11px;
	font-weight:bold;
}
#whatYouNeed .sections ul {
	font-size:11px;
	font-weight:100;
	padding-left:13px;
	list-style:disc !important;
}
#whatYouNeed .sections ul li {padding:3px 5px 2px 0;}
#whatYouNeed .sections a, #whatYouNeed .sections a:visited {
	display:block;
	margin-top:10px;
	padding-right:25px;
	height:15px;
	color:#414141;
	text-align:right;
	font-size:11px;
	background:url(/images/search-button-sm.png) no-repeat right top;
}
#whatYouNeed .sections a:hover {
	color:#77531b;
	text-decoration:underline;
}
#whatYouNeed .products {
	position:relative;
	width:285px;
	float:left;
	padding:0px 18px 18px 18px;
	background:none;
}
#whatYouNeed .products h2 {
	display:none;
}
#whatYouNeed .tools {
	position:relative;
	width:285px;
	float:right;
	padding:0px 18px 18px 18px;
	background:none;
}
#whatYouNeed .tools h2 {
	display:none;
}
/* - PRODUCTS */
#whatYouNeed .products ul {color:#77531b;}
#whatYouNeed .products .pGroup,
#whatYouNeed .products #pGroup4,
#whatYouNeed .products #pGroup3 {
	display:none;
}
#whatYouNeed .products #pGroup4 img.p1 {position:absolute;left:60px;top:0;}
#whatYouNeed .products #pGroup4 img.p2 {position:absolute;left:95px;top:7px;}
#whatYouNeed .products #pGroup4 img.p3 {position:absolute;left:130px;top:0;}
#whatYouNeed .products #pGroup4 img.p4 {position:absolute;left:165px;top:7px;}

#whatYouNeed .products #pGroup3 img.p1 {position:absolute;left:80px;top:0;}
#whatYouNeed .products #pGroup3 img.p2 {position:absolute;left:115px;top:7px;}
#whatYouNeed .products #pGroup3 img.p3 {position:absolute;left:150px;top:0;}

/* STEP BY STEP */
#stepByStep {
	padding-top:45px;
	margin-bottom:0;
}
#stepByStep .steps {
	float:left;
	width:125px;
	margin:0 0 50px 5px;
	background:none !important;
}
#stepByStep .steps h4 {
	padding:0 11px;
	line-height:normal;
}
#stepByStep .steps div.stepText {
	font-size:10px;
	padding:4px 11px;
	margin:0;
}
#stepByStep .steps img {
	border:1px solid #554d45;
	margin-bottom:10px;
}
#stepByStep .steps a, #stepByStep .steps a:visited {
	color:#77531b;
	font-size:inherit;
}
#stepByStep .steps a:hover {text-decoration:underline;}
  
/* LEARN MORE */
#learnMore {
	padding:55px 0 0 17px;
}
#learnMore p {
	font-size:11px;
	padding:5px 0 25px 0;
}
#learnMore .sections {
	width:196px;
	height:273px;
	float:left;
	padding:0 13px;
	margin-right:9px;
	background:url(/images/tabs/learn-more.png) no-repeat;
}
div.sections div.viewMore {
	display:none;
}
#learnMore .sections h2 {
	text-align:center;
	font-size:37px;
	line-height:38px;
	margin:12px 0 5px 0;
	letter-spacing:3px;
	font-weight:100;
}
#learnMore .sections p {
	font-size:11px;
	font-weight:bold;
	padding:0 0 7px 0;
}
#learnMore .sections ul {
	font-size:11px;
	font-weight:100;
}
#learnMore .sections ul li {padding:4px 5px 3px 0;/*ie-styles*/} 
#learnMore .sections ul li a {color:#77531b !important;padding-right:10px;}
#learnMore .looks {
	width:208px;
	padding:0 7px;
}
#learnMore .looks div {
	width:100px;
	text-align:center;
	margin:0 3px 0 0;
	padding-top:5px;
	float:left;
}
#learnMore .looks div a { color:#77531b;font-size:11px;display:block;margin-top:5px;}
#learnMore .tips {
	position:relative;
}
#learnMore .tips h2 {
	padding-right:80px;
}
#learnMore .tips .techniques {
	position:absolute;
	top:17px;
	right:30px;
}


/* ========================================== PRODUCT PAGES === */
/* DETAILS */
#productDetails .productImg {
	float:left;
	width:181px;
}
#productDetails #details {
	margin-left:197px;
	padding:37px 0 0 0;
}
#productDetails h3 {
	font-size:23px;
	text-transform:capitalize;
}
#productDetails h3.description {
	font-size:15px;
	margin:5px 0 20px 0;
}
#productDetails div.productText {
	padding:5px 20px 5px 0;
	font-size:11px;
}
#productDetails p.ingTitle {
	color:#644e2a;
	padding:20px 0 5px 0;
}
#productDetails p.ingTitle a {font-size:11px;}
#productDetails div.ingredients {font-size:9px;}
#productDetails h4 {
	font-size:10px;
	letter-spacing:0;
	padding:5px 15px 0 15px;
	text-transform:uppercase;
}
#productDetails #box {
	width:324px;
	margin:30px 0 10px 0;
}
#productDetails #box .top {background:url(/images/product-box-top.png) no-repeat;}
#productDetails #box dl {padding:5px 15px;}
#productDetails #box dl dt {
	font-size:10px;
	font-weight:bold;
	margin-top:7px;
	padding:1px 3px;
	border-top:1px solid #a6a097;
	border-bottom:1px solid #a6a097;
}
#productDetails #box dl dd {
	padding:5px 0 7px 40px;
	font-size:11px;
}
#productDetails #box dl dd.camera {background:url(/images/icon-camera.gif) no-repeat 10px 2px;}
#productDetails #box dl dd.x {background:url(/images/icon-x.gif) no-repeat 10px 7px;}
#productDetails #box dl dd.tip {background:url(/images/icon-tip.gif) no-repeat 3px 7px;}
#productDetails #box dl dd a {
	color:#77531b;
	font-size:11px;
}

/* CATEGORY */
#productCategory {
	padding:25px 0 0 0;
}
#productCategory h2 {
	font-size:25px;
	margin-bottom:30px;
}
#productCategory h3 {
	font-size:13px;
	margin:10px 0;
	letter-spacing:0;
}
#productCategory h3.sub {
	font-size:11px;
}
#productCategory.bySolution .column { /*ie6-styles*/
	width:240px;
	float:left;
	margin:0 0 0 25px;
}
#productCategory.bySolution .col3 {
	display:none;
}
#productCategory.byType .column, #productCategory.byLine .column, #productCategory.byLine2 .column { /*ie6-styles*/
	float:left;
	width:150px;
	margin:0 13px;
}

#productCategory .column dl {
	font-size:9px;
}
#productCategory .column dl a {
	color:#77531b;
	font-size:11px;
}
#productCategory .column dl dd {
	padding:0 0 5px 0;
}


#productCategory .pGroup {
	position:relative;
	height:170px;
	margin-bottom:20px;
}
#productCategory.bySolution .pGroup {margin-left:30px;}

#productCategory.byLine .pGroup img.p2, #productCategory.byLine .pGroup img.p3 {display:none;}
#productCategory.byLine .pGroup img.p1 {position:absolute;left:40px;bottom:0;}
#productCategory.byLine2 .pGroup {margin-left:20px;}
#productCategory.byLine2 .pGroup img.p3 {display:none;}

#productCategory .pGroup img.p1 {position:absolute;left:10px;bottom:0;}
#productCategory .pGroup img.p2 {position:absolute;left:45px;bottom:7px;}
#productCategory .pGroup img.p3 {position:absolute;left:80px;bottom:0;}


/* MAIN PAGE */
#productMain {
	padding:70px 230px 0 0;
	position:relative;
}
#productMain h2.normal {font-size:39px; padding-left:15px;}
#productMain h2 {font-size:62px;}
#productMain h2.small {font-size:19px; padding:5px 0 0 40px;}
#productMain img.p1 {position:absolute;top:40px;right:90px;}
#productMain img.p2 {position:absolute;top:20px;right:0;}
#productMain p {
	font-size:11px;
	line-height:17px;
	padding:31px 0;
}
#productMain a {
	padding:0;
	color:#4e4e4e;
	text-transform:uppercase;
}
#productMain a img {
	position:relative;
	top:4px;
	margin-left:10px;
}
body.products .headlineBG {
	position:absolute;
	left:0;
	top:30px;
}
/* ========================================== HAIR ISSUES === */
/* ------------------------------------------ MAIN */
body.solutions.main #container {height:428px;}
body.solutions.main #wrapper{height:428px;}
body.solutions.main #wrapper #right {height:408px; overflow:hidden; background:url(/images/line-vertical2-short.png) no-repeat;}
body.solutions.main #footer {margin-top:0;padding-top:10px;background:url(/images/background-footer-main.jpg) no-repeat center -2px;}
#hairIssuesMain {
	padding:70px 310px 0 0;
	position:relative;
}
#hairIssuesMain h2.normal {font-size:40px; padding:0;}
#hairIssuesMain h2 {font-size:34px;}
#hairIssuesMain h2.small {font-size:25px; padding:4px 0 3px 40px; line-height:22px;}
#hairIssuesMain h2.small2 {font-size:19px; padding:0 0 11px 0; line-height:22px;}
#hairIssuesMain img.model {position:absolute;top:-20px;right:0;}
#hairIssuesMain p {
	font-size:11px;
	line-height:17px;
	padding:31px 0;
	width:180px;
}
#hairIssuesMain a {
	display:block;
	padding:0 0 10px 0;
	color:#4e4e4e;
	width:100%;
	text-transform:uppercase;
}
#hairIssuesMain a img {
	position:relative;
	top:4px;
	margin-left:10px;
}
body.solutions.main .headlineBG {
	position:absolute;
	left:0;
	top:30px;
}
/* ------------------------------------------ DETAILS */
#hairIssues {
	position:relative;
	height:210px;
	text-align:right;
	zoom:1;
}
#hairIssues img.model {
	margin:15px 90px 0 0;
}
#hairIssues #hsTitle {
	position:absolute;
	width:430px;
	left:10px;
	top:110px;
	
}
#hairIssues #hsTitle h2 {text-align:left;font-size:25px;color:#000000;}
#hairIssues .horizontalLine {
	position:absolute;
	top:193px;
	left:0;
}
#issuesList {
	padding-left:20px;
}
#issuesList h3 {padding-top:15px;}
#issuesList ul li { min-height:85px;margin:10px 0;padding-right:70px; background:none;}/*ie6-styles*/
#issuesList ul li img {float:left;}
#issuesList dl { margin-left:100px;padding:7px 0 7px 0;}
#issuesList dl a {color:#77531b;}
#issuesList dt { font-size:11px;font-weight:bold;padding:0 0 5px 0;}
#issuesList dd { font-size:10px;}
	
/* ========================================== STYLING TECHNIQUES === */
/* ------------------------------------------ MAIN */
body.styling.main #container {height:463px;}
body.styling.main #wrapper{height:463px;}
body.styling.main #wrapper #right {height:443px; overflow:hidden; background:url(/images/line-vertical2-short.png) no-repeat;}
body.styling.main #footer {margin-top:0;padding-top:10px;background:url(/images/background-footer-main.jpg) no-repeat center -2px;}
#stylingMain {
	padding:70px 310px 0 0;
	position:relative;
}
#stylingMain h2.normal {font-size:34px; padding:0;}
#stylingMain h2 {font-size:42px;padding:4px 0 3px 10px;}
#stylingMain h2.small {font-size:28px;padding:0;line-height:22px;}
#stylingMain img.model {position:absolute;top:-20px;right:0;}
#stylingMain p {
	font-size:11px;
	line-height:17px;
	padding:21px 0;
	width:180px;
}
#stylingMain a {
	display:block;
	padding:0 0 10px 0;
	color:#4e4e4e;
	width:100%;
	text-transform:uppercase;
}
#stylingMain a img {
	position:relative;
	top:4px;
	margin-left:10px;
}
body.styling.main .headlineBG {
	position:absolute;
	left:0;
	top:30px;
}
/* ------------------------------------------ DETAILS */
#mainColumn #styling {
	position:relative;
	height:200px;
	text-align:right;
	zoom:1;
}
#mainColumn #styling img.model {
	margin:15px 90px 0 0;
}
#mainColumn #styling #hsTitle {
	position:absolute;
	width:380px;
	left:10px;
	bottom:0;
	text-align:left;
	padding-bottom:25px;
}
.experts #mainColumn #styling {	height:130px;}
.experts #mainColumn #styling #hsTitle {width:400px;top:40px;}

#mainColumn #styling #hsTitle h2 {font-size:25px; padding-bottom:20px;color:#000000;}
.experts #mainColumn #styling #hsTitle h2 {font-size:35px; padding-bottom:0;}
#mainColumn #styling #hsTitle h2.small {font-size:17px; padding-left:40px;}
#mainColumn #styling #hsTitle div.blurb {font-size:13px;}
#mainColumn #styling .horizontalLine {
	position:absolute;
	top:193px;
	left:0;
}

#mainColumn #tools {
	position:relative;
	height:100px;
	text-align:left;
	padding:85px 0 0 150px;
	zoom:1;
}
#mainColumn #tools img.tool {
	position:absolute;
	right:0;
	top:30px;
}
#mainColumn #tools img.toolsModel {
	position:absolute;
	left:0;
	top:30px;
}
#mainColumn #tools .horizontalLine {
	position:absolute;
	top:155px;
	left:0;
}

#stylingDetails {
	padding-left:10px;
}
#stylingDetails.tools {
	padding-left:10px;
	padding-right:140px;
}
#stylingDetails h3 {
	padding:15px 0 0 0;
}
#stylingDetails p { /*ie6-styles*/
	padding:5px 0;
}

ul#shampooData {font-size:10px; padding:20px 0 40px 0;}
ul#shampooData li.column {
	float:left;
	width:125px;
	border-top:1px solid #7d7668;
	border-left:1px solid #7d7668;
}
ul#shampooData li.column a {
	color:#6e5425;
	padding-bottom:10px;
	display:block;
}
ul#shampooData li.first {width:15px;}
ul#shampooData li.last {border-right:1px solid #7d7668;}
ul#shampooData dl dt {
	height:50px;
	text-align:center;
	font-weight:bold;
	padding:15px 8px 0 8px;
	border-bottom:1px solid #7d7668;
	background:url(/images/styling/table-bg.png) no-repeat;
}
ul#shampooData dl dd {
	padding:10px 8px 0 8px;
	border-bottom:1px solid #7d7668;
}
ul#shampooData dl dd.first {height:85px;}
ul#shampooData dl dd.second {height:65px;}
ul#shampooData dl dd.third {height:195px;}
ul#shampooData li.first dl dt {	background:#faf7f2 url(/images/styling/type.jpg) no-repeat;	padding:15px 0 0 0;}
ul#shampooData li.first dl dd {	padding:10px 0 0 0;	border-bottom:1px solid #7d7668;}
ul#shampooData li.first dl dd.first {height:85px;background:#faf7f2 url(/images/styling/benefits.jpg) no-repeat;}
ul#shampooData li.first dl dd.second {height:65px;background:#faf7f2 url(/images/styling/key-words.jpg) no-repeat;}
ul#shampooData li.first dl dd.third {height:195px;background:#faf7f2 url(/images/styling/recommended-products.jpg) no-repeat;}

#stylingDetails .list {
	font-size:11px;
	font-weight:100;
	padding:0 20px 15px 13px;
	list-style:disc;
}
#stylingDetails ol.list {
	font-size:11px;
	font-weight:100;
	padding:0 20px 15px 13px;
	list-style:decimal;
}
#stylingDetails ul.after, #stylingDetails ol.after {
	padding-bottom:0;	
}
#stylingDetails ul li a, #stylingDetails ol li a, #stylingDetails dl.seeAlso dd a {color:#6e5425;}

#stylingDetails .list li {padding:3px 5px 2px 0;}/*ie-styles*/
#stylingDetails ol.list li {padding:3px 5px 2px 0;margin-left:5px;}/*ie-styles*/
#stylingDetails .listWpicture { margin:20px 0 10px 0;}
#stylingDetails .listWpicture ol, #stylingDetails .listWpicture ul {margin-left:130px;}
#stylingDetails .listWpicture img {	float:left;}
#stylingDetails .listWpicture p {margin-left:130px;}
#stylingDetails .listWpicture h3 {margin-left:130px;padding-top:5px;}

#stylingDetails dl.seeAlso {
	margin-top:20px;
}
#stylingDetails dl.seeAlso dt {float:left;width:70px;font-size:11px;padding-top:5px;}/*ie6-styles*/
#stylingDetails dl.seeAlso dd {margin-left:73px;}

/* ------------------------------------------ EXPERTS */
#stylingDetails .expertInfo img.expertImg {
	float:left;
	width:118px;
}
#stylingDetails p.more {padding:20px 0;}
#stylingDetails p.more a {color:#806b3a;font-size:12px;}
#stylingDetails .expertInfo h3 {margin-left:135px; padding-top:0;}
#stylingDetails .expertInfo p {	margin-left:135px;}
#stylingDetails .expertInfo .details {padding:5px 0; background:url(/images/styling/experts-bg.png) no-repeat;margin:15px 20px 20px 135px;}
#stylingDetails .expertInfo .details p {font-size:10px;margin-left:10px;}

/* ========================================== PRINT & SENT TO FRIEND BOX */
#sendPrintBox {
	padding:50px 0 10px 15px;
	height:60px;
}
#sendPrintBox a {
	font-size:11px;
	display:block;
	color:#4e4e4e;
	margin:7px 0;
	text-transform:uppercase;
}
#sendPrintBox a.buy {margin:15px 0;}
#sendPrintBox a img {
	position:relative;
	top:3px;
	margin-right:5px;
}

/* ========================================== FORMS */
/* ------------------------------------------ CONTACT */
body.contact #container {border:none;}
body.contact #wrapper #mainColumn {
	margin:0 230px 0 0;
	padding:0 0 25px 0;
}

#mainColumn #contact {
	position:relative;
	height:200px;
	text-align:right;
	zoom:1;
}
body.contact.register #mainColumn #contact {
	position:relative;
	height:150px;
	text-align:right;
	zoom:1;
}

#mainColumn #contact #hsTitle {
	position:absolute;
	width:550px;
	left:0;
	top:30px;
	text-align:left;
	padding-bottom:25px;
}
body.contact #thanks { text-align:center; padding:20px;border:1px solid #9a8e80;}
#mainColumn #contact #hsTitle h2 {font-size:35px; padding-bottom:20px; letter-spacing:2px; font-weight:100;}
#mainColumn #contact #hsTitle p {font-size:10px;}
#mainColumn #contact #hsTitle p a {color:#806b3a;}
#mainColumn #contact #hsTitle p.subTitle {font-size:13px; padding-bottom:20px;font-weight:bold;}

.form {	font-size:11px;	font-weight:100;}
.form p#required {text-align:right;}
.form p#required span {color:#6e5425;}
.form fieldset {padding:5px 0 5px 0; border-bottom:1px solid #9a8e80;}
.form li {margin:10px 0;}
.form label{float: left;width: 145px;}

.form label span {color:#6e5425;}
.form input.second {margin:10px 0 0 145px;} /*ie6-styles*/
.form input, .form textarea {width:370px; background:#e1ddd2;font-size:11px;
	border-bottom:none;	border-right:none;
/*filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;*/
}
.form textarea {height:100px;}
.form select {width:200px; background:#e1ddd2;font-size:11px;
	border-bottom:none;	border-right:none;
}
.form .newsletter {padding-left:145px;} /*ie6-styles*/
.form .checkBox {float:left; width:12px;}
.form ul.emailType li {
	float:left;
	width:135px;
	margin-left:15px;
}
.form .button {clear:left;text-align:right;padding-top:20px;}
.form .button input {width:73px; height:26px;margin-right:10px;}

/* ========================================== LOCKS OF LOVE */
body.locks #container {	border:none;}
body.locks #wrapper {
	position:relative;
	margin:0 0 0 100px;
	min-height:730px;
}
#locksHeader {
	position:relative;
	height:243px;
	zoom:1;
}
#locksHeader #llTitle {
	position:absolute;
	width:270px;
	left:255px;
	top:130px;
}
#locksHeader p.description {
	margin-top:10px;
	font-size:11px;
}
#locksHeader .horizontalLine {
	position:absolute;
	top:221px;
	left:0;
}
#locksHeaderVideo {
	position:absolute;
	right:0px;
	top:49px;
}
#locksDetails {
	padding-left:90px;
}
#locksDetails h3 {
	background:url(/images/issues/tips-bg.png) no-repeat;
	margin:15px 0 5px -4px;
	padding:4px 0 4px 4px;
}
#locksDetails p {
	padding-bottom:10px;
}
#locksDetails h4 {
	font-size:11px;
	font-weight:bold;
	letter-spacing:0;
	padding:15px 0 0 0;
}
#locksDetails .list {
	font-size:11px;
	font-weight:100;
	padding:0 20px 15px 23px;
	list-style:disc;
}

/* ========================================== PLANE PAGE */
body.plane #container {	border:none;}
body.plane #wrapper { /*ie6-styles*/
	position:relative;
	margin:0;
	min-height:630px;
}
body.plane #wrapper #mainColumn {
	margin:0;
	padding:0 218px 25px 313px;
}
body.plane.search #wrapper #mainColumn {
	margin:0;
	padding:0 38px 25px 313px;
}
body.plane .leftModel {
	position:absolute;
	left:-26px;
	top:0;
}
#planeHeader {
	position:relative;
	zoom:1;
	margin-bottom:50px;
}
body.plane.search #planeHeader {	margin-bottom:25px;}
#planeHeader h2 {font-size:27px;}
body.plane.philosophy #planeHeader h2 {	padding:80px 0 30px 30px;}
body.plane.whereToBuy #planeHeader h2 {	padding:80px 0 30px 30px;}
body.plane.search #planeHeader h2 {	padding:35px 0 20px 30px;}
#planeHeader .horizontalLine {
	position:absolute;
	bottom:1px;
	left:0;
}
#planeDetails {
	padding-left:30px;
}
#planeDetails .searchField {font-size:11px;margin-bottom:20px;}
#planeDetails .searchField label {float:left;width:61px;}
#planeDetails .searchField input {width:210px;border:none;font-size:11px;}
#planeDetails .searchField input.submitbutton {width:50px; margin:0 4px;}

#planeDetails h2 { color:#4d4b46; font-size:19px; padding-bottom:20px; line-height:24px;}
#planeDetails h3 { text-transform:none; font-weight:bold !important;}
#planeDetails p {padding-bottom:20px;}
#planeDetails dl dt { padding-bottom:3px;font-size:11px;}
#planeDetails dl dt a { font-weight:bold; font-size:11px; color:#76623c;}
#planeDetails dl dt a:hover {text-decoration:underline;}
#planeDetails dl dd {padding-bottom:15px;font-size:11px;}
#planeDetails #resultPages {margin-top:20px;}
#planeDetails #resultPages a {color:#76623c;padding:3px 3px;font-size:12px;}
#planeDetails #resultPages a:hover {text-decoration:underline;}
#planeDetails #resultPages a.next {padding-left:8px;}
#planeDetails #resultPages a.prev {padding-right:8px;}

/* ===================== PROFILER RESULTS */
body#profiler.plane #wrapper #mainColumn {
	margin:0;
	padding:0 10px 25px 13px;
}
body#profiler.plane .leftModel {
	position:absolute;
	left:-26px;
	top:20px;
	z-index:0;
}
body#profiler .lineUnder {
	position:absolute;
	left:-26px;
	top:353px;
	z-index:5;
}
body#profiler .topButtons {
	position:absolute;
	right:26px;
	top:23px;
	z-index:100;
}
body#profiler #planeHeader {
	width:630px;
	height:330px;
	padding:0 0 0 300px !important;
}
body#profiler #planeHeader h2 {font-size:27px;padding:34px 0 10px 0;}
body#profiler #planeHeader #headerContent {margin-top:5px;}
body#profiler #planeHeader #video {
	float:left;
	width:280px;
	position:relative;
	left:-15px;
}
body#profiler #planeHeader h3 {padding-top:20px;}
body#profiler #planeHeader a {color:#76623c;}
body#profiler #planeHeader a:hover {color:#4e4e4e;}
body#profiler #planeHeader dl {
	margin-left:280px;
}
body#profiler #planeHeader dl dt {
	font-size:11px;
	margin-top:7px;
	padding:1px 0;
	color:#76623c;
	text-transform:uppercase;
}
body#profiler #planeHeader dl dd {
	padding-top:5px;
	padding-bottom:7px;
	padding-left:0px;
	padding-right:0;
	font-size:10px;
}

#profilerDetails ul#productList {
	padding-left:40px;
}
#profilerDetails ul#productList li {
	float:left;
	width:260px;
	height:200px;
	margin-right:35px;
}
#profilerDetails ul#productList li img.product {
	float:left;
}
#profilerDetails ul#productList li h3 {margin:20px 0 0 65px;}
#profilerDetails ul#productList li h3 img {position:relative;top:3px;}
#profilerDetails ul#productList li p {padding:3px 0 8px 0;margin-left:65px;font-size:10px;}
#profilerDetails ul#productList li p.sub-title {font-weight:bold;}

/* ========================================== STIEMAP */
body.sitemap #container {	border:none;}
body.sitemap #wrapper {
	position:relative;
	margin:0;
	min-height:630px;
}
body.sitemap #wrapper #mainColumn {
	margin:0;
	padding:60px 70px 25px 45px;
}
#sitemap {}
#sitemap h2 {color:#4e4e4e;padding-bottom:3px;}

#sitemap .sm {float:left; font-size:7px;}
#sitemap .first { width:185px;}
#sitemap .second { width:190px;margin-left:70px;}
#sitemap .third { width:310px;margin-left:70px;}

#sitemap h3 {color:#76623c; font-size:12px; padding-top:32px;}

#sitemap dl dt {
	color:#434343;
	text-transform:uppercase;
	padding-top:17px;
	font-size:10px;
}
#sitemap dl dd a {	color:#76623c; line-height:14px;}
#sitemap dl dd a:hover { text-decoration:underline;}

/* ========================================== FOOTER === */
#footer { display:none;}
#footerTabs { display:none;}



#cB {clear:both;}
#cL {clear:left;}
#cR {clear:right;}
.clear:after {
	content:" ";
	display:block;
	font-size: 0;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {display: inline-block;}