body {
  background: #272727;
  height: 100%;
  width: 100%; }

#page {
  box-sizing: content-box;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-transition: left 0.3s ease-in-out;
  -ms-transition: left 0.3s ease-in-out;
  -moz-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  z-index: 999;
  left: 0; }

.menu.nojs .sbPanel {
  display: block;
  width: 100%; }

.menu.closed {
  display: none; }

.menu {
  background: #272727;
  bottom: 0;
  color: #BDBDBD;
  margin: 0;
  position: absolute;
  top: 0;
  overflow: hidden;
  font-size: 75%;
  -webkit-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out; }
  .menu .sbPanel {
    position: absolute;
    background: #1D1D1D;
    bottom: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    display: none;
    -webkit-transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out; }
    .menu .sbPanel a,
    .menu .sbPanel a:hover,
    .menu .sbPanel a:visited {
      color: #BDBDBD; }
    .menu .sbPanel label.label a,
    .menu .sbPanel label.label a:hover,
    .menu .sbPanel label.label a:visited {
      color: #555; }
    .menu .sbPanel ul {
      list-style: none;
      margin: 0;
      padding: 0;
      overflow-y: auto;
      height: 100%; }
    .menu .sbPanel a {
      display: block;
      width: 100%; }
      .menu .sbPanel a span {
        display: block;
        margin: 20px; }
    .menu .sbPanel label {
      cursor: pointer; }
  .menu .sbPanel.open,
  .menu .sbPanel.host .sbPanel.open {
    background-color: #272727;
    display: block;
    overflow: hidden;
    -webkit-overflow-scrolling: touch; }
  .menu .sbPanel.host {
    display: block;
    overflow: visible; }
  .menu .sbPanel.host,
  .menu .sbPanel.ancestor,
  .menu .sbPanel.open,
  .menu .sbPanel.open .sbPanel {
    display: block; }
  .menu .sbPanel.level0 {
    width: 100%;
    margin-right: 220px; }
  .menu a,
  .menu span {
    border-color: #313131; }
  .menu li.title span {
    color: #FCEC45;
    font-size: 35px; }
  .menu li.bar {
    bottom: 0;
    border-color: #716422;
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 0px;
    background-position: center 10px;
    background-repeat: no-repeat;
    background-image: url("../images/nav/panel/home.png");
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, width 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, width 0.3s ease-in-out; }
  .menu li.bar.gear {
    background-image: url("../images/nav/panel/gear.png"); }
  .menu li.bar.buy {
    background-image: url("../images/nav/panel/buy.png"); }
  .menu li.bar.life {
    background-image: url("../images/nav/panel/gallery.png"); }
  .menu li.bar.learn {
    background-image: url("../images/nav/panel/learn.png"); }
  .menu li.bar.gallery {
    background-image: url("../images/nav/panel/gallery.png"); }
  .menu li.bar.news {
    background-image: url("../images/nav/panel/news.png"); }
  .menu li.bar.profile {
    background-image: url("../images/nav/panel/profile.png"); }
  .menu li.bar.magazine {
    background-image: url("../images/nav/panel/magazine.png"); }
  .menu li.bar.competitions {
    background-image: url("../images/nav/panel/competitions.png"); }
  .menu li.bar.nikkor_lenses {
    background-image: url("../images/nav/panel/nikkor_lenses.png"); }
  .menu .menuContent {
    bottom: 0;
    margin: 0;
    position: absolute;
    top: 0;
    overflow: hidden; }
  .menu .back span {
    background-color: #212121; }
  .menu .back span:hover {
    background-color: #313131; }
  .menu ul li span,
  .menu ul li label {
    -webkit-transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: left 0.3s ease-in-out, right 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out; }
  .menu .sbPanel.open li span,
  .menu .sbPanel.open li a {
    filter: alpha(opacity=100) !important;
    opacity: 1 !important; }
  .menu .sbPanel.ancestor li span,
  .menu .sbPanel.ancestor li a,
  .menu .sbPanel.host li span,
  .menu .sbPanel.host li a {
    /*
    filter: alpha(opacity=0);
    opacity: 0;
    */ }
  .menu .sbPanel.open li.bar,
  .menu .sbPanel.host .sbPanl.open li.bar {
    filter: alpha(opacity=0) !important;
    opacity: 0 !important;
    width: 0 !important; }
  .menu .sbPanel.host li.bar,
  .menu .sbPanel.ancestor .sbPanel.host li.bar {
    background-color: #BFAD0D;
    filter: alpha(opacity=100);
    opacity: 1;
    width: 32px; }
  .menu .sbPanel.ancestor li.bar {
    background-color: #7E7317;
    filter: alpha(opacity=100);
    opacity: 1;
    width: 32px; }
  .menu .menuCloserPanel {
    background-color: #918206;
    bottom: 0;
    cursor: pointer;
    font-size: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
    z-index: 99; }
  .menu .hasCurrent {
    background-color: #323232; }
  .menu .social-icons a {
    width: auto;
    display: block;
    float: left;
    margin-right: 5px; }
  .menu .nav-search {
    background-color: #272727;
    display: block;
    width: 220px;
    z-index: 98;
    overflow: hidden;
    overflow-y: auto; }
    .menu .nav-search a,
    .menu .nav-search a:visited {
      color: #BDBDBD; }
    .menu .nav-search .result-holder {
      background-color: #000; }

.menu.left {
  left: 0px; }
  .menu.left .menuContent {
    left: 0;
    right: 40px; }
  .menu.left .sbPanel {
    left: 100%; }
    .menu.left .sbPanel label {
      left: 0; }
  .menu.left .sbPanel.level0 {
    left: 0; }
  .menu.left .sbPanel.ancestor label,
  .menu.left .sbPanel.host label {
    left: 32px; }
  .menu.left .sbPanel.open label {
    left: 0px; }
  .menu.left li.bar {
    border-left-width: 1px; }
  .menu.left .menuCloserPanel {
    color: #6E6708;
    right: 0; }

.menu.right {
  right: 0px; }
  .menu.right .menuContent {
    right: 0;
    left: 40px; }
  .menu.right .sbPanel {
    right: 100%; }
  .menu.right .sbPanel.level0 {
    right: 0; }
  .menu.right li.bar {
    border-right-width: 1px; }
  .menu.right .menuCloserPanel {
    color: #6E6708;
    left: 0; }
  .menu.right a,
  .menu.right a:visited {
    color: #FFF; }
  .menu.right a h2 {
    color: #FFE600; }

.menu.mobile .sbPanel.level0 {
  margin-right: 0px; }
.menu.mobile .menuInner {
  top: 75px;
  position: absolute;
  bottom: 0; }
.menu.mobile .nav-search {
  width: 100%;
  max-height: 100%; }

.nav-search .results-list {
  list-style-type: none; }
  .nav-search .results-list li {
    border-color: #FFD64B; }
.nav-search #search-form {
  background-color: #272727; }
  .nav-search #search-form input {
    background-color: #212121;
    color: #FCEC45;
    font-size: 125%; }
.nav-search .result-type-tabs {
  background-color: #272727;
  cursor: pointer; }
  .nav-search .result-type-tabs .result-type {
    background-color: #212121; }
  .nav-search .result-type-tabs .result-type.selected {
    background-color: #000; }
  .nav-search .result-type-tabs .result-type .result-type-number {
    background-color: #FFD64B;
    color: #000;
    font-size: 75%;
    padding: 1px 3px;
    position: relative;
    top: -2px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

/*# sourceMappingURL=sidemenu.css.map */