/**
 * 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 { padding:0 20px; font-size:1.1em;   }
/*t1*/ .header-nav { clear:both; margin-top:35px; float:left;
					width:100%;	}.header-nav ul {  float:left;  }







/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left;}
#nav li.over { z-index:999; }
#nav a, #nav a:hover { display:block; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

#nav li ul{z-index: -999; display:none;}
#nav li.over ul{z-index: 999; display:inline}


/************ 0 LEVEL  ***************/
.header-nav #nav{ margin:0px; margin-left:50px; padding:0px; 


/*t1*//*width:573px ;*/width:100%;  



 position: relative;}
#nav .level0 a, #nav .level0 a:hover { display:block; height:46px; text-decoration:none; }

#nav level0 li{ 
height: 26px; margin:0px; padding:0px; 
list-style:none; position: absolute; 
top: 0; color: transparent; 
text-indent:-99999px; 
text-transform: capitalize; }


#nav level0 li a{height: 26px; display: block;}

/*t1*/#nav li.home { float: left; width: 90px; text-indent:-99999px; background-image: url(../images/menu.jpg); background-repeat:no-repeat; 		background-position: 0px 0px;}
				
#nav li.nav-men {float: left; width: 84px; text-indent:-99999px; background-image: url(../images/menu.jpg); background-repeat:no-repeat; 
background-position: -90px 0px;}

#nav li.nav-womens {float: left; width: 102px; text-indent:-99999px; background-image: url(../images/menu.jpg); background-repeat:no-repeat; 
background-position: -174px 0px;}

#nav li.nav-kids {float: left; width: 76px; text-indent:-99999px; background-image: url(../images/menu.jpg); background-repeat:no-repeat; 
background-position: -276px 0px;}

#nav li.nav-accessories {float: left; width: 146px; text-indent:-99999px; background-image: url(../images/menu.jpg); background-repeat:no-repeat;
background-position: -352px 0px;}

#nav li.nav-brands {float: left; width: 111px; text-indent:-99999px; background-image: url(../images/menu.jpg); background-repeat:no-repeat; 
background-position: -498px 0px;}

#nav li.nav-candy-shop {float: left; width: 152px; text-indent:-99999px; background-image: url(../images/menu.jpg); background-repeat:no-repeat; 
background-position: -609px 0px;}



#nav li.home a:hover {background: transparent url(../images/menu.jpg) 0 -46px no-repeat;}
#nav li.nav-men a:hover{background: transparent url(../images/menu.jpg) -90px -46px no-repeat;}
#nav li.nav-womens a:hover{background: transparent url(../images/menu.jpg) -174px -46px no-repeat;}
#nav li.nav-kids a:hover{background: transparent url(../images/menu.jpg) -276px -46px no-repeat;}
#nav li.nav-accessories a:hover{background: transparent url(../images/menu.jpg) -352px -46px no-repeat;}
#nav li.nav-brands a:hover{background: transparent url(../images/menu.jpg) -498px -46px no-repeat;}
#nav li.nav-candy-shop a:hover{background: transparent url(../images/menu.jpg) -609px -46px no-repeat;}


#nav li.home li a:hover{ background-image:none;}
#nav li.nav-men li a:hover{ background-image:none;}
#nav li.nav-womens li a:hover{ background-image:none; }
#nav li.nav-kids li a:hover{ background-image:none; }
#nav li.nav-accessories li a:hover{ background-image:none; }
#nav li.nav-brands li a:hover{ background-image:none; }
#nav li.nav-candy-shop li a:hover{ background-image:none; }


/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { background: #ffffff; float:none; margin:0;}

/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last { padding-bottom:0; border-bottom: 0px solid #e6e6e6;}
#nav .level1 a, #nav .level1 a:hover { display:block; text-decoration:none; }
#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }

#nav li ul{ border:none; margin:0px; font-size:13px;}
#nav li li {border-left:0px solid #e6e6e6; /*border-right:1px solid #e6e6e6;*/ float:left;}
#nav li li a{ width: 150px; color:#000000; background: url(../images/topmenusep.gif) repeat-x 100% top; text-indent: 5px; text-align: left; text-decoration: none;}
#nav li li a:hover{background:#; color:#ffffff;}


/************ 2ND LEVEL ************/
#nav ul { position:absolute; top:32px; left:-10000px; border:0px 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 { text-weight: bold; color:#5dcaf3; }
#nav ul span, #nav ul li.last li span { /*padding:3px 15px 4px 15px;*/}

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }
/************************************************/
#nav ul.level0{border:2px solid #e6e6e6; width:600px; background-color:#FFF; padding:10px;}
#nav ul.level0 li.active { background: #ffffff; float:left; margin:0;}

#nav .nav-men ul.level0{ width:300px;}
#nav .nav-men li a{ width:150px;}

#nav .nav-womens ul.level0{ width:300px; margin-left:0px;}
#nav .nav-womens li a{ width:150px;}

#nav .nav-kids ul.level0{ width:300px; margin-left:-160px;}
#nav .nav-kids li a{ width:150px;}

#nav .nav-accessories ul.level0{ width:450px;}
#nav .nav-accessories li a{ width:150px;}

#nav .nav-brands ul.level0{ width:750px; margin-left:-375px;}
#nav .nav-brands li a{ width:150px;}

#nav .nav-candy-shop ul.level0{ width:300px; margin-left:0px;}
#nav .nav-candy-shop li a{ width:150px;}