/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-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.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

#nav { border-bottom:1px dashed #C8C7C6;
border-right:1px dashed #C8C7C6;
border-left:1px dashed #C8C7C6;
font-size:1.1em;
padding:3px;
z-index:999;}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li {
	list-style:none;
	position:relative;
	text-align:left;
	}
#nav li.over { z-index:99; }
#nav li.active { z-index:98; } /* to prevent the li separator from showing through on mouseover on li */
#nav a { line-height:1.3em; }
#nav a, #nav a:hover { display:block; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 1ST LEVEL  ***************/
#nav li { float:left; }
#nav li.active a { color:#432E14; }
#nav a { float:left; padding:5px 12px 6px 8px; color:#432E14; font-weight:bold; }
#nav li.over a, #nav a:hover { text-decoration:underline;; }


/************ 1ST LEVEL RESET ************/
#nav ul li, #nav ul li.active {
	float:none;
	margin:0;
	padding-bottom:1px;
	}
#nav ul li.over {background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%;}
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }


#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:25px;
	left:-10000px;
  border:1px solid #899ba5;
}

/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }


#nav ul li a { background:#ecf3f6; }
#nav ul li a:hover { background:#d5e4eb; }
#nav ul li a, #nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}


/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }












/***** New VER *****/
/**********************************************Vertical Nav ****************************************/
#nav_vert { font-size:1em; z-index:999; width:140px; }

/************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */
#nav_vert li {
width:175px;
list-style:none;
position:relative;
text-align:left;
}
#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; }

/************ 1ST LEVEL ***************/
#nav_vert li { float:left; background:url(../images/menubg.gif); height:25px; margin-right:0px; border-bottom:1px dashed #C8C7C6; }

#nav_vert li a:hover { background:transparent url(../images/menubgo.gif) repeat scroll 0 0;
float:left;
height:25px;
margin-right:0;
width:170px; }

#nav_vert li.active a { color:#432E14; }
#nav_vert a {

float:left;
padding-left:5px;
padding-top:5px;
color:#FFFFFF;
font-weight:bold;
display: block;
font-family:Trebuchet MS;
width: 155px;
font-size:12px;}
#nav_vert li.over a, #nav_vert a:hover { text-decoration:underline;  }

/************ 1ST LEVEL RESET ************/
#nav_vert ul li, #nav_vert ul li.active {

float:none;
height:auto;
background:none;
margin: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; }

/************ 2ND LEVEL ***********/
#nav_vert ul {
position: absolute;
width:15em;
margin-left:125px;
top:5px;
left:-10000px;
border:1px solid #432E14;
}

/* Show menu */
#nav_vert li.over ul { left:0; }
#nav_vert li.over ul ul { left:-10000px; }
#nav_vert li.over ul li.over ul { left:100px; }

#nav_vert ul li a { background:#FFFFFF/*#ecf3f6*/; }
#nav_vert ul li a:hover { text-decoration:underline; /*#d5e4eb;*/ }
#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 { color:#2f2f2f !important; }
#nav_vert ul span, #nav_vert ul li.last li span { padding:3px 15px 4px 15px;}
#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);}

/****************************************/
/*          N A V I G A T I O N         */
/****************************************/
div#mainNav { width: 579px; }
#mainNavigation, #mainNavigation ul {
	padding: 0px;
	margin: 0;
	list-style: none;
	font-family: arial, times;
	font-size: 1.0em;
	font-weight: bold;
	z-index:100;
	text-align: left;

}
#mainNavigation a {
	display: block;
	padding: 3px 10px;
	color: #432e14;
	text-decoration: none;
}
#mainNavigation a:hover {text-decoration: underline;}
#mainNavigation li { /* all list items */
	float: left;
	border-right: 1px solid #999;
}

#mainNavigation li.last { border: none;}


#mainNavigation li ul { /* second-level lists */
	font-size: 1em;
  position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  background-color: #F6F4EA;
  border: 1px solid #ddd;
	border-top: none;
}
#mainNavigation li.shop ul {font-size: 80%; }
#mainNavigation li ul li {
border-color:-moz-use-text-color -moz-use-text-color #C8C7C6;
border-style:none none dashed;
border-width:medium medium 1px;
float:none;
margin:0 0 0 0;
padding:1px 0;
text-align:left;
}
#mainNavigation li ul li a {
  line-height: 1em;
  text-decoration: none;
  float: left; /* for IE whitespace bug */
  clear: left;/* for IE whitespace bug */
}
#mainNavigation li.shop ul li a { line-height: 1em; }
#mainNavigation li ul li>a { float: none; }/* for IE whitespace bug */
#mainNavigation li ul li a:hover {
background:#432E14;
color:#FFFFFF;
text-decoration:underline;}
#mainNavigation li:hover ul, #mainNavigation li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#mainNavigation li:hover, #mainNavigation li.hover{
	position: static;
}

input, textarea {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-family: inherit;
	}

select{
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	width:135px;
	}

select { padding: 0; }
