/***************************************
*  
*   ek_base_menu.css
*   Copyright Elflein-Kosmetik
* 
*   Main Navigation
*   styles
*
***************************************/

/* common styling */
#mainNav {
    float: left;
	font-size: 1.3em;
	padding: 0;
	margin: 45px 0 15px 0;
}

#mainNav ul li a, 
#mainNav ul li a:visited {
	text-transform: lowercase;
	display:block; 
	text-decoration:none; 
	width:196px;
	text-align:right; 
	border: solid #e7fabd;
	border-width: 4px 0 4px 0;	
	color: #387112;
	padding: 4px 10px 7px 0;
	background: inherit;
}

#mainNav ul li a span {
	display: block;
	text-transform: uppercase;
	font-size: 0.6em;
	font-weight: bold;
	color: #7E7E7E;
	background: inherit;
}

#mainNav ul {
	padding:0; 
	margin:0;
	list-style-type: none; 
}

#mainNav ul li {
	float:left; 
	position:relative;
	border-bottom: 1px solid #9acf0d;        
	z-index: 111;
}

#mainNav ul li.first,
#mainNav ul li.actfirst {
	border-top: 1px solid #9acf0d;
}

#mainNav ul li ul {
	display: none;
}

/* specific to non IE browsers */ 

*>#mainNav ul li a.active,
*>#mainNav ul li:hover a,
*>#mainNav ul li.actfirst a,
*>#mainNav ul li.actlast a {
	background: #d3ec93;
    color: #387112;
}

#mainNav ul li:hover ul {
	display:block; 
	position:absolute; 
	top:-2px; 
	left:206px;
	background: transparent url(../images/menu-arrow-right.gif) no-repeat;
	background-position: 3px 5px;
	padding: 0 0 0 30px;
}

#mainNav ul li:hover ul li:hover a.hide {
}

#mainNav ul li:hover ul li ul {
	display: none;
}

#mainNav ul li:hover ul li {
	clear: both;
	background: #D3EC93;
	color: #7e7e7e;
	border-left: 2px solid #649C15; 
	border-right: 2px solid #649C15; 
	border-bottom: 0; 
	border-top: 0; 
	width: 185px;
	padding-left: 10px;
	padding-right: 5px;
}

#mainNav ul li:hover ul li.first,
#mainNav ul li:hover ul li.actfirst {
	border-top: 2px solid #649C15; 
	padding-top: 5px;
}

#mainNav ul li:hover ul li.last,
#mainNav ul li:hover ul li.actlast {
	border-bottom: 2px solid #649C15; 
	padding-bottom: 5px;
}

#mainNav ul li:hover ul li a {
	display: block;
	text-transform: none;
	font-size: 0.7em;
	font-weight: bold;
	color: #7e7e7e;
	background: #D3EC93;
	text-align: left;
	width: 174px;
	border: solid #E7FABD;
	border-width: 0 0 1px 0;	
	padding: 1px 1px 1px 3px;
	margin: 1px 1px 3px 1px;
}

#mainNav ul li:hover ul li a.active,
#mainNav ul li:hover ul li a:hover {
	color: #fffffe;
	background: #D3EC93;
}

#mainNav ul li:hover ul li:hover ul {
}

#mainNav ul li:hover ul li:hover ul li a {
}

#mainNav ul li:hover ul li:hover ul li a:hover {
}