/**
 * 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 {
     text-align :center;
     
     font-size :1.1em;
     margin-left: 2px; 
     padding-left: 5px;
     padding-top: 10px;
     margin-top: 5px;
     z-index: 999;
    /* height: 32px; */
     height: 40px;
     vertical-align: middle;
     background :url(../images/cof_menuback.png) no-repeat; 
}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li {
	list-style:none;
	position:relative;
        text-transform:uppercase;
	text-align:left;
	}
#nav li ul { display:none; }
#nav li.over ul { display:block; }
#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;
/*        width:100%;      Causing the Menu Item to span 100% of screen width in IE*/
}
#nav li ul span {white-space:normal; }



/************ 1ST LEVEL  ***************/
#nav li { float:left; 
          margin:1px 5px 5px 1px; 
          padding:3px 5px; 
}
#nav li.active a { color:#2dc1d9; }
#nav a { 
     float:left; 
     background:url(../images/nav_top_level_arrow.gif) no-repeat 100% 50%; 
     padding-right:11px; 
     color:#2dc1d9; font-weight:bold; }
#nav li.over a, #nav a:hover { color:#FFFFFF; }
#nav li.over, #nav li.active { margin:0 7px 10px 0; border:1px solid #bbb; background:#F9D3E2; }



/************ 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:bold !important; }



/************ 2ND LEVEL ************/
#nav ul {
	position: absolute;
	width:15em;
	top:22px;
	left:-10000px;
        border:1px solid #bbb;
        border-bottom:2px solid #999;
        padding:3px 5px;
        background:#F9D3E2;
        color: #FFFFFF; 
        font-weight: bold;
        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:#FFFFFF !important; }
#nav ul li a:hover { padding:3px 0; color:#444 !important; }



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