/**
 * 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 0px;
	font-size: 1.1em;
}

/************** ALL LEVELS  *************/
	/* Style consistent throughout all nav levels */
#nav li {
	position: relative;
	text-align: left;
	background-image: url(../images/side-back.png); 
	background-repeat: no-repeat;
}

#nav li:hover {
	
	background-repeat: no-repeat;
}
	

#nav a,#nav a:hover {
	
	display: block;
	line-height: 1.3em;
	text-decoration: none;
	
}

#nav span {
	display: block;
	cursor: pointer;
	padding-left:20px;
	white-space: nowrap;
}

#nav li ul span {
	white-space: normal;
}

/************ 0 LEVEL  ***************/ /*#nav li { float:left; }*/
.level0{
}
#nav .level0.active > a{
	background-image: url('../images/side-back-hover.png');
}

#nav a {
	background-image: url(../images/side-back.png); 
	background-repeat: no-repeat;
	padding: 2px 10px 5px 16px;
	color: #ffffff;
}

#nav li.over a,#nav a:hover {
	background-image: url('../images/side-back-hover.png');
	
}
/************ 1ST LEVEL ************/
#nav ul li,#nav ul li.active {
	float: none;
	margin: 0;
	background: url(../images/sub-cat.png);
	background-repeat: no-repeat;
	
	padding-bottom: 1px;
	position:relative;
	z-index:1;
	left:34px;
}

/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last {
	
	padding-bottom: 0;
}

#nav ul a,#nav ul a:hover {
	float: none;
	padding: 0;
	background: none;
}

#nav li.over ul li a {
	font-weight: normal !important;
	background: url(../images/sub-cat.png);
	background-repeat: no-repeat;
	width:185px;
	
}
#nav li.over ul li.over a {background-image: url('../images/side-back-hover.png');}
/************ 2ND LEVEL ************/
#nav ul {
	
	width: 15em;
	
}

/* 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 {

}

#nav li.over ul li a:hover {
	color: #ffffff !important;
	background:url('../images/sub-cat-hover.png') top left no-repeat;
	/*background:#FF0000;*/
}
#nav li.active ul li.active a{
	color: #ffffff !important;
	background:url('../images/sub-cat-hover.png') top left no-repeat;
	/*background:#FF0000;*/
}
#nav ul span,#nav ul li.last li span {
	padding: 3px 15px 4px 15px;
}

/************ 3RD+ LEVEL ************/
#nav ul ul {
	top: 5px;
}
/*		Left Navigation		*/
.menu-nav-container{
	width:220px;
	height:auto;
	margin-bottom:1.3em;
	float:left;
}


#leftnav {font-size:12px; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all leftnav levels */
#leftnav li { position:relative; text-align:left; }
#leftnav li.over { z-index:999; border-bottom:1px solid #FFF; }
#leftnav a{
	background-image: url(../images/side-back.png);background-repeat: no-repeat;
	padding: 3px 10px 5px 30px;
	color: #ffffff;
	} 
#leftnav a,
#leftnav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#leftnav span { display:block; cursor:pointer; white-space:nowrap; font-weight:bold; }
#leftnav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#leftnav li { float:left; width:100%; position:relative; border-bottom:1px solid #FFF;}
#leftnav li.last {border-bottom:none !important;}
#leftnav li.active a { color:#d96708; }

#leftnav a { float:left;color:#FFF; font-weight:normal; font-size:12px; text-transform:uppercase; width:100%; }
#leftnav li.over a,
#leftnav a:hover {background-image: url('../images/side-back-hover.png') }
#leftnav li.over a, #leftnav li.active a{ border-bottom:1px solid #FFF;}
#leftnav li.over ul li a, #leftnav li.active ul li a{ border-bottom:none;}
/************ 1ST LEVEL ************/
#leftnav ul li,
#leftnav ul li.active { float:none; margin:0; padding-bottom:1px; }
/*#leftnav ul li.over { background:#d5e4eb url(../images/leftnav_divider.gif) repeat-x 0 100%; }*/
#leftnav ul li.last {padding-bottom:0; }
#leftnav li.over ul li{padding:0 0 0 15px;}
#leftnav li.over ul li a {
	font-weight: normal !important;
	background: url(../images/sub-cat.png);
	background-repeat: no-repeat;
	width:185px;
	padding:0 0 0 10px;
	height:25px;
	line-height:25px;
}
#leftnav li.over ul li a:hover {
	color: #ffffff !important;
	background:url('../images/sub-cat-hover.png') top left no-repeat;
}
#leftnav li.active ul li.active a{
	color: #ffffff !important;
	background:url('../images/sub-cat-hover.png') top left no-repeat;
}
#leftnav ul a,
#leftnav ul a:hover { float:none; padding:0;}
#leftnav ul li a { font-weight:normal !important; }
#leftnav li.active ul li.active a span{color:#D96708;}
/************ 2ND LEVEL ************/
#leftnav ul {width:185px; clear:both; display:none; margin:0px 0px 0px 10px;}

/* Show menu */
#leftnav li.over ul {display:block; clear:both; margin:0px 0px 0px 10px; }
#leftnav li.over > ul {display:block; clear:both; }
#leftnav li.active > ul {display:block; clear:both; }
#leftnav li.over > ul li.over > ul { left:100px; }
#leftnav li.over ul ul { left:-10000px; }

#leftnav ul li a {}
#leftnav ul li a:hover span { color:#ffffff !important; }
#leftnav ul li a,
#leftnav ul li a:hover { float:left; padding:3px 0px 3px 0px; color:#FFF !important;}
#leftnav ul li a span{ font-weight:normal;}
#leftnav ul li a:hover span {color:#ffffff !important;}
#leftnav ul span, #leftnav ul li.last li span {}

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

