/**
 * 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: #ffffff;
}

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


.left-nav #nav li.level1{
	// display: none;
}
.left-nav #nav li:hover li.level1{
        display: block;
}


/************** 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; }
#nav li ul span {white-space:normal; text-transform: none; }

/************ 0 LEVEL  ***************/
#nav li.level0 { text-transform: uppercase; }
#nav li { width: 200px; }
#nav li:hover,
#nav li.active { background-color: #F2F2F2; }
#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; }
**/


/*****1ST LEVEL FIX ********/
#nav ul li.level1 { width: 170px; background: #ffffff url('../images/nav_arrow.gif') 12px center no-repeat; padding-left: 20px; }
#nav ul li.level1:hover { background-color: #F2F2F2 !important; }
#nav ul li.active { width: auto; background-color: #F2F2F2 !important; }


/*****2ND LEVEL FIX ********/
#nav li.level2 { width: 170px; margin-left: 10px; padding-left: 19px; background: #ffffff url('../images/nav_arrow.gif') 20px center no-repeat; border: 0px solid #000000; }
#nav li.level2:hover { background-color: #F2F2F2 !important; }



/*****3RD LEVEL FIX ********/
#nav li.level3 { width: 155px; margin-left: 30px; padding-left: 19px; background: #ffffff url('../images/nav_arrow.gif') 20px center no-repeat; border: 0px solid #000000; }
#nav li.level3:hover { background-color: #F2F2F2 !important; }



/************ 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: 0px 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 { border:0px solid #584d3b; }

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

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



/******** original 3RD LEVEL HOVER
#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 ***************/

/**** new homepage test *****/
div.top-block2{
        width: 1000px;
	float: left;
	position: relative;
        left: -15px;
        margin-top: 20px;
        padding-top: 0px;
}
div.top-block2.all-border{
        border: 1px solid #cccccc;
}
div.top-block2.bottom-border{
        border-bottom: 1px solid #cccccc;
        padding-bottom: 20px;
        margin-bottom: 20px;
}

div.nav-block2{
	width: 322px;
	float: left;
	position: relative;
        padding-top: 10px;
        border-top: 0px solid #ff9e1f;
}

div.nav-block3{
	width: 305px;
	float: left;
	position: relative;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        border-top: 0px solid #ff9e1f;
        text-align: center;
}

#homePage2{
	position: relative;
        left: 45px;
	margin: -10px -15px -15px -15px;
	padding: 10px 15px;
        width:950px;
}

#homePage2 img{
	float: left;
}

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

#homePage2 .homeNav2 li{
	width: 175px;
	height: 175px;
	text-align: center;
	float: left;
	display: block;
	margin: 0 5px 6px 5px;
	padding: 5px;
	border: 1px solid #cccccc;
}

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

#homePage2 .homeNav2 li img{
	float: none;
	display: block;
}

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

#homePage2 .homeNav2 li:hover{
	border-color: #ffb100;
}

#homePage2 .homeNav2 li:hover a{
	color: #ffb100;
	text-decoration: none;
}

#homePage2 .testheader{
        font-size: 14pt;
        font-style: italic;
	border-bottom: 0px solid #cccccc;
	color: #828282;
}

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

#homePage2 .smallbox_home li:hover{
	border-color: #ffb100;
}

#homePage2 .smallbox_home li:hover a{
	color: #ffb100;
	text-decoration: none;
}
/**** end new homepage test *****/


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: #ffffff;
	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: #ffffff;
	color: #000000;
}

.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;
        width: auto;
	padding: 0px;
}

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

div.header-nav ul li.nav-new{font-size:17px;}
div.header-nav ul li#new ul,
div.header-nav ul li.nav-new ul{
	border: 1px solid #000000;
}

div.header-nav ul li.nav-kids{font-size:12px;}
div.header-nav ul li#kids ul,
div.header-nav ul li.nav-kids ul{
	border: 1px solid #000000;
}

div.header-nav ul li.nav-lighting{font-size:17px;}
div.header-nav ul li#lighting ul,
div.header-nav ul li.nav-lighting ul{
	border: 1px solid #000000;
}

div.header-nav ul li.nav-furniture{font-size:17px;}
div.header-nav ul li#furniture ul,
div.header-nav ul li.nav-furniture ul{
	border: 1px solid #000000;

}

div.header-nav ul li.nav-accessories{font-size:17px;}
div.header-nav ul li#accessories ul,
div.header-nav ul li.nav-accessories ul{
	border: 1px solid #000000;

}

div.header-nav ul li.nav-outdoor{font-size:12px;}
div.header-nav ul li#outdoor ul,
div.header-nav ul li.nav-outdoor ul{
	border: 1px solid #000000;
}


div.header-nav ul li#new ul li:hover,
div.header-nav ul li.nav-new ul li:hover{
	color: #000000;
	background-color: #e8e8e8;
}

div.header-nav ul li#kids ul li:hover,
div.header-nav ul li.nav-kids ul li:hover{
	color: #000000;
	background-color: #e8e8e8;
}

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

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

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

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

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: #000000;
}

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#kids ul li ul li:hover,
div.header-nav ul li.nav-kids ul li ul li.over{
	background-color: #ffffff;
}

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: #ffffff;
}

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: #ffffff;
}

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: #ffffff;
}

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



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;
}


/* left side brands color */
.brandhover {
background-color:#ffffff;
}

/* left side brands highlight on hover */
.brandhover a:hover {
background-color:#F2F2F2;
width: auto;
}

/* left side brands highlight on click */
.brandhighlight{
background-color:#F2F2F2;
}