/**************************************************************
  xmental [c] 2007 burkhardt wenzel
 **************************************************************/

/**************************************************************
  Main Navigation [Drop down]
 **************************************************************/
#mainNav .menu {position:relative; z-index:100; }
#mainNav .menu ul {padding:0px; margin:0px; list-style-type:none;}
#mainNav .menu ul ul {width:140px;}
#mainNav .menu li { float:left;  position:relative; }

/* style links top level */
#mainNav .menu a, #mainNav .menu a:visited {
      display:block;
      font-size:10px;
      text-decoration:none;
      text-transform: uppercase;
      color:#fff;
      width:139px;
      height:18px;
      border-right:1px solid #fff;
      background:#AF1144;
      margin: 0px;
      padding:2px 0px;
      text-align: center;
      }



/* style second level background */
#mainNav .menu ul ul a, 
#mainNav .menu ul ul a:visited {background:#F5F5F5; border-top:1px solid #fff;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
 #mainNav .menu ul ul {
	visibility:hidden;
    	position:absolute;
    	height:0;
	top:22px;
	left:0;
    	width:140px;
      }
      


/* style the table so that it takes no part in the layout - required for IE to work */
#mainNav .menu table {position:absolute; top:0; left:0; margin: 0px; padding: 0px;}

/* style the second level links */
#mainNav .menu ul ul a, #mainNav .menu ul ul a:visited {
	background:#F5F5F5;
      	color:#666;
      	padding:2px 0px;
      	width:139px;
      	height:20px;
      	text-transform: none;
	}

/* style the top level hover */
#mainNav .menu a:hover, 
#mainNav .menu a.dropActive,
#mainNav .menu ul ul a:hover {
	color:#AF1144; 
	background:#F5F5F5;
	}
	  
#mainNav .menu :hover > a, 
#mainNav .menu ul ul :hover > a {
      color:#AF1144;
      background:#F5F5F5;
      }


/* make the second level visible when hover on first level list OR link */
#mainNav .menu ul li:hover ul, #mainNav .menu ul a:hover ul{visibility:visible;}



/**************************************************************
 Sub Navigation
 **************************************************************/

#subNav, #subNavLevel2, #subNavLevel3, #subNavLevel4, #subNavLevel5 {
	  padding:0px;
      margin:0px;
      list-style-type:none;
      }
	  
	  
#subNav a, #subNav a:visited {
	display:block;
      	font-size:10px;
      	text-decoration:none;
	text-transform: uppercase;
	width:150px;
      	border-bottom: 1px solid #eee;
      	background:#fff;
      	padding:5px;
	font-weight: bold;
	color: #666; 
      }
	  
#subNav a:hover {
      	color:#AF1144; 
      	
      }

#subNavLevel2 a, #subNavLevel2 a:visited {	  
      	background:#fff;
      	padding-left:20px;
	font-weight: normal; 
	color: #666;
	width:135px;
      }
#subNavLevel2 a:hover {
      color: #AF1144;    
      }
      
#subNavLevel3 a, #subNavLevel3 a:visited {	  

      padding-left:30px;
	  font-weight: normal; 

	  width:125px;
	  text-transform:none;
      }
 
 
#subNavLevel3 a:hover {
      color: #AF1144; 
      }
      
 #subNavLevel4 a, #subNavLevel4 a:visited {	  

      padding-left:50px;
	  font-weight: normal; 

	  width:115px;
	  text-transform:none;
      }     
      
  #subNavLevel5 a, #subNavLevel5 a:visited {	  

      padding-left:60px;
	  font-weight: normal; 

	  width:105px;
	  text-transform:none;
      }       
 /**************************************************************
  Global Navigation 
 **************************************************************/
 
.globalMenu {padding:0px; margin:0px; list-style-type: none;   }
.globalMenu li {float:left; border-left:1px solid #f5f5f5;  }
 
.globalMenu a, 
.globalMenu a:link, 
.globalMenu a:visited {
	text-decoration:none;
	color:#fff;
	padding: 2px 5px;	
	display: block;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	height: 18px;
	width: 75px;	
    }
 
.globalMenu a:hover {color: #666;  background:#f5f5f5; }