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

#menuVertical, #menuVertical * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
#menuVertical {
    width:100%;
    position:relative;
    z-index:999;
    padding:1px 0 10px 0;
}
#menuVertical ul {
    padding-bottom:1px;
}
* html #menuVertical, * html #menuVertical ul
{
    
}
#menuVertical div {
    width:219px;
    position:relative;
    padding-top:9px;
}
#menuVertical div ul
{
    padding-bottom: 5px;
    background-color: #ec1d25 !important;
}
* html #menuVertical div, * html #menuVertical div ul
{
    
}
* + html #menuVertical li
{
    border-bottom: 1px solid transparent;
}
#menuVertical li div
{
    visibility: hidden;
    position: absolute;
    margin: -42px 0 0 1px;
    left: 100%;
}
* html #menuVertical li div, * + html #menuVertical li div
{
    margin-top: -42px;
}
#menuVertical li:hover > div
{
    visibility: visible;
}
* html #menuVertical li
{
    height: 34px;
}
#menuVertical li a {
    display:block;
    font-size:11px;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
    padding-top:11px;
    cursor:pointer;
    position:relative;
    z-index:9;
}
*+html #menuVertical li a { padding-top:12px; }
* html #menuVertical li a { padding-top:10px; }
#menuVertical li.current a, #menuVertical li a:hover
{
    
}
#menuVertical li span {
    line-height:14px;
    padding: 0 19px 8px 17px;
    display:block;
    color: #333 !important;
    
}
*+html #menuVertical li span { padding-bottom:1px; }
* html #menuVertical li span {
    height:24px;
    padding-bottom:2px;
}
#menuVertical li.current a span, #menuVertical li a:hover span
{
}
#menuVertical li a:hover span { color:#043454; }
#menuVertical li a.parent:hover span
{
    
}
#menuVertical.js-active li.current a, #menuVertical.js-active li.current a span, #menuVertical.js-active li a:hover, #menuVertical.js-active li a:hover span
{
}
#menuVertical li a.parent span, #menuVertical.js-active li a.parent span
{
    
}
#menuVertical li.current li a, #menuVertical li.current li a span
{
    
}
#menuVertical li li { border:0;background-color: #c8d8e1 !important; }
#menuVertical li li a span { color:#043454; }
#menuVertical li li a.parent span, #menuVertical.js-active li li a.parent span
{
    
}
#menuVertical li li a:hover, #menuVertical.js-active li li a:hover
{
    background-color: #e3e3e3 !important;
}
#menuVertical li li a:hover span, #menuVertical.js-active li li a:hover span
{
    color: #333;
}
#menuVertical li li a.parent:hover span, #menuVertical.js-active li li a.parent:hover span
{
    
}
#menuVertical li.back {
    width:219px;
    z-index:8;
    position:absolute;
    background-color: #c8d8e1;
}
#menuVertical li.back .left {
    width:220px;
    float:none;
    position:relative;
    top:0;
    left:0;
    height:7px;
    overflow:hidden;
    padding:0;
    margin:0;
    visibility:visible;
}