#main-menu {
  margin-bottom: 10px;
}

#main-menu .icon {
  display: block;
  width: 26px;
  height: 26px;
  margin: 5px 0 0 0;
  background-image: url(/profiles/voltimum/themes/voltimum2/images/sprite.png);
  background-repeat: no-repeat;
}

#main-menu .brand {
  padding: 7px;
  margin: 0;
  float: left;
}

.main-menu-container {
  background: #eaeaea;
}


/* Upper right corner buttons */

#main-menu .btn-group {
	float: right;
	margin: 6px 7px 0 0;
}

  #main-menu .btn-group > a {
    margin-left: -1px;
    float: left;
    padding: 4px 10px;
    height: 36px;
    border: 0;
    background: none;
    box-shadow: none;
  }

.search-switch .icon { background-position: -104px -47px; }
.login-switch .icon { background-position: -156px -47px; }
.menu-switch .icon { background-position: -130px -47px; }
.profile-switch .icon { background-position: -26px -47px; }
.logout-switch .icon { background-position: -181px -47px; }


.main-menu-glow,
.main-menu-shadow,
#main-menu .scroll-login,
#main-menu .scroll-logo,
#main-menu .expand,
#main-menu .sub-nav-shadow,
#main-menu .menu-divider {
  display: none;
}


/* First level navigation */

.main-menu-nav {
  margin: 0;
  padding: 0 7px;
}

  .main-menu-nav li {
    padding: 0 0 7px 0;
    position: relative;
    list-style: none;
  }

    .main-menu-nav li a {
      display: block;
      padding: 14px;
      position: relative;
      background: #f0f0f0;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #ccc;
      font-size: 14px;
      color: #555;
      -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
           -o-border-radius: 6px;
              border-radius: 6px;
    }

    .main-menu-nav > li > a {
      font-family: Trebuchet MS, trebuchet, sans-serif;
      text-transform: uppercase;
    }

    .main-menu-nav .active > a,
    .main-menu-nav .active-trail > a,
    .main-menu-nav li > .active {
      border-color: #008ACC;
      background: #008ACC;
      color: #fff;
    }

    .main-menu-nav li > span {
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      height: 48px;
      width: 48px;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #ccc;
      cursor: pointer;
      background-color: #f5f5f5;
      line-height: 48px;
      text-align: center;
      border-radius: 0 3px 3px 0;
    }

      .main-menu-nav li > span i {
        opacity: .5;
      }

    .main-menu-nav > .active > span,
    .main-menu-nav .active-trail > span {
      background-color: #009BE5;
      border-color: #009BE5;
    }


/* Sub navigation */

.menu-sub-nav {
  margin-left: 20px;
}

.menu-sub-nav > li {
  padding-bottom: 0;
}

#main-menu .menu-links {
  margin: 0;
  padding: 0;
}

  #main-menu .menu-links > li {
    margin: 0;
    padding: 0;
  }

  #main-menu .menu-links li {
    padding: 7px 0 0 0;
  }

	  #main-menu .menu-links a {
	    padding: 10px;
	  }

    #main-menu a:hover {
      text-decoration: none;
    }

	  /*#main-menu .menu-links a.active-trail,
	  #main-menu .menu-links a.active*/
    #main-menu .menu-links .active-trail > a {
      border-color: #fff;
      border-bottom-color: #ccc;
	    background-color: #fff;
	    color: #555;
	  }


/* menu image */

.menu-image {
  margin: 7px 0 0 20px;
}

body .menu-image > a {
  display: block;
  min-height: 55px;
  padding: 10px;
  position: relative;
}

  .menu-image span {
    display: block;
    margin-left: 90px;
  }

  .menu-image:hover span {
    text-decoration: none;
    color: #555 !important;
  }

  .menu-image .title {
    font-weight: bold;
  }

  .menu-image .image {
    width: 80px;
    margin: 0;
    position: absolute;
    left: 10px;
    top: 10px;
  }

    .menu-image img {
      width: 100%;
      height: auto;
    }

.main-menu-nav a.vlt-highlighted-main-menu-item {
  background-color: #FFCC00;
  font-weight: bold;
}