/**
 * 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)
 */


#subnav { font-size: 13px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin: 5px 0; height: 37px;}
#subnav li {padding: 5px;} 
.selected_menu{background-color: #696969 !important; font-weight: bold;}
.selected_menu a{color: white !important;}
.anav { padding:0 0px; font-family: Lucida Sans, Arial, Helvetica, sans-serif; letter-spacing: -1px;}
/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
.anav li { position:relative; text-align:left; }
.anav li.over { z-index:999; }
.anav a, .anav a:visited { display:block; line-height:1.3em; text-decoration:none; }
.anav span { display:block; cursor:pointer; white-space:nowrap; }
.anav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#topnav { font-size: 16px;}
#topnav li { margin-right: 40px; }
.anav li { float:left; }
.anav li.active a { color:#d96708; }
.anav a { float:left; padding: 5px 12px 5px 12px; color: black; font-weight:bold; }
.anav li.over a,
.anav a:hover { background-color: black; text-decoration: none; color: white; }

/************ 1ST LEVEL ************/
.anav ul li,
.anav ul li.active { float:left; padding-bottom:1px; }
/*#anav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
.anav ul li.last { padding-bottom:0; }

.anav ul a,
.anav ul a:hover { float:none; padding:0; background:none; }
.anav ul li a { /* font-weight:normal !important; */ }

/************ 2ND LEVEL ************/
.anav ul { position:absolute; width:250px; top:25px; left:-1000px; border:1px solid #cccccc; background-color: #e5e5e5; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}

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

/* #anav ul li a { background:#0A263D; } */
/* #anav ul li a:hover { background:#d5e4eb; } */
.anav ul li a { color: #000000 !important; }
.anav ul li a:hover { color: #999999 !important; }
.anav ul span, #anav ul li.last li span { padding:3px 15px 4px 15px;}
.anav li.columns { width: auto; }
.anav li.columns ul { width: auto; }
.anav li li li li span { padding:0 0 0 12px; }


/************ 3RD+ LEVEL ************/
.anav ul ul { border: 0px; left:0; position: relative; top:0; background: none; }
.anav ul ul li { float: none; width:auto; }
.anav ul ul ul { margin-left: 10px; }
.anav ul ul ul li a { color: #FFFFFF !important; font-size: 0.95em; }

/** ie6 hack */
.anav li.over ul.shown-sub { left:0; }
.anav li.over li li ul.shown-sub { left:100px; }

.active_menu { background-color: #696969; color: #ffffff !important; }

.top_level a:hover {
	/*
	-moz-box-shadow: 0px 0px 5px #666;
  	-webkit-box-shadow: 0px 0px 5px #666;
  	box-shadow: 0px 0px 5px #666;
  	background-color: white;
  	border: 1px solid #BBBBBB
  	*/
}

.header .menu-overlay-content {
	position: absolute; 
	margin-left: 0px;
	margin-top: -6px;
	width: 920px;
	height: 320px;
	border: 1px solid #BBBBBB;
	background-color: white;
	-moz-box-shadow: 0px 0px 5px #666;
  	-webkit-box-shadow: 0px 0px 5px #666;
  	box-shadow: 0px 0px 5px #666;
	z-index: 1000;
}
.header .menu-overlay-content li {
	background-color: transparent;
}
.header .menu-overlay-content li a {
	text-decoration: none;
}
.header .menu-overlay-attribute {
	width: 220px;
	float: left;
}
.header .menu-overlay-attribute-merk {
	width: 100%;
	column-width: 220px; 
	column-count: 2;
}
.header .menu-overlay-attribute-merk .merk {
	border-bottom: 1px solid #BBBBBB;
	width: 900px;
}

.header .menu-overlay-attribute li {
	padding: 0px !important;
	list-style: none;
	float: left;
	width: 220px;
}
.header .menu-overlay-attribute li a{
	display: inline;
	padding: 3px 10px;
	font-weight: normal;
	width: 220px;
}
.header .menu-overlay-attribute li a:hover{
	display: inline;
	padding: 3px 10px;
	font-weight: bold;
	background-color: transparent;
	color: black;
}
.header .menu-overlay-attribute .title{
	display: block;
	float: left;
	font-weight: bold;
	margin: 3px 10px !important;
	clear: both;
}