/* menu.css */

.Menu {
  margin: 10px 0 0 10px;
}

.ManyLevelMenuBox {
  width: 182px;
  margin: 0;
  padding: 0;
}

.ManyLevelMenuBox .section li a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0 0 1px 0;
  color: white;
  text-decoration: none;
  line-height: 25px;
  width: 182px;
  background: #241f1f url(/images/menu/section.gif) repeat-x top;
  display: block;
  padding-left: 5px;
  border-left: 0;
  border-right: 0;
  font-weight: bold;
}

.ManyLevelMenuBox .section li a .SectionMenuArrow {
  background: transparent url(/images/menu/arrow.gif) no-repeat right 5px;
  padding: 0 5px;
}

.ManyLevelMenuBox .section li a:hover,
.ManyLevelMenuBox .section li .selected {
  color: white;
  background: #127dc9 url(/images/menu/section-hover.gif) repeat-x top;
}

.ManyLevelMenuBox .section li a:hover .SectionMenuArrow,
.ManyLevelMenuBox .section li .selected .SectionMenuArrow2 {
  background: transparent url(/images/menu/section-arrow.gif) no-repeat right 5px;
  padding: 0 5px;
}

.ManyLevelMenuBox ul {
  margin: 0;
  padding: 0;
}

.ManyLevelMenuBox ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ManyLevelMenuBox .rubric li a {
  padding: 0 0 0 5px;
  font-size: 11px;
  text-decoration: none;
  border-top: 1px solid #BCBCBC;
  display: block;
  width: 180px;
  background: white;
  color: black;
  text-align: left;
  line-height: 22px;
}

.ManyLevelMenuBox .rubric li a:hover,
.ManyLevelMenuBox .rubric li .selected {
  background: white url(/images/skin4/top-menu/hover-js.gif) repeat-x top;
  color: black;
}