/**
 * 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 0 3px;
	width: 952px;
	margin: 0 auto;
	background: url(../images/nav.png) no-repeat 0 0;
	font: bold 12px Arial, Helvetica, sans-serif;
}
/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li {
	position:relative;
	text-align:left;
}
#nav li.over {
	z-index:2999;
}
#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 a {
	float:left;
	color:#FFFFFF;
	font-weight:bold;
}
#nav li.active a {
	color:#fff;
	background: url(../images/nav.png) repeat-x 0 -87px;
}
#nav span {
	background: url(../images/nav.png) no-repeat 100% -44px;
	padding:13px 15px 12px 14px;
}
#nav li.first span {
	padding-left: 18px;
}
#nav li.over a, #nav a:hover {
	background: url(../images/nav.png) repeat-x 0 -87px;
}
/************ 1ST LEVEL ************/
#nav ul li, #nav ul li.active {
	float:none;
	margin:0;
	padding-bottom:1px;
	background:#f4f4f4;
}
#nav li.active li a, #nav ul li.active a {
	background: #fff;
}
/*#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;
}
#nav ul li a span {
	background:#FFF;
}
#nav ul a:hover span {
	background:#f4f4f4
}
/************ 2ND LEVEL ************/
#nav ul {
	position:absolute;
	width:25em;
	top:40px;
	left:-10000px;
	border:1px solid #aaa;
	border-color: #ccc #aaa #aaa #ccc;
	border-top-width: 0;
	display:none;
}
#nav ul span {
	background: none;
}
/* Show menu */
#nav li.over > ul {
	left:-1px;
}
#nav li.over > ul li.over > ul {
	left:100px;
}
#nav li.over ul ul {
	left:-10000px;
}
#nav ul li a {
	background:#fff;
}
#nav ul li a:hover {
	background:#f4f4f4;
}
#nav ul li.over > a {
	background:#f4f4f4;
}
#nav ul li a, #nav ul li a:hover {
	color:#2f2f2f !important;
}
#nav ul span, #nav ul li.last li span {
	padding:4px 15px 5px 15px;
}
/************ 3RD+ LEVEL ************/
#nav ul ul {
	top:5px;
	border-top-width: 1px;
}
/***************VERTICAL**********************/
/*****ALL*****/
#vertical-nav { 
	padding:10px 0 25px;
	position:relative;
	z-index:1999;
}
#vertical-nav ul {
	list-style-type: none; /* get rid of the bullets */
	padding:0;             /* no padding */
	margin:0;              /* no margin for IE either */
	position:relative;
	z-index:2000;
}
	#vertical-nav ul li {
		margin: 0;
		padding: 0;
		display:block;
		margin-top: 1px; /* lines */
		/*position: relative;*/
	}

	#vertical-nav ul li a {
		display: block;
		padding: 3px;
		margin:0;
		text-decoration: none;
		height:20px;           /* hint for IE, alternatively remove whitespace from HTML */
		background: url(../images/sep-menu-vert.gif) bottom left no-repeat;
		color:#000;
		font-size:12px;
	}

	#vertical-nav ul li.active a {
		font-weight: bold;
		text-decoration: underline;
		color:#000000
	}
	
	#vertical-nav ul li ul {
		background:none repeat scroll 0 0 white;
		border:1px solid #ccc;
		display:none;
		left:129px;
		position:absolute;
		margin-top:-27px;
		width:150px;
		z-index:2010;
	}
	
	#vertical-nav ul li:hover ul { display: block; }

	#vertical-nav ul ul li a {
		padding:3px 3px;
		background-color:#FFF;
		
	}
	#vertical-nav ul ul li:hover a {
		background-color:#f4f4f4;
		text-decoration:none;
	}
		#vertical-nav ul ul ul li a {
			margin-left: 0px;     /* indent level 2 */
		}
	#vertical-nav a:hover {
		text-decoration:underline;
	}
#vertical-nav ul li ul li a {

}
#vertical-nav ul li ul li {
	margin-bottom:0px;
	margin-top:0px;
}
li.level0 a span {
	display:none
}
li.level1 a span {
	display:block;
}

ul.level2 { display:none !important}
ul.level2 a { background-color:#FFF !important; }
ul.level1 li:hover ul.level2 { display:block !important}
ul.level2 li:hover a {background-color:#f4f4f4 !important;}

