/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/menus.css);


/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-dropdown { margin-bottom: -10px; }

.menu-dropdown li.level1 {
  margin-right: 10px;
  padding-bottom: 10px;
}

.menu-dropdown a.level1, .menu-dropdown span.level1 {
  border: medium none;
  color: #000;
}

.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
  -moz-transition: background .15s ease-in-out;
  -webkit-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  cursor: pointer;
}

.dropdown-bg{

}

/* Set Active */
.menu-dropdown li.active .level1 {
  background-color: #FF5408;
  color: #FFFFFF;
}

/* Set Hover */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { 
 -moz-transition: background .15s ease-in-out;
  -webkit-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
 background-color: #FF5408;
 color: #FFFFFF;
 }

/* Drop-Down */
.menu-dropdown .dropdown {
  border: medium none !important;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
  top: 50px;
}

.menu-dropdown .dropdown-bg > div {
  background: none repeat scroll 0 0 #FAFAFA;
  border-style: none;
  border-width: 0;
  font-weight: normal;
  padding: 0 5px;
}

/* Level 2 */
.menu-dropdown li.level2 { 
    background: url(../images/menu-div.png) repeat-x scroll center bottom transparent;
  margin: 0 5px;
  border-top: none;
}
.menu-dropdown li.level2:first-child { border: none; }

.menu-dropdown a.level2, .menu-dropdown span.level2 {
  color: #808080;
}

/* Set Hover */
.menu-dropdown a.level2:hover { color: #000000; }

/* Set Current */
.menu-dropdown a.current.level2 { font-weight: normal; } 

/* Set Hover */
.menu-dropdown a.level3:hover { color: #000000; }

/* Set Current */
.menu-dropdown a.current.level3 { font-weight: normal; } 


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Link */
.menu-sidebar a,
.menu-sidebar li > span { color: #000; }

/* Hover */
.menu-sidebar a:hover,
.menu-sidebar li > span:hover { color: #d50; }

/* Current */
.menu-sidebar a.current { font-weight: normal; }

/* Level 1 */
.menu-sidebar li.level1 { border-top: 1px solid #ddd; }
.menu-sidebar li.level1:first-child { border-top: none; }

.menu-sidebar li.parent .level1 > span { background: url(../images/menu_sidebar_parent.png) 100% 0 no-repeat; }
.menu-sidebar li.parent.active .level1 > span {
  background-position: 98% -28px;
}

/* Level 2-4 */
.menu-sidebar ul.level2 ul { padding-left: 10px; }


/* Line Menu
----------------------------------------------------------------------------------------------------*/

.menu-line li {
  margin-left: 7px;
  padding-left: 8px;
  background: url(../images/menu_line_item.png) 0 50% no-repeat;
}

.menu-line li:first-child {
  margin-left: 0;
  padding-left: 0;
  background: none;
}

.menu-dropdown a.level2 > span, .menu-dropdown span.level2 > span {
  font-weight: lighter;
  line-height: 21px;
  overflow: hidden;
  padding: 7px 0;
}

.menu-sidebar a.level1 > span, .menu-sidebar span.level1 > span {
  background-color: #F9F9F9;
  box-shadow: 0 -1px 0 1px rgba(255, 255, 255, 0.25) inset, 0 -20px 10px rgba(0, 0, 0, 0.024) inset;
  -moz-box-shadow: 0 -1px 0 1px rgba(255, 255, 255, 0.25) inset, 0 -20px 10px rgba(0, 0, 0, 0.024) inset;
  -webkit-box-shadow: 0 -1px 0 1px rgba(255, 255, 255, 0.25) inset, 0 -20px 10px rgba(0, 0, 0, 0.024) inset;
  -o-box-shadow: 0 -1px 0 1px rgba(255, 255, 255, 0.25) inset, 0 -20px 10px rgba(0, 0, 0, 0.024) inset;
  line-height: 20px;
  padding: 10px 8px 8px 15px;
}

.menu-sidebar .level2 a > span {
  background-color: #F9F9F9;
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.65) inset, 0 10px 10px rgba(0, 0, 0, 0.02) inset;
  -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.65) inset, 0 10px 10px rgba(0, 0, 0, 0.02) inset;
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.65) inset, 0 10px 10px rgba(0, 0, 0, 0.02) inset;
  -o-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.65) inset, 0 10px 10px rgba(0, 0, 0, 0.02) inset;
  font-size: 11px;
  line-height: 17px;
  padding: 7px 20px;
}