/***************************************************
# CSS_JS_MENU [ Main navigation ]
***************************************************/

#tab {
	padding:0;
	width:100%;
	height:30px;
	background-color:#000;
	margin:0;
	font-family:Arial;
	/*margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -1px;*/
}
#tab ul {
	position:absolute;
	margin:0; 
	padding:0;	
	font-family:Arial, Helvetica, sans-serif;
}

#menu {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000;	
	font-size:10px;
	z-index:100;		
}

#menu * {
	margin:0;
	padding:0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;	
}

#menu li {
	float:left;
	width:165px;	
	/*list-style-type:none;*/
	background-color:#000000;
	text-decoration:none;	
	font-family:Arial, Helvetica, sans-serif;
}
#menu li:hover, 
#menu li.lemHover,
#menu li.selected {
	/*background:url(../images/tab_end_on.gif) 100% 0 no-repeat;
	background-color:#CCCFD1;*/
}

#menu li:hover {
	z-index:1;
}

#menu li li {
	float:none;
	display:block;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	/*background:none;
	padding:0;*/
	/*height:30px;*/
}
#menu li li,
#menu li li:hover,
#menu li li.lemHover,
#menu li.lemHover li {
	width:100%;	
	display:inline;
}
#menu li li:last-child, 
#menu li li.lemLastChild {
	background:none;
}
#menu li ul {
	position:absolute;
	width:auto;
	height:auto;	
	font-family:Arial, Helvetica, sans-serif;
}

#menu li ul,
#menu li ul ul,
#menu li:last-child ul ul,
#menu li li:last-child ul,
#menu li.lemLastChild ul ul,
#menu li li.lemLastChild ul { /* last node of every li is taking this css*/
	width:165px; 	
	/*background-color:#CCCFD1;
	padding:0;
	margin:0px;	/*this margin is causing last nide to move in next line*/	
	border: 1px solid #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#menu li:last-child ul,
#menu li.lemLastChild ul {
	/*width:100%;*/ /* this width increases the width of last menu in the list*/
	width:165px; 	
	font-family:Arial, Helvetica, sans-serif;
	 /* width=100px*/
	/*margin:0px;
	margin-top:-33px;*/	
}

#menu li ul ul {
	display:block;
	width:165px; 
	margin:0px;
	margin-left:160px;
	margin-top:-33px;
	padding:0px;
	text-decoration:none;
	color:#000;
	z-index:10;		
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #FFFFFF;	

}

#menu li ul, 
#menu li:hover ul ul, 
#menu li:hover ul ul ul, 
#menu li.lemHover ul ul, 
#menu li.lemHover ul ul ul {
	left:-999em;
	z-index:100;
	font-family:Arial, Helvetica, sans-serif;
	
}
#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul, 
#menu li.lemHover ul, 
#menu li li.lemHover ul, 
#menu li li li.lemHover ul {
	left:auto;
}
#menu a {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	color:#F5F5F5;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	text-decoration:none;
	text-align:center;
	/*height:30px;*/
	border-left:1px solid #FFFFFF;
	padding-top:8px;
	padding-left:0px;
	padding-right: 0px;
	padding-bottom: 8px;
	width:100%;
}
#menu a span {
	padding:0 0px;
}

#menu a:hover, 
#menu li:hover a, 
#menu li.lemHover a, 
#menu li.selected a {
	display:block;
	color:#000;
	background-color:#F5F5F5;
	font-family:Arial, Helvetica, sans-serif;
	/*background:url(../images/tab_start_on.gif) 0 0 no-repeat;		
	background-color:#CCCFD1;*/
}

#menu li li a, 
#menu li:hover li a, 
#menu li.lemHover li a {
	width:100%;
	font-size:12px;
	color:#FFFFFF;
	/*height:30px;*/
	background-color:#d00000;
	font-weight:normal;
	/*border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	border-left-color: #666666;
	border:1px solid #666666;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;*/
	margin:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;*/
	text-align:center;
}

#menu li li a span {
	padding:0 0px;
}
#menu li li a:hover {
	color:#FFFFFF;
	background:#313031;
}
#menu li li a:hover span {
	/*background:url(../images/ico_arrow.gif) 100% 50% no-repeat;*/	
}