@charset "utf-8";
/* CSS Document */

ul.menu {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  line-height: 100%;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; 
  
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  -pie-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.15);
}

ul.menu li {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  list-style: none;
}

/* main level link */
ul.menu a, ul.menu .separator {
  /* font-family: "MavenProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif !important; */
  font-family: "Tahoma", Arial, Helvetica, sans-serif !important;  
  font-size: 16px;
  text-decoration: none;
  display: block;
  padding: 14px 20px;
  margin: 0;
  border-left: 1px solid rgba(0,0,0,0.1);
  border-right: 1px solid rgba(255,255,255,0.2);
}

/* Set border radius and border for the first menu item */
ul.menu li:first-child a, ul.menu li:first-child .separator {
  border-left: none;
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}

/* Set border radius and border for the last menu item */
ul.menu li:last-child a, ul.menu  li:last-child .separator {
  border-right: none;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}

/* main level link active & hover */
ul.menu li.active a, 
ul.menu li.active .separator,
ul.menu li:hover a, 
ul.menu li:hover .separator {
  color: #fff !important;
}

/* sub levels link hover */
ul.menu li:hover ul li a,
ul.menu ul li:hover ul li a,
ul.menu li:hover li .separator,
ul.menu ul li:hover .separator {
  background: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}

ul.menu li ul li:hover a,
ul.menu li ul li ul li:hover a,
ul.menu li ul li ul li ul li:hover a,
ul.menu li ul li ul li ul li ul li:hover a,

ul.menu li ul li:hover span,
ul.menu li ul li ul li:hover span,
ul.menu li ul li ul li ul li:hover span,
ul.menu li ul li ul li ul li ul li:hover span,

ul.menu ul li .separator:hover,
ul.menu ul li ul li .separator:hover,
ul.menu ul li ul li ul li .separator:hover,
ul.menu ul li ul li ul li ul li .separator:hover

{
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

/* level 2 list */
ul.menu ul {  
  display: none;
  margin: 0;
  padding: 0;
  width: auto;
  white-space: nowrap;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  -pie-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.15);
}
/* dropdown */
ul.menu li:hover > ul {
  display: block;
}
ul.menu ul li {
  float: none;
  margin: 0;
  padding: 0;
}

ul.menu ul li a{
  border: none;
}

ul.menu ul a, ul.menu ul .separator {
  font-size: 12px !important;
  padding: 7px 20px;
}
/* level 3+ list */
ul.menu ul ul {
  left: 100%;
  top: 0;
}
/* rounded corners for first and last child of level 2+*/
ul.menu ul li:first-child > a, ul.menu ul li:first-child > .separator {
  -webkit-border-top-left-radius: 5px !important;
  -moz-border-radius-topleft: 5px !important;
  -webkit-border-top-right-radius: 5px !important;
  -moz-border-radius-topright: 5px !important;
}
ul.menu ul li:last-child > a, ul.menu ul li:last-child > .separator {
  -webkit-border-bottom-left-radius: 5px !important;
  -moz-border-radius-bottomleft: 5px !important;
  -webkit-border-bottom-right-radius: 5px !important;
  -moz-border-radius-bottomright: 5px !important;
}
/* clearfix */
ul.menu:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
ul.menu {
  display: inline-block;
}
html[xmlns] ul.menu {
  display: block;
}
* html ul.menu {
  height: 1%;
}