/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-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/osl-3.0.php  Open Software License (OSL 3.0)
 */

#sbnav {
	padding: 0;
	font-size: 1.2em;
	z-index: 999;
	width: 195px;
}


/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#sbnav li {
	list-style: none;
	position: relative;
	text-align: left;
	float: none;
}
#sbnav li.over { z-index:99; }
#sbnav li.active { z-index:98; } /* to prevent the li separator from showing through on mouseover on li */
#sbnav a { line-height:1.3em; float: none; }
#sbnav a, #sbnav a:hover { display:block; text-decoration:none; font-weight: normal; }
#sbnav span { display:block; cursor:pointer; white-space:nowrap; }
#sbnav li ul span, #sbnav ul span, #sbnav ul li.last li span {white-space:normal; margin:0; padding:0; }
#sbnav ul, #sbnav ul ul, #sbnav ul ul ul, #sbnav ul ul ul ul {
	border: none;
	width: auto;
	position: relative;
	left: 0;
	top: 0 !important;
	display: block;
}

/************ 1ST LEVEL  ***************/
#sbnav li {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
	background: #000;
}

#sbnav li a {
	background-image: url(../images/layout/navLevel0Bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #b9b9b9;
	padding: 3px 12px 3px 8px;
	color: #000000;
}

#sbnav li.active a {
	background-image: url(../images/layout/navLevel0Bg_act.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #727272;
	color: #56abf8;
	font-weight: bold;
}

#sbnav li.over a,
#sbnav a:hover {
	background-image: url(../images/layout/navLevel0Bg_act.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #727272;
	color: #56abf8;
}
#sbnav li.active li {
	border: none;
}

/* Menus are always white, except if they are hovered or selected */
#sbnav li.active li a,
#sbnav li.active li.active li a,
#sbnav li.active li.active li.active li a,
#sbnav li.active li.active li.active li.active li a {
	color: #FFFFFF;
	background: #000000;
	font-size: 80%;
	font-weight: normal;
}
#sbnav li.active li.active a,
#sbnav li.active li.active li.active a,
#sbnav li.active li.active li.active li.active a,
#sbnav li.active li.active li.active li.active li.active a {
	color: #56abf8;
}
#sbnav li.active li a:hover,
#sbnav li.active li.active li a:hover,
#sbnav li.active li.active li.active li a:hover,
#sbnav li.active li.active li.active li.active li a:hover {
	color: #56abf8;
}

/* Indentation */
#sbnav li.active li a {
  padding: 4px 0 4px 22px;
}
#sbnav li.active li.active li a,
#sbnav li.active li.active li.active a {
  padding: 2px 0 2px 34px;
}
#sbnav li.active li.active li.active li a,
#sbnav li.active li.active li.active li.active a {
  padding: 2px 0 2px 46px;
}
#sbnav li.active li.active li.active li.active li a,
#sbnav li.active li.active li.active li.active li.active a {
  padding: 2px 0 2px 58px;
}

/* hide sublevels */
#sbnav li.level2,
#sbnav li.level3,
#sbnav li.level4 {
	display: none;
}
/* show sublevels */
#sbnav li.active li.active li.level2,
#sbnav li.active li.active li.active li.level3,
#sbnav li.active li.active li.active li.active li.level5 {
	display: block;
}

/* position for Non-IE browsers */
#sbnav li.over > ul { left:0 !important; }
#sbnav li.over > ul li.over > ul { left:0 !important; }
#sbnav li.over ul ul { left:0 !important; }
#sbnav li.over ul.shown-sub { left:0 !important; }
#sbnav li.over li ul.shown-sub { left:0 !important; }

/* Fix for the IE bug */
#sbnav iframe {
	position: absolute;
	left: -1px;
	top: 0;
	z-index: -1;
	background:transparent;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}