/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


@import "../../../warp/css/menus.css";
.menu-dropdown li.level1 {
    margin-right: -1px;
}
.menu-dropdown a.level1, .menu-dropdown span.level1 {
    border-left: 1px solid transparent;
    border-right: 1px solid #E0E0E0;
    border-style: solid;
    border-width: 0 1px;
    color: #707070;
    font-size: 15px;
    padding-bottom: 1px;
    text-transform: uppercase;
}
.menu-dropdown:first-child .level1:first-child .level1 {
    border-left-color: #E0E0E0;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
    height: 72px;
    line-height: 72px;
    padding: 0 20px;
}
.menu-dropdown li.active .level1 {
    background-color: #FBFBFB;
    border-left-color: #E0E0E0;
}
.menu-dropdown li.active .level1:before {
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 3;
}
#menu .menu-dropdown li.level1:hover .level1, #menu .menu-dropdown li.remain .level1 {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.menu-dropdown .dropdown {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    left: 0;
    top: 71px;
}
.menu-dropdown .dropdown-bg > div {
    color: #FFFFFF;
    padding: 5px 10px;
}
.menu-dropdown li.level2 {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin: 0 10px;
}
.menu-dropdown li.level2:first-child {
    border: medium none;
}
.menu-dropdown a.level2, .menu-dropdown span.level2 {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.menu-dropdown a.level2 > span, .menu-dropdown span.level2 > span {
    line-height: 25px;
    padding: 8px 0;
}
.menu-dropdown a.level2:hover, .menu-dropdown a.current.level2 {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.menu-dropdown li.level3 {
    line-height: 18px;
}
.menu-dropdown a.level3 {
    background-position: 5px 0;
    background-repeat: no-repeat;
    color: #FFFFFF;
    padding-left: 17px;
    text-shadow: 0 -1px 0 rgba(20, 20, 20, 0.4);
}
.menu-dropdown a.level3:hover {
    background-position: 5px -50px;
}
.menu-dropdown a.current.level3 {
    background-position: 5px -100px;
}
.menu-dropdown .level1 .level1 span.icon {
    height: 72px;
    margin: 0 5px 0 -10px;
}
.menu-dropdown span.title {
    line-height: 20px;
}
.menu-dropdown .level1 .level1 span.title {
    margin-top: 20px;
}
.menu-dropdown li.level2 .level2 span.subtitle {
    line-height: 15px;
}
.menu-dropdown .module a {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(20, 20, 20, 0.3);
}
.menu-dropdown .module a:hover {
    color: rgba(0, 0, 0, 0.45);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
.menu-sidebar a, .menu-sidebar li > span {
    color: #9D9D9D;
}
.menu-sidebar a:hover, .menu-sidebar li > span:hover {
    color: #707070;
}
.menu-sidebar a.current:hover {
    color: #707070;
}
.menu-sidebar li.level1 {
    border-top: 1px solid #DBDBDB;
}
.menu-sidebar li.level1:first-child {
    border-top: medium none;
}
.menu-sidebar a.level1, .menu-sidebar span.level1 {
    text-transform: uppercase;
}
.menu-sidebar a.level1 > span, .menu-sidebar span.level1 > span {
    padding: 8px 0;
}
.menu-sidebar li.parent.active .level1:hover {
    color: #707070;
}
.menu-sidebar li.parent .level1 > span {
    background-position: 100% 0;
    background-repeat: no-repeat;
}
.menu-sidebar li.parent .level1 > span:hover {
    background-position: 100% -70px;
}
.menu-sidebar li.parent.active .level1 > span {
    background-position: 100% -140px;
}
.menu-sidebar li.parent.active .level1 > span:hover {
    background-position: 100% -210px;
}
.menu-sidebar ul.level2 {
    padding-left: 5px;
}
.menu-sidebar a.level2 {
    background-position: 0 1px;
    background-repeat: no-repeat;
    padding-left: 18px;
}
.menu-sidebar a.level2:hover {
    background-position: 0 -69px;
}
.menu-sidebar a.level2.current {
    background-position: 0 -139px;
}
.menu-sidebar a.level2.current:hover {
    background-position: 0 -69px;
}
.menu-sidebar ul.level3 {
    padding-left: 25px;
}
.menu-sidebar ul.level3 ul {
    padding-left: 10px;
}
#page .mod-box-default .menu-sidebar a, #page .mod-box-grey .menu-sidebar a {
    color: #EFEFEF;
}
#page .mod-box-default .menu-sidebar *:hover, #page .mod-box-grey .menu-sidebar *:hover {
    color: #68BAD9;
}
.mod-box-colored .menu-sidebar a, .mod-box-colored .menu-sidebar li > span, .mod-box-transparent a, .mod-box-transparent li > span {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.mod-box-color1 .menu-sidebar li.level1 {
    border-top-color: rgba(255, 255, 255, 0.15);
}
.mod-box-color2 .menu-sidebar li.level1, .mod-box-transparent .menu-sidebar li.level1 {
    border-top-color: rgba(255, 255, 255, 0.25);
}
.bg-colored .mod-line .menu-sidebar a, .bg-colored .mod-line .menu-sidebar li > span {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.bg-colored .mod-line .menu-sidebar li.level1 {
    border-top-color: rgba(255, 255, 255, 0.5);
}
.menu-line li {
    background-image: url("../../../images/menu_line_item.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    margin-left: 10px;
    padding-left: 11px;
}
.menu-line li:first-child {
    background: none repeat scroll 0 0 transparent;
    margin-left: 0;
    padding-left: 0;
}
