/**
 * 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 25px;float: left;}

/************** 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; font-size: 12px; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li {
	float: left;
	margin-right: 2px;
}
#nav li a {
	color: #16253b;
	background: url('../images/menu_roundedcorners_left.png') top left no-repeat;
}
#nav li a span {
	background:url('../images/menu_roundedcorners_right.png') top right no-repeat;
	display: block;
	padding:7px 23px 6px 23px;
	}
#nav li.over,
#nav li a:hover, #nav li.active a, #nav li.over a {
	background-color: #fff;
    background: url('../images/menu_roundedcorners_left_over.png') top left no-repeat;
}
#nav li a:hover span, #nav li.active a span, #nav li.over a span {
    background: url('../images/menu_roundedcorners_right_over.png') top right no-repeat;
}
#nav li.active a { color:white; }
#nav a { float:left; color: white;  }
#nav li.over a,
#nav a:hover { color:white; }

/************ FOR ALL ABOVE 0 LEVEL, removing rounded corners ************ */
#nav li.level1 a,
#nav li.level1 a span,
#nav ul li.active,
#nav ul li.active a span,
#nav ul li.active a:hover span,
#nav ul li.active a,
#nav ul li.active a:hover {
	color: #fff;
	background-image: none;
	
}
#nav ul li.level1 a span {
		padding:5px 18px 6px 18px;
}
#nav ul span {
	width: 70%;
	border-bottom: 1px solid #b2b2b2;
	margin: 0px auto;

}
#nav ul .last span {
	width: 70%;
	border-bottom: 0;
	margin: 0px auto;
}


/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active {float:none; margin:0;}
#nav ul li {
	background-color: #16253b;
}
#nav ul li.parent {
	background: #16253b url('../images/menu_arrow.png') no-repeat 94% 50%;
}
#nav ul li.parent a:hover {
	background: #16253b url('../images/menu_arrow.png') no-repeat 6% 50%;
}
#nav ul li.over { background: #16253b url('../images/menu_arrow.png') no-repeat 6% 50%; } /* Parent active color in sub menu */
#nav ul li.last { padding-bottom:0; border-bottom: 1px solid #b2b2b2; }

#nav ul a,
#nav ul a:hover { float:none; padding:0;}
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:15em; top:28px; left:-10000px; border-left: 1px solid #b2b2b2;border-right: 1px solid #b2b2b2;}

/* 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 { }
#nav ul li a:hover { background: #16253b url('../images/menu_arrow.png') no-repeat 6% 50%; } /* Hover in sub menu */
#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:10px; border-top: 1px solid #b2b2b2;}



