/* ++++++++++++++ HRC +++++++++++++++ */
/*  NAVIGATION  */

/* ============================================================================== 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/pro_drop2.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================= */


/* ++++ MAIN NAVIGATION ++++ */

#mainNavigation { background: #04528f url(../images/menu/menu_bg.jpg) no-repeat right bottom; }
#mainNavigation .menu {
	list-style-image:none;
	float:left;
	list-style-position:outside;
	list-style-type:none;
	padding:0px;
	margin:0px;
	height:35px;
	position:relative;
	z-index:100;
}
#mainNavigation .menu li.top {
	display:block;
	float:left;
	position:relative;
	padding: 0;
}
#mainNavigation .menu li a.top_link {
	cursor:pointer;
	display:block;
	float:left;
	height:35px;
	line-height:35px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0px 0 10px;
}
*html #mainNavigation .menu li a.top_link {	height:1em;}
#mainNavigation .menu li a.top_link span {
	display:block;
	float:left;
	height:35px;
	line-height:35px;
	padding:0pt 10px 0 0px;	
}
#mainNavigation .menu li a.top_link:hover  { background: url(../images/menu/menu_bg2.jpg) no-repeat left top;  }
#mainNavigation .menu li:hover > a.top_link  { 	background: url(../images/menu/menu_bg2.jpg) no-repeat left top;  }	
#mainNavigation .menu li a.selected  { background: url(../images/menu/menu_bg2.jpg) no-repeat left top;  }

#mainNavigation .menu li.home a.top_link  { width: 61px; padding-left: 27px;  }
#mainNavigation .menu li.home a.top_link:hover  {   }
#mainNavigation .menu li.home:hover > a.top_link  {  }	
#mainNavigation .menu li.home a.selected  {  }

#mainNavigation .menu li.about a.top_link  { width: 70px; padding-left: 18px;  }
#mainNavigation .menu li.about a.top_link:hover {	background-position: -88px 0; }
#mainNavigation .menu li.about:hover > a.top_link  {	background-position: -88px 0; }
#mainNavigation .menu li.about a.selected  { background-position: -88px 0; }

#mainNavigation .menu li.products a.top_link  { width: 71px; padding-left: 16px;  }
#mainNavigation .menu li.products a.top_link:hover {	background-position: -176px 0; }
#mainNavigation .menu li.products:hover > a.top_link  {	background-position: -176px 0; }
#mainNavigation .menu li.products a.selected   {	background-position: -176px 0; }

#mainNavigation .menu li.spareparts a.top_link  { width: 85px; padding-left: 16px;  }
#mainNavigation .menu li.spareparts a.top_link:hover {	background-position: -263px 0; }
#mainNavigation .menu li.spareparts:hover > a.top_link  {	background-position: -263px 0; }
#mainNavigation .menu li.spareparts a.selected   {	background-position: -263px 0; }

#mainNavigation .menu li.gallery a.top_link  { width: 98px; padding-left: 17px;  }
#mainNavigation .menu li.gallery a.top_link:hover   {	background-position: -364px 0; }
#mainNavigation .menu li.gallery:hover > a.top_link   {	background-position: -364px 0; }
#mainNavigation .menu li.gallery a.selected   {	background-position: -364px 0; }

#mainNavigation .menu li.contact a.top_link  { width: 87px; padding-left: 19px;  }
#mainNavigation .menu li.contact a.top_link:hover  {	background-position: -479px 0; }
#mainNavigation .menu li.contact:hover > a.top_link  {	background-position: -479px 0; }
#mainNavigation .menu li.contact a.selected   {	background-position: -479px 0; }

#mainNavigation .menu li a.top_link:hover span {  }
#mainNavigation .menu li:hover > a.top_link span { }
#mainNavigation .menu li a.selected span {   }

#mainNavigation .menu table {
	border-collapse:collapse;
	height:0pt;
	left:0pt;
	position:absolute;
	top:0pt;
	width:0pt;
}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
#mainNavigation .menu a:hover {
	visibility:visible;
}
#mainNavigation .menu li:hover {
	position:relative;
	z-index:200;
}
/* keep the 'next' level invisible by placing it off screen. */
#mainNavigation .menu ul, #mainNavigation .menu *:hover ul ul, #mainNavigation .menu *:hover ul *:hover ul ul, #mainNavigation .menu *:hover ul *:hover ul *:hover ul ul, #mainNavigation .menu *:hover ul *:hover ul *:hover ul *:hover ul ul {
	display: none;
}

/* ++++ BREADCRUMBS ++++ */

#breadNavigation {	 font-size:11px;  }
.breadmenu {
    float:left; 
    margin:0px 0 8px 0;
    padding:0px 0 8px 0;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    position:relative;
    height: 20px;
    z-index:1;	
}
.breadmenu li {
	display:block;
	float:left;
    margin:0px;
    padding:0px 13px 0 0px;
    font-size:11px;	
    height: 20px;
    line-height: 20px;
	position:relative;
	border-right: 1px solid #333;
	background: none;
}
.breadmenu li.last  { border: none; }
.breadmenu li a {
    float:left; 
    color:#999;
	cursor:pointer;
	display:block;
	float:left;
	font-size:11px;
	text-decoration:none;
	padding: 0;
}
.breadmenu li span { 	padding:0px 0 0 13px;  }
.breadmenu li.last span { color: #CCC; }


/* ++++ PAGE MENU ++++ */

.pageNavigation {
	clear: both;  height: 20px; margin-top: 20px;
}
.pagemenu { 
    margin:0;
    padding:0; float: right;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    position:relative;
    height: 20px;
    z-index:1;	
}
.pagemenu li {
	display:block;
	float:left;
    margin:0px 5px 0 0;
    padding:0px;
    height: 20px;
    line-height: 20px;
	position:relative;
	border: 1px solid #649831;
	background: #F8F8F8 none;
}
.pagemenu li.selected  { border-color: #CCC; background: #FFF; }
.pagemenu li.selected a { color: #999; }
.pagemenu li a {
    float:left; 
	cursor:pointer;
	display:block;
	float:left;
	text-decoration:none;
	color: #316500;
	padding: 0 10px;
	font-weight: normal;
}
.pagemenu li a:hover  {  background: #C6DCA9; color: #333; }
.pagemenu li:hover > a  { background: #C6DCA9; color: #333; }
.pagemenu li.selected a:hover  {  background: inherit; color: #999; }
.pagemenu li.selected:hover > a  { background: inherit; color: #999; }

.pagemenu li span { font-size:11px; }