/**
 * 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) 2008 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 { float:right; margin-top:16px; font-size:1.3em; z-index:999; position:absolute; top:-40px; right:0px;}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li {
	list-style:none;
	position:relative;
  	text-transform:capitalize;
	text-align:center;
	display:block;
	background:url(../images/nav/top-nav_separator.png) no-repeat 0 0;
	}
#nav li.over { z-index:99; }
#nav li.active { z-index:98; background:url(../images/nav/nav-bg-active.jpg) repeat-x 0 0; } /* to prevent the li separator from showing through on mouseover on li */
#nav a { line-height:1.3em; }
#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; }

#nav a.active {
color:#CC3333;
font-weight:bold;
text-decoration:none;
}

/************ 1ST LEVEL  ***************/
#nav li { float:left; margin:0px 0px 11px 1px; padding:0px 30px; }
ul#nav li a:active { color:#444; }
#nav a { float:left; padding-right:11px; color:#FFF; height:30px; line-height:30px;}
#nav li.over a, #nav a:hover { color:#FFF; text-decoration: underline; }
#nav li.over, #nav li.active { margin:0 7px 10px 0;  }



/************ 1ST LEVEL RESET ************/
#nav ul li, #nav ul li.active, #nav ul li.over {
    float:none;
    border:none;
    margin:0;
    background:none;
    padding:0;
    padding-bottom:1px;
    text-transform:none;
    }
#nav ul li.parent { background:url(../images/nav_parent_arrow.gif) no-repeat 100% 50%; }
#nav ul li.last { padding-bottom:0; }
#nav ul li.active { margin:0; border:0; background:none; }
#nav ul a, #nav ul a:hover {
	float:none;
	padding:0;
	background:none;
	}
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul {
	position: absolute;
	width:15em;
	top:22px;
	left:-10000px;
    border:1px solid #bbb;
    border-bottom:2px solid #999;
    padding:3px 8px;
    background:#fcfcfc; 
    font-size:11px;
}

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


#nav ul li a { padding:3px 0; color:#444 !important; }
#nav ul li a:hover { padding:3px 0; color:#5a7f00 !important; }

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

/* Left Navigation */
.vertical-nav-container { margin-left: 0px; margin-bottom: 8px; }
.vertical-nav 	{ min-height: 378px;}
h3#products		{ padding-left: 15px; color: #666; font-weight: bold;}
.nav-bottom		{ background:transparent url(../images/nav/left_nav_topl.jpg) no-repeat scroll 0 0;}
.nav-left-t		{ background:transparent url(../images/nav/left_nav_top.jpg) no-repeat scroll 0 0; padding-top:13px;}
.nav-left-m		{ background:transparent url(../images/nav/left_nav_bottom.jpg) no-repeat scroll 0 100%;}
.nav-left-b		{ background:transparent url(../images/nav/left_nav_topr.jpg) no-repeat scroll 100% 100%; }
ul#nav_vert 	{ padding-left:6px; max-height: 338px; width:158px; padding-bottom: 14px; }

/* Menu Links */
ul#nav_vert li a	{ background:transparent url(../images/nav/separator.gif) no-repeat scroll 0 100%; height: 19px; display:block; padding-left:8px; padding-bottom:5px; font-size:12px; padding-top:5px;}
ul#nav_vert li.active 		{background:url(../images/nav/li-hover.jpg) repeat-x 0 0;}
ul#nav_vert ul li.subopen 	{background:url(../images/nav/ver-nav-sub.jpg) no-repeat 0 0;}
ul#nav_vert li a:hover		{background:url(../images/nav/li-hover.gif) repeat-x 0 0; color: #fff; font-weight:bold;}ul#nav_vert li a.active		{background:url(../images/nav/li-hover.png) repeat-x 0 0; color: #fff; font-weight:bold;}
ul#nav_vert li ul li 		{background: url(../images/nav/arrow.gif) no-repeat 10% 50%;}
ul#nav_vert li ul li a 		{padding-left: 40px;}
ul#nav_vert li#none			{background:none;}
/* Top Navigation */
.cms-home div.outline-creator .search-bar ul#nav li#home { background:transparent url(../images/nav/nav-bg-active.jpg) no-repeat scroll 0 0;}
.cms-about-us div.outline-creator .search-bar ul#nav li#about { background:transparent url(../images/nav/nav-bg-active.jpg) no-repeat scroll 0 0;}
.cms-trade-accounts div.outline-creator .search-bar ul#nav li#taccounts { background:transparent url(../images/nav/nav-bg-active.jpg) no-repeat scroll 0 0;}
.cms-faq div.outline-creator .search-bar ul#nav li#faqs { background:transparent url(../images/nav/nav-bg-active.jpg) no-repeat scroll 0 0;}
.contacts-index-index div.outline-creator .search-bar ul#nav li#contact { background:transparent url(../images/nav/sm-nav-bg-active.jpg) no-repeat scroll 0 0;}