/* @override http://new.minibikemania.sk/includes/templates/minibikemania/css/stylesheet_categories_menu.css */
* html body{
	behavior: url(includes/csshover.htc);
}

div#nav-cat {
	width: 145px; 
	margin: 0px;
	font-weight:bold;
	text-align: left;
	padding-left: 5px;
	/*line-height: 23px;*/
	}

div#nav-cat ul {
	margin: 0; 
	padding: 0; 
	padding-top: 0; 
	width: 145px; 
	}

div#nav-cat ul.level2,
div#nav-cat ul.level3,
div#nav-cat ul.level4,
div#nav-cat ul.level5,
div#nav-cat ul.level6
 {
	padding: 0px; 
	width: 150px; 
	background-color: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
	}

div#nav-cat li {
	border-bottom: 1px solid #ccc;
	position: relative;
	list-style: none; 
	margin: 0px;
	margin-left: 10px;
	z-index: 20; 
	width: 150px;
	padding: 0px;
/* change it to whatever space you want to put space between buttons*/}
/* <---this line may help or hinder IE menu shifting issues */
div#nav-cat li li {
  margin: 0px; 
/* this overrides the margin-top in the declaration above */
} 
div#nav-cat li:hover, div#nav-cat li.submenu:hover{
	background: #EEEBE0;
}

div#nav-cat ul {
	background-color: #fff
	}

div#nav-cat li.submenu a,
div#nav-cat li.submenu ul li.submenu a{
	background:transparent url(../images/base/menu_image.gif) no-repeat scroll 5px 50%;
	}

div#nav-cat li.submenu ul li a,
div#nav-cat li.submenu ul li.submenu ul li a{
	background:transparent url(../images/base/menu_sub_image.gif) no-repeat scroll 5px 50%;
	}

div#nav-cat li a {
	background:transparent url(../images/base/menu_sub_image.gif) no-repeat scroll 5px 50%;
	padding:5px 10px 5px 20px;
	font-size: 12px;
	color: #000;
	font-weight: bolder;
	display: block; 
	text-decoration: none; 
	width: 120px;
	}
	
	
div#nav li a:hover {
	border: none;
}
div#nav-cat>ul a {
	/*width: 100%;*/
}
div#nav-cat ul ul {
	position: absolute; 
	top: -1px; 
	left: 150px; 
	background: #fff;
	display: none;
	}

#nav-cat ul.level1 li.submenu a:hover ul.level2 {
	display: block;
}

#nav-cat ul.lower_menu a{
	color: #487a13;	
}

div#nav-cat ul.level1 li.submenu:hover ul.level2, 
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {
	display:block;
}

#nav-cat hr.menu_divider {
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
}