/**
 * 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 { float:left; }
/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left;text-transform: none;}
#nav li.over { z-index:999;display: block; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { color:#ffffff; height:34px; width: 123px; background: #00B6EF; float:left;background: url(/skin/frontend/default/jm_purity/images/nav_button.gif) repeat-y top right;}
#nav li.active a { color: #fff; }
#nav a { line-height:34px; color:#fff; font-weight: bold;  text-align:center;}
#nav a:hover {line-height:34px; background: #158CC9 url("/skin/frontend/default/jm_purity/images/nav_button_hover.gif") no-repeat top left;}



#nav li:hover, #nav li.over,
#nav li.active{ background: #158CC9 url("/skin/frontend/default/jm_purity/images/nav_button_hover.gif") no-repeat top left;}



/************ 1ST LEVEL RESET ************/
#nav ul li,
#nav ul li.active { float:none; height:auto; background:none; margin:0; }
#nav ul a,
#nav ul a:hover { float:none; padding:0; line-height:1.3em; }
#nav ul li.over a,
#nav ul li.over a:hover,
#nav ul a,
#nav li.active li { font-weight:normal;}


/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:162px; top:34px; left:-10000px; padding-bottom:0px; border-top:1px solid #cccccc;
border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
#nav ul ul  {top:13px;}

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


#nav ul li a { background:#ffffff; width:162px;}
#nav ul li a:hover {color:#0c5a81; background:#dbeef7; width:162px;}
#nav li.over ul a,
#nav ul li.active a,
#nav ul li a {color:#0099FF; text-align:left;}
#nav ul li a:hover { color:#0c5a81; }
#nav ul span,
#nav ul li.last li span { padding:5px 10px; background:url(../images/menu/nav2_link_bg.gif) repeat-x 0 100%; }
#nav ul li.last span,
#nav ul li.last li.last span { background:none; }
#nav ul li.last { border-bottom:1px solid #cccccc; padding-bottom:0px; width:162px;}

#nav ul li.parent a,
#nav ul li.parent li.parent a { background-image:url(../images/menu/nav2_parent_arrow.gif); background-position:100% 100%; background-repeat:no-repeat; }
#nav ul li.parent li a,
#nav ul li.parent li.parent li a { background-image:none; }

/************ 3RD+ LEVEL ************/
/* Cursors */
#nav li.parent a,
#nav li.parent li.parent a,
#nav li.parent li.parent li.parent a { cursor:default; }

#nav li.parent li a,
#nav li.parent li.parent li a,
#nav li.parent li.parent li.parent li a { cursor:pointer; }

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

.nav-bar:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;  }