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

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; background:url(../images/menu/strip.gif) no-repeat right 1px; height:43px; }
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none !important; font-family: Verdana, Arial, Trebuchet; color:#ffffff; font-size:12px; height:12px; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }
#nav ul li	{ height:auto; background:none; padding:0; margin:0; }

/************ 0 LEVEL  ***************/
#nav li { float:left; }
#nav li.active a { color:#fff; background:url(../images/menu/active.gif) repeat-x; }
#nav a { float:left;  padding:14px 18px 16px 20px; margin-right:2px; font-weight:bold; color:#fff; }
#nav .over { color:#fff; background:url(../images/menu/hover.gif) right 1px repeat-x; height:43px; }
#nav .over li { height:auto;  }
#nav a:hover { color:#fff; background:url(../images/menu/hover.gif) repeat-x 0 1px; }
#nav li.active a:hover { color:#fff; background:url(../images/menu/active.gif) repeat-x; }


/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:0px; }
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none;  height:auto; font-size:10px; padding:4px 0px 4px 0; color:#fff; }
#nav li.active li a { color:#fff; background:#404040; }
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:15em; top:42px; left:-10000px; border:1px solid #353535; border-bottom:0; }

/* 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 a 				{ background:url(../images/menu/bg.gif); color:#fff; margin:0; border-bottom:#353535 solid 1px; }
#nav ul a:hover 		{ background:url(../images/menu/hover2.gif) repeat-x; }

#nav .active ul li a 			{ background:url(../images/menu/bg.gif); color:#fff; margin:0; border-bottom:#353535 solid 1px; }
#nav .active ul li a:hover 		{ background:url(../images/menu/hover2.gif) repeat-x !important; }
#nav .over ul li.over { background:url(../images/menu/hover2.gif) repeat-x;  }
#nav ul li a,
#nav ul li a:hover { color:#fff !important; }
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}

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




**********************************************Vertical Nav ****************************************/
#nav_vert { padding:0 20px; font-size:1em; z-index:999; width:190px; overflow: hidden; height:10px; }

/************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */
#nav_vert li {
list-style:none;
text-align:left;
background:url(../images/sign2.gif) 0 30px repeat-x; 
width:152px;
height:27px;
padding:0 0 0 0;
margin-left:10px;
}
div[class] #nav_vert li {
height:auto;
min-height:32px;
}

#nav_vert li a {
background:url(../images/menu/sign.gif) no-repeat center right;
width:152px;
height:27px;
padding:5px 0 0 0;
display:block;
color:#fff;
text-decoration:none !important;
}
#nav_vert li a:hover {
background:url(../images/menu/sign-hover.gif) no-repeat center right;
color:#f26522;
}
#nav_vert li.active a {
background:url(../images/menu/sign-hover.gif) no-repeat center right;
color:#f26522;
font-weight:bold;
}
#nav_vert li.active li a {
background:none;
color:#fff;
font-weight:normal;
height:20px;
}
#nav_vert li.active li a:hover {
background:none;
}
#nav_vert li.active li.active a {
background:none;
color:#f26522;
font-weight:bold;
}


#nav_vert li.active li {
background:url(../images/menu/disc.gif) 0 12px no-repeat;
padding-left:10px;
height:15px;
}
div[class] #nav_vert li.active li {
height:auto;
min-height:15px;
}

#nav_vert li.active li.active li a {
background:none;
color:#fff;
font-weight:normal;
}
#nav_vert li.active li.active li.actuve a {
background:none;
color:#f26522;
font-weight:bold;
}

#nav_vert li li a {
background:none;
width:auto;
}
#nav_vert li.active a:hover {
color:#f26522;
}
#nav_vert li.active li.active a:hover {
background:none;
color:#f26522;
}
#nav_vert li.active li.active li.active a {
color:#f26522;
font-weight:bold;
}


#nav_vert li li { margin-left:10px; width:auto; background:none; height:15px; }
#nav_vert ul {
display:none;
margin:5px 0 0 0;
}
#nav_vert li.active ul {
display:block;
}
#nav_vert li.active ul ul {
display:none;
}
#nav_vert li.active ul li.active ul {
display:block;
}