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

/* Navigation */

#navigation {
	margin: 0;
	padding: 0;
	height: 35px;
	list-style: none;
}

#navigation li {
	float: left;
	margin-right:7px; /*Distance between menu items*/
	padding-left:10px;
	background: url(../img/navigation-sprite.png) no-repeat 0 -1000px;
}

#navigation li a {
	display: block;
	padding: 90px 10px 0 0;
	font-size: 18px;
	text-decoration: none;
	text-transform:lowercase;
	line-height: 125%; /* Fixes Safari 1px padding difference */
	color: #F8ECD8;
}

#navigation .inner-nav {
	padding: 0 0 15px; /* Extra padding for the top level menu items must be applied here to avoid problems with the navigation sprite */
}

#navigation li:hover ,
#navigation li.sfhover,
#navigation li.selected ,
#navigation li.selected  {
	background: url(../img/navigation-sprite.png) 0 100%;
	cursor:pointer;
}

*html #navigation li:hover ,
*html #navigation li.sfhover,
*html #navigation li.selected ,
*html #navigation li.selected  {
	background: url(../img/navigation-sprite.gif) 0 100%;
}

#navigation li:hover a,
#navigation li.sfhover a,
#navigation li.selected a,
#navigation li.selected a {
	background: url(../img/navigation-sprite.png) 100% 100%;
	color: #F8ECD8;
	cursor:pointer;
}

*html #navigation li:hover a,
*html #navigation li.sfhover a,
*html #navigation li.selected a,
*html #navigation li.selected a {
	background: url(../img/navigation-sprite.gif) 100% 100%;
}


#navigation li:hover .inner-nav,
#navigation li.sfhover .inner-nav,
#navigation li.selected .inner-nav,
#navigation li.selected .inner-nav {
	display:block;
	background: #A3003C url(../img/navigation-dot.gif) no-repeat center 29px;
}


/* Second level navigation */

#navigation .subnav {
	position: absolute;
	display: none;
	margin: 0 0 0 -10px;
	padding: 25px 0 0;
	width: 220px;
	list-style: none;
	background:url(../img/subnav-arrow.png) no-repeat 10px 7px;
/*	border-bottom:5px solid #F8EDD9;*/
}

*html #navigation .subnav {
	background:url(../img/subnav-arrow.gif) no-repeat 10px 7px;
}

#navigation li:hover .subnav,
#navigation li.sfhover .subnav {
	display: block;
	cursor:pointer;
}

#navigation li .subnav li {
	position: relative;
	float: none;
	background: #F8EDD9;
	border-bottom:1px solid #E8DDC9;
	border-left:1px solid #E8DDC9;
	padding:7px 10px;
	width: 200px;
	vertical-align:middle;
}

#navigation li .subnav li a {
	display: block;
	width: 200px;
	padding:0;
	background:none;
	color:#A3003C;
	font-size:12px;
}

#navigation li .subnav li:hover,
#navigation li .subnav li.sfhover {
	background-color:#E8DDC9;
}

/* Third level navigation */

#navigation .subnav li .subnav {
	display: none;
	top: 0;
	left: 220px;
	padding: 0; margin:0;
	background: #F8EDD9;
}

#navigation .subnav li:hover .subnav,
#navigation .subnav li.sfhover .subnav {
	display: block;
}