@charset "UTF-8";

/* ========== GENERAL STYLES ========== */

body {
   margin: 0;
   padding: 0;
   font-family: sans-serif;
}

* {
   -webkit-text-size-adjust: none;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

   *:focus { outline: none; }

   /* HELPER CLASSES */
   .clear {
      clear: both;
      float: none!important;
   }

   .clear:after {
      clear: both;
      content: ' ';
   }

   a > img {
      outline: none;
      border: 0;
   }

   .hidden-prop {
      display: none!important;
   }

   .invis-pane {
      visibility: hidden;
      height: 0;
      overflow: hidden;
   }

   /* ALIGNMENT CLASSES */
   .valign-center { vertical-align: middle; }
   .valign-bottom { vertical-align: bottom; }
   .valign-top { vertical-align: top; }
   .align-center { text-align: center; }
   .align-left { text-align: left; }
   .align-right { text-align: right; }
   img.alignright,
   .float-right { float: right!important; }
   img.alignleft,
   .float-left { float: left!important; }
   .no-float { float: none!important; }

   img.content-image.no-float {
      float: none!important;
      margin: 0 auto!important;
   }

   img.valign-center { display: inline-block!important; }

   /* LIST STYLING */
   .split-list {
      width: 48%;
      display: inline-block;
   }

   /* BACK TO TOP */
   .back-top {
      width: 34px;
      height: 34px;
      background: url(../images/BackToTop.png) no-repeat;
      position: fixed;
      bottom: 10px;
      right: 10px;
      z-index: 9999;
      cursor: pointer;
   }

   /* CONTENT IMAGES */
   img.alignleft,
   .content-image {
      width: auto;
      max-width: 100%;
      float: left;
      margin: 0.5em 1em 0.5em 0;
      text-align: center;
   }

      img.alignright,
      .content-image.float-right {
         margin: 0.5em 0 0.5em 1em;
      }

      .content-image img {
         width: auto;
         max-width: 100%;
      }


   /* HTML INPUT STYLING */
   select,
   option {
      white-space: normal;
   }

   .cc-table {
      width: 100%;
      height: 100%;
      display: table;
      position: relative;
   }

      .cc-table > .cc-cell {
         width: 100%;
         display: table-cell;
         vertical-align: middle;
         position: relative;
      }

   /* CONTAINERS */
   .outer-container {
      width: auto;
      min-width: 100%; /* 1200px to make adaptive */
      min-width: 1200px\9;
      clear: both;
      position: relative;
      z-index: 1;
   }

   .mid-container {
      width: auto;
      min-width: 100%; /* 1200px to make adaptive */
      min-width: 1600px\9;
      clear: both;
      position: relative;
      z-index: 1;
   }

   .inner-container {
      width: auto;
      min-width: 320px;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 1.5em;
      clear: both;
      position: relative;
   }


   /* CONTENT COLUMNS */
   .content-column.col-one {
      width: auto;
      float: none;
      position: relative;
   }
   .content-column.col-95 {
      width: 95%;
      float: left;
   }
   .content-column.col-90 {
      width: 90%;
      float: left;
   }
   .content-column.col-85 {
      width: 85%;
      float: left;
   }
   .content-column.col-80 {
      width: 80%;
      float: left;
   }
   .content-column.col-three-quarters {
      width: 75%;
      float: left;
   }
   .content-column.col-70 {
      width: 70%;
      float: left;
   }
   .content-column.col-two-thirds {
      width: 66.67%;
      float: left;
   }
   .content-column.col-65 {
      width: 65%;
      float: left;
   }
   .content-column.col-60 {
      width: 60%;
      float: left;
   }
   .content-column.col-55 {
      width: 55%;
      float: left;
   }
   .content-column.col-halves {
      width: 50%;
      float: left;
   }
   .content-column.col-45 {
      width: 45%;
      float: left;
   }
   .content-column.col-40 {
      width: 40%;
      float: left;
   }
   .content-column.col-35 {
      width: 35%;
      float: left;
   }
   .content-column.col-thirds {
      width: 33.33%;
      float: left;
   }
   .content-column.col-30 {
      width: 30%;
      float: left;
   }
   .content-column.col-quarters {
      width: 25%;
      float: left;
   }
   .content-column.col-fifths {
      width: 20%;
      float: left;
   }
   .content-column.col-15 {
      width: 15%;
      float: left;
   }
   .content-column.col-10 {
      width: 10%;
      float: left;
   }
   .content-column.col-5 {
      width: 5%;
      float: left;
   }

   /* IMAGE COLUMNS */
   .image-col img,
   .content-column.image-col img {
      width: auto;
      max-width: 100%;
   }

   /* INLINE COLUMNS FOR VERTICAL ALIGNMENT */
   .content-column.inline {
      float: none;
      display: inline-block;
      margin-left: -4px;
      vertical-align: top;
   }

      .content-column.inline.valign-top { vertical-align: top!important; }
      .content-column.inline.valign-center { vertical-align: middle!important; }
      .content-column.inline.valign-bottom { vertical-align: bottom!important; }


   /* GRID LIST for Responsive grid lists */
   ul.grid-list {
      width: auto;
      margin: 0;
      padding: 0;
      list-style-type: none;
      text-align: center;
   }

      ul.grid-list li {
         max-width: 300px;
         display: inline-block;
         list-style-type: none;
         padding: 0 5px;
         margin-bottom: 10px;
         vertical-align: top;
      }

         ul.grid-list li img {
            width: auto;
            max-width: 100%;
            display: block;
            margin: 0 auto;
         }

   /* GRID LIST COLUMNS */
   ul.grid-list.grid-col {
      padding: 0 10px;
   }

      ul.grid-list.grid-col li {
         margin-left: -4px;
         max-width: inherit;
      }

         ul.grid-list.grid-col li a {
            max-width: inherit;
         }

   /* 5 COLUMN */
   ul.grid-list.col-5 li {
      width: 20%;
   }

   /* 4 COLUMN */
   ul.grid-list.col-4 li {
      width: 25%;
   }

   /* 3 COLUMN */
   ul.grid-list.col-3 li {
      width: 33.33%;
   }

   /* 2 COLUMN */
   ul.grid-list.col-2 li {
      width: 50%;
   }

   /* RESPONSIVE STYLES */

   .cart-column.not-desktop-content,
   .nav-area .nav-item.not-desktop-content,
   .nav-area > li.not-desktop-content,
   .not-desktop-content,
   .mobile-content,
   .tablet-content { display: none; }

/* ========== CUSTOM STYLES ========== */