/**
 * 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
\*------------------------------------*/
#nav{
	float:left;
	width:980px;
	height: 66px;
	list-style:none;
	font-weight:normal;
	position:relative;
	background:  url(/images/frontend/nav-bg.gif) repeat-x;
	z-index: 9999;
	
}
#nav li{
	float:left;
	margin-right:0;
	position:relative;
	display:block;
	padding-left: 0;
}
#nav li a{
    border-right: 1px solid #CCCCCC;
    color: #666666;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	width: 121px;
    height: 31px;
	padding: 17px 0 0 0 ;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	text-shadow: 1px 1px 1px #BBB;
}

#nav li.end a {border-right: none!important; 	width: 125px!important;}

#nav li a:hover{
	border-right: 1px solid #CCCCCC;
    color: #666666;
	background: #f1f2f1;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding: 17px 0 0 0 ;
	width: 121px;
    height: 31px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	text-shadow: NONE;

}

/*--- DROPDOWN ---*/
#nav ul {
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}
#nav ul li{
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
#nav li:hover a{ /* Set styles for top level when dropdown is hovered */
	background:#f1f2f1; /* Solid colour fall-back */
	border-bottom:1px solid #ccc;
	color:#333;
	z-index: 999;
	
}
#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
	width: 160px;
}
#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	background:#333; /* Solid colour fall-back */
	color:#fff;
	background:rgba(51,51,51,0.75); /* It'll look nice semi-transparent */

}