@charset "utf-8";

/* HOME TOP BORDER/MASTHEAD -----------------------------------------------------------------------------------------*/
div#pagehead { position:absolute; top:0; *top:-2px; width:920px; height:22px; *height:23px; padding:0; margin:0; background-color:#000; }
#masthead { position:relative; width:100%; padding-top:21px; height:74px; }
#masthead h1 { position:relative; width:653px; height:56px; padding:0; margin:0 0 0 25px; }
#masthead h1 p { padding-top:15px; }
#masthead h1 span { position:absolute; background:transparent url(../images_hm/hm_masthead.gif) no-repeat 0 0; width:100%; height:100%; }
#masthead a, #mainhead-L1 a {
	position:absolute;
	text-indent: -9999px;
	left: 125px;
	top: 3px;
}

/* HOME NAV MAIN ----------------------------------------------------------------------------------------------*/
div#yui-main { background:#FFF url(../images_hm/hm_bg_nav.jpg) no-repeat; background-position:left bottom; }
div#yui-main h3 { position:absolute; text-indent: -9999px; }

/* top logo */
div#masthead a#logo_hm { background: url(../images_hm/logo_ItWorks.gif) no-repeat 0 0; }

div#masthead a#logo_hm {
	display:block;
	position:absolute;
	height:44px;
	width:90px;
	left:810px;
	top:33px;
}
#hm_nav { position:relative; }
ol#nav_main li a:hover, ol#nav_main li a:active, ul#nav_tools li a:hover, ul#nav_tools li a:active { color:#cd622f; }
ol#nav_main li { list-style-type:none; }
ol#nav_main, ul#nav_tools { position:absolute; margin:0; padding:0; }
ol#nav_main { top:0; left:0 }

ol#nav_main li a.ro1 {
	display:block;
	position:absolute;
	color: #333;
/*width:9.615em;*/
	width:126px;
*width:9.383em; /* IE */ 	
height:126px;
	outline:none;
	text-indent:-9999px;
}

ol#nav_main li#nav_advice a.ro1:link, ol#nav_main li#nav_advice a.ro1:visited { left:240px; top:29px; }
ol#nav_main li#nav_products a.ro1:link, ol#nav_main li#nav_products a.ro1:visited { left:404px; top:109px; }
ol#nav_main li#nav_optimize a.ro1:link, ol#nav_main li#nav_optimize a.ro1:visited { left:404px; top:260px; }
ol#nav_main li#nav_treat a.ro1:link, ol#nav_main li#nav_treat a.ro1:visited {
	left:69px;
	top:260px;
}
ol#nav_main li#nav_learn a.ro1:link, ol#nav_main li#nav_learn a.ro1:visited {
	left:69px;
	top:109px;
}
ol#nav_main li#nav_advice a.ro1:hover, ol#nav_main li#nav_advice a.ro1:active { background:url(../images_global/arrow_blue.png) no-repeat 4px 49px; }
ol#nav_main li#nav_products a.ro1:hover, ol#nav_main li#advice a.ro1:active { background:url(../images_global/arrow_blue.png) no-repeat 5px 47px; }
ol#nav_main li#nav_optimize a.ro1:hover, ol#nav_main li#advice a.ro1:active { background:url(../images_global/arrow_blue.png) no-repeat 3px 49px; }
ol#nav_main li#nav_treat a.ro1:hover, ol#nav_main li#advice a.ro1:active { background:url(../images_global/arrow_blue.png) no-repeat 5px 49px; }
ol#nav_main li#nav_learn a.ro1:hover, ol#nav_main li#advice a.ro1:active { background:url(../images_global/arrow_blue.png) no-repeat 5px 48px; }

/*******************************************************************************/
/* added new look new scent pop oct 20,  2009 */
ol#nav_main li#nav_newscent a.ro1:link,ol#nav_main li#nav_newscent a.ro1:visited {left:7px;top:1px;}
/* end added oct 20, 2009 /
/*******************************************************************************/

/* NAV MAIN POPUPS ----------------------------------------------------------------------------------------------*/ 
ol#nav_main ul { display:none; }
ol#nav_main li:hover ul { display:block; }
li.pop:hover { z-index:100; }
ol#nav_main li.pop ul li { position:absolute; top:112px; left:176px; width:18.846em;  *width:18.391em; /* IE  */ height:284px; }
li.pop>ul { left:160px; } /* others */
ol#nav_main li.pop ul li a.ro2 { display:block; outline:none; text-indent:-9999px; width:18.846em; *width:18.391em; /* IE  */ height:284px; }
li#nav_advice_pop { background:url(../images_hm/hm_popup_1.png) no-repeat 0 0; }
li#nav_products_pop { background:url(../images_hm/hm_popup_2.png) no-repeat 0 0; }
li#nav_optimize_pop { background:url(../images_hm/hm_popup_3.png) no-repeat 0 0; }
li#nav_treat_pop { background:url(../images_hm/hm_popup_4.png) no-repeat 0 0; }
li#nav_learn_pop { background:url(../images_hm/hm_popup_5.png) no-repeat 0 0; }

/*******************************************************************************/
/* added new look new scent pop2 oct 20, 2009 */
li.pop2:hover { z-index:100; }	
ol#nav_main li.pop2 ul li {
	position:absolute;
	top:10px;
	left:117px;
	width: 346px;	
	height:384px;
}
ol#nav_main li.pop2 ul li a.ro2 {
display:block;
outline:none;
text-indent:-9999px;
width: 346px;	
height:384px;
}
li#nav_newscent_pop {background:url(../images_hm/hm_popup_6.png) no-repeat 0 0;}
/* end added oct 20, 2009 /
/*******************************************************************************/

/* HOME NAV TOOLS ----------------------------------------------------------------------------------------------*/
div#CTA {background:url(../images_hm/Neutro_home_offer.png) 0 0 no-repeat;width:266px;height:89px;margin-top:-27px; z-index:100; position:absolute;}
ul#CTA_links{font-size:85%; width:162px; height:45px;top:2px;left:1px;float:right;position:relative;margin-top:46px;}
ul#CTA_links li { list-style:none; margin:0;width:162px; height:16px; }
ul#CTA_links li a { display:block; z-index:100; color:#333;text-indent:-9999px;}

li#nav_coupons a:hover { background:url(../images_hm/Neutro_home_offer3_RO.png) no-repeat 0px -1px;}
li#nav_buy a:hover { background:url(../images_hm/Neutro_home_offer3_RO.png) no-repeat 0px -17px  ;}

/* IE positioning */
ul#CTA_links{*top:0;*margin-top:45px;}
li#nav_coupons a{*height:10px; *xborder:1px solid #900;}
li#nav_coupons a:hover { *background:url(../images_hm/Neutro_home_offer3_RO.png) no-repeat 0px 2px; }
li#nav_buy a:hover { *background:url(../images_hm/Neutro_home_offer3_RO.png) no-repeat 0px -17px  }

/* HOME NAV VIDEO ----------------------------------------------------------------------------------------------*/
/* copy hidden unless CSS disabled */
div#hm_flash { position:relative; }
div#hm_flash img { position:absolute; top:0px; left:-1px; }

/* FOOTER HOME ----------------------------------------------------------------------------------------------*/
div#ft { background-color:#000; height:62px; }
div#ft h3 { position:relative; top:4px; float:right; width:140px; height:51px; padding:0 26px 0 0; margin:0; background:#000 url(../images_hm/hm_logo_footer.gif) no-repeat 0 0; text-indent:-9999px; }
div#ft ul#footer_links { position:absolute; width:920px; margin:0; text-align:left; top:580px; *top:580px; clear:both; }
div#ft h3 a, div#ft_L1 h3 a { display:block; width:135px; height:44px; }
div#ft ul#footer_links li, div#ft_L1 ul#footer_links li { display:inline; }
div#ft ul#footer_links li a, div#ft_L1 ul#footer_links li a {padding-right:5px; border-right:1px solid #87A2D3; }
div#ft ul#footer_links li a.noborder, div#ft_L1 ul#footer_links li a.noborder { border:none; }
li.rt_links { float:right; margin:-19px 0 0 3px; }

/* FOOTER L1 ----------------------------------------------------------------------------------------------*/
div#ft_L1 { background-color:#000; height:49px; width:920px; }
div#ft_L1 ul#footer_links { position:absolute; width:920px; margin:0; text-align:left; top:580px; *top:580px; clear:both; } 
div#ft_L1 ul#footer_links li { text-align:left;} 
div#ft_L1 ul#footer_links a { text-align:left;} 

div#ft_L1 ul#footer_links li a {xpadding-right:5px; border-right:1px solid #87A2D3; }

div#ft_L1 h3 {position:relative; float:right; width:135px; height:44px; padding:0 26px 0 0; margin:0; font-size:85%; text-indent:-9999px;}
div#ft_L1 h3 a { position:absolute; top:0; left:0; width:135px; height:44px; background:#000 url(../images_global/logo.gif) no-repeat;}
div#footer_copy p { position:relative; top:25px; font-size:77%; color:#999; }

/* L1 MAIN CONTENT -----------------------------------------------------------------------------------------*/
/*-------- NEW Offer/Logo 12-2009 ----------*/

/*------- Top Offer Default --------*/
div#OfferTop {
	position:absolute;
	right:20px;
	top:0;
*margin-top:-1px; /*IE6 fix*/
	width:226px;
	height: 107px;
	z-index:110;
}
div#OfferTop ul, div#OfferTop-Prod ul {width:226px; height:107px; background: url(../images_global/OfferTop_Logo.png) no-repeat 0 0;}
div#OfferTop li, div#OfferTop-Prod li  {list-style:none;display:inline;}
div#OfferTop li a, div#OfferTop-Prod li a {display:block; outline:none;text-indent:-9999px;}
a#logoTop {height:107px;width:100px;top:0;float:right;}
a#offerTop {height:107px;width:126px;top:0;left:0;float:left;}
a#offerTop:hover {background: url(../images_global/OfferTop_logo_RO.png) no-repeat 0 0;}

/*------- Product Home Page Offer --------*/
div#OfferTop-Prod {
	position:absolute;
	right:20px;
	top:0;
	margin-top:-22px;
*margin-top:-23px; /*IE6 fix*/
	width:226px;
	height: 107px;
	z-index:110;
	*z-index:1000;
}
div#bd-flash_module {z-index:1000}

/*------- Treat Home Page Offer -- Covers logo in flash --------*/
.OfferTop-Treat {
	height: 110px;
	background-color:#FFF;
}



/*-------- /END NEW Offer ----------*/

/*-------- Logo only need to link to T/GEL It Works logo ----------*/
/*#mainhead-L1 a#logo_top { display:block; position:absolute; height:54px; width:101px; left:793px; top:37px; }*/
/*#mainhead-L1 a#logo_top { background:url(../images_global/logo-top.png) no-repeat 0 0; }*/
/*-------- /END Logo ----------*/
div#pagehead {position:absolute;z-index:1;}
div#pagehead h2 { position:relative; width:252px; height:21px; left:55px; margin:0; font-size:93%; }
div#pagehead h2:hover { cursor:hand; }
div#pagehead h2 span { position:absolute; background: url(../images_global/neutrogena_scalp_center.gif) no-repeat 0 0; width:100%; height:100%; left: -1px; }

/* Hide H1 copy above flash */
#mainhead-L1-flash { position:absolute; text-indent:-9999px; }
#mainhead-L1 { position:relative; width:100%; margin:0; height:auto; padding-top:22px;z-index:90;}
#mainhead-L1 h1#T1H1, #mainhead-L1 h1#T5H1 { height:44px; }
#mainhead-L1 h1 { position:relative; width:843px; height:86px; padding:0; margin:0 0 0 55px; }
#mainhead-L1 h1 p { padding-top:15px; }

#mainhead-L1 h1 span {
	position:absolute;
	width:100%;
	height:100%;
	left:-2px;
}
#mainhead-L1_print h1 span { position:absolute; width:100%; height:42px; }
#mainhead-L1 h1#T1H1 span {background:url(../learn/images/L1_head_T1.gif) no-repeat;}

/* added new header image for scalp-condition-flaky-photo.html */
#mainhead-L1 h1#T1H1S1{ height:44px; }
#mainhead-L1 h1#T1H1S1 span {background:url(../learn/images/L1_head_T1S1.gif) no-repeat;}

/* added new header image for Advice Pages */
#mainhead-L1 h1#T1-Advice span {background: url(../advice/advice-assets/adviceHead.gif) no-repeat;}


/* added new header image for Product Pages */
#header #mainhead-L1 { position:relative; width:100%; margin:0; height:auto; padding-top:15px;z-index:90;}
#mainhead-L1 h1#T1-Product { position:relative; width:843px; height:29px; padding:0; margin:0 0 0 55px; }
#mainhead-L1 h1#T1-Product p { padding-top:15px;}
#mainhead-L1 h1#T1-Product span {
	position:absolute;
	width:100%;
	height:31px;
	left:0px;
}
#mainhead-L1 h1#T1-Product span {background: url(../products/tgel-assets/productHead.gif) no-repeat;}

/* added new subheader image for Product Pages */
#mainhead-L1  h2#T1sub-Product { position:absolute; width:843px; height:15px; padding:0;top:43px; margin:0 0 0 55px; }
#mainhead-L1  h2#T1sub-Product p { padding-top:0; padding-left:4px;}
#mainhead-L1  h2#T1sub-Product span {
	position:absolute;
	width:100%;
	height:27px;
	left:4px;
	top:0px;
}
#mainhead-L1 h2#T1sub-Product span {background: url(../products/tgel-assets/productSubHead.gif) no-repeat;}


#mainhead-L1 h1#T2H1 span { background:url(../advice/images/L1_head_T2.gif) no-repeat; }
#mainhead-L1 h1#T3H1 span { background:url(../treatment/images/L1_head_T3.gif) no-repeat; }
#mainhead-L1 h1#T4H1 span { background:url(../products/images/L1_head_T4.gif) no-repeat; }
#mainhead-L1 h1#T5H1 span { background:url(../optimize/images/L1_head_T5.gif) no-repeat; }
div.content { position:absolute; top:0; left:0; z-index:1; width:492px; margin-top:10px; }

/* Optimize content bg imgs --------------------------------------------------------*/
div#T5hmbg { background:transparent url(../optimize/images/head_img-hm.jpg) no-repeat 43px 0px; }
div#T5Q1bg { background:transparent url(../optimize/images/head_img1.jpg) no-repeat 43px 0px; }
div#T5Q2bg { background:transparent url(../optimize/images/head_img2.jpg) no-repeat 43px 0px; }
div#T5Q3bg { background:transparent url(../optimize/images/head_img3.jpg) no-repeat 43px 0px; }
div#T5Q4bg { background:transparent url(../optimize/images/head_img4.jpg) no-repeat 43px 0px; }
div#T5Q5bg { background:transparent url(../optimize/images/head_img5.jpg) no-repeat 43px 0px; }
div#T5Q6bg { background:transparent url(../optimize/images/head_img6.jpg) no-repeat 43px 0px; }

/* Learn content bg imgs --------------------------------------------------------*/
div#T1hmbg { background:transparent url(../learn/images/head_img-hm.jpg) no-repeat 43px 0px; }
div#T1Q1bg { background:transparent url(../learn/images/head_img1.jpg) no-repeat 43px 0px; }
div#T1Q2bg { background:transparent url(../learn/images/head_img2.jpg) no-repeat 43px 0px; }
div#T1Q3bg { background:transparent url(../learn/images/head_img3.jpg) no-repeat 43px 0px; }
div#T1Q4bg { background:transparent url(../learn/images/head_img4.jpg) no-repeat 43px 0px; }
div#T1Q5bg { background:transparent url(../learn/images/head_img5.jpg) no-repeat 43px 0px; }
div#T1Q6bg { background:transparent url(../learn/images/head_img6.jpg) no-repeat 43px 0px; }
div#T1Q7bg { background:transparent url(../learn/images/head_img7.jpg) no-repeat 43px 0px; }
div#T1Q8bg { background:transparent url(../learn/images/head_img8.jpg) no-repeat 43px 0px; }


/* NEW ht */
div#content { background-position:43px 0px; z-index:10; margin-top:10px; }
div#copy, div#copy2 { top:22px; }
div#copy { visibility:visible; position:relative; }
div#copy2 { visibility:hidden; position:absolute; }
div#copy, div#copy2 { left:56px; padding:0 40px 0 0; width:396px; border-right:1px solid #F16422; }

/* copy min-height controls rt orange border on copy */
div#T1hmbg div#copy, div#T1hmbg div#copy2, div#T1Q1bg div#copy, div#T1Q1bg div#copy2, div#T1Q2bg div#copy, div#T1Q2bg div#copy2, div#T1Q3bg div#copy, div#T1Q3bg div#copy2, div#T1Q4bg div#copy, div#T1Q4bg div#copy2, div#T1Q5bg div#copy, div#T1Q5bg div#copy2, div#T1Q6bg div#copy, div#T1Q6bg div#copy2, div#T1Q7bg div#copy, div#T1Q7bg div#copy2 { min-height: 298px; 	/* IE6 fix */ 	*height:296px !important;  *height:296px; }

/* copy min-height controls rt orange border on copy */
div#T5hmbg div#copy, div#T5hmbg div#copy2, div#T5Q1bg div#copy, div#T5Q1bg div#copy2, div#T5Q2bg div#copy, div#T5Q2bg div#copy2, div#T5Q3bg div#copy, div#T5Q3bg div#copy2, div#T5Q4bg div#copy, div#T5Q4bg div#copy2, div#T5Q5bg div#copy, div#T5Q5bg div#copy2, div#T5Q6bg div#copy, div#T5Q6bg div#copy2, div#T5Q7bg div#copy, div#T5Q7bg div#copy2, div#T5Q8bg div#copy, div#T5Q8bg div#copy2 { min-height: 269px; 	/* IE6 fix */ 	*height:266px !important;  *height:266px; }
div#copy p, div#copy2 p { margin:0 0 4px 0; }


div#copy h2, div#copy2 h2 { position:relative; width:250px; height:35px; top:0; left:59px; padding:0; margin:0 0 15px 0; font-size:17px;color:#fff;font-weight:normal }
div#copy h2 span, div#copy2 h2 span { position:absolute; width:100%; height:100%; }

/* changed h2 to h1 for SEO: Nov 20, 2009 */
div#copy h1, div#copy2 h1 { position:relative; width:300px; height:37px; top:0; left:59px; padding:0; margin:0 0 15px 0; font-size:17px;color:#fff;font-weight:normal }
div#copy h1 span, div#copy2 h1 span { position:absolute; width:100%; height:100%; }
/* changed h2 to h1 for SEO: Nov 20, 2009 */


/* Optimize pages-----------------------------------------------------------------------*/
h2#T5hm span { background:url(../optimize/images/L1_head_T5_hm.gif) no-repeat; }
h2#T5Q1 span { background:url(../optimize/images/L1_head_T5_Q1.gif) no-repeat; }
h2#T5Q2 span { background:url(../optimize/images/L1_head_T5_Q2.gif) no-repeat; }
h2#T5Q3 span { background:url(../optimize/images/L1_head_T5_Q3.gif) no-repeat; }
h2#T5Q4 span { background:url(../optimize/images/L1_head_T5_Q4.gif) no-repeat; }
h2#T5Q5 span { background:url(../optimize/images/L1_head_T5_Q5.gif) no-repeat; }
h2#T5Q6 span { background:url(../optimize/images/L1_head_T5_Q6.gif) no-repeat; }

/* Learn pages ------------------------------------------------------------------------*/
h2#T1hm span { background:url(../learn/images/L1_head_T1_hm.gif) no-repeat; }
h2#T1Q1 span { background:url(../learn/images/L1_head_T1_Q1.gif) no-repeat; }
h1#T1Q2 span { background:url(../learn/images/L1_head_T1_Q2.gif) no-repeat; }
h1#T1Q3 span { background:url(../learn/images/L1_head_T1_Q3.gif) no-repeat; }
h1#T1Q4 span { background:url(../learn/images/L1_head_T1_Q4.gif) no-repeat; }
h1#T1Q5 span { background:url(../learn/images/L1_head_T1_Q5.gif) no-repeat; }
h1#T1Q6 span { background:url(../learn/images/L1_head_T1_Q6.gif) no-repeat; }
h1#T1Q7 span { background:url(../learn/images/L1_head_T1_Q7.gif) no-repeat; }
h1#T1Q8 span { background:url(../learn/images/L1_head_T1_Q8.gif) no-repeat; }


/* PRINT questions pages --------------------------------------------------------*/
div#bd.bd_print { height:auto; width:535px; padding-left:45px; }
div#custom-doc.print div#pagehead { width:600px; }
div#custom-doc.print div#pagehead h2 { position:relative; width:252px; height:21px; top:0; padding:0; margin:0; font-size:85%; left:43px; }
div#custom-doc.print div#pagehead h2 span { position:absolute; background:#000 url(../images_global/neutrogena_scalp_center.gif) no-repeat; width:100%; height:100%; }
#mainhead-L1_print { position:relative; width:100%; margin:0; padding:0; }
#mainhead-L1_print h1 { position:relative; padding:0; width:360px; }
h1#T5H1_print { height:45px; margin:0 0 0 45px; padding:33px 0 0 0; }
h1#T5H1_print span { background:url(../optimize/images/L1_head_T5_print.gif) no-repeat; }
h1#T5H1_print p { display:none; }
h1#T1H1_print { height:25px; margin:0 0 0px 45px; padding:33px 0 0 0; }
h1#T1H1_print span { background:url(../learn/images/L1_head_T1_print.gif) no-repeat; }
h1#T1H1_print p { display:none; }
ul#print_buttons { position:absolute; margin:0; top:36px; left:480px; z-index:100; }
div#content_print { padding:0 0 15px; }
div#content_print img { padding:15px 0; }
div#content_print h3 { position:relative; text-indent:0; margin:40px 0 10px 55px; font-size:123.1%; font-weight: 500; color:#000; }
div#content_print h3 span { position:absolute; padding:0; top:-20px; left:-72px; }
div#content_print h3 span img { padding:0; }
div#content_print h3.top { margin:38px 0 10px 55px; }
div#content_print p { color: #666; margin:0 0 8px; }
div#content_print p.ptop { padding-top:22px; }
div#content_print ul li { list-style:outside; margin:3px 1.25em; list-style-type: disc; color:#666; } /* IE */
div#content_print > ul li { margin:3px 1.5em; } /* others */
div#content_print ul.nobullet li { list-style:none; list-style-type:none; margin:0; color:#666; }
div#content_print > ol#numberList li { margin-left:17px; }
div#content_print ol#numberList li { list-style-type: decimal; list-style-position:outside; margin-left:23px; color:#666; }
div#custom-doc.print div#footer_copy { border-top:1px solid #ccc; padding:5px; }
div#custom-doc.print div#footer_copy p { top:0; }
ul#print li { display:inline; }
ul#print a { text-indent:-9999px; display:block; position:absolute; width:49px; height:12px; }
div#pagehead a#print_button3 { width:49px; height:12px; background:url(../images_global/button_print.gif) no-repeat 0 0; left:545px; top:36px; }
div#pagehead a#print_button3:hover { background:url(../images_global/button_print_RO.gif) no-repeat 0 0; }

/* Learn Q1 images popups pages --------------------------------------------------------*/

/* 3 imgs bg */
ul#derm_img { background:transparent url(../learn/images/dandruff_bg_big.png) no-repeat 0 0; width:380px; height:169px; position:relative; left:0; top:5px; margin:-5px 0 10px 0; padding:0; }
ul#derm_img li.derm_pop, ul#derm_img ul li { list-style:none; margin:0; padding:0; }

/* popup position */
ul#derm_img li ul li { text-indent:-9999px; display:inline; list-style-type:none; width:400px; height:165px; position:absolute; top:122px; left:0; background-color:#fff; margin:0; }
ul#derm_img li ul { visibility:hidden; list-style-type:none; z-index:100; }
ul#derm_img li:hover ul { visibility:visible; background-color:#000; }
li.derm_pop:hover li { z-index:110;color: #333; }
li.derm_pop a { text-indent:-9999px; display:block; outline:none; position:absolute; cursor:default; padding:9px 0 5px 11px; font-size:12px; color: #333;line-height:12px}
li.derm_pop a.rol {color: #333;}
li#derm1 a { left:0; top:0; width:120px; height:119px; color: #333;}
li#derm2 a { left:132px; top:0; width:120px; height:119px; color: #333;}
li#derm3 a { left:266px; top:0; width:120px; height:119px; color: #333;}

#derm1 .derm_note { position: absolute;top: 125px;width:80px; height:20px;font-size:12px; color: #333;line-height:12px; position:absolute; text-indent: -9999px;}
#derm2 .derm_note { position: absolute;left:132px;top: 125px;width:100px; height:20px;font-size:12px; color: #333;line-height:12px; position:absolute; text-indent: -9999px; }
#derm3 .derm_note { position: absolute;left:266px;top: 125px;width:100px; height:20px;font-size:12px; color: #333;line-height:12px; position:absolute; text-indent: -9999px; }
/**/
/* link bgs one bg positioned */
li.derm_pop a:hover { background:url(../learn/images/dandruff_bg_big_RO.png) no-repeat 0 0; }
li#derm1 a:hover { background-position: 0 0; width:120px; height:119px; }
li#derm2 a:hover { background-position: -132px 0; width:120px; height:119px; }
li#derm3 a:hover { background-position: -266px 0; width:120px; height:119px; }
  
/* popup bgs */
li#derm1_pop { background:url(../learn/images/dandruff-1.jpg) no-repeat 0 0; }
li#derm2_pop { background:url(../learn/images/dandruff-2.jpg) no-repeat 0 0; }
li#derm3_pop { background:url(../learn/images/dandruff-3.jpg) no-repeat 0 0; }

/* T1Q2 copy image v1 -----------------------------------------------------------------------*/
ul#T1Q2-img li#continuum { position:relative; list-style:none; list-style-type:none; width:326px; height:31px; margin:15px 0; padding:0; }
ul#T1Q2-img li#continuum span { background:url(../learn/images/dandruff_continuum.gif) no-repeat 0 0; position: absolute; width:100%; height:100%; }
ul#T1Q2-img li#continuum p { color:#fff; }

/* COPY LISTS */
div#copy > ul li, div#copy2 > ul li { list-style:outside; margin:3px 1.25em; list-style-type: disc; } /* others */
div#copy ul li, div#copy2 ul li { list-style:outside; margin:3px 1.25em; list-style-type: disc; } /* IE */
div#copy ul.nobullet li, div#copy2 ul.nobullet li { list-style:none; list-style-type:none; margin:0; }
ol#numberList li { list-style-type:decimal; list-style-position:outside; margin-left:23px; } /* IE6 */
div > ol#numberList li { margin-left:18px; } /* others */
*:first-child+html ol#numberList li { margin-left:23px; } /* IE7 only */

/* COPY BUTTONS -----------------------------------------------------------------------------------*/
ul#copy_buttons {margin:10px -15px 0 0;} /* IE6 + mac safari  */
ul#copy_buttons li {display:inline; float:left;}
ul#copy_buttons a {text-indent:-9999px;display:block;position:absolute;width:66px;height:20px;}

a#more_button {background:url(../images_global/button_more.gif) no-repeat 0 0px;left:5px;}
a#more_button:hover {background:url(../images_global/button_more_RO.gif) no-repeat 0 0px;}
a#back_button {background:url(../images_global/button_back.gif) no-repeat 0 0px;left:0px;}
a#back_button:hover {background:url(../images_global/button_back_RO.gif) no-repeat 0 0px;}


/*ul#copy_buttons li { display:inline; float:left; margin: 0 0 0 -10px; }
ul#copy_buttons a { text-indent:-9999px; display:block; width:66px; height:20px; }
a#more_button { background:url(../images_global/button_more.gif) no-repeat 0 0px; }
a#more_button:hover { background:url(../images_global/button_more_RO.gif) no-repeat 0 0px; }
a#back_button { background:url(../images_global/button_back.gif) no-repeat 0 0px; left: -15px; }
a#back_button:hover { background:url(../images_global/button_back_RO.gif) no-repeat 0 0px; }

/*a#print_button:hover {background:url(../images_global/button_print_RO.gif) no-repeat 0 7px;}
a#print_button {width:49px;height:12px;background:url(../images_global/button_print.gif) no-repeat 0 7px;left:84px;}*/

/* PRINT BUTTON */
ul#print_buttons { margin-top:5px; padding:0; position:relative; top:0; left:0; } /* IE */
div > ul#print_buttons { margin-top:15px; padding:0; position:relative; top:0; left:0; }/* others */
ul#print_buttons li { display:inline; }
ul#print_buttons a { text-indent:-9999px; display:block; position:absolute; width:49px; height:12px; }
a#print_button2 { width:49px; height:12px; background:url(../images_global/button_print.gif) no-repeat 0 0; }
a#print_button2:hover { background:url(../images_global/button_print_RO.gif) no-repeat 0 0; }

/* L1 FLASH -----------------------------------------------------------------------------------------*/
div#L1_flash { height:32.30769em; *height:31.529em; height:400px; position:relative; top:65px; }

/* L1 NAV -----------------------------------------------------------------------------------------*/

/* advice, treatment, product pages */
div#L1_nav_flash { position:absolute; top:495px; }
div#L1_nav_flash ol#nav_main_L1 { position:relative; top:0; }

/*** Topic Main Nav ***/
div#yui-main-L1 .yui-b h3 { position:absolute; text-indent:-9999px; }
ol#nav_main_L1 { position:absolute; top:367px; left:50px; margin:0; padding:0; width:575px; height:73px; background:transparent url(../images_global/L1_nav_main.jpg) no-repeat 0 bottom; }
ol#nav_main_L1 li a:hover, ol#nav_main_L1 li a:active { color: #F16422; }
ol#nav_main_L1 li { list-style-type:none; display:inline; }
ol#nav_main_L1 li a { display:block; position:absolute; color: #333; width:90px; *width:6.756em; height:73px; outline:none; text-indent:-9999px; z-index:100; }
ol#nav_main_L1 li#nav_learn a:link, ol#nav_main_L1 li#nav_learn a:visited { left:0px; top:0; width:106px; }
ol#nav_main_L1 li#nav_advice a:link, ol#nav_main_L1 li#nav_advice a:visited { left:121px; top:0; width:105px; }
ol#nav_main_L1 li#nav_treat a:link, ol#nav_main_L1 li#nav_treat a:visited { left:242px; top:0; width:100px;}
ol#nav_main_L1 li#nav_products a:link, ol#nav_main_L1 li#nav_products a:visited { left:363px; top:0; width:106px; }
ol#nav_main_L1 li#nav_optimize a:link, ol#nav_main_L1 li#nav_optimize a:visited { left:483px; top:0; width:100px;}
ol#nav_main_L1 li#nav_learn a:hover, ol#nav_main_L1 li#nav_learn a:active, ol#nav_main_L1 li#nav_learn a.selected { background:transparent url(../images_global/ro1.gif) no-repeat 0 0; }
ol#nav_main_L1 li#nav_advice a:hover, ol#nav_main_L1 li#nav_advice a:active, ol#nav_main_L1 li#nav_advice a.selected { background:transparent url(../images_global/ro2.gif) no-repeat 0 0; }
ol#nav_main_L1 li#nav_treat a:hover, ol#nav_main_L1 li#nav_treat a:active, ol#nav_main_L1 li#nav_treat a.selected { background:transparent url(../images_global/ro3.gif) no-repeat 0 0; }
ol#nav_main_L1 li#nav_products a:hover, ol#nav_main_L1 li#nav_products a:active, ol#nav_main_L1 li#nav_products a.selected { background:transparent url(../images_global/ro4.gif) no-repeat 0 0; }
ol#nav_main_L1 li#nav_optimize a:hover, ol#nav_main_L1 li#nav_optimize a:active, ol#nav_main_L1 li#nav_optimize a.selected { background:transparent url(../images_global/ro5.gif) no-repeat 0 0; }

/*** Topic Subnav ***/
div#subnav_T5 { position:absolute; left:504px; width:230px; top:-33px; }/*top:40px;*/
ol#subnav_L1 { list-style-type:none; width:210px; padding:0; margin:0; }
ol#subnav_L1 li { list-style-type:none; background: url(../images_global/arrow_grey.gif) no-repeat 0 1px; color:#828282; margin:0 0 7px 0; padding:0 0 0 15px; }
ol#subnav_L1 li:hover { background: url(../images_global/arrow_orange.gif) no-repeat 0 1px; padding:0 0 0 15px; }
ol#subnav_L1 li.selected { background: url(../images_global/arrow_orange.gif) no-repeat 0 1px; padding:0 0 0 15px; color:#F16422; }
ol#subnav_L1 li.selected a.selected { color:#f16422; }
ol#subnav_L1 li a, ol#subnav_L1 li a:link { color:#666; }
ol#subnav_L1 li a:hover, ol#nav_main-L1 li a:active { color:#f16422; }