/**
 * 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 { font-size:1.0em; }

.left-nav #nav{
	background-color: #F2F2F2;
}

.left-nav #nav li ul li{
	background: #F2F2F2 url('../images/nav_arrow.gif') 20px center no-repeat;
	padding-left: 20px;
}

/************** 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; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; text-transform: uppercase; }
#nav li ul span {white-space:normal; text-transform: none; }

/************ 0 LEVEL  ***************/
#nav li { width: 200px;  }
#nav li:hover,
#nav li.active { background-color: #ffffff; }
#nav li.active a { }
#nav a {  padding:5px 12px 6px 0px; color:#333333; margin-left: 10px; }
#nav li:hover a,
#nav a:hover { }

/************ 1ST LEVEL  ***************/
#nav ul li { width: 170px; padding-left: 30px !important;  }
#nav ul li.over,
#nav ul li.active { background-color: #ffffff !important; }
#nav ul li.active a { }
#nav ul a {  padding:5px 12px 6px 0px; color:#333333; margin-left: 10px; }
#nav ul li.over a,
#nav ul a:hover { text-decoration: none; }

/************ 2ND LEVEL ************/
#nav ul li > ul li,
#nav ul li > ul li.active { float:none; margin:0; padding-bottom:1px; background:#ffffff url(../images/nav_divider.gif) repeat-x 0 100%; border-top: none; }
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li > ul li.last { padding-bottom:0; }

#nav ul li > ul li:hover { background-color: #ffffff; border: 1px solid #ffffff;}

#nav ul li > ul a { float:none; padding:0; background:none; margin-left: 10px; color:#333333 !important; }
#nav ul li > ul a:hover { }
#nav ul li > ul li a { font-weight:normal !important; }

/************ 3RD LEVEL ************/
#nav ul li > ul { position:absolute; width:200px; top:0px; left:-10000px; border:1px solid #584d3b; z-index: 6; }

#nav ul li >ul li{ width: 180px; padding-left: 20px !important; background:#F2F2F2 url(../images/nav_arrow.gif) no-repeat scroll 10px center !important; }

#nav ul li.over > ul li:hover{width: 178px !important; background-color: #ffffff !important; }

/* Show menu */
#nav ul li.over > ul { left:150px; z-index: 100;}
#nav ul li.over > ul li.over > ul { left:100px; z-index: 100; }
#nav ul li.over ul ul { left:-10000px; }

#nav ul ul li a {  }
#nav ul ul li a:hover { text-decoration: none; }
#nav ul ul li a { color:#382d18; }
#nav ul ul li:hover a { text-decoration: none; }
#nav ul ul span, #nav ul li.last li span { padding:3px 15px 4px 0px;}




/*********** Home Page Block Navigation ***************/
div.nav-block{
	width: 485px;
	float: left;
	position: relative;
        padding-top: 10px;
        border-top: 0px solid #ff9e1f;
}

#homePage{
	position: relative;
	margin: -10px -15px -15px -15px;
	padding: 10px 15px;
}

#homePage img{
	float: left;
}

#homePage .homeNav{
	list-style: none;
	margin-left: 10px;
	margin-right: -7px;
	margin-top: 0px;
	position: relative;
}

#homePage .homeNav li{
	width: 136px;
	height: 145px;
	text-align: center;
	float: left;
	display: block;
	margin: 0 5px 6px 5px;
	padding: 5px;
	border: 1px solid #cccccc;
}

#homePage .homeNav li img{
	float: none;
	display: block;
}

#homePage .homeNav a{
	color: #555555;
	font-size: 9pt;
	line-height: 1em;
	padding: 0;
}

#homePage .homeNav li:hover{
	border-color: #ffb100;
}

#homePage .homeNav li:hover a{
	color: #ffb100;
	text-decoration: none;
}

#homePage h3{
	margin-left: 5px;
	border-bottom: 1px solid #cccccc;
	color: #828282;
}


/*********** Category Nav Block Navigation ***************/

#catNav{
	float: left;
	list-style: none;
	margin-left: -3px;
	margin-top: -5px;
	width: 670px;

}

#catNav li{
	background: #FFFFFF;
	border: 1px solid #382d19;
	width: 200px;
	height: 215px;
	text-align: center;
	float: left;
	display: block;
	margin: 5px;
}

#catNav li img{
	float: none;
	display: block;
}

#catNav a{
	color: #ffffff;
	font-size: 9pt;
	line-height: 1em;
	padding: 0;
}

#catNav a:hover{
	text-decoration: none;
}

#catNav h2{
	background-color: #382d19;
	color: #ffffff;
	font-size: 9pt;
}

#catNav li:hover h2{
	background-color: #857C6B;
}

#catNav #cat-view-all{
	display: none;
}

/*************** Custom Left Navigation Stuff *************/

.left-nav-container {
	position: relative;

}

.left-nav{
	background-color: #f2f2f2;
	margin-bottom:1.3em;
	margin-top: 10px;
}

.left-nav h3{
	margin: 0;
	font-size: 11pt;
	font-weight: normal;
	text-transform: none;
	text-align: center;
	background-color: #757575;
	color: #f1f1f1;
}

.footer-nav ul li{
	padding: 0 8px !important;
}

.footer-nav ul li.first{
	border-left: none;
}

.footer-nav ul li a:hover{
	text-decoration: underline;
}

/****  Hide some footer links *****/
.footer-nav ul li.cat-latest-trends,
.footer-nav ul li.cat-favorites,
.footer-nav ul li.cat-attic-sale{
	display: none;
}




/***************** Type Navigation ***************************/
div.header-nav ul li.level0 ul{
	background-color: #ffffff !important;
	position: absolute;
	z-index: 1000;
	visibility: hidden;
	height: auto;
	padding: 0px;
}

div.header-nav ul li.level0 ul li a{
	color: #555555;
}

div.header-nav ul li#trends ul,
div.header-nav ul li.nav-the-latest-trends ul{
	border: 3px solid #ffee00;
}

div.header-nav ul li#lighting ul,
div.header-nav ul li.nav-lighting ul{
	border: 3px solid #ffb520;
}

div.header-nav ul li#furniture ul,
div.header-nav ul li.nav-furniture ul{
	border: 3px solid #ff9e1f;
}

div.header-nav ul li#accessories ul,
div.header-nav ul li.nav-accessories ul{
	border: 3px solid #ff681f;
}

div.header-nav ul li#fans ul,
div.header-nav ul li.nav-fans ul{
	border: 3px solid #e42217;
}

div.header-nav ul li#trends ul li:hover,
div.header-nav ul li.nav-the-latest-trends ul li:hover{
	color: #ffffff;
	background-color: #ffee00;
}

div.header-nav ul li#lighting ul li a:hover,
div.header-nav ul li.nav-lighting ul li a:hover{
	color: #ffffff;
	background-color: #ffb520;
}

div.header-nav ul li#furniture ul li a:hover,
div.header-nav ul li.nav-furniture ul li a:hover{
	background-color: #ff9e1f;
}

div.header-nav ul li#accessories ul li a:hover,
div.header-nav ul li.nav-accessories ul li a:hover{
	background-color: #ff681f;
}

div.header-nav ul li#fans ul li a:hover,
div.header-nav ul li.nav-fans ul li a:hover{
	background-color: #e42217;
}

div.header-nav ul li:hover ul{
	visibility: visible;
}

div.header-nav ul li ul li{
	text-align: left;
	padding: 0px;
	float: none;
	font-size: 15px;
	height: auto;
	line-height: 17px;
	display: block;
	
}

div.header-nav ul li ul li:after{
	clear:both;
}

div.header-nav ul li.level0 ul li a{
	color:#555555;
	display:block;
	font-size:14px;
	padding: 5px 20px;
	text-transform: capitalize;
}

div.header-nav ul li.level0 ul li a:hover{
	color: #ffffff;
}

div.header-nav ul li ul li ul:after{
	clear: both;
}

div.header-nav ul li ul li ul{
	border: none;
	display: none;
}

div.header-nav ul li ul li ul li{
	text-align: left;
	font-weight: normal;
	float: left;
	display: none;
	clear: none;
	background-color: #ffffff;
	line-height: 15px;
	padding: 0px;
}

div.header-nav ul li#lighting ul li ul li:hover,
div.header-nav ul li.nav-lighting ul li ul li.over{
	background-color: #ffb520;
}

div.header-nav ul li#furniture ul li ul li:hover,
div.header-nav ul li.nav-furniture ul li ul li.over{
	background-color: #ff9e21;
}

div.header-nav ul li#accessories ul li ul li:hover,
div.header-nav ul li.nav-accessories ul li ul li.over{
	background-color: #ff681f;
}

div.header-nav ul li#fans ul li ul li:hover,
div.header-nav ul li.nav-fans ul li ul li.over{
	background-color: #e42217;
}

div.header-nav ul li ul li ul li a{
	font-weight: normal;
	padding: 5px 5px;
	font-size: 12px;
	display: block;
	line-height: 15px;
}

div.header-nav ul li ul li ul li a:hover{
	text-decoration: none;
}

div.header-nav ul li ul li ul li ul{
	background-color: #ffffff !important;	
	clear: both;
	display: none;
	border: none !important;
}

div.header-nav ul li ul li ul li ul li{
	display: none;
}