/**
 * 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)
 */

/************ Main Menu  ***************/
#main-menu{min-width:218px;z-index:3;height:100px;}
#main-menu ul{
	height:100px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:218px;}
#main-menu ul li{ width:218px;}
#main-menu ul li a{ display:block; text-indent:-999px;}
#main-menu ul li.nav-women a{ height:25px; background:url(../images/menu_womenu.gif) no-repeat left top;}
#main-menu ul li.nav-women a:hover, #main-menu ul li.nav-women.active a{background:url(../images/menu_womenu.gif) no-repeat left -25px;}
#main-menu ul li.nav-men a{ height:22px; background:url(../images/menu_men.gif) no-repeat left top;}
#main-menu ul li.nav-men a:hover, #main-menu ul li.nav-men.active a{background:url(../images/menu_men.gif) no-repeat left -22px;}
#main-menu ul li.nav-kids a{ height:25px; background:url(../images/menu_kids.gif) no-repeat left top;}
#main-menu ul li.nav-kids a:hover, #main-menu ul li.nav-kids.active a{background:url(../images/menu_kids.gif) no-repeat left -25px;}
#main-menu ul li.nav-baby a{ height:28px; background:url(../images/menu_baby.gif) no-repeat left top;}
#main-menu ul li.nav-baby a:hover, #main-menu ul li.nav-baby.active a{background:url(../images/menu_baby.gif) no-repeat left -28px;}
	
#navtrails{
	background:transparent url(../images/nav_trails.gif) no-repeat scroll right center;
	height:459px;
	*height:159px;
	width:600px;
	position:absolute;
	top:-168px;
	*top:-18px;
	right:0px;
	z-index:-110;}

/************ Top Menu  ***************/
#header .top-menu{ float:right; min-width:300px;}
#header .top-menu ul, #header .top-menu ul li{ padding:0; margin:0; list-style:none;}
#header .top-menu ul li{ float:left; margin-right:3px;}
#header .top-menu ul li a{ height:23px; display:block; text-indent:-9999px;}
#header .top-menu ul li.press a:hover, #header .top-menu ul li.stockists a:hover, #header .top-menu ul li.stockists a:hover, #header .top-menu ul li.news a:hover, #header .top-menu ul li.aboutus a:hover, #header .top-menu ul li.contactus a:hover, #header .top-menu ul li.account a:hover{ background-position:left -23px;}
#header .top-menu ul li.press a{ width:54px; background:url(../images/menu_press.jpg) no-repeat left top;}
#header .top-menu ul li.stockists a{ width:71px; background:url(../images/menu_stockists.jpg) no-repeat left top;}
#header .top-menu ul li.news a{ width:92px; background:url(../images/menu_news.jpg) no-repeat left top;}
#header .top-menu ul li.aboutus a{ width:73px; background:url(../images/menu_aboutus.jpg) no-repeat left top;}
#header .top-menu ul li.contactus a{ width:84px; background:url(../images/menu_contactus.jpg) no-repeat left top;}
#header .top-menu ul li.account a{ width:89px; background:url(../images/menu_account.jpg) no-repeat left top;}
#header .top-menu ul li.account{ margin:0;}

/************ Footer Menu  ***************/
#footer .footer-menu ul, #footer .footer-menu ul li{ margin:0; padding:0; list-style:none;}
#footer .footer-menu ul li{ float:left;}
#footer .footer-menu ul li a, #footer .footer-menu ul li a:hover{ display:inline-block; color:#575757; text-decoration:none; background: url(../images/footer_line.jpg) no-repeat right 5px; padding:0px 10px 0px 9px; line-height:20px;}
 #footer .footer-menu ul li a:hover{ color:#CE16AC;}
#footer .footer-menu ul li.first a, #footer .footer-menu ul li.first a:hover{ padding-left: 0px;}
#footer .footer-menu ul li.last a, #footer .footer-menu ul li.last a:hover{ padding-right:0px; background:none;}

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


/************ 0 LEVEL  ***************/


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

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