﻿#SearchContainer {
  width: 100%;
  clear: both;
  margin-top: 20px;
  float: left;
  display: none; }
  #SearchContainer .Inner {
    width: 100%;
    border: solid 1px #202020;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    padding: 10px; }
    #SearchContainer .Inner #SearchValue {
      width: 100%;
      border: 0 none;
      float: left;
      font-size: 24px;
      font-weight: bold;
      width: 180px;
      width: calc(100% - 20px);
      padding-bottom: 0 !important;
      height: 30px;
      line-height: 30px;
      box-sizing: border-box;
      outline: 0;
      text-align: center; }
    #SearchContainer .Inner #SearchButton {
      width: 20px;
      height: 30px;
      float: right;
      cursor: pointer;
      background-image: url(/images/search_black.png);
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 20px; }

#ShopMenuMain {
  display: block;
  clear: both;
  margin-top: 20px;
  float: left;
  width: 100%; }
  #ShopMenuMain .MenuHeading {
    background-color: #12161F;
    color: #ffffff;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center; }
  #ShopMenuMain #ShopMenuMainInner {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 0;
    transform: translate(0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
    margin-left: 0; }
    #ShopMenuMain #ShopMenuMainInner li {
      margin: 5px 10px 5px 0px;
      position: relative;
      font-size: 14px;
      font-weight: 500;
      color: #202020;
      padding-left: 15px;
      box-sizing: border-box;
      border-bottom: solid 1px white;
      width: 100%;
      max-width: 250px;
      display: none;
      background-image: url("/images/chevron_right_black.png");
      background-repeat: no-repeat;
      background-position: 5px 10px;
      background-size: 5px; }
      #ShopMenuMain #ShopMenuMainInner li a {
        color: inherit;
        display: block;
        height: 30px;
        line-height: 30px;
        font-size: inherit;
        text-decoration: none;
        padding: 0;
        border-radius: 5px;
        word-break: keep-all; }
        #ShopMenuMain #ShopMenuMainInner li a img {
          position: absolute;
          right: 6px;
          top: 3px;
          width: 25px;
          display: none; }
      #ShopMenuMain #ShopMenuMainInner li span {
        font-size: inherit;
        height: 30px;
        line-height: 30px;
        padding: 0;
        display: block;
        word-break: keep-all;
        color: inherit; }
        #ShopMenuMain #ShopMenuMainInner li span.Disabled {
          font-style: italic; }
      #ShopMenuMain #ShopMenuMainInner li.Disabled:hover {
        border-bottom: solid 1px white; }
      #ShopMenuMain #ShopMenuMainInner li span.Node {
        cursor: pointer; }
      #ShopMenuMain #ShopMenuMainInner li a.Hidden,
      #ShopMenuMain #ShopMenuMainInner li span.Hidden {
        font-style: italic;
        color: #B0B0B0; }
    #ShopMenuMain #ShopMenuMainInner li.Disabled {
      color: #909090;
      background-image: url("/images/chevron_right_gray.png"); }
    #ShopMenuMain #ShopMenuMainInner li.Open {
      background-image: url("/images/chevron_down_black.png");
      background-position: 4px 12px;
      background-size: 7px; }
    #ShopMenuMain #ShopMenuMainInner li.Selected > a,
    #ShopMenuMain #ShopMenuMainInner li.Selected > span {
      font-weight: 900; }
    #ShopMenuMain #ShopMenuMainInner li:hover {
      border-bottom: solid 1px #B0B0B0; }
    #ShopMenuMain #ShopMenuMainInner li.Open:hover {
      border-bottom: solid 1px white; }
      #ShopMenuMain #ShopMenuMainInner li.Open:hover.MenuCampaign > span,
      #ShopMenuMain #ShopMenuMainInner li.Open:hover.MenuCampaign > a {
        background-image: none; }
    #ShopMenuMain #ShopMenuMainInner li.CreateNew {
      background-color: lightgray;
      height: 37px;
      line-height: 37px;
      color: gray;
      border: dashed 1px gray;
      padding-left: 10px;
      display: block; }
    #ShopMenuMain #ShopMenuMainInner li.CreateNew:hover {
      color: gray;
      border: dashed 1px gray; }
    #ShopMenuMain #ShopMenuMainInner li.Level0 {
      display: block; }
    #ShopMenuMain #ShopMenuMainInner li.Level0 > span,
    #ShopMenuMain #ShopMenuMainInner li.Level0 > a {
      /*text-transform: uppercase;*/ }
    #ShopMenuMain #ShopMenuMainInner li.Level0.Open {
      margin-bottom: 20px; }
    #ShopMenuMain #ShopMenuMainInner li .Level0.Open > span {
      font-weight: bold; }
    #ShopMenuMain #ShopMenuMainInner li.Level1.Open > ul {
      margin-bottom: 20px; }
    #ShopMenuMain #ShopMenuMainInner li.Level2 {
      font-size: 16px;
      height: auto;
      min-height: 25px;
      line-height: 25px; }
    #ShopMenuMain #ShopMenuMainInner li.Level2.MenuCampaign {
      background-image: url("/images/chevron_right_green.png"); }
    #ShopMenuMain #ShopMenuMainInner li.Level0.Open li.Level1 {
      display: block; }
    #ShopMenuMain #ShopMenuMainInner li.Level1.Open li.Level2 {
      display: block; }
    #ShopMenuMain #ShopMenuMainInner li.Level2.Open li.Level3 {
      display: block; }
    #ShopMenuMain #ShopMenuMainInner li.Level4.Open li.Level4 {
      display: block; }
    #ShopMenuMain #ShopMenuMainInner li.HasIcon {
      margin-top: 20px;
      padding-left: 30px;
      margin-bottom: 20px; }
    #ShopMenuMain #ShopMenuMainInner li.MenuCampaign.Open.Level0,
    #ShopMenuMain #ShopMenuMainInner li.MenuCampaign.Open {
      background-image: url("/images/chevron_green.png");
      background-size: 10px; }
    #ShopMenuMain #ShopMenuMainInner li.MenuCampaign.Level0,
    #ShopMenuMain #ShopMenuMainInner li.MenuCampaign.Selected {
      background-image: url("/images/chevron_green.png");
      background-size: 10px; }
