/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <ul><li><a href="#"><span>level 3</span></a></li></ul>
 *                  </li>
 *              </ul>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************

/* menu::base


div#menu
  height: 41px
  background: url(/images/menu/main-bg.png) repeat-x
  ul
    margin: 0
    padding: 0
    list-style: none
    float: left
    &.menu
      padding-left: 30px
  li
    position: relative
    z-index: 9
    margin: 0
    padding: 0 5px 0 0
    display: block
    float: left
    &:hover>ul
      left: -2px
  a
    position: relative
    z-index: 10
    height: 41px
    display: block
    float: left
    line-height: 41px
    text-decoration: none
    font: normal 12px Trebuchet MS
    &:hover
      color: #fff
      span
        color: #fff
  li.current a
  span
    display: block
    cursor: pointer
    background-repeat: no-repeat
    background-position: 95% 0
  ul ul a.parent
    span
      background-position: 95% 8px
      background-image: url(/images/menu/item-pointer.gif)
    &:hover span
      background-image: url(/images/menu/item-pointer-mover.gif)
  a
    padding: 0 10px 0 10px
    line-height: 30px
    color: #e5e5e5
  span
    margin-top: 5px
  li
    background: url(/images/menu/main-delimiter.png) 98% 4px no-repeat
    &.last
      background: none
  ul ul
    li
      background: none
    position: absolute
    top: 38px
    left: -999em
    width: 163px
    padding: 5px 0 0 0
    background: rgb(45, 45, 45)
    margin-top: 1px
    a
      padding: 0 0 0 15px
      height: auto
      float: none
      display: block
      line-height: 24px
      color: rgb(169, 169, 169)
    span
      margin-top: 0
      padding-right: 15px
      _padding-right: 20px
      color: rgb(169, 169, 169)
    a:hover span
      color: #fff
    li
      &.last
        background: none
      width: 100%
    ul
      padding: 0
      margin: -38px 0 0 163px !important
      margin-left: 172px
      background: rgb(41, 41, 41)
      ul
        background: rgb(38, 38, 38)
        background: rgb(35, 35, 35)
  li.back
    background: url(/images/menu/lava.png) no-repeat right -44px !important
    background-image: url(/images/menu/lava.gif)
    width: 13px
    height: 44px
    z-index: 8
    position: absolute
    margin: -1px 0 0 -5px
    .left
      background: url(/images/menu/lava.png) no-repeat top left !important
      background-image: url(/images/menu/lava.gif)
      height: 44px
      margin-right: 8px

/* menu::level1

/**@replace#1

/* menu::level2

/* menu::level3

/* colors

/* lava lamp