/**
 * 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.
 *
 * @copyright  Copyright (c) 2004-2007 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */
#nav {
    margin: 0 auto;
    padding:7px 0 0 2px;
    text-transform: uppercase;
    font-size: 11px;
    z-index:70;
    background: url(../images/menu/bg_nav.jpg) no-repeat;
    width: 974px;
    height: 37px;
    -moz-padding-start:10px;
}

-moz-any(nav) {padding-left: 200px;}
#nav ul { width: 974px; text-align: center; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { list-style:none; position:relative; text-align:left; }
#nav li.over { z-index:75; }
#nav li.active { z-index:80; } /* to prevent the li separator from showing through on mouseover on li */
#nav a {
    line-height: 13px;
    color: #fff;
    font-weight:600;
    margin-right:2px;
}
#nav li a span.topbar {
    width:auto;
    height:25px;
}

#nav li.over {
    z-index:84;
    display: list-item;
    color:#fff;
    background-repeat: no-repeat;
    background-position: left;
}

#nav li a span.topbar:hover {
    background-repeat: no-repeat;
}

#nav a, #nav a:hover {
    display:block;
    text-decoration:none;
}

#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 1ST LEVEL  ***************/
#nav li { 
    float:left;
}
#nav li.active a { 
    color:#fff;
    text-decoration: none;
}

#nav li.level0.active {
background-image: url(../images/menu/bg_nav_over2.jpg);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #6F7376;
margin:-1px -1px 0 -1px;
}



#nav a { float:left; padding:5px 9px 6px 10px; -moz-padding-start:6px; -moz-padding-end:6px; -webkit-padding-start:7px; -webkit-padding-end:6px; color:#fff; font-weight:bold; /*font-weight:600; letter-spacing:-0.01em;*/ border-left:1px solid #535B69; border-right:1px solid #363942; margin:0; }
#nav :first-child a { border-left:0;}
#nav .nav-the-outlet > a { border-right:0;}
#nav .nav-free-shipping > a { border-right:0;}
#nav li li a { border:0; }

#nav li.over a, #nav a:hover { color:#fff; }


/************ 1ST LEVEL RESET ************/
#nav ul li, #nav ul li.active {
    float:none;
    margin:0;
    padding-bottom:0px;
    font-size: 12px;
    line-height: 13px;
    text-decoration: none;
    background: #F2F2F2;
    color: #fff;
    text-transform: capitalize;
}
#nav ul li.over {background:#F2F2F2;}
#nav ul li.last { background:#F2F2F2; padding-bottom:0; }


#nav ul a, #nav ul a:hover {
    float:none;
    padding:0;
    background:#F2F2F2;
    text-decoration: none;
    color: #fff;
}
#nav ul li a { font-weight:normal !important; }


/************ 2ND LEVEL ************/
#nav ul {
    position: absolute;
    width:15em;
    top:23px;
    left:-10000px;
    border:2px solid #353C46;
    border-top: 7px solid #353C46;
    color: #fff;
}

/* 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 { 
    background:#F2F2F2; 
    color: #ffffff;
    text-decoration: none;
}

#nav ul li a:hover { background:#3F607C; }
#nav ul li a, #nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span, #nav ul li.last li span { color: #000; padding:2px 15px 3px 10px;}
#nav ul li a:hover span { color: #fff; }

/************ 3RD+ LEVEL ************/

#nav ul ul {
top:1px;
margin-left: 30px;
border-top: 1px solid #333;
}

#nav .nav-brands ul {
    width: 455px;
    background: #F2F2F2;
}

#nav .nav-brands.over > ul { left:-305px; }

#nav .nav-brands ul li {
    float:left;
    width:151px;
    height:20px;
    font-size: 12px;
    line-height: 13px;
    text-decoration: none;
    color: #fff;
}

#nav .nav-the-outlet.over > ul { left:-81px;}

