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

#catnav { padding:0px 30px; margin-left:20px; font-size:1.2em; }

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

/************ 0 LEVEL  ***************/
#catnav li { float:left; }
#catnav li.active a { color:#000; }
#catnav a { float:left; padding:0px 12px; color:#000; font-weight:bold; }
#catnav li.over a,
#catnav li a:hover { color:#333; center repeat-x; }

/************ 1ST LEVEL ************/
#catnav ul li,
#catnav ul li.active { float:none; margin:0; padding-bottom:1px; }
/*#catnav ul li.over { background:#d5e4eb url(../images/catnav_divider.gif) repeat-x 0 100%; }*/
#catnav ul li.last { background:#333; padding-bottom:0; }

#catnav ul a,
#catnav ul a:hover { float:none; padding:0; background:none; }
#catnav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#catnav ul { position:absolute; width:15em; top:15px; left:-10000px; border:1px solid #ffffff; background:#333; }

/* Show menu */
#catnav li.over > ul { left:0; }
#catnav li.over > ul li.over > ul { left:100px; }
#catnav li.over ul ul { left:-10000px; }

#catnav ul li { background-color:#333; background-image: none; }
#catnav ul li a { background:#333; }
#catnav ul li a:hover { background:#555; }
#catnav ul li a,
#catnav ul li a:hover { color:#ffffff !important; }
#catnav ul span, #catnav ul li.last li span { padding:3px 15px 4px 15px;}


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




/******************************************
*   Main or page navigation styles                       
******************************************/


/*Main Navbar */

#nav {
	margin: 0 auto;
	background: url(../images/menu-bg-main.jpg) center no-repeat;
	font-size:1.2em;
	font-family: Arial, Helvetica, sans-serif;
	width: 900px;
	height: 36px;
	position: relative;
	}

#facebook {
	background: url(../images/facebook.png) no-repeat;
	width: 64px;
	height: 64px;
	position: absolute;
	top: -15px;
	right: 25px;
	}
		
#nav, #nav ul {
	list-style:none;
	line-height:1;
	padding-left: 15px;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#nav li {
	float: left;
	list-style:none;
	border-right:1px solid #86af43;
	}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: #eee;
	padding:11px 12px;
	}

#nav a:hover, #nav a:active {
	background: url(../images/menu-bg2.jpg) center repeat-x;
	text-decoration:none;
	color:#FFFFFF;
	}	

.current_page_item, #nav a.active, #nav li.current_page_item  a, #home .on, #home a .on, #nav li.current_page_parent  a  {
	background: none;
	text-decoration:none;
	}
	
	
	
/* Dropdown Menus for child pages */		

#nav li ul {/*first level dropdown*/
	position: absolute;
	z-index: 10;
	left: -999em;
	height: auto;
	width: 204px;
	border-bottom: 1px solid #5082cd;
	padding: 0;
	}
	
#nav li ul ul {/*second level dropdown*/
	margin: -2em 0 0 202px;
	}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	}

#nav li li {
	width: 202px;
	border-top: 1px solid #5082cd;
	border-right: 1px solid #5082cd;
	border-left: 1px solid #5082cd;
	background:#1d5cbc;
	}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
	padding:6px 12px;
	}

#nav li li a:hover, #nav li li a:active {background:#df7333;}	
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

a.main:hover {background:none;}



/*Shop Navbar */

#shop-nav {
	margin: 0 auto;
	background: url(../images/menu-bg-shop.jpg) center no-repeat;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	width: 900px;
	height: 29px;
	padding-top: 2px;
	}
	
#shop-nav, #shop-nav ul {
	list-style:none;
	line-height:1;
	padding-left: 15px;
	}

#shop-nav a, #shop-nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#shop-nav li {
	float: left;
	list-style:none;
	border-right:1px solid #999;
	}

#shop-nav a, #shop-nav a:visited {
	display:block;
	font-weight:bold;
	color: #eee;
	padding:8px 12px;
	}

#shop-nav a:hover, #shop-nav a:active {
	background: url(../images/menu-bg3b.jpg) center repeat-x;
	text-decoration:none;
	color:#FFFFFF;
	}	

	
/* Dropdown Menus for child pages */		

#shop-nav li ul {/*first level dropdown*/
	position: absolute;
	z-index: 10;
	left: -999em;
	height: auto;
	width: 204px;
	border-bottom: 1px solid #5082cd;
	padding: 0;
	}
	
#shop-nav li ul ul {/*second level dropdown*/
	margin: -2em 0 0 202px;
	}

#shop-nav li:hover ul ul, #shop-nav li.sfhover ul ul {
	left: -999em;
	}

#shop-nav li li {
	width: 202px;
	border-top: 1px solid #5082cd;
	border-right: 1px solid #5082cd;
	border-left: 1px solid #5082cd;
	background:#1d5cbc;
	}

#shop-nav li li a, #shop-nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
	padding:6px 12px;
	}

#shop-nav li li a:hover, #shop-nav li li a:active {background:#df7333;}	
	
#shop-nav li:hover ul, #shop-nav li li:hover ul, #shop-nav li li li:hover ul, #shop-nav li.sfhover ul, #shop-nav li li.sfhover ul, #shop-nav li li li.sfhover ul {left: auto;}


/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}	

.clearfloat {
	display:block;
	}