/* Setups for list-embedded link image replacement */


#navigation {
	position:relative;
	height:58px;
	background: url('../images/navigation/main.jpg') top left no-repeat;
}
#navigation li { float: left; }
#navigation a {
	height:0;
	padding-top: 58px;
	display:block; 
	overflow:hidden;
}
#navigation a:hover { background: url('../images/navigation/main_hover.jpg') 1000px 1000px no-repeat; }
#navigation a#home_link             { width: 200px; }
#navigation a#products_link         { width: 215px; }
#navigation a#ask_link              { width: 230px; }
#navigation a#skin_sense_link       { width: 297px; }
#navigation a#home_link:hover       { background-position:    0   0; z-index:100; }
#navigation a#products_link:hover   { background-position: -200px 0; z-index:100; }
#navigation a#ask_link:hover        { background-position: -415px 0; z-index:100; }
#navigation a#skin_sense_link:hover { background-position: -645px 0; z-index:100; }

#navigation.fr { background: url('../images/navigation/main_fr.jpg') top left no-repeat; }
#navigation.fr a:hover { background: url('../images/navigation/main_hover_fr.jpg') 1000px 1000px no-repeat; }
#navigation.fr a#home_link             { width: 185px; }
#navigation.fr a#products_link         { width: 170px; }
#navigation.fr a#ask_link              { width: 280px; }
#navigation.fr a#skin_sense_link       { width: 307px; }
#navigation.fr a#home_link:hover       { background-position:    0   0; z-index:100; }
#navigation.fr a#products_link:hover   { background-position: -185px 0; z-index:100; }
#navigation.fr a#ask_link:hover        { background-position: -355px 0; z-index:100; }
#navigation.fr a#skin_sense_link:hover { background-position: -635px 0; z-index:100; }

#navigation.fr li ul li a:hover,
#navigation li ul li a:hover { background-image: none; }



#product_menu {
	position:relative;
	height:144px;
	background: url('../images/navigation/product_menu.jpg') top left no-repeat;
}
#product_menu li { float: left; }
#product_menu a {
	height:0;
	padding-top: 144px;
	display:block; 
	overflow:hidden;
}
#product_menu a:hover {	background: url('../images/navigation/product_menu_hover.jpg') 1000px 1000px no-repeat; }
#product_menu a#cleansers        { width: 237px; }
#product_menu a#hydracare        { width: 176px; }
#product_menu a#acne             { width: 213px; }
#product_menu a#eczema           { width: 169px; }
#product_menu a#kids             { width: 146px; }
#product_menu a#cleansers:hover  { background-position:    0   0; z-index:100; }
#product_menu a#hydracare:hover  { background-position: -237px   0; z-index:100; }
#product_menu a#acne:hover       { background-position: -413px 0; z-index:100;
}
#product_menu a#eczema:hover     { background-position: -626px 0; z-index:100; }
#product_menu a#kids:hover       { background-position: -795px 0; z-index:100; }

#product_menu.fr { background: url('../images/navigation/product_menu_fr.jpg') top left no-repeat; }
#product_menu.fr a:hover { background: url('../images/navigation/product_menu_hover_fr.jpg') 1000px 1000px no-repeat; }