@charset "UTF-8";

/* CSS Document Alberto Culver- SOFT & BEAUTIFUL */
/* --------------------------------------------- */
/* Developed by: Hristo Hristov                  */
/* Created: 04/04/2008                           */
/* Updated: 04/04/2008 - Hristo Hristov          */
/* --------------------------------------------- */

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


/*  DO NOT TOUCH --------------------------- DO NOT TOUCH */
body {
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 100,01%;	color: #562d1e;	background-color:#ffffff;
	margin:2px 0 0 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:765px;
}
#header {
	height:60px;
	width:100%;
}
#header img {
	float:left;
}
#header form {
	text-align:right;
	font-size:11px;
	padding:3px 0 0 0;
	margin:0;
}
#header .field {
	height:14px;
	border:1px solid #c18882;
}
#header .button {
	color:#FFFFFF;
	height:18px;
	margin:0 5px;
	padding:0;
	background:#c18882;
	border:none;
}

#container{
	position:relative;
	clear:both;
	/*overflow:hidden;*/
	width:765px;
	min-height:287px;
	_height:287px;
}
#content{
/*display:inline;*/
	position:relative;
	margin:0 0 0 143px;;
}
#content #mainBorder {
	position:absolute;
	top:0;	left:0;
	width:20px;
	height:356px;
	border-left:1px solid #c18882;
}
body#frontPage #content #mainBorder {
	height:400px;
	border-right:none;
}
#content #mainBorder2 {
	position:absolute;
	z-index:999;
	top:0;	right:0;
	width:20px;
	height:361px;
	border-right:1px solid #c18882;
}
#content #rightImg {
	float:right;
	padding-right:1px;
	width:250px;
	height:386px;
	overflow:hidden;
}
#content #mainColumn {
	margin:0 260px 0 0;
	padding:15px 15px 15px 20px;
}
body#frontPage #content #mainColumn {margin:0;padding:0;}
body#fullPage #content #mainColumn {margin:0;}

#left {
	position:absolute;
	width:143px;
	left:0;
	top:0;
	text-align:left;
}
#left #ln {
/*	position:absolute;
	top:20px;
	left:0;*/
	_width:143px;
	_height:261px;
}

/* ------------------------------------------ FOOTER */
#footer {
	text-align:center;
	clear:both;
	margin-top:10px;
	padding-top:11px;
	font-size:10px;
}
#footer a {
	text-decoration:none;
}
#footer .copyText {
	margin:5px 0 0 0;
}

/* ------------------------------------------ MAIN NAV MENU */
ul#topmenu {
	text-align:left;
	margin:0 0 0 145px;
	padding-top:15px;
	list-style-type:none;
}
ul#topmenu li {
	display:inline;
}
ul#topmenu a {
	color:#562d1e;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:lighter;
	text-decoration:none;
	width:5em;
	padding:0 21px;
	border-right:1px solid #562d1e;
}
ul#topmenu a:hover {
	color:#c18882;
	text-decoration:underline;
}

/*------------------*/
/* side bar         */
/*------------------*/

#left #productFinder {
	color:#FFFFFF;
	padding:3px 10px 3px 20px;
	background:#562d1e;
	font-size:11px;
	text-transform:uppercase;
}

a.sidebar {
	font-size:11px;
	display:block;
	margin:5px 5px 0 0;
	padding:5px 0 0 10px;
	background:url(/images/sidebar-arrow.jpg) no-repeat left 4px;
	border-top:1px solid #c18882;
}
a.sidebarsub {
	font-size:10px;
	margin:3px 0 0 20px;
	background:url(/images/sidebarsub-arrow.jpg) no-repeat left 5px;
}
a.sidebarsub:link, 
a.sidebarsub:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	padding:0px 5px 4px 8px;
}

.innersidebar {
	margin-left:10px;
}
.navsection {
	/*font-style:italic;*/
}
a.sidebar-on:hover, 
a.sidebar-on:active,
a.sidebar:hover, 
a.sidebar:active,
a.sidebar,
a.sidebarsub-on:hover, 
a.sidebarsub-on:active,
a.sidebarsub:hover, 
a.sidebarsub:active { 
	text-decoration: none;
}


/* end menu */

/* ------------------------------------------ PAGES SETUP */
a {
	color:#562d1e;
}
a:hover {
	color:#c18882;
}
em.italic {
	font-style:italic;
}
#mainColumn a.external {
	font-size:11px;
	margin-top:10px;
	display:block;
}
p {
	font-size:11px;
	line-height:16px;
	padding:10px 0 0 0;
}
p.stared {
	font-size:10px;
}
h3 {
	font-size:14px;
	font-weight:bold;
	line-height:17px;
	padding:13px 0 0 0;
}
body#fullPage #content #mainColumn h3 {
	/*padding-left:5px;*/
}
h4 {
	font-size:12px;
	line-height:16px;
	padding:5px 0 0 0;
	font-weight:100;
}

#mainColumn ul {
	font-size:11px;
	padding:10px 0;
}
#mainColumn li {
	background:url(/images/sidebarsub-arrow.jpg) no-repeat left 7px;
	margin:3px 15px;
	padding-left:10px;
	line-height:16px;
}
#productList {
	padding-top:40px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
	width:300px;
}
#productList .sidebarsub {
}
#productList a {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-decoration:none;
	font-size:12px;
}


/* ------------------------------------------ CATEGORY decoration */

/*TOP NAV*/
.promotions a#promotions, .institute a#institute, .news a#news, .about a#about, .signup a#signup {
	text-decoration:underline;}
.news h4 {color:#b16633;}
.news p {padding:5px 0 10px 0;}

/*HAIR CARE*/
.sbRelaxers #sbRelaxers, .sbRelaxers h3 {color:#d93280;}
.sbStyling #sbStyling, .sbStyling h3 {color:#d93280;}
.sbStyleProtect #sbStyleProtect, .sbStyleProtect h3 {color:#883c44;}
.BotanicalsRelaxers #BotanicalsRelaxers, .BotanicalsRelaxers h3 {color:#206a4a;}
.BotanicalsTexturizers #BotanicalsTexturizers, .BotanicalsTexturizers h3 {color:#206a4a;}
.BotanicalsStyling #BotanicalsStyling, .BotanicalsStyling h3 {color:#206a4a;}

/*SKIN CARE*/
.moistureSoft #moistureSoft, .moistureSoft h3 {color:#baa371;}
.hydraSculpt #hydraSculpt, .hydraSculpt h3 {color:#baa371;}

/*CHILDREN PRODUCTS*/
.vipClub #vipClub, .vipClub h3 {color:#eb8800;}
.TextureSoftener #TextureSoftener, .TextureSoftener h3 {color:#eb8800;}

.moistureSoft h4, .sbStyleProtect h4, .sbStyling h4, .BotanicalsStyling h4, .hydraSculpt #mainColumn ul {
	clear:left;
}
.moistureSoft h3, .sbStyling h3, .BotanicalsStyling h3 {
	padding-left:112px;
}

/* sub nav */
#sbConditioner, #sbShampoo, #sbSpray, #sbCreme, #bCreme, #bFoam, #bTreatment, #b3n1oil,
#mBodypolish, #mBodyoilgel, #mBodybutter, #mHandcreme, #mBodylotion, #sbRelaxerRegular, #sbRelaxerSuper, #bRelaxerRegular, #bRelaxerCourse,
#bTexturizerRegular, #bTexturizerCourse, #sbSpritz, #sbMousse, #sbHairGloss, #sbSculptingGel {
	display:none;
}



/* ------------------------------------------ FRONT PAGE */

#frontPage h4 {
	text-transform:uppercase;
}
#frontPage h4 a {
	text-decoration:none;
}
#promotioins {
	clear:right;
	padding-top:3px;
}
#promotioins #leftPromo {
	float:left;
	width:287px;
	height:80px;
	padding:5px 3px;
	margin-left:20px;
	_margin-left:10px;
	border:1px solid #d5d5d5;
}
#promotioins #leftPromo img {
	float:left;
	margin-right:5px;
}
#promotioins #rightPromo {
	float:right;
	width:287px;
	height:80px;
	padding:5px 3px;;
	border:1px solid #d5d5d5;
}
#promotioins #rightPromo img {
	float:right;
}

/* ------------------------------------------ SOFT & BEAUTIFUL PAGES */

.productShot {
	float:left;
	margin:0 5px 15px 0;
}
.groupShot {
	padding-bottom:10px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}
a.selectAnother {
	position:absolute;
	background:#ffffff;
	border-top:1px solid #999999;
	padding:3px;
	width:150px;
	text-align:center;
	top:115px;
	left:132px;
	font-size:10px;
	text-decoration:none;
}
a.selectAnotherMain {
	position:absolute;
	background:#ffffff;
	border-top:1px solid #999999;
	padding:3px;
	width:200px;
	text-align:center;
	top:180px;
	left:40px;
	font-size:10px;
	text-decoration:none;
}

/* ------------------------------------------ MOISTURESOFT PAGES */


.moistureSoft #ingredients, .hydraSculpt #ingredients, .sbStyling #ingredients, .BotanicalsRelaxers #ingredients,
.BotanicalsTexturizers #ingredients, .sbRelaxers #ingredients, .BotanicalsStyling #ingredients {
	font-size:11px;
	text-transform:uppercase;
	color:#c18882;
	padding:5px 5px 1px 5px;
	border-bottom:1px solid #c18882;
}

/* --------------------------------------------------- SIGNUP FORM */
.space {width:100%;}
.required {
	color:#993300;
}
.errorMessage {
	color:#993300;
	font-weight:bold;
	font-size:12px;
	padding-bottom:7px;
}
.formElement {
	font-size:10px;
	border:1px solid #562d1e;
}
.textField {width:197px;padding-left:3px;}
.dropDown {width:202px;_width:206px;}
.formSearch {
	font-size:10px;
	background:#FFFFCC;
	border:1px solid #666666;
}

#singUpForm {
	font-size:10px;
	padding:10px 0 0 0;
}
#singUpForm p.required {
	padding:0 10px 10px 10px;
	text-align:right;
	/*font-size:1em;*/
}
#singUpForm ul {
	padding:0 0 0 10px;
	margin:0;
	list-style:none;
	height:100%;
	/*font-size:1.2em;*/
}
#singUpForm ul li {
	float:left;
	width:30%;
	margin:0;
	padding:2px 0;
	background:none;
}
#singUpForm ul li.field {width:50%;}
#singUpForm ul li.radio {width:30%;}
#singUpForm ul li.firstRadio {width:40%;padding-left:20px;}
#singUpForm ul li.clear {
	float:none;
	clear:both;
	display:block;
}
#singUpForm ul li.spaceV {padding:20px 0 5px 0;}
#singUpForm ul li input.checkBox {
	clear:both;
	float:left;
}
#singUpForm #buttons {
	clear:both;
	text-align:center;
	padding:15px 20px;
}
#singUpForm form {
	padding:0;
	margin:0;
}
.signup .thankYouBlocks {
	padding-top:10px;
	clear:both;
}
.signup .thankYouBlocks img {
	float:left;
	margin-right:10px;
}

/* ------------------------- SEND EMAIL FORM */
#sendEmail {
	text-align:center;
	background-color:#ffffff;
	padding:10px;
	font-size:11px;
}
#sendEmail h3 {
	text-align:center;
}
#sendEmail #pageHeader {
	text-align:center;
}
#sendEmail #pageHeader h2.email {
	padding:10px 0 5px 120px;
	margin:0;
}
#sendEmail form {
	text-align:left;
	padding:0;
	margin:0;
}
#sendEmail form #imgHolder {
	float:left;
	width:200px;
	padding:20px 20px 20px 10px;
}
#sendEmail ul {
	padding:0 10px;
	margin:0;
	list-style:none;
}
#sendEmail ul li {
	zoom:1;
	float:left;
	width:50%;
	padding:10px 0;
	margin:0;
}
input.radio {margin-left:20px;}
#sendEmail input.textField {width:200px;}
span.required {
	color:#FF0000;
}
#sendEmail p.legend {
	padding-top:0;
	text-align:right;
}
#formCopyright {
	text-align:center;
	padding:10px;
	margin:20px 0 5px 0;
	border-top:1px solid #b44800;
}

/* --------------------------------------------------- SITE MAP */

.sitemap #content #mainColumn {
	margin:0 330px 0 0;
	padding:15px 15px 15px 20px;
}
.sitemap dl {
	font-size:11px;
}
.sitemap #rightImg {
	background:#f6e0d8;
	margin:41px 15px 0 20px
}
.sitemap #rightImg dl {
	margin:10px 20px 0 20px;
}
.sitemap #rightImg dl dt.main {
	padding:9px 5px 1px 5px;
	text-align:right;
	border-bottom:1px solid #774a28;
}
.sitemap dl a {
	text-decoration:none;
}
.sitemap dl dt{
	text-transform:uppercase;
	margin:3px 0;
}
.sitemap dl dt.main {
	padding:13px 5px 1px 5px;
	text-align:left;
	border-bottom:1px solid #774a28;
}
.sitemap dl dt.sub {
	padding:12px 10px 1px 20px;
}
.sitemap dl dd {
	padding:8px 3px 2px 30px;
}
.sitemap dl dd.sub {
	font-size:10px;
	padding:2px 3px 2px 30px;
}

/* --------------------------------------------------- SEARCH RESULTS */

ol.searchResults {
	list-style:decimal;
	font-size:12px;
}
ol.searchResults p {
	padding:3px 0 5px 0;
}
#container #content ol.searchResults li {
	background:none;
	margin-left:19px;
}
ol.searchResults h4 {
	padding-top:0;
}
#searchResultsForm form {
	text-align:right;
	font-size:11px;
	padding:3px 0 0 0;
	margin:0;
}
#searchResultsForm .field {
	height:14px;
	border:1px solid #c18882;
}
#searchResultsForm .button {
	color:#FFFFFF;
	height:18px;
	margin:0 5px;
	padding:0;
	background:#c18882;
	border:none;
}

/* --------------------------------------------------- INSTITUTE */

img#biHeader {
}

#categories {
	clear:right;
	padding-top:3px;
	text-decoration:none;
}
#categories a {
	text-decoration:none;
}
#categories .leftCat {
	float:left;
	width:287px;
	height:85px;
	padding:5px 3px;
	margin-left:20px;
	_margin-left:10px;
	border:1px solid #d5d5d5;
}
#categories .leftCat img {
	float:left;
	margin-right:5px;
}
#categories .rightCat {
	float:right;
	width:287px;
	padding:5px 3px;
	margin-bottom:5px;
	border:1px solid #d5d5d5;
}
#categories .rightCat img {
	float:left;
	margin-right:5px;
}

/* FAQ */

#faq {
	font-style:normal;
}
#faq h4 {
	position:relative;
	padding-top:15px;
	color:#c8804e;
	font-size:15px;
	border-bottom:1px solid #c8804e;
}
#faq h4 a.backtoTop {
	font-size:9px;
	position:absolute;
	right:1px;
	top:9px;
}
#faq h3 {
	letter-spacing:1px;
	font-size:11px;
	color:#FFFFFF;
	clear:right;
	padding:1px 0;
	background:#b16633;
}
#faq h3 a {
	color:#FFFFFF;
}
dl.faq {
	font-size:12px;
}
dl.faq dt {
	color:#c8804e;
	text-align:right;
	float:left;
/*	clear:left;*/
	width:30px;
	padding:3px 0;
}
dl.faq dd {
	margin:0 0 0 40px;
	padding:3px 0;
}
dl.faq strong {
	font-weight:bold;
}
dl.faq dt.q, dl.faq dd.q {
	padding-top:13px;
}

#faq #quickForm {	
	background:#f4d9c7;
	_background:#fffaf6;
	display:none;
}
#faq #singUpForm li {
	margin-left:3px;
	margin-right:3px;
}
#faq #singUpForm textarea {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
}
#faq #anchors {
	position:relative;
	text-transform:uppercase;
	font-size:17px;
	font-weight:100;
	padding:4px 0;
}
#faq #anchors a {
	text-decoration:none;
}
#faq #closeLink {
	font-size:12px;
	color:#333333;
	display:none;
	text-transform:uppercase;
	text-align:right;
	position:absolute;
	width:150px;
	right:17px;
	top:4px;_top:8;
}

/* --------------------------------------------------- NEWSLETTER */

body.newsArticle strong {font-weight:bold;}
body.newsArticle #container #mainColumn li {margin-bottom:15px;}
body.newsArticle #content #rightImg {
	float:right;
	width:200px;
	height:586px;
	overflow:hidden;
}
body.newsArticle #content #mainColumn {
	margin:0 213px 0 0;
	padding:15px 15px 15px 20px;
}
body.newsArticle #sendToFriend {
	padding:10px 0 0 0;
	text-align:left;
	font-size:9px;
	letter-spacing:1px;
	text-transform:uppercase;
}

.newsletter dl a {
	text-decoration:none;
}
.newsletter dl {
	font-size:11px;
}
.newsletter dl dt{
	text-transform:uppercase;
	margin:3px 0;
}
.newsletter dl dt.main {
	color:#c18882;
	padding:15px 5px 1px 5px;
	text-align:right;
	border-bottom:1px solid #c18882;
}
.newsletter dl dt.sub {
	padding:3px 10px 1px 10px;
	font-size:12px;
}
.newsletter dl dd {
	padding:2px 3px 2px 10px;
}

/* print article */
body.print #frame {width:460px;margin:0;padding:0;}
body.print #container {width:100%;margin:0;padding:0;}
.print #mainColumn {
	margin:0 20px;
}
.print #header {
	text-align:left;
}
.print #header img {
	float:none;
}
.print #mainColumn dt {
	color:#c18882;
	padding:15px 5px 1px 5px;
	text-align:right;
	border-bottom:1px solid #c18882;
}


/* --------------------------------------------------- MEMBERS */
.members {
	padding-left:5px;
}
.members img {
clear:left;
	margin:5px 5px 0 0;
	float:left;
	border:1px solid #c18882;
}
.members h4 {
	margin:15px 0 0 150px;
}
.members p {
	margin-left:150px;
}

/* --------------------------------------------------- IN THE NEWS */

body.news ul#printAdvertising a {
	text-decoration:none;
}

body.news ul#printAdvertising {
	font-size:11px;
}
body.news ul#printAdvertising span {
	/*clear:left;*/
	float:left;
	width:300px;
	font-weight:bold;
	margin:0;
}
body.news ul#printAdvertising li {
	margin:5px 0;
	padding:3px 5px;
	/*clear:left;*/
	border-bottom:1px solid #c18882;
	background:none;
}
#newProducts {
	font-size:11px;
	/*clear:left;*/
}
#newProducts img {
	float:left;
}
#newProducts div#linkHolder {
	padding:30px 5px 5px 270px;
}
#newProducts a {
	text-decoration:none;
	display:block;
	padding:5px 0;
}
#currentAdvertising .ads {
	height:200px;
	text-align:center;
	width:25%;
	float:left;
}
#currentAdvertising .ads img {
	margin-bottom:5px;
	border:1px solid #562d1e;
}
#currentAdvertising .ads a {
	font-size:11px;
}

.cL {
	clear:left;
}

/* PROMOTIONS */
.promotions #mainColumn a.smaller {
	font-size:12px;
}
.promotions div.promos {

	height:150px;
	padding:5px 0;
}
.promotions div.promos img {
	float:left;
	padding-right:5px;
}
.promotions div.promos h3 {
	padding:10px 0 0 0;
}
.promotions div.promos p {
	padding:0;
	margin:0;
}
body.print dl.rules, dl.rules dt {
	text-align:center !important;
}
dl.rules dd {
	font-size:11px;
	padding-top:3px;
}
body.print p strong {
	font-weight:bold;
}
.promotions div.promoButton {
	margin-top:15px;
	border:1px solid #562d1e;
	padding:5px;
	text-align:center;
}