/* Basic code - don't modify */
 
#nav {display:block; margin:0; padding:0; position:relative;}
  #nav li {display:block; list-style:none; margin:0; padding:0; float:left; position:relative;}
  #nav a {display:block;}
  #nav ul {display:none; position:absolute; left:0; margin:0; padding:0;}
  * html #nav ul {line-height:0;} /* IE6 "fix" */
  	#nav ul a {zoom:1;} /* IE6/7 fix */
    #nav ul li {float:none;}
    #nav ul ul {top:0;}
    
/* Essentials - configure this */

/*
#nav li {width:130px; text-align:center;}
#nav li {margin-right:5px;}
*/

#nav ul {width:175px;}
#nav ul ul {left:175px; top:0px;}
#nav ul a{ text-align:left;}

/* Everything else is theming */
 
#nav {height:40px;}

#nav .active_parent {color:white; background:url(../images/get/menu_bg_reverse.png);}
/* FOR IE6 problem moved to categories_horizontal_droppy.php
	#nav .parent {padding-top:12px; padding-bottom:12px; padding-right:10px; padding-left:10px; border-right:1px Solid White;}
	height:30px;
*/
#nav .parent {padding-top:10px; padding-right:10px; padding-left:10px; border-right:1px Solid White;}


#nav .parent ul {margin-right:0px;}
#nav .parent ul {margin-top:0px;}
#nav .parent ul ul {margin-top:0px;}

#nav .last_element {
	box-shadow:			0px 3px 3px #888;
	-o-box-shadow:		0px 3px 3px #888;
	-moz-box-shadow:	0px 3px 3px #888;
	-webkit-box-shadow:	0px 3px 3px #888;
	
	
	/* For IE 8 * /
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#888888')"; 
	/* For IE 5.5 - 7 * / 
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#888888');
	/* */
}

#nav *:hover {background:url(../images/get/menu_bg_reverse.png);}
#nav .childs {padding:10px;}
/*#nav li.hover .childs {background:#D20E04;} background:#D20E04; background:url(../images/get/menu_bg_reverse.png);*/

#nav a {color:white; line-height:normal;}
	#nav li.hover a {color:white; text-decoration:none;}
	#nav ul {}
		#nav ul li a {background-color:#d20e04; color:white;}
      #nav ul a.hover {background-color:#d20e04; background:url(../images/get/menu_bg_reverse.png);}
   #nav ul a {border:none;} /* opacity:0.95; filter:alpha(opacity=95);*/
/* #nav ul a {border-bottom:none;} - I also needed this for IE6/7 */
/* #nav li.hover .first_element {background-image:none;} */



#nav a {font-size:13px; font-family:'DejaVuSans',  sans-serif;}