/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
  /** customize colors here */
a.mainlevel-zoa-horizontal,
a.mainlevel-zoa-horizontal:link,
a.mainlevel-zoa-horizontal:visited {
  background-color: #ffeb00;
  color: #000000;
}

a.mainlevel_active-zoa-horizontal,
a.mainlevel_active-zoa-horizontal:link,
a.mainlevel_active-zoa-horizontal:visited {
  background-color: #124d86;
  color: #000;
}

a.mainlevel_current-zoa-horizontal,
a.mainlevel_current-zoa-horizontal:link,
a.mainlevel_current-zoa-horizontal:visited {
  background-color: #124d86;
  color: #ffeb00;
}

a.mainlevel-zoa-horizontal:hover,
a.mainlevel_active-zoa-horizontal:hover,
a.mainlevel_current-zoa-horizontal:hover
  {
  background: #ffeb00;
  color: #124d86;
}

a.sublevel-zoa-horizontal,a.sublevel_active-zoa-horizontal,a.sublevel_current-zoa-horizontal,a.sublevel-zoa-horizontal:link,a.sublevel_active-zoa-horizontal:link,a.sublevel_current-zoa-horizontal:link,a.sublevel-zoa-horizontal:visited,a.sublevel_active-zoa-horizontal:visited,a.sublevel_current-zoa-horizontal:visited
  {
  background-color: #ffeb00;
  color: #333333;
  border: 0;

}

a.sublevel-zoa-horizontal:hover,a.sublevel_active-zoa-horizontal:hover,a.sublevel_current-zoa-horizontal:hover
  {
  background: #ECDA00;
  color: #124d86;
}

ul.mainlevel-zoa-horizontal ul ul a.sublevel-zoa-horizontal,ul.mainlevel-zoa-horizontal ul ul a.sublevel_active-zoa-horizontal,ul.mainlevel-zoa-horizontal ul ul a.sublevel_current-zoa-horizontal,ul.mainlevel-zoa-horizontal ul ul a.sublevel-zoa-horizontal:link,ul.mainlevel-zoa-horizontal ul ul a.sublevel_active-zoa-horizontal:link,ul.mainlevel-zoa-horizontal ul ul a.sublevel_current-zoa-horizontal:link,ul.mainlevel-zoa-horizontal ul ul a.sublevel-zoa-horizontal:visited,ul.mainlevel-zoa-horizontal ul ul a.sublevel_active-zoa-horizontal:visited,ul.mainlevel-zoa-horizontal ul ul a.sublevel_current-zoa-horizontal:visited
  {
  background-color: #ffeb00;
  color: #333333;
  border: 0;
}

ul.mainlevel-zoa-horizontal ul ul a.sublevel-zoa-horizontal:hover,ul.mainlevel-zoa-horizontal ul ul a.sublevel_active-zoa-horizontal:hover,ul.mainlevel-zoa-horizontal ul ul a.sublevel_current-zoa-horizontal:hover
  {
  background-color: #ECDA00;
  color: #124d86;
}

ul.mainlevel-zoa-horizontal .expanded {
  display: block;
}

ul.mainlevel-zoa-horizontal ul .expanded {
  background-image: url("../images/arrow_right.gif");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 10px;
}

/** customize style / layout here */
a.mainlevel-zoa-horizontal,
span.mainlevel-zoa-horizontal,
a.mainlevel-zoa-horizontal:link,
a.mainlevel-zoa-horizontal:visited
  {
  text-align: left;
  text-decoration: none;
  display: block;
  padding: 5px 10px 3px 15px;
  /* top, right, bottom, left */
  height: 29px;
  font-weight: bold;
  text-transform: uppercase;
  background: #ffeb00 url(../../img/bg_menu.gif) 3px 0 no-repeat;
}

a.mainlevel_active-zoa-horizontal,a.mainlevel_current-zoa-horizontal,a.mainlevel_active-zoa-horizontal:link,a.mainlevel_current-zoa-horizontal:link,a.mainlevel_active-zoa-horizontal:visited,a.mainlevel_current-zoa-horizontal:visited
  {
  text-align: left;
  text-decoration: none;
  display: block;
  padding: 5px 10px 3px 15px;
  /* top, right, bottom, left */
  height: 29px;
  font-weight: bold;
  text-transform: uppercase;
  background: #124d86;
}

a.mainlevel-zoa-horizontal:hover,a.mainlevel_active-zoa-horizontal:hover,a.mainlevel_current-zoa-horizontal:hover
  {
  text-align: left;
  text-decoration: none;
  display: block;
  padding: 5px 10px 3px 15px; /* top, right, bottom, left */
  height: 29px;
  background: url(../../img/bg_menu_h2.gif) 3px 0 no-repeat;
}

a.sublevel-zoa-horizontal,a.sublevel_active-zoa-horizontal,a.sublevel_current-zoa-horizontal,span.sublevel-zoa-horizontal,a.sublevel-zoa-horizontal:link,a.sublevel_active-zoa-horizontal:link,a.sublevel_current-zoa-horizontal:link,a.sublevel-zoa-horizontal:visited,a.sublevel_active-zoa-horizontal:visited,a.sublevel_current-zoa-horizontal:visited,a.sublevel-zoa-horizontal:hover,a.sublevel_active-zoa-horizontal:hover,a.sublevel_current-zoa-horizontal:hover
  {
  text-align: left;
  text-decoration: none;
  display: block;
  padding: 2px 5px 2px 10px;
  /* top, right, bottom, left */
  height: 19px;
  font-size: 10px;
}

a.mainlevel-zoa-horizontal,
a.mainlevel_active-zoa-horizontal,
a.mainlevel_current-zoa-horizontal,
span.mainlevel-zoa-horizontal {

}

a.sublevel-zoa-horizontal,a.sublevel_active-zoa-horizontal,a.sublevel_current-zoa-horizontal,span.sublevel-zoa-horizontal
  {
  font-size: 10px;
  border: 0;
  height: 1%;
  /* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
}

#active_menu-zoa-horizontal,a.mainlevel_active-zoa-horizontal,a.mainlevel_current-zoa-horizontal,a.mainlevel_active-zoa-horizontal:link,a.mainlevel_current-zoa-horizontal:link,a.mainlevel_active-zoa-horizontal:visited,a.mainlevel_current-zoa-horizontal:visited,a.mainlevel_active-zoa-horizontal:hover,a.mainlevel_current-zoa-horizontal:hover,a.sublevel_active-zoa-horizontal,a.sublevel_current-zoa-horizontal,a.sublevel_active-zoa-horizontal:link,a.sublevel_current-zoa-horizontal:link,a.sublevel_active-zoa-horizontal:visited,a.sublevel_current-zoa-horizontal:visited,a.sublevel_active-zoa-horizontal:hover,a.sublevel_current-zoa-horizontal:hover
  {
  font-weight: bold;
}

ul.mainlevel-zoa-horizontal,.mainlevel-zoa-horizontal ul
  {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  z-index: 100;
  display: inline;
}

ul.mainlevel-zoa-horizontal li {
  padding: 0;
  margin: 0;
  background: none;
  float: left;
  min-width: 118px;
  ! width: 118px;
}

ul.mainlevel-zoa-horizontal li li {
  position: relative;
  display: block;
  width: 180px; /* 10em */
  float: left;
}

ul.mainlevel-zoa-horizontal ul {
  display: block;
  position: absolute;
  left: -999em;
  margin: 0em 0 0 0em;
  width: auto;
  height: auto;
  z-index: 101;
  float: left;
}

ul.mainlevel-zoa-horizontal li li ul {
  margin: -1.8em 0 0 177px;
  z-index: 102;
  float: left;
}

/** IE7.0 workaround */
ul.mainlevel-zoa-horizontal li:hover,ul.mainlevel-zoa-horizontal li.hover
  {
  position: static;
}

/** general on-mouse-over display */
ul.mainlevel-zoa-horizontal li:hover ul,ul.mainlevel-zoa-horizontal li.hover ul
  {
  left: auto;
}

ul.mainlevel-zoa-horizontal li:hover ul ul,ul.mainlevel-zoa-horizontal li.hover ul ul
  {
  left: -999em;
}

ul.mainlevel-zoa-horizontal li:hover ul li:hover ul,ul.mainlevel-zoa-horizontal li.hover ul li.hover ul
  {
  left: auto;
}

ul.mainlevel-zoa-horizontal,ul.mainlevel-zoa-horizontal li li
  {
  clear: left;
}

/** separator */
span.mainlevel-zoa-horizontal,span.sublevel-zoa-horizontal
  {
  display: block;
  width: 1em;
  border-width: 0px;
  margin-left: 1em;
  padding: 0;
  padding-top: 1px;
}

/** IE5.0/win workaround: the ">" is handled like a "," */
ul.mainlevel-zoa-horizontal>ul.mainlevel-zoa-horizontal
  {
  position: absolute;
  top: 5em;
  /* change the absolute position for IE5.0 here */
}

ul.mainlevel-zoa-horizontal>ul.mainlevel-zoa-horizontal li.hover ul
  {
  margin: 0.1em 0 0 0em; /* top, right, bottom, left */
}

ul.mainlevel-zoa-horizontal>ul.mainlevel-zoa-horizontal li.hover ul ul
  {
  margin: -1.6em 0 0 10em; /* top, right, bottom, left */
}

ul.subLevelMenu {
  border: 1px solid #000;
}