/**
 * Navigation.css - Navigation styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 *          
 */

/* Product navigation */

#product-navigation {
	margin: 20px 0 0;
	padding: 0;
	height: 40px;
	background: url(../img/navigation-bg.png) no-repeat;
	list-style: none;
}

#product-navigation li {
	float: left;
}

#product-navigation li a {
	display: block !important;
	display: inline-block;
	padding: 0 10px;
	height: 30px; /* Fixes flicker in IE7 */
	border-right: 1px solid #7E7E7E;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	color: white;
}

#product-navigation li a.last {
	border-right: none;
}


#product-navigation li a:hover,
#product-navigation li.selected a {
	margin-left: -1px; /* Causes flicker in IE7 */
	background-color: #E53138;
	border-right: 1px solid white;
	border-left: 1px solid white;
}


/* Main navigation */

#main-navigation {
	margin: 0;
	padding: 0 0 10px;
	background: #363636 url(../img/block-shadow-dark-left.gif) no-repeat bottom left;
}

#main-navigation li {
	border-bottom: 1px solid #616161;
}

#main-navigation li a {
	display: block;
	padding: 0 10px 0 26px;
	height: 28px;
	background: url(../img/arrow-right-gray.gif) no-repeat 10px 50%;
	text-decoration: none;
	line-height: 28px;
}

#main-navigation li a:hover,
#main-navigation li.selected a {
	background: url(../img/arrow-right-red.gif) no-repeat 10px 50%;
	text-decoration: none;
	color: #E53138;
}


/* Main sub level navigation */

#main-navigation .subnav {
	margin: 0;
	padding: 5px 0;
	background-color: white;
	list-style: none;
}

#main-navigation .subnav li {
	border: 0;
}

#main-navigation .subnav li a {
	padding: 0 10px 0 30px;
	/*height: 20px;*/
	height: auto;
	width: 145px;
	background: none;
	line-height: 20px;
	color: #616161;
}

#main-navigation .subnav li a:hover,
#main-navigation .subnav li.selected a {
	background: url(../img/arrow-right-red-small.gif) no-repeat 18px 7px;
	color: #E53138;
}