/**
 * 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 0 16px;
}

#nav li {
	text-align: left;
	line-height: 22px;
	position:relative;
}

#nav li.level0 {
	float: left;
}

#nav li.over {
	z-index:999;
}

#nav li ul {
	position:absolute;
	top:0;
	left:-10000px;
}

#nav li.level0 img, #nav li.level0.active img {
	float: left;
	margin-right:5px;
	width: 25px;
	height:35px;
}

#nav li.level0 a {
	display:block;
	padding:6px 12px 6px 8px;
	width:124px;
	float:left;
}

#nav li.level0.active a {
	background:url(../images/category-active.png) no-repeat 0px 7px;
	display:block;
	padding:6px 12px 6px 8px;
	width:124px;
	float:left;
}

#nav li.level0 a:hover {
	background:url(../images/category-active.png)  no-repeat 0px 7px;
	display:block;
	padding:6px 12px 6px 8px;
	width:124px;
}

#nav li.level0.active a:hover {
	background:url(../images/category-active.png)  no-repeat 0px 7px;
	display:block;
	padding:6px 12px 6px 8px;
	width:124px;
	color: #ffffff;
}

#nav li.level1 {
	height:25px;
}

#nav li.level1 a, #nav li.level0.active li.level1 a {
	display:block;
	padding:6px 12px 6px 16px;
	width:350px;
	background:url(../images/category-active-level1.png)  no-repeat 0px 7px;
	float:none;
}

#nav li.level1 a:hover, #nav li.level0.active li.level1 a:hover {
	background:url(../images/category-active-level1.png)  no-repeat 0px 7px;
	display:block;
	padding:6px 12px 6px 16px;
	width:350px;
	color: #ffffff;
}

#nav li.level0 {
	
}

#nav li.over > ul { left:160px; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }


#nav li.group {
    float: left;
    color: #B08B1B;
    font-weight: normal;
    font-size: 17px;
    left: -55px;
    width: 201px;
    cursor: pointer;
    padding-left: 20px;
}

#nav li.group a.lgroup {
    font-size: 15px;
}

#nav li.group span.sgroup {
    padding-left: 20px;
}

#nav li.group.closed {
    background: url('../images/plus.png') no-repeat 15px -5px;
}

#nav li.group.opened {
    background: url('../images/minus.png') no-repeat 15px -5px;
}

#nav li.group ul.hiddble {
    position: inherit;
    left: 0;
    font-weight: bold;
}

#nav li.group ul.hiddble li {
    left: 35px;
}

#nav li.group ul.hiddble li ul li {
    left: 0px;
}

/******************************************************************************************/

/*

#nav { 
	padding:0 0 0 16px;
}
#nav img {
	float: left;
	margin-right:5px;
	width: 25px;
	height:35px;
}

#nav span {
	display:block;
	cursor:pointer;
	white-space:nowrap;
}
#nav li {
	float: left;
	position:relative;
	text-align: left;
	line-height:25px;
}
#nav li.level0 a {
	float: left;
}
#nav li.over {
	z-index:999;
}
#nav li a {
	color:#780C00;
	display:block;
	font-weight:bold;
	padding:5px 12px 6px 8px;
	text-decoration:none;
	width:124px;
	height:22px;
}
#nav li a:hover { 
	background:url(../images/category-active.png)  no-repeat 0px 7px;
	color:#780C00;
	display:block;
	font-weight:bold;
	padding:5px 12px 6px 8px;
	text-decoration:none;
	width:124px;
}
#nav li ul {
	position:absolute;
	top:0;
	left:-10000px;
}
#nav li ul span {white-space:normal; }
#nav li ul li a {
	background:url(../images/category-over.png) no-repeat 0px 7px;
}

#nav .level1 a {
	background:url(../images/category-active-level1.png) no-repeat 0px 7px;
	width: 350px;
	padding-left: 15px;
	color:#ffffff;
	float: none;
}
#nav .level1 a:hover {
	background:url(../images/category-active-level1.png) no-repeat 0px 7px;
	width: 350px;
	padding-left: 15px;
	color:#ffffff;	
	float: none;
}
#nav .active .level1 a {
	background:url(../images/category-active-level1.png) no-repeat 0px 7px;
	width: 350px;
	padding-left: 15px;
	float: none;
}
#nav .active .level1 a:hover {
	background:url(../images/category-active-level1.png) no-repeat 0px 7px;
	width: 350px;
	padding-left: 15px;
	float: none;
}


#nav li.active a,#nav li.active a:hover { 
	color:#ffffff;
	background:url(../images/category-active.png) no-repeat 0px 7px;
	width:124px;
	height: 22px;
	float: left;
}
#nav li.over a, #nav a:hover { color:#780c00; }


#nav ul li, #nav ul li.active { margin:0; padding-bottom:1px; height:23px; }


#nav ul li.last { padding-bottom:0; }



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