/**
 * 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.
 *
 * 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/osl-3.0.php  Open Software License (OSL 3.0)
 */

#nav { 
	margin-top: -5px;
	.margin-top: 58px;
	font-size: 11px;
    padding-top: 0px;
	float: right;    
	padding-right: 0px;
	font-family: verdana, helvetica, arial, sans-serif; 
}

#nav_secondary { 
	padding:2px 0px 0px 2px; 
    margin-top: 63px;     
	font-size: 12px;
	float: right; 
	padding-right: 0px;
	font-family: verdana, helvetica, arial, sans-serif; 
}    
div.menu-spacer {
	position: absolute;
	margin-top: 0px;
	left: 15px;
	width: 100%;
	height: 20px;
	
}
/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav_secondary li { position:relative; text-align:left; }  

#nav li.over { z-index:999; }
#nav_secondary li.over { z-index:999; }

#nav a,
#nav a:hover { display:block; line-height:.7em; text-decoration:none; }
#nav_secondary a,
#nav_secondary a:hover { display:block; line-height:1.3em; text-decoration:none; }
 
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav_secondary span { display:block; cursor:pointer; white-space:nowrap; }

#nav li ul span {white-space:normal; }
#nav_secondary li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float: left;}
#nav_secondary li { float: left;}

#nav li.active a { color:#ffffff; }
#nav_secondary li.active a { color:#ffffff; }

#nav a { float:left; padding:7px 14px 10px 15px; color:#aea444; margin-top: -1px; }
@media all and (min-width: 0) {
	#nav a { 
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
	}
	
}
#nav_secondary a { float:left; padding:0px 13px 5px 13px; color:#aea444; }

#nav li.over a,
#nav a:hover { color:#ffffff; background-color: #aea444;}

#nav_secondary li.over a,
#nav_secondary a:hover { color:#ffffff; background-color: #aea444;}  

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#aea444 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:15em; top:25px; left:-10000px; border:1px solid #899ba5; }

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

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

li.mid_main_cat {
	font-weight: bold;  
	color: #5e4e37;
	margin-top: 5px;
	font-size: 10px;
	font-family: sans-serif, verdana, helvetica, arial;  
}



li.mid_sub_cat {
	
	color: #aea444;	
	font-family: sans-serif, verdana, helvetica, arial;
}

a.mid_sub_cat {
    font-size: 12px;  
    color: #ffffff;         
}

a.mid_sub_cat:hover {
	color: #aea444;         
}

/* used in each menu item so the rollover doesn't make 
	the other menu items jump around */
span.menu_item_spacer {
	font-size: 11px;
}

.weekly_header {
	color: #ffffff;
}
.weekly_item {
	color: #ffffff;
}

li.secondary_left_main_cat {
	color: #aea444;
	padding-top: 2px;
	margin-bottom: 17px;
	font-size: 12px;
	font-family: geneva, verdana, helvetica, arial, sans-serif;
	text-transform: uppercase;
}
li.left_sub_cat {
	font-size: 10px;
	color: #ad2f29;	
	font-family: verdana, helvetica, arial, sans-serif;
	margin-bottom: 4px;
}
li.left_sub_cat_active {
	font-weight: bold;
	font-size: 10px;
	color: #aea444;	
	font-family: verdana, helvetica, arial, sans-serif;
}

img.main_menu_seperator {
	padding-top: 4px;
}

.secondary_menu_divider {
	height: 1px;
	width: 139px;
	margin-top: 18px;
	margin-left: 4px;
	margin-bottom: 18px;
	background-repeat: repeat-x;
}
a.secondary_home_link {
	color: #aea444;
	margin-top: 10px;
	margin-bottom: 19px;
	font-size: 11px;
	font-family: geneva, verdana, helvetica, arial, sans-serif;
	text-transform: uppercase;  
}
div.secondary_home_link {
	margin-left: 14px;
}
ul.secondary_left_menu {
	margin-left: 14px;
	margin-top: 2px;
	.margin-top: 20px;
}

div.callout-container {
	color: #ffffff;
	padding-top: 24px;
}
span.callout-more {
	color: #ad2f29;
}
.callout-secondary {
	color: #ffffff;
}