/* - - - ADxMenu: BASIC styles - - - */

/*
  this rules improves accessibility - if Javascript is disabled, the entire menu will be visible
  of course, that means that it might require different styling then.
  in which case you can use adxie class - see: aplus.co.yu/adxmenu/examples/ie6-double-style/
 */
ul.menu ul {
  visibility: visible;
  position: static;
}

/* float.clear */
ul.menu, ul.menu ul {
  zoom: 1;
}

ul.menu li.adxmhover {
  z-index: 10000;
}

/* li:hover>ul selector */
ul.menu .adxmhoverUL {
  visibility: visible;
}

/* submenu goes to the right */
ul.menu .adxmhoverUL {
	left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

/* fix clickability-area problem */
ul.menu ul a {
  zoom: 1;
}

/* fix white gap problem */
ul.menu li {
  float: left;
  width: 100%;
}

/* prevent double-line between items */
ul.menu li {
  margin-top: -1px;
}

/* li:hover>a selector */
ul.menu a:hover, ul.menu .adxmhoverA {
  color: #FFFFFF;
  background-color: #365ECD;
}