/**
 * 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 { padding:0px 5px; font-size:12px; z-index:999; float:left; width:720px; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li {list-style:none; position:relative; text-align:left;}
#nav li.over { z-index:99; }
#nav li.active { z-index:98; } /* 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; }

/************ 1ST LEVEL  ***************/
#nav li { float:left; }
#nav li.active a { color:#d96708; }
#nav a { float:left; padding:5px 26px 6px 8px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:url(../images/top-nav_icon.jpg) no-repeat; background-position:right; }
#nav li.over a, #nav a:hover { color:#d96708; }


/************ 1ST LEVEL RESET ************/
#nav ul li, #nav ul li.active {float:none;	margin:0; padding-bottom:1px; background:#E9E9E9 url(../images/nav_divider.gif) repeat-x 0 100%;}
/*opacity:100; filter: alpha(opacity=100); -moz-opacity: 1;*//***********we can't use it as it doesn't show li content**********/
#nav ul li.over {background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%;}
#nav ul li.last {background:#E9E9E9 url(../images/nav_divider.gif) repeat-x 0 100%; padding-bottom:0; }
#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:25px; left:-10000px; border:1px solid #899ba5;}

/***********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:#E9E9E9; }
#nav ul li a:hover { background:#d5e4eb; }
#nav ul li a, #nav ul li a:hover { color:#333333 !important; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
#nav ul span, #nav ul li.last li span { padding:2px 5px;}

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

/* Fix for the IE bug */
#nav iframe {
position: absolute;
left: -1px;
top: 0;
z-index: -1;
background:transparent;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
.debug {border:1px solid red!important;}



/*CSS for left navigation category panel by vineet gupta*/
#left-nav { font-size:1em;} 

/************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ 
#left-nav li { list-style:none; position:relative; text-align:left;} 
#left-nav li.over { z-index:50; } 
#left-nav li.active { z-index:50; } /* to prevent the li separator from showing through on mouseover on li */ 
#left-nav a, #left-nav a:hover { display:block; text-decoration:none; } 
#left-nav span { display:block; cursor:pointer; white-space:nowrap; } 
#left-nav li ul span {white-space:normal; }

/************ 1ST LEVEL ***************/ 
#left-nav li { float:left; color:#666; line-height:1.2em; } 
#left-nav li.active a { color:#f7961e; /*line-height:1.2em; margin:0px; padding:0px;*/} 
#left-nav a {float:left; margin:2px 0px; padding:2px 6px 2px 0px; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:11px;} 
#left-nav li.over a, #left-nav a:hover { color:#f7961e; } 

/************ 1ST LEVEL RESET ************/ 
#left-nav ul li, #left-nav ul li.active {float:none; background:none; margin:0;} 
#left-nav ul li.over {background:#fff;}
#left-nav ul li.last{background:#fff; padding-bottom:0pt;}
#left-nav ul a, #left-nav ul a:hover { float:none; padding:0; background:none;} 
#left-nav ul li a { font-weight:normal !important; } 
#left-nav ul {border-bottom-color:#A0B3C3; border-right-color:#A0B3C3; border-left-color:#A0B3C3; border-style:dotted; border-width:1px; width:193px;}


/************ 2ND LEVEL ***********/ 
#left-nav ul li ul { position:absolute; border-color:#A0B3C3; border-style:dotted; border-width:1px; width:192px; background:#FFF;}
#nav_vert span { display:block; cursor:pointer; } 

/* Show menu */ 
#left-nav li.over ul { left:0; } 
#left-nav li.over ul ul { left:-10000px; } 
#left-nav li.over ul li.over ul { left:193px; top:0px; color:#FF0000; display:block !important; border-color:#a0b3c3 1px dotted !important;} 
#left-nav ul li a { background:#FFFFFF; } 
#left-nav ul li a:hover { background: #F1FAE9;} 
#left-nav ul li a span { display:block; cursor:pointer; } 
#left-nav ul li a, #left-nav ul li a:hover { color:#2f2f2f !important; line-height:1.2em; margin:2px; padding:0px;} 
#left-nav ul span, #left-nav ul li.last li span { padding:2px 10px;} 
#left-nav ul li.last span { background:none; } 

/************ 3RD+ LEVEL ************/ 
#left-nav ul ul { top:5px; left:158px; display:none;} 
#left-nav ul ul ul { left:-10000px;} 
#left-nav li.over ul li.over ul ul { left:-10000px;} 
#left-nav li.over ul li.over ul li.over ul { left:100px; } 

/* Fix for the IE bug */ 
#left-nav iframe { 
position: absolute; 
left: -1px; 
top: 0; 
z-index: -1; 
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); 
} 
.debug {border:1px solid red!important;}