/**
 * 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 { 
	float: left;
	display: inline; }



/* BEGIN MENU */

.menu {
	margin: 0 auto;
	width: 975px;
	height: 29px; }


/************** ALL LEVELS  *************/ /* Style consistent throughout all levels 

*/
.menu ul {
	list-style: none; }
	
.menu ul li {
	position: relative;
	text-align: left; }
	
.menu ul li.over {
	z-index: 999; }
	
.menu ul a,
.menu ul a:hover {
	display: block;
	text-decoration: none; }
	
.menu ul span {
	display: block;
	cursor: pointer;
	white-space: nowrap; }
	
.menu ul li ul span {
	white-space: normal; }



/************ 0 LEVEL  ***************/
.menu ul li {
	float: left;
	padding: 0 2px 0 0;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase; }
	
.menu ul a {
	float:left;
	padding: 6px 11px;
	color: #fff; }
	
.menu ul li.over a,
.menu ul a:hover {
	padding:4px 9px 6px; 
	color: #000;
	background: #fff;
	border-top: 2px solid #c13b48;
	border-right: 2px solid #c13b48;
	border-left: 2px solid #c13b48; }

.menu ul li.over ul li a,
.menu ul a:hover ul li a { 
	padding: 3px 6px 0 10px;
	color: #0660a3;	
	background: none;
	border: none; }



/******* Show menu ********/
.menu ul li.over > ul {
	left: 0; }
	
.menu ul li.over > ul li.over > ul {
	left: 180px; }
	
.menu ul li.over ul ul {
	left: -10000px; }



/********* First drop-down ************/
.menu ul li ul {
	position: absolute;
	top: 25px;
	left: -10000px;
	padding: 4px 4px 4px 2px;
	width: 183px;
	height: auto;
	background: #fff;
	border-right: 2px solid #c13b48; 
	border-bottom: 2px solid #c13b48;
	border-left: 2px solid #c13b48; }

.menu ul li ul li {
	float: none;
	margin: 2px 0 0;
	padding: 0;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	text-transform: none; }

.menu ul li ul li.last {
	/**/ }

.menu ul li ul li a {
	float: none;
	padding: 3px 6px 0 10px;
	width: 167px;
	height: 20px;
	color: #0660a3;
	text-align: left; }

.menu ul li ul li a:hover {
	padding: 3px 6px 0 10px;
	color: #fff;
	background: url(../images/bg_menu_hover.jpg) 0 0 repeat-x;
	border: none; }

.menu ul li ul li.over > a {
	padding: 3px 6px 0 10px;
	color: #fff;
	background: url(../images/bg_menu_hover.jpg) 0 0 repeat-x;
	border: none; }
	


/*********** Second Drop Down *********/
.menu ul li ul li ul {
	top: 5px;
	padding: 2px 2px 4px;
	width: 183px;
	height: auto;
	background: #fff;
	border: 2px solid #c13b48; }



/******** Active Links ********/
.menu ul li.active {
	background: url(../images/bg_menu_selected.gif) 50% 15px no-repeat; }
	
.menu ul li ul li.active {
	background: url(../images/bg_menu_hover.jpg) 0 0 repeat-x; }

.menu ul li ul li.active a {
	color: #fff; }

.menu ul li ul li.active ul li a {
	color: #0660a3;	}

.menu ul li ul li.active ul li a:hover {
	color: #fff; }

.menu ul li ul li ul li.active a {
	color: #fff; }