/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

#nav { padding:0 20px; font-size:1.1em; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#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 a { color:#d96708; }
#nav a { float:left; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#d96708; }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%; }
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #899ba5; }

/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { background:#ecf3f6; }
#nav ul li a:hover { background:#d5e4eb; }
#nav ul li a,
#nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}

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

#nav_vert li{width:150px; margin-bottom:5px;}

	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:229px;	
		visibility:hidden;
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;	
		display:block;
		clear:both;
		width:190px;	
		padding-left:2px;	

	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;
		border-bottom:1px solid #000;
		font-weight:bold;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:blue;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}
	

/****************    left menu **********************/

#ja-sidenav .toggle {
	position: absolute;
	width: 30px;
	height: 36px;
	top: 1px;
	right: 0;
	padding: 0;
	background: url(../images/arrow-cat.gif) no-repeat right center;
}

#ja-sidenav .toggle:hover {
	background: url(../images/arrow-cat-hover.gif) no-repeat right center ;
	text-decoration: none;
}

#ja-sidenav .toggle:focus, #ja-sidenav .toggle:active {
	text-decoration: none;
}

#ja-sidenav li.selected .toggle {
	background: url(../images/arrow-cat.gif) no-repeat right center;
}

#ja-sidenav li.selected .toggle:hover {
	background: url(../images/arrow-cat-hover.gif) no-repeat right center;
	text-decoration: none;
}

/*0 level*/
#ja-sidenav li {
	border-bottom: 1px solid #D5D5D5;
	position: relative;
}

#ja-sidenav li a {
	padding: 8px 20px 8px 0;
	color: #498F45;
	display: block;
	font-weight: bold;
	text-decoration:none;
}
#ja-sidenav li.levelactive a {background:#F4F4F4 none repeat scroll 0 0;}
#ja-sidenav li.levelactive li a {background:none;}
#ja-sidenav li a:hover, #ja-sidenav li a:active {
	text-decoration: none;
	background: #F4F4F4;
}

#ja-sidenav li.selected a {
	background: #F4F4F4;
	color: #498F45;
}

/*1st level and upper*/
#ja-sidenav li ul {
	padding: 5px 0;
}

#ja-sidenav li li {
	border-bottom: 0;
	text-transform: none;
	margin-left: 15px;
}

#ja-sidenav li li a, #ja-sidenav li.selected li a, #ja-sidenav li li.active li a {
	padding: 2px 12px;
	background: url(../images/arrow.gif) no-repeat left center;
	color: #498F45;
	display: block;
	font-weight: normal;
}

#ja-sidenav li li a:hover, #ja-sidenav li li a:active, #ja-sidenav li li a:focus,
#ja-sidenav li li.active li a:hover, #ja-sidenav li li.active li a:active, #ja-sidenav li li.active li a:focus {
	background: url(../images/arrow-green.gif) no-repeat left center;
	color: #498F45;
	text-decoration: underline;
}

#ja-sidenav li li.active a {
	font-weight: bold;
	background: url(../images/arrow_d1.gif) no-repeat left center;
	color: #498F45;
}
#ja-sidenav li li li.active a {
	font-weight: bold;
	background: url(../images/arrow-green.gif) no-repeat left center;
	color: #498F45;
}


/************************************************/
/****************   regions menu **********************/

#nachregionen .toggle {
	position: absolute;
	width: 30px;
	height: 36px;
	top: 1px;
	right: 0;
	padding: 0;
	background: url(../images/arrow-cat.gif) no-repeat right center;
}

#nachregionen .toggle:hover {
	background: url(../images/arrow-cat-hover.gif) no-repeat right center ;
	text-decoration: none;
}

#nachregionen .toggle:focus, #nachregionen .toggle:active {
	text-decoration: none;
}

#nachregionen li.selected .toggle {
	background: url(../images/arrow-cat.gif) no-repeat right center;
}

#nachregionen li.selected .toggle:hover {
	background: url(../images/arrow-cat-hover.gif) no-repeat right center;
	text-decoration: none;
}

/*0 level*/
#nachregionen li {

	position: relative;
}

#nachregionen li a {
	padding: 8px 20px 8px 0;
	color: #498F45;
	display: block;
	font-weight: bold;
	text-decoration:none;
}

#nachregionen li a:hover, #nachregionen li a:active {
	text-decoration: none;
	background: #F4F4F4;
}

#nachregionen li.selected a {
	background: #F4F4F4;
	color: #498F45;
}

/*1st level and upper*/
#nachregionen li ul {
	padding: 5px 0;
}

#nachregionen li li {
	border-bottom: 0;
	text-transform: none;
	margin-left: 15px;
}

#nachregionen li li a, #nachregionen li.selected li a, #nachregionen li li.active li a {
	padding: 2px 12px;
	background: url(../images/arrow.gif) no-repeat left center;
	color: #498F45;
	display: block;
	font-weight: normal;
}

#nachregionen li li a:hover, #nachregionen li li a:active, #nachregionen li li a:focus,
#nachregionen li li.active li a:hover, #nachregionen li li.active li a:active, #nachregionen li li.active li a:focus {
	background: url(../images/arrow-green.gif) no-repeat left center;
	color: #498F45;
	text-decoration: underline;
}

#nachregionen li li.active a {
	font-weight: bold;
	background: url(../images/arrow_d1.gif) no-repeat left center;
	color: #498F45;
}