@charset "UTF-8";

/* CSS Document Alberto Culver- MOTIONS RESTAGE		*/
/* --------------------------------------------- */
/* Developed by: Hristo Hristov                  							*/
/* Created: 02/23/2010                           							*/
/* Updated: 02/23/2010 - Hristo Hristov          					*/
/* --------------------------------------------- */

/* ========================================== LAYOUT CODE === */
#frame {width:980px;margin:0 auto;background:url(/images/background.jpg) no-repeat center top;border:1px solid #CCC;border-top:none;position:relative;}

#header {display:none;}


#left {display:none;}
#left img.logo {margin-bottom:20px;}
#mainColumn {padding-top:10px; margin-left:0; margin-right:29px;padding:20px !important;}

#left, #outer2, #mainColumn {padding-bottom:0; margin-bottom:0;background:none !important;}

#wrapper {overflow:hidden;}

.content {padding:10px 10px 10px 0;}

.transparent {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


/* ========================================== MAIN STYLES === */
a {
	color:#31297d;
	text-decoration:none;
	border:none !important;
}
a:hover {text-decoration:underline;}
a.pLink {display:none;}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-transform:uppercase;
	padding:15px 0 5px 0;
}
h3 {
	font-size:16px;
	padding:5px 0;
	text-transform:capitalize;
}
h4 {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 0;
	text-transform:capitalize;
}
h5 {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	text-transform:capitalize;
}
p {
	font-size:11px;
	line-height:14px;
	padding:3px 0 5px 0;
}
p.disclamer {font-size:9px;}
em {
	font-weight:bold;
	font-style:normal;
}
strong {font-weight:bold;}

#backTo {display:none !important;}

.separator {padding:0 5px;margin:0;font-size:inherit;}

#sectionCap {margin-bottom:15px;}

/* ========================================== TOP NAV === */
#header #topNav ul {
	position:relative;
	top:1px;
	padding:0 0 4px 0;
	margin:0;
}
#header #topNav ul li {
	display:inline;
	padding:0;
	margin:0;
}
#header #topNav ul li a {
	font-size:9px;
	line-height:9px;
	padding:0 23px;
	margin:0;
	text-decoration:none;
}
#header #topNav ul li a:hover {text-decoration:underline;}

/* ========================================== PAGES === */
#about #sectionCap .bigModel {display:none;}
#about #mainColumn {padding-left:0;min-height:550px;height:auto;}

#productCategoryList ul {
	list-style:none;
}
#productCategoryList ul li {
	float:left;
	width:150px !important;
	padding-right:3%;
}
#productCategoryList ul li a {
	border:none;
}
#productCategoryList ul li a img {
	border:none;
}
ul#rating {list-style:none !important;}

#howToVideos dt {display:none;}
#howToVideos dd {margin-left:0;margin-bottom:50px;}


/* ========================================== SUB NAV === */
#subMenu {display:none;}

/* ========================================== REVIEW TABS === */
p.disclamer {
	font-style:italic;
	font-weight:100;
}

#reviewTabs {
	margin-bottom:20px;
}
#reviewTabs .panel {
	display:none;
	margin-top:30px;
	width:100%;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
#reviewTabs .panel a {
	
}
#reviewTabs .panel a:hover {
	
}
#reviewTabs .panel.active-tab-body {display: block;}
#reviewTabs #tabs {display:none;}
#reviewTabs #tabs li {float: left;}
#reviewTabs #tabs a {
	float: left;
	padding: 4px 13px;
	font-size:10px;
	text-transform:uppercase;
	color:#261e76;
	text-decoration:none;
}
#reviewTabs #tabs a:hover {
	background:#edac00;
	padding: 4px 12px;
	border-left:1px solid #261e76;
	border-right:1px solid #261e76;
}
#reviewTabs #tabs a.active-tab {background:#edac00;padding: 4px 12px;border-left:1px solid #261e76;
	border-right:1px solid #261e76;}
#reviewTabs .links ul li {display:inline;}

/* ========================================== CUSTOMER REVIEW === */
#customerReview dt {
	position:relative;
	padding:10px 0 5px 0;
	border-top:1px solid #999;
}
#customerReview dt:first-child {
	border-top:none;
}
#customerReview dd {
	position:relative;
	padding:5px 170px 10px 0;
}
#ratingStar {position:absolute;top:10px;right:0; width:160px; text-align:right;}
#ratingStar img {position:relative;top:2px;padding-left:5px;}

#star {position:absolute;top:10px;right:0; width:160px;}
#star ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; position:absolute;right:0;top:-7px;; BACKGROUND: url('/images/stars.gif') repeat-x; CURSOR: pointer; }
#star li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }
#star li.curr { BACKGROUND: url('/images/stars.gif') left 25px; FONT-SIZE: 1px; }
#star div.user { position:absolute;left:45px; width:40px; top:0; FONT-SIZE: 11px; FONT-FAMILY: Arial; COLOR: #888; }

/* ========================================== PROFILER === */

body#profilerResults {}
div.resultLinks {padding-bottom:50px;}
div.resultLinks ul#tabs {display:none;}
div.resultLinks dt {display:block;margin:0;padding:10px 0 0 0;}
div.resultLinks dd {display:block;margin:0;padding:0;}

#productCategoryList ul li {
float:left;
padding-right:3%;
width:170px !important;
height:300px;
}



/* ========================================== LEFT FEATURES === */
#left #tip {
	width:145px;
	margin:20px 0 10px 0;
	padding:0 0 85px 60px;
	background:url(/images/left/tips/tip-bg.png) no-repeat left bottom;
}
#left #configurator {
	width:145px;
	margin:10px 0;
	padding-left:60px;
}
#left #configurator img.conf {
	border-bottom:2px dotted #f6d57f;
	margin-bottom:5px;
}
#left p {font-size:10px;}
#left span.arrow {position:relative;}
#left span.arrow img {position:absolute;left:3px;top:-3;}

/* ========================================== FORMS === */
.form {	font-size:11px;	font-weight:100;padding-top:10px;border-top:1px solid #9966cc;margin-top:10px;}
.form p#required {text-align:right;}
.form p#required span {color:#CC6600;}
.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.required {color:#CC6600;}
.form input.second {margin:10px 0 0 145px;} /*ie6-styles*/
.form input, .form textarea {width:350px; background:#fff0c6;font-size:11px;
	border-bottom:none;	border-right:none; color:#221973;
/*filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;*/
}
.form textarea {height:100px;}
.form select {width:100px; background:#fff0c6;font-size:11px;
	border-bottom:none;	border-right:none;color:#221973;
}
.form .newsletter {padding-left:145px;padding-top:15px;width:350px;} 
.form .newsletter label {display:block;width:350px;float:none;}
.form .checkBox {float:left; width:12px;}
.form ul.emailType {clear:none;}
.form ul.emailType li {
	float:left;
	width:135px;
	margin-left:15px;
}
.form .button {clear:none;text-align:left;padding-top:20px;}
.form .button input {width:68px; height:20px;margin-left:10px;}
.form .button input.clear {width:62px; height:20px;margin-left:10px;}

.formErrorMessage {
	color:#FF0000;
	font-weight:bold;
}

/* ========================================== FOOTER === */
#footer {clear:both;width:980px;margin:0 auto;}

#footer span {font-size:8px;color:#ccc;}
#footer #footerLinks {display:none;}



.clear:after {
	content:" ";
	display:block;
	font-size: 0;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {display: inline-block;}