@charset "UTF-8";

/*************** ******************/
#underBoxTarget .reviewThanksLink {
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	color:#30409C;
}

/*************** ******************/
#thanks p a {
	color:#806B3A;
}

/*************** ******************/
.forgotPasswordOrLoginLink {
	padding-top:10px;
	font-size:10px;
}
.forgotPasswordOrLoginLink a {
	color:#806B3A;
}

/*************** Bazaarvoice ******************/
#BVProductPageContent {
	margin-left:-185px;
	width:704px;
}
#BVCustomerRatings {
	overflow:hidden;
}

span.BVRRReviewText {
	word-wrap:break-word;
}

/*********************************/
body.contact.register #mainColumn #contact {
	height:auto !important;
}
body.contact.register #mainColumn #contact #hsTitle {
	position:static;
	top:0px;
	padding-top:30px;
}
body .contactForm .formTable > tbody > tr > td:first-child {
    width: 145px;
}
.contactForm input, .contactForm textarea {
    width: 350px;
}

/*************** User Bar******************/
#userbar {
	position:absolute;
	left:-170px;
	width:165px;
	border:1px solid;
	font-size:10px;
}
#userbar.userbar-logged-in {
	top:1px;
	height:26px;
}
#userbar.userbar-logged-out {
	top:8px;
	height:14px;
}

/*********************************/
body.hairstyles #stepByStep,
body.hairstyles #whatYouNeed,
body.hairstyles #learnMore {
/*	position:absolute;
	display:block !important;*/
	width:715px;
}

/*********************************/
body.profiler #container {
	border:medium none;
}
body.profiler #wrapper {
	margin:0px;
}
body.profiler #wrapper #definition {
	padding-top:10px;
}
body.profiler #wrapper #definition div {
	background-image:none !important;
}
body.profiler #hideClose {
	position:absolute;
	right:120px;
	top:25px;
	height:23px;
	width:67px;
	background-color:#b6b0a2;
}

/*********************************/
#mainColumn #contact #hsTitle div.subTitle {
	font-size:13px;
	padding-bottom:20px;
	font-weight:bold;
}
#mainColumn #contact #hsTitle div.subTitle a {
	font-size:inherit;
	text-decoration:underline;
}

/*********************************/
#stylingDetails #video {
	position:relative;
}

/*********************************/
p.passwordsent {
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

/*********************************/
#profiler #video .step-by-step-link {
	padding-left:23px;
	margin-top:-10px;
}
#profiler #video .step-by-step-link img {
	vertical-align:top;
}

/*********************************/
.ChromaLife .extraText {
	clear:left;
}

/*********************************/
#productCategory .pGroup0 {
	text-align:center;
}

/*********************************/
#hairstylesCategory .thumbs img {
	display:block;
}

/******************************** These lines are to cancel out the ones in styles.css for these classes. They need to be removed from styles.css but do not need to be repalce with what is here.*/
#productCategory.byLine .pGroup img.p2,
#productCategory.byLine .pGroup img.p3 {
	display:block;
}
#productCategory.byLine .pGroup img.p1 {
	bottom:0;
	left:10px;
	position:absolute;
}

/*********************************/
.form .button input { /* this is needed to ensure png buttons have transpatent backgrounds. */
	background:none;
}

/*********************************/
.bottomPointer {
	position:absolute;/*TM* added position info because I moved this div out of #navPointer becasue it conflicted with the breadcrumbs also changed width to 1px*/
	left:-1px;
	top:-13px;
	
	border-left:1px solid #a8a198;
	width:0px;
	height:13px;
	overflow:hidden;
}

/*********************************/
#hairstyle {
	width:737px;/*TM* Added so video is positioned correctly when there are less than 5 steps*/
}

/******************************** Allows Div to Grow "_" hack used for css for IE6 */
#learnMore .sections {
	height:auto;
	min-height:273px;
	_height:273px;
}



/******************************** Highlight Selected Issue in Left Nav */
#ln .issueSelected {background:url(/images/nav/left-menu_top-select.png) no-repeat left top;}
#ln .issueSelected a {background:url(/images/nav/left-menu_bottom-select.png) no-repeat bottom;}


/*********************************/
#tabs {z-index:1;}


/*********************************/
#mainColumn #tools img.tool {
	z-index:1;
}


/*********************************/
#whatYouNeed .sections a, #whatYouNeed .sections a:visited {
	display:inline;
	margin-top:0px;
	padding-right:0px;
	height:auto;
	color:#414141;
	text-align:left;
	font-size:11px;
	background:none;
}

#whatYouNeed .sections div.viewMore a,
#whatYouNeed .sections div.viewMore a:visited {/*TM* added div.viewMore to prevent links to products from getting this applied to them*/
	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;
}



/*********************************/
#stepByStep .steps p {
	font-size:10px;
	padding:0;
	margin:0;
}

#stepByStep .steps div.stepText {/*TM* Changed p to div.stepText */
	font-size:10px;
	padding:4px 11px;
	margin:0;
}



/*********************************/
#productDetails p {padding:0;}

#productDetails div.productText {/*TM* changed p to div.productText*/
	padding:0px 20px 5px 0;
	margin-top:20px;
	font-size:11px;/*TM* added font-size due to change to div*/
}


/*********************************/
#productDetails p.ingredients {font-size:9px;}

#productDetails div.ingredients {font-size:9px;}/*TM* changed p to div*/



/*********************************/
#mainColumn #styling #hsTitle p {font-size:13px;}

#mainColumn #styling #hsTitle div.blurb {font-size:13px;} /*TM* changed p to div.blurb */

/*********************************/
#mainColumn #styling img.model {
	position:relative;
	z-index:1;
}



/*********************************/
/*.form p#required span {color:#6e5425;} /* This line needs to be removed form styles.css */
/*.form label span {color:#6e5425;} /* This line needs to be removed form styles.css */


.form span.required,
body .required {color:#6e5425;} /*TM* */
/*.form label span {color:#FFFFFF;}/* should be normal text color */
.form .newsletter label {float:none;width:auto;}

body.contact #mainColumn #contact {
	height:100px;
}
body.contact #mainColumn .contactForm .disclaimer p {
	margin:1em 0;
}
body.contact #mainColumn #contact {
	height:auto !important;
}
body.contact #mainColumn #contact #hsTitle {
	position:static;
	top:0px;
	padding-top:30px;
}

/*********************************/
#errorPage {/*TM* added to make errors that occur in the middle of a page look better. */
	position:absolute;
	top:-80px;
	left:-40px;
	width:1008px;
	height:900px;
	_height:100%;
	overflow:hidden;
}


/*********************************/
#navThumb {
	height:120px;
}
#navThumb div.arrowSpace {
	float:left;
	width:13px;
	height:80px;
	padding-top:15px;
	padding-left:3px;
	padding-right:3px;
	vertical-align:top;
}
#navThumb div.arrowSpace a {
	cursor:pointer;
}
#navThumb #navThumbWindow {
	float:left;
	position:relative;
	width:100px;
	height:120px;
	overflow:hidden;
	margin:5px;
	vertical-align:top;
}
#navThumb #navThumbWindow #navThumbWindowInner {
	position:absolute;
	left:0px;
	width:10000px;
	height:120px;
	text-align:left;
}
#navThumb #navThumbWindow #navThumbUL {
	float:left;
}
#navThumb #navThumbWindow #navThumbUL div.item {
	float:left;
	width:100px;
	height:110px;
	text-align:center;
	vertical-align:top;
}
#navThumb #navThumbWindow #navThumbUL div.item a {
	padding:0px;
}
#navThumb #navThumbWindow #navThumbUL div.item a img {
	width:100px;
	height:80px;
}



/*********************************/
#frontThumbs {/* ei6-styles.css */
	left:60px;
}
#frontThumbs div.hairstyleTab {
	text-align:center;
	padding-bottom:0px;
	height:130px;
}
#frontThumbs div.arrowSpace {
	float:left;
	width:13px;
	height:80px;
	padding-top:15px;
	padding-left:1px;
	padding-right:1px;
	vertical-align:top;
}
#frontThumbs div.arrowSpace a {
	cursor:pointer;
}
#frontThumbs .frontThumbsWindow {
	float:left;
	position:relative;
	width:828px;
	height:120px;
	overflow:hidden;
	margin:0px;
	vertical-align:top;
}
#frontThumbs .frontThumbsWindow .frontThumbsWindowInner {
	position:absolute;
	left:0px;
	width:14000px;
	height:120px;
	text-align:left;
}
#frontThumbs .frontThumbsWindow .frontThumbsUL {
	float:left;
}

#frontThumbs .frontThumbsWindow .frontThumbsUL div.thumbs {
	height:120px;
	vertical-align:top;
}
#frontThumbs .thumbs img {/* ei-styles.css */
	display:block;
	margin-left:auto;
	margin-right:auto;
}


/*************************/
#frame {
	position:relative;
}
#sendToFriendDiv {
	position:absolute;
/*	top:80px;
	left:10px;*/
	height:260px;
	width:470px;
	z-index:1000;
	background:url(/images/background-send-to-friend.jpg);
	border:1px solid #9B8F7D;
	overflow:hidden;
}
#profiler #sendToFriendDiv {
	right:0px;
}


/******************************/
.mLink {
	position:absolute;
	bottom:0;
	left:0;
}

/******************************** SEARCH *************/
#header #topSearch {
	margin-left:585px;
	margin-right:225px;
}
#planeDetails div.searchheading {
	font-weight:bold;
	color:#fff;
	font-size:16px;
	letter-spacing:1px;
	line-height:17px;
}
#planeDetails div.searchheading br {
	display:none;
}
#planeDetails .summary {
	font-size:11px;
	display:block;
	clear:both;
}
#planeDetails .suggestion {
	font-size:13px;
	display:block;
	font-weight:700;
}
#planeDetails .summary br {
	display:none;
}
#planeDetails div.results .result_pagescount {
	font-size:11px;
	display:inline;
	padding-bottom:20px;
}
#planeDetails div.results .result_pagescount br {
	display:none;
}
#planeDetails div.results .result_block {
}
#planeDetails div.results .result_block .result_title,
#planeDetails div.results .result_altblock .result_title {
	margin-top:15px;
	font-size:11px;
	padding-bottom:3px;
}
#planeDetails div.results .result_block .result_title a,
#planeDetails div.results .result_altblock .result_title a {
	color:#76623C;
	font-size:11px;
	font-weight:bold
}
#planeDetails div.results .result_block .result_title a:hover,
#planeDetails div.results .result_altblock .result_title a:hover {
	text-decoration:underline;
}
#planeDetails div.results .result_block .context,
#planeDetails div.results .result_altblock .context {
	font-size:11px;
	margin-bottom:15px;
}
#planeDetails div.results .result_block .infoline,
#planeDetails div.results .result_altblock .infoline {
	display:none;
}


#planeDetails div.results {
}
#planeDetails div.results {
}


/* styled by Joe Hoy 11/20/2011 */

#form1 h2 {margin-top:20px}
#form1 h1.locatorHeading {margin-top:38px; margin-left:-7px;color:white; font-size:2.0em;} 
.locatorContainer p {margin-left:3px;margin-top:10px;font-weight:700;}
#resultsFrame {margin-left:3px}
#resultsFrame .loader{text-align:center;}

.locator, #results, #error {
	color:#4e4e4e;
	Book Antiqua,Times New Roman,Times,serif !important;
	font-size:11px;
	font-weight:100 !important;
	line-height:17px;
}

#noresults {
	color:#cc0000;
	Book Antiqua,Times New Roman,Times,serif !important;
	font-size:11px;
	font-weight:700 !important;
	line-height:17px;
}
.expandresults {font-weight:100;
	line-height:17px;}
#seeStoresButton {margin-left:50px}
.locatorContainer table.locator {margin-top:10px;}

#noresults {margin-left:3px}
#tablehead  {
	text-align:left !important;
	background-color:#a4a09d;
	color:white;
	zoom: 1;
	filter:alpha(opacity=50);
	opacity:0.8;	
}
#tablehead th{text-align:left}
.resultsheader {
	font-weight:700 !important;
	margin-bottom:10px;
	text-align:left;
}

.evenrow {
	background-color:#a4a09d;	
	color:#4e4e4e;
	zoom: 1;
	background-color:rgba(164,160,157,0.2);
	
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

#results table {border-collapse:collapse;width:640px}
 #results table td {padding:6px 2px 6px 6px;}
 #results table th {padding:2px 2px 6px 6px;}
 .boldZipCode {font-weight:bold}
 
 #ddl_Category, #ddl_Product, #ddl_Size, #zip {font-size:1.0em}