/**
 * 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-top { font-size:1.2em; padding: 0; }

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

/************ 0 LEVEL  ***************/
#nav-top li { float:left; }
#nav-top li.active > a { color:#48A6DD; }
#nav-top a { display:block; float: left; margin: 0 10px 0 14px; padding: 0; color:#666; font-weight:bold; height:23px; font-size:0.9em; }
#nav-top a:hover { color:#748284; text-decoration:underline; color:#007ED3; }
#nav-top li.over > a { color: #748284; text-decoration:underline; }

/************ 1ST LEVEL ************/
#nav-top ul li,
#nav-top ul li.active { float:none; margin:0; padding-bottom:1px; background:#FFF; }
#nav-top ul li.last { background:#FFF; padding-bottom:0; }

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

/************ 2ND LEVEL ************/
#nav-top ul { position:absolute; width:12em; top:29px; left:-10000px; z-index: 99; }

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

#nav-top ul li a { background: #FFF; line-height: 20px; }
#nav-top ul li a:hover { background: #FFF; line-height: 20px; }
#nav-top ul li a,
#nav-top ul li a:hover { }
#nav-top ul span, #nav ul li.last li span { padding: 3px 0;}

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

/***** NAV-SIDEBOX **************/


div#navBox{
	padding:0;
}

#nav-sidebox a {
    /*font: 12px/26px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font: 12px/26px arial, helvetica, sans-serif;
    color: #777;
	padding:2px 0 2px 10px;
	display:block;
	border-bottom:#CCC solid 1px;
}
#nav-sidebox li.parent ul li a {
	padding: 0px 0px 0px 25px;
	background:#eee;
	border-bottom:#fff 1px dashed;
}

#nav-sidebox li:last-child a {
	border-bottom:none;
}
#nav-sidebox a:hover,
#nav-sidebox li.over ul li a:hover{
    color: #222;
	background:#ccc;
}
#nav-sidebox li.over a {
    color: #222;	
}
#nav-sidebox li.over ul li a {
    color: #777;
}
#nav-sidebox ul {
    /*padding-left: 15px;*/
}
#nav-sidebox ul  {
    display: none;
}

#nav-sidebox ul.level1 {
	display: none !important;	
}

#nav-sidebox li.active span {
	font-weight: bold;	
}

#nav-sidebox li.active li span {
	font-weight: normal;
}

#nav-sidebox li.active li.active span {
	font-weight: bold;
}

#nav-sidebox li.active ul {
    display: block;
}





/**********************************************Vertical Nav ****************************************/
 


#nav { float:left; margin-top:15px; margin-left:15px; font-size:1.1em; } 

 
/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
 
#nav li { position:relative;text-transform:uppercase; 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; }
 
 
 
/************ 0 LEVEL  ***************/
 
#nav li { float:left; margin:1px 8px 11px 1px; padding:3px 8px; }
#nav li.active a { color: 444; }
#nav a { float:left; background:url(../images/nav_top_level_arrow.gif) no-repeat 100% 50%; padding-right:11px; color:#444; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#444; }
#nav li.over,
#nav li.active { margin:0 7px 10px 0; border:1px solid #bbb; background:#ececec; }
 
 
 
/************ 1ST LEVEL ************/
 
#nav ul li,
#nav ul li.active,
#nav ul li.over { float:none; border:none; background:none; margin:0; padding:0; padding-bottom:1px; text-transform:none; }
#nav ul li.parent { background:url(../images/nav_parent_arrow.gif) no-repeat 100% 50%; }
#nav ul li.last { padding-bottom:0; }
#nav ul li.active { margin:0; border:0; background:none; }
#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }
 
 
 
/************ 2ND LEVEL ************/
 
#nav ul { position:absolute; width:15em; top:22px; left:-10000px; border:1px solid  bbb; border-bottom:2px solid #999; padding:3px 8px; background:#fcfcfc; font-size:11px; }
 
 
/* Show menu */
 
#nav li.over > ul { left:-1px; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }
 
#nav ul li a { padding:3px 0; color: #444 !important; }
#nav ul li a:hover { padding:3px 0; color:#5a7f00 !important; }

 
 
/************ 3RD+ LEVEL ************/

#nav ul ul { top:5px; }

/**********************************************Vertical Nav ****************************************/


 /*********WRAPER**************************/
#vertMenu {
	text-align: left;	
	height: 30px;
	position: relative;
}

#vertMenu h3 {
	line-height: 30px;
	margin: 0px !important;
	padding: 0px !important;
	background: url("../images/dropdown/button-bg.png") no-repeat top left !important ;
	border-top-left-radius: 6px 6px;
	-moz-border-radius-topleft:6px;
	overflow: hidden;
}

#vertMenu h3 #vertMenuButton {
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	padding-left: 25px;
	width: 168px;
	display: block;	
	color: #f0f0f0;
	text-align: left;
	border-right: 1px solid #CCCCCC;
	
}

#vertMenu:after { clear: both; content: "."; visibility: hidden; height: 0; width: 0;}
#vertMenu #vertMenuWrapper  {
	display: none;
	border: 1px solid #CCCCCC;
	border-top: 0;
	background:url("../images/box-content-bg.gif") repeat-x scroll 0 0 #FCFCFC;
	border-bottom-right-radius: 8px 8px;
	-moz-border-radius-bottomright:8px;
	
	
}

#vertMenu:hover #vertMenuWrapper {
	display: block;
	position: absolute;
	left: -1px;
}


#nav_vert { 
	padding:0; 
	font-size:1em; 
	z-index:999; 
	width:193px;
  }

/************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */
#nav_vert li {
width:193px;
list-style:none;
position:relative;
text-align:left;
height: 26px;
display: inline;
}

#nav_vert li:hover {
	background:url("../images/dropdown/hover-bg.png") repeat-x scroll 0 0 #f0f0f0;
}

#nav_vert li.last:hover {
	background:url("../images/dropdown/hover-last-bg.png") repeat-x scroll 0 0 #f0f0f0;
}


#nav_vert li.over { z-index:999; }
#nav_vert li.active { z-index:999; } /* to prevent the li separator from showing through on mouseover on li */
/*#nav_vert a { line-height:1.3em; } */
#nav_vert a, #nav_vert a:hover { display:block; text-decoration:none; }
#nav_vert span { display:block; cursor:pointer; color:#777777; }

/************ 1ST LEVEL ***************/

#nav_vert li { float:left; line-height: 26px; }
#nav_vert li.active a {}
#nav_vert a {
float:left;
font-weight:normal;
font-size: 12px;
height: 26px;
padding-left: 10px;
width: 193px;
}

#nav_vert li.over a, #nav_vert a:hover { line-height: 26px; font-weight: bold; }

/************ 1ST LEVEL RESET ************/

#nav_vert ul li, #nav_vert ul li.active {
float:left;
height:auto;
background:none;
margin:0;
border-left: 1px solid #cccccc;
width: 190px;
line-height: 14px !important;
}

#nav_vert ul li.first {
	border-left: 0;	
}



#nav_vert ul a, #nav_vert ul a:hover {
float:none;
padding:0;
background:none;
}
#nav_vert ul li a { font-weight:normal !important; height: 24px; line-height: 24px; }

/************ 2ND LEVEL ***********/

#nav_vert ul {
position: absolute;
width:200px;
margin-left:180px;
top:0px;
left:-10000px;
border:1px solid #cccccc;
border-left: 0;
background-color: #f0f0f0;


}



/* Show menu */
#nav_vert li.over ul { left:0; }
#nav_vert li.over ul ul { left:-10000px; margin-left:80px; display: none; }
#nav_vert li.over ul li.over ul { left:100px;}
#nav_vert ul li a {line-height: 24px;  }
#nav_vert ul li a:hover { background: #f0f0f0; font-weight: bold !important; }
/* #nav_vert ul li a span { background:url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav_vert ul li a, #nav_vert ul li a:hover { font-weight: bold; }
#nav_vert ul span, #nav_vert ul li.last li span {padding-left:10px; font-size: 11px;}
/*#nav_vert ul li.last span { background:none; }*/

/************ 3RD+ LEVEL ************/
#nav_vert ul ul { top:5px;}
#nav_vert ul ul ul { left:-10000px;}
#nav_vert li.over ul li.over ul ul { left:-10000px;}
#nav_vert li.over ul li.over ul li.over ul { left:100px; }

/* Fix for the IE bug */

#nav_vert iframe {
position: absolute;
left: -1px;
top: 0;
z-index: -1;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
    }