/*********** #Horizontal Slide Menu styles ***********/
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem,
div.menu a.menuItemFirst,
div.menu a.menuItemLast {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
  font-style: normal;
  font-weight: bold;
  color: #000000;
}

div.menuBar {
  text-align: left;
  padding: 0px;
  background-color: #DCE7FF;  
  border-left: 3px solid #3A5EA9;
  position: relative;
  width: 177px;
  visibility: hidden;
}

* html div.menuBar {
	width: 183px;
}

div.menuBarBorder {
	border-top: 1px solid #ADC2EE;
}
div.menuBar a.menuButton {
 /* background-color: transparent;*/
  color: #000000;
  cursor: pointer;
  margin: 0px;
  top: 0pt;
  padding: 0px 10px 0px 5px;
  position: relative;
  text-decoration: none;
  z-index: 100;
  vertical-align: middle;
  min-height: 20px;
  display: block;
  border-left: 1px solid #ADC2EE;
  border-right: 1px solid #ADC2EE;
  border-bottom: 1px solid #ADC2EE;
  line-height: 20px;
}

* html div.menuBar a.menuButton{
	height: 20px;
}

div.menuBar a.menuButton:hover {
 	background-color: #FFFFFF;
  color: #ADC2EE;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #ADC2EE;  
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
	background-color: #FFFFFF;
	color: #ADC2EE;
	border-bottom: 1px solid #ADC2EE;
}

div.menu {
  background-color: #FFFFFF;
  padding: 0px;
  position: absolute;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem,
div.menu a.menuItemFirst,
div.menu a.menuItemLast {
  color: #000000;
  cursor: pointer;
  display: block;
  padding: 2px 10px 2px 10px;
  text-decoration: none;
  white-space: nowrap;
  border-left: 1px solid #ADC2EE;
  border-right: 1px solid #ADC2EE;
  font-weight: normal;
}

* html div.menu a.menuItemFirst,
*+html div.menu a.menuItemFirst{
	padding: 2px 10px 3px 10px;
}

div.menu a.menuItemFirst {
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #ADC2EE;  
}

div.menu a.menuItemLast {
	border-bottom: 1px solid #ADC2EE;
}

div.menu a.menuItem:hover, 
div.menu a.menuItemFirst:hover,
div.menu a.menuItemLast:hover,
div.menu a.menuItemHighlight {
 /* background-color: #3D457F;*/
  color: #ADC2EE;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: .75em;
}

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 2px 2px;
}

/*********** #CategoryMenu styles ***********/
#subMenu ul a:link, #subMenu ul a:visited {display: block;}
#subMenu ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#subMenu li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #subMenu li {border-bottom: none;}

#subMenu{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #496bb2;
	border-left: 1px solid #496bb2;
	border-right: 1px solid #496bb2;
}

#subMenu span{
	display: inline;
}

#subMenu .active{
	font-weight: bold;
	background-color: #d0dae2;
	color: #000000;
	border-bottom: 1px solid #7693cd;
	border-top: 1px solid #7693cd;
}

#subMenu .highlight{
	background-color: #FFFFFF;
}
/*
	padding-left wird durch CSS Parser eingelesen, damit bei Pfeilen
	richtige einr?ckung bei Multilevel Men?s realisierbar ist
	wenn keine Pfeile vorhanden kann padding-left: 0px deklariert werden,
	sonst abstand vom Rand
*/
#subMenu a {
	border-top: 0px solid #496bb2;	
	padding: 2px 0px 2px 4px;
	line-height: 150%;
	color: #000000;
	text-decoration: none;
}

#subMenu a:hover{
	background-color: #7693cd;
	color: #FFFFFF;
}

#subMenu .sales{
	border-top: 1px solid #7693cd;
}

#subMenu .sales a,
#subMenu .sales a:hover{
	color: #496bb2;
	background-color: transparent;
}

/*********** #CategoryListMenu styles ***********/
#sublistMenu ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sublistMenu li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #sublistMenu li {border-bottom: none;}

#sublistMenu{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #496bb2;
	border-left: 1px solid #496bb2;
	border-right: 1px solid #496bb2;
}

#sublistMenu ul li a{
	border-top: 0px solid #496bb2;	
	padding: 2px 0px 2px 4px;
	line-height: 150%;
	color: #000000;
	text-decoration: none;
	display: block;
}

#sublistMenu ul li a:hover{
	background-color: #7693cd;
	color: #FFFFFF;
}

#sublistMenu .active{
	font-weight: bold;
	background-color: #d0dae2;
	color: #000000;
	border-bottom: 1px solid #7693cd;
	border-top: 1px solid #7693cd;
}

#sublistMenu, #sublistMenu ul li ul{
	margin:0px;
	padding:0px;
}

#sublistMenu ul li ul{
	display:none;
}
#sublistMenu ul li ul li a{
	padding-left: 12px;
	display: block;
}