@charset "utf-8";
/* CSS Document */
.home { 
	position:relative;
	height:616px;
	background-color:transparent;
	display:block;
	margin-bottom:0!important;
}
.main_bg {
	background:#ffffff url(/img/home/homeBG.jpg) no-repeat;
	height:616px;
}

#slider_mask {
	height:616px;
	display:block;
	overflow:hidden;
	position:relative;
}

.prod_link {
	position:absolute;
	top:350px;
	left:420px;
	font: Arial, Helvetica, sans-serif;
	width:150px;
}
.prod_link2 {
	left:15px;
	position:absolute;
	top:135px;
	width:140px;
	display:none;
}
a.white_link:visited, a.white_link:link, a.white_link:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#productSlide {
	background-image:url(/new_Homepage/img/SliderPanel.png);
	position:absolute;
	height:449px;
	left:590px;
	width:633px;
	z-index:100;
	overflow:hidden;
}
#productSlideContainer {
	position:relative;
	right:0;
	margin-left:59px;
	height:449px;
	z-index:250;
}
#product_container {
	height:320px;
	z-index:150;
}
#product_image {
	position:relative;
	float:left;
}
#right_headline.right_headline {
	height:100px;
	margin-bottom:20px;
	position:relative;
}
#header {
	z-index:3000;
}
#closeButton {
	margin-top:5px;
	height:15px;
}
#video_container {
	float:left;
	position:relative;
	display:none;
	margin-right:15px;
	top: -60px;
}
#video_divider {
	margin:10px 5px 10px 5px;
	width:240px;
	background: url(/new_Homepage/img/Divider-GreenPixel.gif) top left repeat-x;
}
#video_text {
	margin-left:5px;
}
#video_play_button {
	position:absolute;
	margin:65px 0 0 105px;
}
#mainContent {
	background-color:#ffffff;
	margin-bottom:40px;
}
div.pageHome #footer {
	border-top:none;
	padding-top:28px;
}
#news_and_offers, #technique_demos {
	position: absolute;
	bottom:-28px;
	z-index:1000;
}
#technique_demos {
	left:620px;
	width:336px;
	height:197px;
}
#news_and_offers {
	left:15px;
	width:596px;
	height:197px;
}
#news_and_offers ul{
	list-style:none;
}
#technique_demos img, #news_and_offers img {
	vertical-align:bottom;
}
#inset-thin-tile {
	background: url(/new_Homepage/img/Inset-Thin-Tile.png) 0 0 repeat-y;
	height:120px;
	width:296px;
	overflow:hidden;
	position:relative;
	padding:0 20px;
}
#inset-wide-tile {
	background: url(/new_Homepage/img/Inset-Wide-Tile.png) 0 0 repeat-y;
	height:120px;
	width:556px;
	overflow:hidden;
	position:relative;
	padding:0 20px;
}
.home .float-left {
	float:left;
}
.home #promo_list_left {
	float:left; 
	margin:0; 
	padding:12px 0 0 12px; 
	width:283px; 
	list-style:none; 
	color:#999;
}

.home #promo_list_left li {
	float:left; 
	width:110px; 
	padding:0 0 14px 28px; 
	margin:0; 
	list-style:none;
}
.home #promo_content_wrap {
	float:left;
	width:200px;
	padding:12px 0 0 38px;
}
.home #promo_content_wrap ul {
	margin:14px 0 0;
	padding:0;
}
.home #promo_content_wrap li {
	list-style:none;
	margin:0;
	padding:0;
}
/*----added styles on homepage for silver lining----*/
#txt_three_signs{
	height:69px;
	left: 254px;
	position: absolute;
	top: 40px;
	width: 490px;
}
#rachel_picture{
	height: 353px;
	left: 4px;
	position: absolute;
	top: 39px;
	width: 360px;
}
#txt_three_details{
	height: 103px;
	left: 270px;
	position: absolute;
	top: 160px;
	width: 636px;
}
#txt_miss_clairol{
	position:absolute;
	width:321px;
	top:259px;
	left:283px;
	color:#ffffff;
}
#miss_clairol_product_shot{
	position:absolute;
	width:97px;
	height:288px;
	z-index:2;
	top:103px;
	right:25px;
}
#product_shot_slogan{
	position:absolute;
	width:272px;
	height:29px;
	z-index:1;
	top:229px;
	right:0;
}
.txt_num_text{
	color:#E5C187;
	display:block;
	float:left;
	font-size:14px;
	margin:28px 22px 0 0;
}
.txt_num{
	display:block;
	float:left;
	margin-right:5px;
}
#btn_learn_more{
	position:absolute;
	width:112px;
	height:33px;
	right:139px;
	top:283px;
}
#news_email{
	width:231px;
	padding: 10px 0 0 17px;
	height:123px;
	color:#959499;
}
#news_email p{ padding-top:13px; }
#news_cover{
	width:176px;
	padding: 10px 0 0 17px;
	height:123px;
	color:#959499;
	background:transparent url(/img/home/rule.gif) no-repeat scroll 0 28px;
}
#news_cover p{ padding-top:13px; width:124px; float:left; }
#news_tips{
	width:138px;
	padding: 10px 0 0 17px;
	height:123px;
	color:#959499;
	background:transparent url(/img/home/rule.gif) no-repeat scroll 0 28px;
}
#news_tips p{ padding-top:13px; }
#news_and_offers ul li{
	float:left;
	display:block;
	list-style:none;
}
ul#news_and_offers_footer li{
	background:#EFE7DA;
	height:19px;
}
#naof_create{
	width:231px;
	padding:5px 0 5px 17px;
	font-size:17px;
}
#naof_guide{
	width:176px;
	padding:5px 0 5px 17px;
	font-size:17px;
}
#naof_tips{
	width:138px;
	padding:5px 17px 5px 0px;
	font-size:17px;
	text-align:right;
}
#txt_go_honey_brown{
	display:block;
	margin:10px 0 0 17px;
	width:162px;
	height:19px;
}
#txt_go_honey_brown h4{
	width:164px;
	margin-left:17px;
}
#img_honey_brown{
	position:absolute;
	display:inline;
	right:2px;
	top:6px;
}
#go_honey_link{
	background:#EFE7DA;
	display:inline;
	height:19px;
	padding:5px 0 5px 17px;
	width:319px;
	font-size:17px;
	position:absolute;
	bottom:10px;
	left:0;
}
span#hb_link{
	display:inline;
	margin:12px 0 0 17px;
	float:left;
}
span#hb_link_last{
	display:inline;
	margin:-2px 0 0 17px;
	float:left;
	clear:left;
}
#tech_content{
	width:336px;
	height:162px;
	position:relative!important;
}
#tech_content p{
	margin:0 0 0 17px;
	width:200px;
	color:#959499;
}
#tech_content h4{
	margin:5px 0 0 17px;
	width:200px;
	color:#80390B;
}
.swatches_img{
	float:right;
	margin: 27px 1px 0 0;
}
#txt_rachel_info{
	position:absolute;
	top:356px;
	left:326px;
	color:#F37C2C;
	font-size:12px;
}
#txt_rachel_info span{
	float:left;
	clear:left;
}
.rachel_description_color{
	color:#E4C187;
}
#home_disclaimer_info{
	position:absolute;
	bottom:-76px;
	left:20px;
	font-size:9px;
	color:#B29B7B;
	width:450px;
}
.news_rule{
	float:left;
	margin-top:30px;
	display:inline;
}
/*-end added styles on homepage for silver lining---*/
.promo_container {
	width:596px;
	height:122px;
	position:relative;
}
.promo_container img {
	float:left;
	margin-right:10px;
	margin-left:20px;
}
#fadeClosed {
	display:none;
}
.leftContent {
	float:left;
	width:250px;
}
.divider {
	float:left;
	width:20px;
	background: url(/new_Homepage/img/Divider-CreamPixel.gif) 0 0 repeat-y;
	height:110px;
	
}
.rightContent {
	float:left;
	width:200px;
}
#inset-thin-tile div.rightContent {
	margin-left:20px;
	margin-top:10px;
	width:150px;
}

.premium_header {
color: #7A3201;
font-size:12px;
}

.grey {
color: #999999;
}

.brown {
color:#7A3201;
}

.left_btn {
position:relative;
}

.right_btn {
position:relative;
}

.bullets {
position: relative;
padding-top: 10px;
}

.beautifulCollection #titleContent {
	background:transparent url(../../img/bg_line_title.gif) no-repeat scroll 280px bottom;
	height:12px;
	margin-bottom:10px;
	padding:14px 0 0 20px;
	position:relative;
	width:938px;
}


/* height styles */
.h120{ height: 120px; }

/* width styles */
.w300, .w200, .w150 { display: block; }
.w300{ width: 300px; }
.w200{ width: 200px; }
.w250{ width: 250px; }
.w150{ width: 150px; }
.w180{ width: 180px; }

/* padding styles */
.pR30{	padding-right: 30px; }
.pR50{  padding-right: 50px; }

.pL30{ padding-left: 30px; }
.pL50{ padding-left: 50px; }

/* margin styles */
.mR30{ margin-right: 30px; }
.mR50{ margin-right: 50px; }

.mL15{ margin-left: 15px; }
.mL30{ margin-left: 30px; }
.mL50{ margin-left: 50px; }
.mL80{ margin-left: 80px; }

.cropBox{
	overflow: hidden;
}


/* beautiful collection landing styles */
#mainContent.beautifulCollection{
		background-image: url(/img/bc_topbckgrnd.jpg);
	}
	
	#mainFeatureZone{
		padding: 0 30px 0 50px;
	}
	#mainFeatureZone .mediaBox{
		position: relative;
		width: 50%;
		float: left;
	}
	#mainFeatureZone .mediaBox div *{
		float: left;
	}
	#mainFeatureZone .mediaBox .floatingButton {
		left:55px;
		position:absolute;
		top:260px;
	}
	#mainFeatureZone .mediaBox.right .floatingButton {
		left: 215px
	}
	#mainFeatureZone .mediaBox .text span{
		margin-top: 100px;
	}
	#mainFeatureZone .mediaBox .text { width: 170px; }
	 #mainFeatureZone .mediaBox .text p, #mainFeatureZone .mediaBox.right .text p {
		margin-top: 125px;
		width: 155px;
		text-align: left;
		_margin-top: 0;
	 }
	 #mainFeatureZone .mediaBox.right .text p {
		text-align: right;
		width: 135px;
	}
		
	#mainFeatureZone .mediaBox .text * {
		float: none;
		font-size: 110%;
		line-height: 1.3em;
	}
	#mainFeatureZone .mediaBox .largeText {
		font-size: 130%;
		font-weight: bold;
		color: black;
		float: left;
	}
	/* GTG zone */
	#greyToGorgeousZone{
		background-image: url(/img/bc_bottombckgrnd.jpg);
		padding: 15px 15px;
		margin-top:425px;
		height:280px;
	}
	#greyToGorgeousZone .leftContent {
		float:left;
		height:230px;
		padding:0 30px 0 0;
		position:relative;
		width:570px;
		margin:10px 10px 0 0;
		background-color:#8d4e3d;		
	}
	#greyToGorgeousZone .rightContent{
		position: relative;
		width: 330px;
		float: left;
	}
	#greyToGorgeousZone .leftContent img.absolute{
		position:absolute;
		top: 75px;
		left: 0px;
		*top: 100px;
		*z-index: 999;
	}
	#greyToGorgeousZone .contentRight {
		float: right;
	}
	#greyToGorgeousZone .textBlockOne{
		width: 337px;
		font-weight: bold;
		font-size: 1em /1.1em;
	}
	#greyToGorgeousZone .textBlockTwo{
		font-size:1.35em;
		font-style: italic;
		line-height: 1.5em;
		width:290px;
		font-weight: bold;
	}
	/* MR zone */
	#moreResourcesZone {
		background: url(../../photos/product/background/backgrounddark_brown_footer.jpg);
		height:138px;
	}
	#moreResourcesZone .leftImage {
		margin-top: -19px;
		float: left;
	}
	#moreResourcesZone .textContent{
		margin-left:40px;
		width:900px;
		float: left;
	}
	.collectionTechBox, .myBlackIsBeautifulBox{
		float: left;
		padding-top: 30px;
	}
	.collectionTechBox { 
		width: 590px; 
		color: #FEFDFB;
	}
	.collectionTechBox h2 { color: #CCB78A; }
	.collectionTechBox {  }
	.collectionTechBox ul li{
		list-style: none;
	}
	.myBlackIsBeautifulBox .right{ 
		width: 250px;
		
	}
	.textRight { text-align: right; }
	.textLeft { text-align: left; }
	.textJustify { text-align: justify; }
	.clearBoth{ float: none; }
	.floatRight{ float: right; }
	.floatLeft{ float: left; }
	.w300{ width: 300px; }
	.pR20{ padding-right: 20px; }
	.pL20{ padding-left: 20px; }
	.pR30{ padding-right: 30px; }
	.pL30{ padding-left: 30px; }
	.beautifulCollection #titleContent {
		background:transparent url(../../img/bg_line_title.jpg) no-repeat scroll 280px bottom;
		height:12px;
		margin-bottom:10px;
		padding:14px 0 0 20px;
		position:relative;
		width:938px;
	}
	.bold { font-weight: bold; }
	.brown { color: #3F2610; }
	#expertTipsZone {
		background-image: url(/img/bc_tippibckgrndbox.jpg);
		margin:10px 25px;
		position:relative;
	}
	#expertTipsZone .paneContainer {
		padding: 15px 30px 15px;
		color: white;
		position: relative;
		height:110px;
	}
	#expertTipsZone .paneContainer .arrowLeft{
		position:absolute;
		top: 60px;
		left:-25px;
	}
	#expertTipsZone .paneContainer .arrowRight{
		position:absolute;
		top: 60px;
		right:-25px;
	}
	#expertTipsZone .paneContainer .largeText { 
		font-size: 158% ; 
		line-height: 1em;
		display: block; 
		font-weight: bold
	}
	#expertTipsZone .paneContainer .hidden{
		display: none;
	}
	#expertTipsZone .paneContainer .show{
		display: block;
	}
	#expertTipsZone span class="largeText".stylistName {
		font-weight: lighter;
		font-size: 1.3em;
	}
	#videoZone {
	margin: 10px 20px;
	}
	#celebrityStylist {
		height: 120px;
		position: relative;
		bottom: 0px;
	}
	#celebrityStylist img{
		right: 0;
		position: absolute;
		bottom: 0;
	}
	#celebrityStylist .left{
		float: left;
		width: 150px;
		margin-top: 20px;
		line-height: 1.3em;
		font-size: 10px;
		font-weight: bold;
		margin-left: 15px;
	}
	#subResourcesZoneText{
		height:30px;
		margin-top: 10px;
		position:absolute;
		font-size: x-small;
	}

	.lightBrown { color:#CCB78A; }
	.white { color: white; }
	a:link.white {color: white }
	.bold { font-weight: bold }
	.posRel { position: relative; }
	
	#mainFeatureZone img.agsButton {
		left:140px;
		position:absolute;
		top:342px;
	}
	
	#mainFeatureZone img.mcButton {
		position:absolute;
		right:66px;
		top:342px;
	}	
	#agsBuyNow, #mcBuyNow {
		position:absolute;
		top:385px;
	}
	#agsBuyNow {left:225px;}
	#mcBuyNow {right:120px;}
	#agsBuyNow.learnMore a:link, #agsBuyNow.learnMore a:visited, #agsBuyNow.learnMore a:hover, div.bc_videoBlock a:link, div.bc_videoBlock a:visited, div.bc_videoBlock a:hover,	#mcBuyNow.learnMore a:link, #mcBuyNow.learnMore a:visited, #mcBuyNow.learnMore a:hover  {
		font-weight:bold;
		text-decoration:none;
		color:#ffffff;
	}
	#mcBuyNow.learnMore a:hover, #agsBuyNow.learnMore a:hover, div.bc_videoBlock a:hover {
		text-decoration:underline;
	}
	div.Landing div.leftContent img {
		padding:15px;
	}	
	div.bc_videoBlock {
		color:#FFFFFF;
		float:right;
		margin-top:25px;
		width:230px;
	}
	div.bc_videoBlock p.largeText {
		display:block;
		font-size:158%;
		font-weight:bold;
		line-height:1em;
	}
	div.bc_videoBlock p.largeText span {
		font-size:92%;
	}
	#mainContent.Landing div#footer {
		margin:25px 0 25px 0;
	}
	#mainContent.Landing {border-bottom:none;}
	#mainContent.Landing div#disclaimer_info {position:absolute;bottom:-35px;color:#808080;}
/*----added styles on homepage for mcCoy----*/
body div.mccoy .main_bg {
	background:#FFFFFF url(/img/home/mccoy/homeBG.jpg) no-repeat scroll 0 0;
	height:570px;
}
body div.mccoy {
	height:570px;
}
#explore_collection {
	height:38px;
	position:absolute;
	right:172px;
	top:270px;
	width:204px;
}
#txt_silky_color {
	height:152px;
	left:506px;
	position:absolute;
	top:27px;
	width:292px;
}
#txt_long_lasting {
	color:#FFFFFF;
	font-size:125%;
	left:506px;
	line-height:1.4em;
	position:absolute;
	top:204px;
	width:279px;
}
#txt_long_lasting span {
	color:#f1c320;
}
body div.mccoy #technique_demos {
	height:195px;
	left:620px;
	width:336px;
}
body div.mccoy #news_and_offers {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #949293;
	height:195px;
	left:15px;
	width:596px;
}
body div.mccoy #news_and_offers, body div.mccoy #technique_demos {
	bottom:0px;
	position:absolute;
	z-index:1000;
	background:#ffffff;
	border:1px solid #949293;
}
body div.mccoy #news_email, body div.mccoy #news_cover, body div.mccoy #news_tips {
	color:#959499;
	height:166px;
	padding:0 0 0 17px;
	position:relative;
	width:178px;
}
body div.mccoy #news_email{width:231px;}
body div.mccoy #news_cover{width:176px;}
body div.mccoy #news_tips{width:138px;}
body div.mccoy #news_cover, body div.mccoy #news_tips {
	background:transparent url(/img/home/rule.gif) no-repeat scroll 0 50px;
}
body div.mccoy .swatches_img {
	bottom:10px;
	left:121px;
	margin:0;
	position:absolute;
	z-index:-1;
}
body div.mccoy #slider_mask {
	display:block;
	height:400px;
	overflow:hidden;
	position:relative;
}
body div.mccoy div#technique_demos_footer {
	background:#EFE7DA none repeat scroll 0 0;
	height:29px;
}
body div.mccoy a#naof_news {
	font-size:17px;
	padding:5px 0 5px 17px;
	width:167px;
	display:block;
}
body div.mccoy img.news_offers, body div.mccoy li#news_email img, body div.mccoy li#news_cover img,body div.mccoy li#news_tips img  {
	margin:10px 0 10px 0px;
}
body div.mccoy img.news_offers{
	margin:10px 0 10px 10px;
}
body div.mccoy .w200{
	width:148px;
}
body div.mccoy li#news_email img { margin-left:0px;}
body div.mccoy div#technique_demos_content {
	height:166px;
	overflow:hidden;
}
body div.mccoy div#technique_demos_content img.float-left {
	margin-left:25px;
}
#naof_mccoy_create{
	width:190px;
	padding:5px 0 5px 17px;
	font-size:17px;
}
#naof_mccoy_guide{
	width:170px;
	padding:5px 0 5px 17px;
	font-size:17px;
}
#naof_mccoy_tips{
	width:185px;
	padding:5px 17px 5px 0px;
	font-size:17px;
	text-align:right;
}
div.mccoy #home_disclaimer_info{
	bottom:-104px;
}
#naof_mccoy_create{
	width:190px;
	padding:5px 0 5px 17px;
	font-size:17px;
}
#naof_mccoy_guide{
	width:170px;
	padding:5px 0 5px 17px;
	font-size:17px;
}
#naof_mccoy_tips{
	width:185px;
	padding:5px 17px 5px 0px;
	font-size:17px;
	text-align:right;
}
div#mainContent_text {position:absolute;top:72px;left:32px;}
body div.mccoy #news_email p, body div.mccoy #news_tips p {
	padding-top:2px;
}
body div.mccoy #news_cover p {
	padding-top:6px;
}
body div.mccoy #news_email p {width:90px;}
body div.mccoy img.find_products { position:absolute;left:115px;margin:0;padding:0;top:50px;}
/*----- End style on homepage for McCoy ----*/

/*----- Start of the conversion page -----*/
.conversion {
	min-height:640px;
	position:relative;
}