@charset "UTF-8";

/*********************************/
#header ul#topmenu {width:auto;}
#header #topSearch {
	float:right;
	margin-right:250px;
	margin-left:0px;
}
#header .searchButton {
	top:7px;
	left:auto;
	right:-18px;
}

#stylingDetails #video {
	position:relative;
}


/*********************************/
#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:5px 20px 5px 0;
	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 {color:#6e5425;} /*TM* */
/*.form label span {color:#FFFFFF;}/* should be normal text color */
.form .newsletter label {float:none;width:auto;}

#disclaimer p,
.disclaimer p { margin:1em 0;}

body.contact #mainColumn #contact {
    height: auto !important;
}
body.contact #mainColumn #contact #hsTitle {
    padding-top: 30px;
    position: static;
    top: 0;
    padding-bottom:0;
}


/*********************************/
#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:295px;
	width:470px;
	z-index:1;
	background:url(/images/background-send-to-friend.jpg);
	border:1px solid #9B8F7D;
	overflow:hidden;
}


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

/******************************** SEARCH *************/
#planeDetails div.searchheading {
	font-weight:bold;
	color:#4E4E4E;
	font-size:14px;
	letter-spacing:1px;
	line-height:17px;
}
#planeDetails div.searchheading br {
	display:none;
}
#planeDetails div.results .summary {
	font-size:11px;
	display:inline;
}
#planeDetails div.results .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 {
}

/********* This section for contact us  *****/
.contactForm input, .contactForm textarea {
    width: 340px;
}
body .contactForm .formTable > tbody > tr > td:first-child {
    width: 150px;
}