/* This file is automatically generated from the source files.
 * Do not modify this file, modify source class instead
 */

/**
 *********************************************
 * 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:48px; background:url(images/main-bg.png) repeat-x;}
div#menu ul{ margin:0; padding:0 0 0 30px; list-style:none;}
div#menu ul.lavaLamp{ z-index:148;}
div#menu li{ position:relative; z-index:149; margin:0; padding:0 5px 0 0; display: block; float:left;}
div#menu li:hover>ul{ left: -2px;}
div#menu a{ position:relative; z-index:150; height:48px; display:block; float:left; line-height:43px; text-decoration:none; font:normal 12px Trebuchet MS;}
div#menu a:hover, div#menu a:hover span{ color:#fff;}
div#menu li.selectClass a{}
div#menu span{ display:block; cursor:pointer; background-repeat:no-repeat; background-position:95% 0; white-space:nowrap;}
div#menu ul ul a.parent span{ background-position:95% 8px; background-image: url(images/item-pointer.gif);}
div#menu ul ul a.parent:hover span{ background-image: url(images/item-pointer-mover.gif);}
div#menu #menu_right {position:absolute;}

/* menu::level1 */
div#menu a{ padding:0 10px 0 10px; line-height:30px; color:#e5e5e5;}
div#menu span{ margin-top: 5px;}
/**@replace#1*/
div#menu li { background: url(images/main-delimiter.png) 98% 4px no-repeat; }
div#menu li.last { background: none; }

/* menu::level2 */
div#menu ul ul li { background: none; }
div#menu ul ul {
    position: absolute;
    z-index: 150;
    top: 38px;
    left: -999em;
    width: 163px;
    padding: 5px 0 0 0;
    background: rgb(45,45,45);
    margin-top:1px;
}
div#menu ul ul a {
    padding: 0 0 0 15px;
    height: auto;
    float: none;
    display: block;
    line-height: 24px;
    color: rgb(169,169,169);
}
div#menu ul ul span {
    margin-top: 0;
    padding-right: 15px;
    color: rgb(169,169,169);
}
div#menu ul ul a:hover span {
    color: #fff;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul ul {
	padding: 0;
	margin: -38px 0 0 163px !important;
	position: absolute;
	z-index: 155;
	margin-left:172px;
}

/* colors */
div#menu ul ul ul { background: rgb(41,41,41); }
div#menu ul ul ul ul { background: rgb(38,38,38); }
div#menu ul ul ul ul { background: rgb(35,35,35); }

/* lava lamp */
div#menu li.backLava {
    background: url(images/lava.png) no-repeat right -48px !important;
    background-image: url(images/lava.gif);
    width: 10px;
    height: 48px;
    z-index: 130;
    position: absolute;
    margin: 0 0 0 -6px;
}
div#menu li.backLava .leftLava {
    background: url(images/lava.png) no-repeat top left !important;
    background-image: url(images/lava.gif);
    height: 48px;
    margin: 0 13px 0 -3px;
}

#mobile-menu-icon {height:36px; width:47px; background:url(images/mobile_menu_icon.png) 0 4px no-repeat; position: absolute; left:20px; top:70px; display:none}

#swipe-menu-overlay{ display:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 59; background-color: rgba(0,0,0,0.75)}
#swipe-menu-overlay-close {float:right; height:36px; width:36px; background:url(images/mobile_menu_icon.png) -4px -30px no-repeat; position: absolute; right:20px; top:20px}
#swipe-menu {background-color: #fff;}
#swipe-menu {display: block; left: -280px; overflow: hidden; position: fixed; width: 280px; height: 100%; z-index:60; text-align:left;
    moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#swipe-menu-content { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}
#swipe-menu-content #mobile-site-search { margin:6px 3px; padding: 3px; border:solid 1px #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px}
#swipe-menu-content #mobile-site-search input {border:0; margin:0;}
#swipe-menu-content #mobile-site-search-text { padding:5px 0; font-size:1.2em; width:200px; color:#ccc}
#swipe-menu-content #mobile-site-search-btn {float:right; height:34px; width:42px; background:url(images/mobile_menu_icon.png) -3px -80px no-repeat; overflow:hidden; text-indent:-999px; padding:0}
#swipe-menu-content ul { margin:0; padding:0}
#swipe-menu-content ul h1 {font-size: 1.4em; margin: 20px 0 10px;}
#swipe-menu-content ul h1 a {color:#555; font-weight:bold; display:block;}
#swipe-menu-content ul ul h1 { margin: 10px 0 10px 15px;}
#swipe-menu-content ul ul ul h1 {margin-left: 30px;}
#swipe-menu-content ul ul ul ul h1 {margin-left: 45px;}
#swipe-menu-content ul ul ul ul ul h1 {margin-left: 60px;}
#swipe-menu-content li { margin:0 15px 0 10px; padding:0; list-style:none; border-top:solid 1px #ccc;}
#swipe-menu-content > ul > li.first {border-top:0}
#swipe-menu-content li li { margin:0}
.mobile-menu-active { overflow:hidden;}
.mobile-menu-active #page{ overflow:hidden; height:100%; width:100%}
.mobile-menu-active #swipe-menu-overlay { display:block;}