#nav { width: 40em; padding: 0; font-size: 1.1em; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { 
    text-align:left;
}
#nav a, #nav a:hover 
{ 
    display: block; 
    line-height: 1.3em; 
    font-size: 1.3em; 
    text-decoration: none; 
    text-transform: uppercase;
    padding-right: 8px; 
}
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span { white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left; }
#nav li.active > ul { display: block !important; position: absolute; left: 1px; top: 22px; z-index:100; }
#nav li.active a { color: #333; }
#nav a { float: left; color:#666; font-weight:bold; }
#nav a:hover { color:#333; }

/* custom navi */
#nav a span { display:none; }
#nav ul { margin-left:4px; }
#nav .level1 a span { display:block; }
#nav .level1 a { width:auto; background-image: none; }
#nav .nav-men .level1 a { width:auto; background-image: none; }			
#nav .nav-woman .level1 a { width:auto; background-image: none; }
#nav .nav-company .level1 a { width:auto; background-image: none; }	
#nav { height:20px; margin-top:-4px; }
#nav a { display: block; width: 55px; height:21px; overflow:hidden; background: url(../images/navi/n01.png) no-repeat 0 0; }		
#nav a:hover { background-position: 0px -20px!important; }		
#nav .active a { background-position: 0px -20px!important; }
#nav .nav-news a { width: 54px; background-image: url(../images/navi/n02.png); }		
#nav .nav-woman a { width: 119px; background-image: url(../images/navi/n03.png); }		
#nav .nav-men a { width: 89px; background-image: url(../images/navi/n04.png); }		
#nav .nav-company a { width: 84px; background-image: url(../images/navi/n05.png); }

/************ 1ST LEVEL ************/
#nav ul { margin-top: -5px; }
#nav ul li, #nav ul li.active { font-size:11px; margin:0!important; padding:0!important; }
#nav li.active ul li.active a { color:#333!important; }
#nav ul li.last { padding-bottom:0; }
#nav li.active ul a { padding:0; margin:0; color:#666!important; }
#nav ul a:hover { padding:0; margin:0; color:#fff!important; }
#nav ul a { font-weight:bold !important; font-size:1em!important; }

/************ 2ND LEVEL ************/
#nav ul { position: absolute; width: 35em; top:25px; left:-10000px;  }

/* Show menu */
#nav li > ul { left:0; display:none; }
#nav li > ul li > ul { display:none; }
#nav li ul ul { display:none; }
#nav ul li a, #nav ul li a:hover { color:#2f2f2f !important; }
#nav li a span	{ padding:0 7px 5px 0; }

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }