/**
 * 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)
 */
 .navigation {padding-bottom: 2em;width: 980px;}
#nav p{margin: 0px;padding:0px;}
#nav { float:left; font-size:1.1em;}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav 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:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left;padding:16px 15px 17px 15px; background:url(../images/nav_divider.gif) repeat-y top right;}
#nav li.active a { color: #fff; }
#nav a { float:left;color:#ccc; font-weight:bold; }
#nav li.over a {color: #fff;}
#nav a:hover {color:#fff; }
#nav li.over,
#nav li.active {background: #ff5803 url(../images/nav_ahover.gif) top right no-repeat;}


/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active,
#nav ul li.over { float:none; border:none; background:none; margin:0; 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:48px; left:-10000px; border:1px solid #bbb;  padding:3px 8px; background:#fcfcfc; font-size:12px; }

/* 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:#d94900 !important; }

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }

/**********************************************Vertical Nav ****************************************/
 
    #nav_vert { padding:0 8px; font-size:1em; z-index:999; width:180px; background-color: /* #F6F6F6; */ }
 
     
 
    /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */
 
    #nav_vert li {
 
    width:200px;
 
    list-style:none;
 
    position:relative;
 
    text-align:left;
 
    background-color: #F6F6F6;
 
    border-bottom-width: thin;
 
    border-bottom-style: solid;
 
    border-bottom-color: #CCCCCC;

 
    }
 
    #nav_vert li.over { z-index:1001; color:#ffffff; }
 
    #nav_vert li.active { z-index:900;} /* to prevent the li separator from showing through on mouseover on li */
	#nav_vert li.active span {color:#ff6600;}
    #nav_vert a { line-height:1.3em; }
 
    #nav_vert a, #nav_vert a:hover { display:block; text-decoration:none; color:#ff6600; }
 
    #nav_vert span { display:block; cursor:pointer; color: #282828; }
 
     
 
    /************ 1ST LEVEL ***************/
 
    #nav_vert li { float:left; height:30px; margin-right:1px; }
 
    #nav_vert li.active a { color:#ffffff; z-index:900; }
 
    #nav_vert a {
 
     
 
    float:left;
 
    padding:5px 12px 6px 8px;
 
    font-weight:bold;
 
    font-family:Arial;
 
font-size:1.1em;}
 
    #nav_vert li.over a, #nav_vert a:hover { color:#ff6600; }
 
     
 
    /************ 1ST LEVEL RESET ************/
 
    #nav_vert ul li, #nav_vert ul li.active {
 
     
 
    float:none;
 
    height:auto;
 
    background:none;
 
    margin:0;
	
 
    }
 
    #nav_vert ul a, #nav_vert ul a:hover {
 
    float:none;
 
    padding:0;
 
    background:none;
 
    }
 
    #nav_vert ul li a { font-weight:normal !important; }
 
     
 
    /************ 2ND LEVEL ***********/
 
    #nav_vert ul {
 
    position: absolute;
 
    width:200px;
 
    margin-left:180px;
 
    top:0px;
 
    left:-10000px;
 
    border:1px solid #999999;
	
		border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;  		
	-webkit-border-top-left-radius: 5px;
	
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;  
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;  		
	-webkit-border-bottom-left-radius: 5px;
	

	z-index:1001;
 
    }
 
     
 
     
 
    /* Show menu */
 
    #nav_vert li.over ul { left:0; }
 
    #nav_vert li.over ul ul { left:-10000px; }
 
    #nav_vert li.over ul li.over ul { left:5px; }
 
     
 
    #nav_vert ul li a { background:#f5f5f5/*#ecf3f6*/; 
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;  		
	-webkit-border-top-left-radius: 5px;
	
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;  
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;  		
	-webkit-border-bottom-left-radius: 5px; color:#ffffff;
	}
 
    #nav_vert ul li a:hover { background: #ff6600; color:#f5f5f5 !important; }
 
    #nav_vert ul li a span {color:#3d3d3d; }
	#nav_vert ul li a:hover span {color:#ffffff; }
 
    #nav_vert ul li a, #nav_vert ul li a:hover { color:#f5f5f5; }
 
    #nav_vert ul span, #nav_vert ul li.last li span { padding:6px 15px 6px 15px; }
 
    #nav_vert ul li.last span { background:none; }
 
     
 
     
 
    /************ 3RD+ LEVEL ************/
 
     
	#nav_vert ul {
 
    position: absolute;
 
    width:200px;
 
    margin-left:180px;
 
    top:0px;
 
    left:-10000px;
 
    border:1px solid #999999;
	
		border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;  		
	-webkit-border-top-left-radius: 5px;
	
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;  
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;  		
	-webkit-border-bottom-left-radius: 5px;
	

	z-index:1001;
 
    }
    #nav_vert ul ul { top:5px;}
 
    #nav_vert ul ul ul { left:-10000px; }
 
    #nav_vert li.over ul li.over ul ul { left:-10000px; }
 
    #nav_vert li.over ul li.over ul li.over ul { left:5px; }
 
     
 
    /* Fix for the IE bug */
 
     
 
    #nav_vert iframe {
 
    position: absolute;
 
    left: -1px;
 
    top: 0;
 
    z-index: -1;
 
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
 
    }