/**
 * 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; font-size:1em; float:left; width:100%; }
#nav .right-corn { background:url(../images/top_nav_right_corn.gif) right top no-repeat; float:left; width:100%;}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:center; }
*:first-child+html #nav li { position:inherit; }
* html #nav li { position:inherit; }
#nav li li {position:relative; text-align:left;}
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:normal; }
#nav li ul span {height:auto !important; padding:3px 15px !important; white-space:normal; border-bottom:1px solid #d9cdd1; }
#nav li ul li.first span {padding-bottom:0 !important; padding-top:8px !important;}
#nav li ul li.last span {/*padding-top:0 !important; padding-bottom:8px !important;*/}

/************ 0 LEVEL  ***************/
#nav li { float:left; background:url(../images/top_nav_pipe.gif) right top no-repeat; }
#nav li.nobg { background:none;}
#nav li.active a { color:#fff; }
#nav a {   color:#fff; font-weight:bold; background:none; }
#nav li ul a, #nav li ul a:hover { background:none!important; }
#nav li.over a, #nav li.level0 a:hover, #nav li.over.active a, #nav li.level0 a:hover { color:#fff; background:#620023 url(../images/nav-bg-active.gif) no-repeat right top; }
#nav li.active a { color:#fff; background:#620023 url(../images/nav-bg-active.gif) no-repeat right top; }
#nav li.over.last a, #nav li.active.last a { color:#fff; background:#620023 url(../images/nav-bg-active.gif) no-repeat left top; }
/*#nav li.last a, #nav li.level0.last a:hover, #nav li.last a { color:#fff; background:#620023 url(../images/nav-bg-active.gif) no-repeat left top; }*/

#nav ul a,
#nav ul a:hover { background:none!important;}
#nav li a span { height:38px; padding:6px 5px 6px; }

#nav li.nobg a:hover {background:url(../images/top_nav_last_hover.gif) no-repeat right top !important;}
#nav li.cust-product a:hover {background:url(../images/nav-bg-over.gif) no-repeat left top !important;}
#nav li.cust-product a:hover span { background:url(../images/top_nav_pipe.gif) no-repeat right top !important;}
#nav span {  display:inherit!important; white-space:normal!important; }

/************ 1ST LEVEL ************/
#nav ul li {border-bottom:none/*1px solid #d9cdd1*/; border-left:1px solid #000; border-right:1px solid #000; border-top:none;}
#nav ul li,
#nav ul li.active { float:left; background:none; }
#nav ul li.over {  }
#nav ul li.last {/* padding-bottom:0; padding-top:5px; */ border-bottom:none;}

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


/************ 2ND LEVEL ************/
#nav ul { position:absolute; /*width:792px;*/ top:48px; left:-10000px; border-top:7px solid #620023; background:#fff; border-bottom:1px solid #000; }
* html #nav ul {width:100px;}

/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over.nav-kits > ul { left:-190px; }
#nav li.over.nav-kits ul.shown-sub { left:-190px!important; }
#nav li.over > ul li.over > ul { left:100px; }

#nav ul li a { color:#024b89 !important; padding:0 !important; }
#nav ul li a:hover { color:#841833 !important; padding:0 !important;}
/*#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}*/
#nav li.columns { width:15em; }
#nav li.columns ul { width: auto; }
#nav li li li li span { padding:0; }

#nav ul li li a:link 		{ color:#000!important; padding:0!important; }
#nav ul li li a:visited 	{ color:#000!important; padding:0!important; }
#nav ul li li a:hover 		{ color:#000!important; padding:0!important;}
#nav ul li li a:active 	{ color:#000!important; padding:0!important; }

#nav li.columns.odd { width:184px; margin:8px 0 8px 0; padding:0 0 0 12px;  }
#nav li.columns.even { width:185px; margin:8px 0 8px 0; padding:0 0 0 12px;  }

#nav li .bottom-shadow { background:#fff url(../images/nav-popup-bg.gif) right top repeat-y !important; float:left; width:99.4%; border:solid #6d6d6d; border-width:0 0 0 2px; }
#nav li .bottom-shadow ul li { clear:left;}

#nav li .right-shadow { float:left; width:100%; }

#nav li.columns > ul > li > a > span { white-space:normal !important; width:170px !important; clear:both !important; color:#c62938!important; font-weight:bold; line-height:16px; height:auto !important; float:left; margin-top:10px; border-top:1px solid #ccc; padding:9px 0 5px 0!important; font-size:12px!important; }

#nav li.columns > ul { width:179px!important}

#nav li.columns > ul > li > a > span.first { border-top:0; padding:0 0 5px 0!important; margin-top:0!important; }

#nav li.columns > ul > li > ul > li > a > span { width:170px !important; white-space:normal !important; clear:both !important; padding:0 !important; color: #000; line-height:11px !important; height:auto !important; margin:2px 0 !important; font-size:12px!important;  }

#nav li.columns > ul > li > ul { width:170px!important;}

#nav li.columns > ul > li > ul > li > a:hover > span { color:#c62938;}
* html #nav li.columns ul li ul li a:hover span { color:#c62938!important; }
#nav li.columns > ul > li > ul > li > a.red span { color:#ff0000 !important;}

#nav ul ul li span { height:auto!important; }
#nav ul ul { clear:both;}

/************ 3RD+ LEVEL ************/
#nav ul li a {width:200px;}
#nav li.nav-kits ul li a {width:240px;}
#nav li.nav-application-tooling ul li a {width:188px;}
#nav li.nav-hardware-installation-products ul li a {width:210px;}
#nav li.nav-connection-products ul li a {width:254px;}
#nav ul li li a {width:160px; }
#nav ul ul { border: 0px; left:0; position: relative; top:0; background: none; }
#nav ul ul li { float: none; width:auto; }
#nav ul ul ul li a { color: #FFFFFF !important; font-size: 1.0em; }

#nav .columns ul ul li span strong { background:url(../images/mega-menu-arrow.gif) left 4px no-repeat; padding:0 0 0 10px;}

/** ie6 hack */
#nav li.over ul.shown-sub { left:0; }
#nav li.over li li ul.shown-sub { left:100px; }

/** html #nav ul ul li.level1 { /* margin-top:10px!important;* border-top:1px solid #ccc!important; padding:9px 0 0 0!important;  }*/
/* colors */
* html #nav ul ul li.level1 span {  color:#c62938!important; font-weight:bold!important;  border-top:1px solid #ccc!important; padding:8px 0 5px 0!important; }
* html #nav ul ul li.level1 span.first { border-top:0!important; padding:0 0 5px 0!important;}
* html #nav ul ul li.level1 ul { margin-bottom:8px!important;}
* html #nav ul ul li.level1 ul li span { color:#000!important; border-top:0!important; font-weight:normal!important; padding:0px 0 0 0!important;}

/* 0 level width 
---------------------------------------------------*/

#nav li.nobg { width:94px;}


#nav li.nav-termination-products {width:105px;}
#nav li.nav-connection-products {width:90px;}
/*#nav li.nav-lighting-products {width:97px;}*/
#nav li.nav-protection-products {width:92px;}
#nav li.nav-bundling-products {width:107px;}
#nav li.nav-hardware-installation-products {width:165px;}
/*#nav li.nav-application-tooling-kits-storage {width:175px;}*/
#nav li.nav-identification-products {width:130px;/* background:none!important;*/}

#nav li.nav-application-tooling {width:145px;}
#nav li.nav-kits {width:52px;}

/*#nav li.nav-cable-ties-bundling-products {width:116px;}*/
#nav li.nav-cable-ties-bundling-products {width:152px;}
#nav li.nav-cable-markers {width:126px;}

#nav li.nav-terminals-lugs-ferrules {width:134px; }

/* 1st level width 
---------------------------------------------------*/
/* Over */
#nav li.over a.firsthover,
#nav a.firsthover a:hover { color:#fff; background:url(../images/nav-bg-over.gif) no-repeat right top; }
#nav ul a, #nav ul a:hover { background:none!important;}