@charset "UTF-8";
/* CSS Document */

/*MENU*/
/*base styles*/
#menu											{ height: 35px; width:974px; z-index:999; padding:0px; margin:0px;}
.inside-menu									{ height: 35px; width:974px }


#menu ul											{  height: 35px; width: 100%; z-index: 9999; padding:0px; margin:0px; position:relative }
#menu li											{ list-style: none; float: left; background: url(/images/shared/menu/seperator.png) 100% 0 no-repeat; padding-right: 0px; text-transform: lowercase; position: relative; }
#menu li.last										{ background: none; }
#menu li a											{ height: 35px; display: block; background-repeat: no-repeat; background-position: 50% 0; color: #666; text-decoration: none; font-size: 80%; font-weight: normal;  }
#menu li a:hover									{ background-position: 50% -35px; } 
#menu li a span										{ display: none; }
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul 	{ _left: -999em; }
#menu li.sfhover ul, #menu li li.sfhover ul 		{ _left: auto; }


/*2nd level submenu*/							
#menu li ul 									{ position: absolute; left: -999em; width: 156px; border:; height: auto; background-color:#e8ebec; z-index: 9999;}	
#menu li ul li 									{ height: auto; background: none; }	
#menu li ul li a 								{ height: auto; display: block; width: 150px; padding: 4px; background: #e8ebec; border-bottom: 1px solid #bcc5c9; }	
#menu li ul li a:hover 							{ background: #bcc5c9; color: #FFF; background-position: 0 -20px; }

/*hide/show submenu's*/
#menu li:hover ul ul, #menu li:hover ul ul ul 	{ left: -999em; }
#menu li:hover ul, #menu li li:hover ul 		{ left: auto; }

/*common active sections*/
body.home a#mm-home,
body.brochures a#mm-brochures					{ background-position: 50% -325px; }

/*consumer buttons*/
#menu li a#nav_home								{ background-image: url(../images/imgs/nav_home.gif); width: 133px; }							
#menu li a#nav_about							{ background-image: url(../images/imgs/nav_about.gif); width: 152px; }							
#menu li a#nav_lipsense							{ background-image: url(../images/imgs/nav_lipsense.gif); width: 105px; }							
#menu li a#nav_products							{ background-image: url(../images/imgs/nav_products.gif); width: 115px; }							
#menu li a#nav_whatsnew							{ background-image: url(../images/imgs/nav_whatsnew.gif); width: 128px; }	
#menu li a#nav_career							{ background-image: url(../images/imgs/nav_career.gif); width: 104px; }							
#menu li a#nav_contactus						{ background-image: url(../images/imgs/nav_contactus.gif); width: 130px; }							
#menu li #nav_end								{ background-image: url(../images/imgs/nav_endsmall.gif); width: 107px; }