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

/* Top menu and top menu tabs */
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li.topMenu a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	margin: 0;
	text-decoration: none;
	/* color: brown;
	font-size: 1.4em; */
}

ul#topnav li.topMenu a,
ul#topnav li.topMenuLeftSpacer,
ul#topnav li.topMenuRightSpacer {
	display: block;	
	position: relative;
    z-index: 602;
    background: url(../images/dropdown/header-navigation7-flat.png) no-repeat; 
}

ul#topnav li.topMenu:hover {
	z-index: 601;
}

 /* Default hover state of the tabs */
ul#topnav li.topMenu:hover a.level1, ul#topnav li.topmenu a.level1:hover {

}



/* For individual tabs, unique styles, backgrounds, hovered backgrounds, etc. */
ul#topnav li.topMenuLeftSpacer { width: 42px; height: 45px; background-position: 0 0; }

ul#topnav li.bath a.level1 { width: 119px;  height: 45px;	background-position: -42px 0; }
ul#topnav li.bath:hover a.level1 {  height: 37px;  background-position: -42px -47px; }

ul#topnav li.health a.level1 { width: 74px;  height: 45px; 	background-position: -161px 0; }
ul#topnav li.health:hover a.level1 {  height: 37px;  background-position: -161px -47px; }

ul#topnav li.beauty a.level1 { width: 76px;  height: 45px; 	background-position: -235px 0; }
ul#topnav li.beauty:hover a.level1 {  height: 37px;  background-position: -235px -47px; }

ul#topnav li.baby a.level1 { width: 120px;  height: 45px; 	background-position: -311px 0; }
ul#topnav li.baby:hover a.level1 {  height: 37px;  background-position: -311px -47px; }

ul#topnav li.food a.level1 { width: 76px;  height: 45px; 	background-position: -431px 0; }
ul#topnav li.food:hover a.level1 {  height: 37px;  background-position: -431px -47px; }

ul#topnav li.home a.level1 { width: 96px;  height: 45px; 	background-position: -507px 0; }
ul#topnav li.home:hover a.level1 {  height: 37px;  background-position: -507px -47px; }

ul#topnav li.pet a.level1 { width: 97px;  height: 45px; 	background-position: -603px 0; }
ul#topnav li.pet:hover a.level1 {  height: 37px;  background-position: -603px -47px; }

ul#topnav li.special a.level1 { width: 140px;  height: 45px; 	background-position: -700px 0; }
ul#topnav li.special:hover a.level1 {  height: 37px;  background-position: -700px -47px; }

ul#topnav li.sale a.level1 { width: 76px;  height: 45px; 	background-position: -840px 0; }
ul#topnav li.sale:hover a.level1 {  background-position: -840px -47px; }

ul#topnav li.topMenuRightSpacer { width: 42px; height: 45px; background-position: -916px 0; }


/* Default style and position for the dropdown */
ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 35px; left: 0;
	z-index: 600; 
    background: url(../images/dropdown/green-menu-bg.png) repeat; 
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: block;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	/* display: none; /*--Hidden for those with js turned off--*/
}

/* Dropdown styles/positions that differ per submenu */

ul#topnav li.bath  .sub  { 	width:469px; }
ul#topnav li.health  .sub { width: 456px;left: -100px; }
ul#topnav li.beauty  .sub { width: 410px; left: -100px;}
ul#topnav li.baby  .sub { width: 750px; left: -150px;}
ul#topnav li.food  .sub { width: 750px; left: -300px; }
ul#topnav li.home  .sub { width: 422px; left: -100px; }
ul#topnav li.pet  .sub { width: 340px; left: 0px;}
ul#topnav li.special  .sub { width: 250px; }
ul#topnav li.sale  .sub { width: 500px; }

/*--If needed to break out into rows--*/
/* ul#topnav li .row { 
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
} */

/* Default style for columns */
ul#topnav li .sub ul {
	list-style: none;
	margin: 0; 
	padding: 15px 0 20px;
	width: 249px;
	float: left;
	border-left: 1px solid #000;
}

ul#topnav li .sub ul.first {
	border: none;	
}

/* Column style overrides */
ul#topnav li.bath  .sub ul { width: 212px; }
ul#topnav li.bath  .sub ul.first { width: 255px; }

ul#topnav li.pet  .sub ul { width: 169px; }

ul#topnav li.health  .sub ul { width: 236px; }
ul#topnav li.health  .sub ul.first { width: 210px; }

ul#topnav li.beauty  .sub ul {	width: 200px; }
ul#topnav li.home .sub ul {	width: 204px; }

ul#topnav li.baby .sub ul {	width: 240px; }
ul#topnav li.baby .sub ul.first {	width: 267px; }


ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}

ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	width: auto; /*--Override height from parent list item--*/
	padding: 0px 5px 0px 17px;
	margin: 5px 10px 0 15px;
	font-size: 1em;
	display: block;
	text-decoration: none;
	color: #374d08;
	font-size: 14px;
	font-weight: bold;
	/* font-family: ariel, sans-serif; */ 
	font-family:"Times New Roman",Georgia,Serif;
 	background: url(../images/dropdown/smallarrow.png) no-repeat 0 4px;
}

ul#topnav .sub ul li .level2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;

}
ul#topnav .sub ul li .level2 a { /*--Sub nav heading link style--*/
	padding: 5px 0 0 0;
	margin: 5px 10px 0;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #311414;
 	background: none;
}

ul#topnav .sub ul li a:hover {
	background-color: #d2e08e;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
		/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;