/**
 * 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 {}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { display:block; white-space:nowrap; background:url(../images/bg-menu-l.gif) no-repeat; height:26px; line-height:26px; float:left; position:relative; }
#nav li a { display:inline-block; white-space:nowrap; background:url(../images/bg-menu-r.gif) no-repeat right; padding:0 0px; font-weight:bold; }
#nav li a span { padding:0px 13px;_padding:0px 10px; }
#nav li.red { display:block; white-space:nowrap; background:url(../images/bg-menu-l-red.gif) no-repeat; height:26px; line-height:26px; float:left; position:relative; }
#nav li.red a { display:inline-block; white-space:nowrap; background:url(../images/bg-menu-r-red.gif) no-repeat right; padding:0 0px; font-weight:bold; }
/*#nav li:hover {background:url(../images/bg-menu-l-hover.gif) no-repeat; }
#nav li:hover a{background:url(../images/bg-menu-r-hover.gif) no-repeat right; color:#007CC4;}*/

#nav li a:hover ,#nav li.active,#nav li:hover { background:url(../images/bg-menu-l-hover.gif) no-repeat; }
#nav li a:hover span ,#nav li.active,#nav li:hover a span { display:block; white-space:nowrap; color:#007CC4; background:url(../images/bg-menu-r-hover.gif) no-repeat right; }
/*#nav li ul li a:hover span ,#nav li.active ul li,#nav li:hover ul li a span { display:block ; color:#666666; padding:0px 8px;}
#nav li:hover ul li a:hover span,#nav li:hover ul li:hover a:hover span{ color:#007CC4; padding:0px 8px;}*/
#nav li a:hover span { text-decoration:underline }
#nav li ul li:hover, #nav li marken-menu-div li:hover,#nav li .marken-menu-div li a,#nav li .marken-menu-div li:hover a, #nav ul li li:hover a {
	background-image:none;
	color:#2F2F2F;
}
#nav li ul li a  span,  #nav li .marken-menu-div li a,#nav li:hover ul li a span {
	background-image:none;
	color:#2f2f2f;
	padding:0px 8px;
	font-size: 13px;
}
#nav li .marken-menu-div li a,#nav li:hover ul li a span {
	background-image:none;
	color:#2f2f2f;
}
#nav li ul li a:hover span, #nav li marken-menu-div li a:hover span {
	background-image:none;
	color:#007CC4;
}

#nav li.level0 ul.level0 li a { background:none; padding:0px 0px; margin:0; text-decoration:none; }
#nav li.level0 ul.level0 li a:hover { text-decoration:underline; background:#FFFFFF; }

#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; white-space:nowrap; line-height:26px; text-decoration:none; }
#nav span {  }
#nav li ul span { white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left; }
#nav li.active { display:block; white-space:nowrap; background:url(../images/bg-menu-act-l.gif) no-repeat; height:26px; line-height:26px; float:left;  position:relative; color:#007CC4; }
#nav li.active a { height:26px; display:inline-block; white-space:nowrap; background:url(../images/bg-menu-act-r.gif) no-repeat right; padding:0 12px; font-weight:bold;  color:#007CC4; }
#nav li.active a:hover { color:#007CC4; }

#nav a { float:left; padding:0; color:#ffffff; font-weight:bold; }
#nav a:hover { color:#ffffff; text-decoration:underline;  }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:0px; /*background:#afdbf4 url(../images/nav_divider.gif) repeat-x 0 25px;*/ background-color:#FFFFFF; background-image:none; }
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last { background:#FFFFFF; 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; min-width:120px; max-width:20em; width:auto; _width:180px; top:26px; left:-10000px; border:2px outset #A9CCDE; border-top:none; border-left:1px solid #A9CCDE; background-color:#FFFFFF; }

/* 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 li  div.marken-menu-div {
	left:-10000px;
	position:absolute;
	width:800px;
	border:none;
	background:none;
}

.marken-menu-div-inner{	
	background-color:#FFFFFF;
	border-color:#A9CCDE;
	border-style:outset outset outset solid;
	border-width:0 2px 2px 1px;
	float:left;
	margin-top:26px;
	position:absolute;
	width:auto;	
}

#nav li.over   div.marken-menu-div { left:0; }


#nav ul li { min-width:120px; min-width:120px; max-width:800px; width:auto; _width:180px; /*float:left;*/ height:auto;}
#nav ul li a { background-color:#FFFFFF; /*font-weight:bold !important;*/ }
#nav ul li a:hover { background:#d5e4eb; }
#nav ul li a { color:#2f2f2f !important; display:block; white-space:nowrap; }
.wrapper #nav ul li a:hover { color:#1677c3 !important; /*background-color:#1677c3 */!important; }
#nav ul span, #nav ul li.last li span { /*padding:3px 15px 4px 15px;*/ }

/************ 3RD+ LEVEL ************/
#nav ul ul {  left:0; position:static; min-width:120px; max-width:800px; width:auto; border-width:0px; }
#nav ul ul li { float:none; background-image:none; /*background-color:#ECF3F6;  background-color:#FFF;*/ }
#nav ul ul li a { font-weight:normal !important; }


#nav ul.sub_ul_second li { min-width:120px; max-width:800px; width:auto; float:left; height:auto; }
#nav ul.sub_ul_second li a { background:#ecf3f6; font-weight:bold !important; }
#nav ul.sub_ul_second li a:hover { background:#d5e4eb; }
#nav ul.sub_ul_second li a,
#nav ul.sub_ul_second li a:hover { color:#2f2f2f !important; }
#nav ul.sub_ul_second span, #nav ul.sub_ul_second li.last li span { /*padding:3px 15px 4px 15px;*/ }


#nav div.marken-menu-div div.marken-menu-div-sep { border:1px solid #A9CCDE; float:left; border-width:0px 0px 0px 0px; }
#nav ul.marken-menu { float:left; width:auto; _width:120px; position:static; left:auto; border:0 none; }
#nav li ul.marken-menu li { width:auto; clear:both; }
.wrapper #nav li ul.marken-menu li a { display:block; white-space:nowrap; padding:0px 8px; background-color:#FFFFFF; }
.wrapper #nav li ul.marken-menu li a:hover { color:#007CC4 !important; }

#nav li.level0 ul li ul {
	background-color:#FFFFFF;
	border:2px outset #A9CCDE;
	border-left:1px solid #A9CCDE;
	border-top:1px solid #A9CCDE;
	left:-10000px;
	position:absolute;
	top:48px;
	_top:0px;
	min-width:120px; max-width:20em; 
	width:auto;
}
#nav li.level0 ul li:hover ul {
	top:5px;
	left:60%;
	display:block;
	white-space:nowrap;
	min-width:120px;
    max-width:800px;
}

#nav li.level0 ul li:hover ul li ul {
	left:-10000px;
	position:absolute;
}
#nav li.level0 ul li ul li:hover ul {
	top:-5px;
	left:60%;
}

#nav li.level0 ul li ul li:hover ul li ul {
	left:-10000px;
	position:absolute;
}

#nav li.level0 ul li ul li ul li:hover ul {
	top:-5px;
	left:60%;
}

.topmenu-title{font-size:13px;}