/**
 * 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 { font-size:1.1em; margin: -8px 0 0; }

.nav#main-nav-left { width: 509px; float: left; padding:0 0 0 14px; }
.nav#main-nav-right { width: 418px; float: right; padding:0 17px 0 0; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
.nav li { font-size:11px; padding:0; position:relative; text-align:center; float: left; }
.nav#main-nav-right li { float: right; }
.nav li.over { z-index:999 !important; }
.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.active a { color:#FFF; }
.nav a { color:#FFFFFF; float:left; font-size:10px; font-weight:normal; height:29px; line-height:28px; margin:0 1px; text-align:center; text-transform:uppercase; width:auto; padding: 0 12px; border-right: 1px solid #d62831; }
.nav#main-nav-right a { padding: 0 10px; }
.nav li.over a,
.nav a:hover { background:url('../images/mayfun-wht20.png') top left repeat; line-height: 28px; }

.nav li a.last, .nav li.nav-6 a { margin:0; border-left: 0 none; border-right: 0 none; }

ul.nav li:hover ul.level0 {
			display:block;
			}

ul.nav li ul.level0 {
			height:0;
			position:absolute;
			top:29px;
			border-top: 1px solid #A90008;
			display:none;
			width:150px;
			z-index:9999 !important;
			list-style:none;
			left: -1px;
			}
			ul.nav li ul.level0 li a {
				background: #a90008; 
				border-bottom: 1px solid #9c0007;
				border-left: 0 none;
				border-right: 0 none;
				font-size: 9px;
				font-weight: normal;
				height: auto;
				color: #FFF;
				line-height: 18px;
				padding: 0 10px;
				text-align: left;
				width: 130px;
				}
				ul.nav li ul.level0 li {
					position:relative;
					border: 0 none;
					float: left !important;
				}
				ul.nav li ul.level0 li a:hover {
				background: #C00009 url(../images/li-bg.png) top right repeat-y; 
				border-bottom: 1px solid #9c0007;
				font-size: 9px;
				font-weight: normal;
				height: auto;
				line-height: 18px;
				padding: 0 10px;
				text-align: left;
				width: 130px;
				}
				
				
				ul.nav li ul.level0 li:hover ul.level1, ul.nav li ul.level0 a:hover ul.level1 {
					display:block;
					}
					ul.nav li a.last {
						margin: 0px !important;
						}
				ul.nav li ul.level0 li ul.level1 {
					height:0;
					position:absolute;
					top:0;
					left: 150px;
					display:none;
					width:270px;
					z-index:99999 !important;
					list-style:none;
					}
					ul.nav li ul.level1 li a {
						background: #555555; 
						border-bottom: 1px solid #444444;
						border-left: 0 none;
						border-right: 0 none;
						font-size: 9px;
						height: auto;
						line-height: 18px;
						padding: 0 10px;
						text-align: left;
						width: 250px;
						}
						ul.nav li ul.level1 li {
							position:relative;
							border: 0 none;
						}
						ul.nav li ul.level1 li a:hover {
						background: #333333 url(../images/li-bg.png) top right repeat-y; 
						border-bottom: 1px solid #444444;
						font-size: 9px;
						height: auto;
						line-height: 18px;
						padding: 0 10px;
						text-align: left;
						width: 250px;
						}

ul.nav li:hover ul.sub-nav {
			display:block;
			}
			
ul.nav li:hover ul.explain0 {
			display:block;
			}
			
			ul.explain { display: none; }
			ul.explain0 { display: none; background: url('../images/nav-arrow.png') bottom center no-repeat; position: absolute; z-index: 999 !important; bottom: 40px; left: -23px; opacity: 0.9; width: 150px; }
			ul.explain0 div { background: #FFF; padding: 2px 4px; font-size: 10px; text-align:center; margin-bottom: 5px; line-height: 11px; text-transform: capitalize; font-style: italic; }
			ul.explain1 { display: none !important; }
			
ul.nav li ul.sub-nav {
			height:0;
			position:absolute;
			top:29px;
			border-top: 1px solid #A90008;
			display:none;
			width:150px;
			left: -1px;
			z-index:9999 !important;
			list-style:none;
			}
			ul.nav li ul.sub-nav li a {
				background: #a90008; 
				border-bottom: 1px solid #9c0007;
				font-size: 9px;
				font-weight: normal;
				color: #FFF;
				height: auto;
				line-height: 18px;
				padding: 0 10px;
				text-align: left;
				width: 130px;
				}
				ul.nav li ul.sub-nav li {
					position:relative;
					float: left !important;
				}
				ul.nav li ul.sub-nav li a:hover {
				background: #C00009 url(../images/li-bg.png) top right repeat-y; 
				border-bottom: 1px solid #9c0007;
				color: #FFF;
				font-size: 9px;
				font-weight: normal;
				height: auto;
				line-height: 18px;
				padding: 0 10px;
				text-align: left;
				width: 130px;
				}
				
				
				ul.nav li ul.sub-nav li:hover ul.sub-sub-nav, ul.nav li ul.sub-nav a:hover ul.sub-sub-nav {
					display:block;
					}
					ul.nav li a.last {
						margin: 0px !important;
						}
				ul.nav li ul.sub-nav li ul.sub-sub-nav {
					height:0;
					position:absolute;
					top:0;
					left: 150px;
					display:none;
					width:270px;
					z-index:99999	 !important;
					list-style:none;
					}
					ul.nav li ul.sub-sub-nav li a {
						background: #555555; 
						border-bottom: 1px solid #444444;
						font-size: 9px;
						height: auto;
						color: #FFF;
						line-height: 18px;
						padding: 0 10px;
						text-align: left;
						width: 250px;
						}
						ul.nav li ul.sub-sub-nav li {
							position:relative;
						}
						ul.nav li ul.sub-sub-nav li a:hover {
						background: #333333 url(../images/li-bg.png) top right repeat-y; 
						border-bottom: 1px solid #444444;
						font-size: 9px;
						height: auto;
						line-height: 18px;
						padding: 0 10px;
						text-align: left;
						width: 250px;
						}

.nav-7 { display: none; }


/*

.nav li ul { margin-top: 1px; }
.nav li ul li a { background: #d00009 !important; color: #FFF; text-align: left; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 3px 0; }
.nav li ul li a:hover { background: #333 !important; color: #FFF; text-align: left; padding: 3px 0; }

ul.level1 li.level2 { width: 200px; }

/************ 1ST LEVEL ************/

/*

.nav ul li,
.nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%; }
/*.nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/

/*

.nav ul li.last { background:#ecf3f6; 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:150px; line-height: 12px; top:25px; left:-10000px; }

/* 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:#ecf3f6; }
.nav ul li a:hover { background:#d5e4eb; }
.nav ul li a,
.nav ul li a:hover { }
.nav ul span, .nav ul li.last li span { padding:3px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/

/*

.nav ul ul { top:5px; } */