/**
 * 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; padding-top:1.4em; margin-bottom:3.8em; font-size:.833em; background:#EFEFEF url(../images/menu_bg.jpg) repeat-x; position:relative; z-index:50;}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { text-align:left; }
#nav li.over { z-index:999; }
#nav a,
#nav li.over a,
#nav a:hover{ display:block; line-height:1.0em; text-decoration:none; padding:0; margin:0;}
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left; }
#nav a { margin-left:.4em; padding:.866em .666em .46em .666em; color:#333333; font-weight:bold; font-size:1.5em;
border:1px solid #FFFFFF; border-bottom:none; background:#FFFFFF url(../images/menu_tabbg.jpg) repeat-x bottom;}
#nav li.over a,
#nav a:hover { color:#999999; margin-left:.4em; padding:.866em .666em .46em .666em;}
#nav li.active a { color:#666666; border:1px solid #CCCCCC; border-bottom:none; background:#FFFFFF url(../images/menu_tabbg_hover.jpg) repeat-x bottom;}


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

#nav ul a,
#nav ul a:hover { padding:0; background:none; }
#nav ul ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:950px; left:-10000px;}

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

#nav ul li a, #nav li.active ul a, #nav li.over ul a {background:none; border:none; font-size:1.2em; color:#333333; line-height:2.566em; margin-left:0; padding:0;}
#nav ul li.parent a {background:url(../images/menu_arrow_down.gif) no-repeat center center}
#nav ul li.over a { padding:0; background:url(../images/menu_arrow_up.gif) no-repeat center center;}

#nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span, #nav ul li.last li span { padding:3px 1.0em 4px 1.0em;}

/************ 3RD LEVEL ************/
#nav ul ul { background:url(../images/menu_dropdown_bg.png) repeat-x; padding:.75em 0; top:3.0em;}

#nav ul ul li {float:left;}
#nav ul ul li a, #nav li.active ul ul a, #nav li.over ul ul a { color:#F0C707; background:none; text-transform:uppercase; font-size:1.09em; width:190px; line-height:1.0em; padding:0; padding-top:.5em;}
#nav ul ul li a:hover, #nav li.active ul ul a:hover, #nav li.over ul ul a:hover { color:#F3E358 !important;}

/************ 4TH+ LEVEL ************/
#nav ul ul ul { background:none; padding:0; float:none; width:190px; position:relative; top:0; min-height:0;}

#nav ul ul ul li {float:none;}
#nav ul ul ul li a, #nav li.active ul ul ul a, #nav li.over ul ul ul a {color:#FFFFFF; background:none; font-size:1.1em; line-height:1.0em; text-transform:none; padding-top:0;}
#nav ul ul ul li a:hover, #nav li.active ul ul ul a:hover, #nav li.over ul ul ul a:hover { color:#BBBBBB !important;}

#nav ul:after, #nav ul ul:after, #nav ul ul ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }