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


/**********************************************Vertical Nav ****************************************/


#nav_vert { 
margin-right:20px; 
font-size:1em; 
z-index:999; 
/*width:216px;*/
border-top:0px solid #cccccc;
}

/************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */
#nav_vert li {
width:220px;
list-style:none;
position:relative;
text-align:left;
}
#nav_vert li.over { z-index:999; }
#nav_vert li.active { z-index:998; } /* to prevent the li separator from showing through on mouseover on li */
#nav_vert a { line-height:18px; }
#nav_vert a, #nav_vert a:hover { display:block; text-decoration:none; }
#nav_vert span { display:block; cursor:pointer; }





/************ 1ST LEVEL ***************/
#nav_vert li { float:left; margin-right:0px; height:26px; background:url(../images/nav_divider.gif) repeat-x 0 100% #FFEE00; width:218px;}
#nav_vert li.active a { color:#000000; }
#nav_vert a {
float:left;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:3px;
/*padding: 5px 0px 3px 5px;*/
color:#000000;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
width:208px;}
#nav_vert li.over a, #nav_vert a:hover {color:#FFEE00; background-color:#444444;width:208px;}
/*#nav_vert li.active a {background-image:url(../images/pager_arrow_right.gif); background-position:2px 9px; background-repeat:no-repeat;}*/

/************ 1ST LEVEL RESET ************/
#nav_vert ul li, #nav_vert ul li.active {
/*float:none;*/
height:auto;
background:none;
margin:0;
}

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

#nav_vert ul li a { font-weight:normal !important; }





/************ 2ND LEVEL ***********/
#nav_vert ul {
position: absolute;
width:218px;
margin-left:200px;
top:10px;
left:-10000px;
border-top:1px dotted #cccccc;
border-left:1px dotted #cccccc;
border-right:1px dotted #cccccc;
}

/* Show menu */
#nav_vert li.over ul { left:0;}
#nav_vert li.over ul ul { left:-10000px; }
#nav_vert li.over ul li.over ul { left:100px;}

#nav_vert ul li, #nav_vert ul li.active {background:#FFF58F; color:#333333;}
#nav_vert ul li a:hover span{background: #444444; color:#FFEE00; text-indent:5px;width:218px;}
#nav_vert ul li a span {background:url(../images/nav_divider.gif) repeat-x 0 100%; line-height:24px;margin:0px;width:218px;}
#nav_vert ul li a {
color:#333333 !important;
font-weight:normal;
text-indent:5px;
background:#FFF58F !important;
}


#nav_vert ul ul li a { font-weight:normal !important; }
/************ 3RD+ LEVEL ************/

#nav_vert ul ul { top:10px;margin-left:100px;z-index:1001; }
#nav_vert ul ul li {background:#FFFBCF; color:#333333;} 
#nav_vert ul ul ul { left:-10000px;}
#nav_vert li.over ul li.over ul ul { left:-10000px;}
#nav_vert li.over ul li.over ul li.over ul { left:100px; }


#nav_vert ul ul li a {
color:#333333 !important;
font-weight:normal;
text-indent:5px;
background:#FFFBCF !important;
}

/* Fix for the IE bug */

#nav_vert iframe {
position: absolute;
left: -1px;
top: 0;
z-index: -1;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}