img, div, input, ul, li { behavior: url("/css/iepngfix.htc") }

.haircare-content {
	height:556px !important;
	min-height:556px; !important;
	padding:0px;
}

a { cursor:pointer; }
a img { cursor:pointer; }

div#haircare-landing-page {
	margin: 0px 0px 0 0px;
	padding-bottom: 0px;
	position:relative;
	height:557px;
}

div#flashDetection {
	color:#60803f;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	margin:200px 0 0 200px;
	text-align:center;
	width:300px;
}

a#watch-tv-spot {
	position: absolute;
	margin:5px 0 0 700px;
	/*background-image:url(../images/bg/watch-tv-spot.png);*/
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/bg/watch-tv-spot.png, sizingMethod="scale");*/
	/*text-indent:-999em;*/
	width:114px;
	height:21px;
	display:none;
	overflow:hidden;
	cursor:pointer;
}

div#haircare-menu-container {
	width:276px;
	height:410px;
	position:absolute;
	z-index:99;
	top:25px;
	left:549px;
	overflow:hidden;
	display:none;
}

div#haircare-menu-container ul li.top{
	overflow:hidden;
	display: block;
	z-index: 10;
}
div#haircare-menu-container ul li.top h2{
	width:276px;
	height:113px;
	text-indent:-999em;
	margin:0px;
	margin-top:30px;
	padding:0px;
	font-size:11px;
	background:url(../images/t/haircare-landing-menu-title.gif) no-repeat;
}
div#haircare-menu-container ul li.top p{
	font-size:12px;
	font-weight:bold;
	margin:10px 0px 20px 5px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
}

div#haircare-menu-container ul li.menuItem{
	width:276px;
	height:21px !important;
	background:url(../images/bg/haircare-menuitem-bg.png) no-repeat 0 0;
	color:#60803f;
	font-size:11px;
	font-weight:bold;
	margin-bottom:1px;
	padding:8px 0 0 10px;
	cursor:pointer;
	float: left;
}

div#haircare-menu-container ul li.menuContent{
	overflow:hidden;
	height:0px;
	margin: 0px;
	padding:0 10px;
	display: none;
	width:266px;
	float: left;
}
div#haircare-menu-container ul li sup { 
	position:static;
	vertical-align: 3px;
	height: 10px;
	margin-top: -10px;
	bottom: 30px;
}
div#haircare-menu-container ul li span.titleitem {
	display: block;
	float: left;
}
div#haircare-menu-container ul li span.arrow {
	background: url(../images/bg/arrow.gif) no-repeat top;
	width: 9px;
	height: 12px;
	display: block;
	text-indent: -50000em;
	float: right;
	right: 65px;
	position: relative;
}
div#screen2, div#screen3, div#screen4 { 
	display:none; 
	padding:0px !important;
	margin:0px !important;
	margin:120px 10px 20px 0px !important; 
}
* html div#screen1, * html div#screen2, * html div#screen3, * html div#screen4 { /* hack IE6 - correct bug on font in fadein and fadeout */
	height: 305px;
/*	background: url(../images/bg/bg-screen.jpg) no-repeat 0 0;*/
}
* + html div#screen1, * + html div#screen2, * + html div#screen3, * + html div#screen4 {  /* hack IE7 - correct bug on font in fadein and fadeout */
	height: 305px;
/*	background: url(../images/bg/bg-screen.jpg) no-repeat 0 0;*/
}

div#haircare-menu-container ul li.menuContent h2{
	font-family:Arial;
	font-size:24px;
	line-height:25px;
}
h2#zero-in-on {
	background:url(../images/title/zero-in-on.gif) no-repeat;
	width:148px;
	height:48px;
	text-indent:-999em;
	margin:15px 5px 20px 0px;
}
h2#see-the-diference {
	background:url(../images/title/see-the-diference.gif) no-repeat;
	width:196px;
	height:19px;
	margin:30px 5px 20px 0px;
	text-indent:-999em;
}
h2#rewrite-your-hairs-past {
	background:url(../images/title/rewrite-your-hairs-past.gif) no-repeat;
	width:250px;
	height:24px;
	margin:30px 5px 20px 0px;
	text-indent:-999em;
}
div#haircare-menu-container ul li#menuContentTop { padding-right: 30px;}
div#haircare-menu-container ul li.menuContent p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	margin:5px 30px 20px 0;
	font-weight:bold;
}
div#haircare-menu-container ul li.menuContent p.obs{
	font-size:10px;
	font-weight:bold;
}
div#haircare-menu-container ul li.menuContent p span{
	font-size:13px;
}
div#screen2 p,div#screen3 p,div#screen4 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px !important;
	line-height:18px;
	margin:0px !important;
/*	margin:120px 10px 20px 0px !important; */
}

div#haircare-menu-container ul li.menuContent a{
	color:#618140;
	text-indent:0px;
	width:250px;
	display:block;
	font-size:11px;
	margin:30px 0 0 0;
	cursor:pointer;
}
div#screen1 a{
	color:#618140;
	text-indent:20px;
	width:150px;
	cursor:pointer;
}
div#haircare-menu-container ul li.menuContent a img{
	margin:0 0 0 10px;
	cursor:pointer;
}
div#screen1 a img{
	margin:0 10px 0 0 !important;
	cursor:pointer;
}
div#screen4 a{
	margin-top: 10px !important;
}
div#screen4 a img{
	margin:0 10px 0 0 !important;
	cursor:pointer;
}
sup { margin-bottom:0px; }


div#washesCallOut {
	background-image:url(../images/background/3washesBg.jpg);
	width:286px;
	height:119px;
	position:absolute;
	top:414px;
	margin-left:9px;
	z-index:999;
	display:block;
}
div#washesCallOut p{
	width:187px;
	height:85px;
	text-indent:-999em;
	background-image:url(../images/title/3washesTxt.gif);
	margin:0px 0 0 99px;
}
div#washesCallOut a{
	width:172px;
	height:24px;
	overflow:hidden;
	/*text-indent:-999em;
	background-image:url(../images/b/3washesBtn.png);*/
	margin:5px 0 0 100px;
	display:block;
	cursor:pointer;
}


div#secretToBeautiful {
	background-image:url(../images/background/secretToBeautifulBg.jpg);
	width:286px;
	height:119px;
	position:absolute;
	top:414px;
	margin-left:301px;
	display:block;	
}
div#secretToBeautiful p{
	width:175px;
	height:53px;
	text-indent:-999em;
	background-image:url(../images/title/secretToBeautifulTxt.gif);
	margin:0px 0 0 110px;
}
div#secretToBeautiful a{
	width:173px;
	height:24px;
	overflow:hidden;
	/*text-indent:-999em;
	background-image:url(../images/b/secretToBeautifulBtn.png);*/
	margin:35px 0 0 110px;
	display:block;
}

a#getFreeSample {
	position:absolute;
	top:462px;
	width:110px;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	background-image:url(../images/bg/getFreeSample.jpg);
	margin-left:765px;
	display:none;	
}