/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  line-height: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* #Clearfix# */

.clearfix:before,
.clearfix:after,
.checkbox:before,
.checkbox:after,
.row:before,
.row:after,
.c-card:before,
.c-card:after,
.ConfirmationCheckbox:before,
.ConfirmationCheckbox:after,
.shoppingCartItem .Item:before,
.shoppingCartItem .Item:after,
.firstLine:before,
.firstLine:after,
.c-col__remove:before,
.c-col__remove:after,
.c-action:before,
.c-action:after,
.cookies:before,
.cookies:after {
  content: "";
  display: table;
}

.clearfix:after,
.checkbox:after,
.row:after,
.c-card:after,
.ConfirmationCheckbox:after,
.shoppingCartItem .Item:after,
.firstLine:after,
.c-col__remove:after,
.c-action:after,
.cookies:after {
  clear: both;
}

/* ==========================================================================
Objects
  > Grid
========================================================================== */

.row {
  margin-bottom: 30px;
}

  .row .col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 1em;
    padding: 0;
  }

@media ( min-width: 768px ) {

  .row {
    margin-left: -20px;
    margin-right: -20px;
  }

    .row .col {
      float: left;
      padding: 0 20px;
    }

      .row .col.m6 {
        width: 50%;
      }
}

.slick-slider {
  opacity: 0;
  -webkit-transition: opacity 400ms 0s;
  -o-transition: opacity 400ms 0s;
  transition: opacity 400ms 0s;
}

  .slick-slider.slick-initialized {
    opacity: 1;
  }

/* #Slick Nav# */

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
}

  .slick-list:focus {
    outline: none;
  }

  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

  .slick-track:before,
  .slick-track:after {
    display: table;
    content: '';
  }

  .slick-track:after {
    clear: both;
  }

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* #Defaults# */

html, body {
  height: 100%;
  min-width: 250px;
}

body {
  font-size: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #474544;
  text-align: left;
}

p {
  padding-bottom: 10px;
  line-height: 18px;
}

a {
  color: #084b2a;
  text-decoration: none;
}

p a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4 {
  font-weight: 600;
}

img {
  max-width: 100%;
  height: auto;
}

strong {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

.user-content ul, ol {
  padding-left: 25px;
}

.user-content ul {
  list-style: disc;
}

.user-content ol {
  list-style: lower-aplha;
}

.user-content > table, table.table, table.form-table {
  display: block;
}

  .user-content > table tbody, table.table tbody {
    border-top: 1px solid #aaa;
  }

.user-content table th {
  padding: 10px;
  border-bottom: 1px solid #6abf67;
  border-right: 1px solid #99da96;
  border-left: 1px solid #6abf67;
  background: #6abf67;
  font-size: 18px;
  color: #fff;
  font-family: proxima-nova, sans-serif;
}

  .user-content table th:last-child {
    border-right: 0px;
  }

.user-content table td {
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
  padding: 10px;
}

.user-content table tr:nth-child(odd) td {
  background: #f5f5f5;
}

.user-content table tr:nth-child(even) td {
  background: #e3e3e3;
}

.user-content .CaptchaTable td {
  padding: 0;
  border: none;
}

.user-content iframe {
  width: 100% !important;
}

/* LINK STYLING ON USER INPUT */
.user-content a, .manufacturer-detail p a, .brandText a {
  color: #6bc068;
}

/* ADDRESS FLOAT FIX ON BRANCH FINDER PAGE */
.branch {
  float: left;
  display: block;
  width: 100%;
}

  .branch p {
    padding-bottom: 10px;
    line-height: 18px;
    display: block;
    float: right;
    width: 100%;
  }

.user-content a:hover, .manufacturer-detail p a:hover, .brandText a:hover {
  -webkit-text-decoration: underline #6bc068;
  text-decoration: underline #6bc068;
}

.base {
  width: 959px;
  position: relative;
  margin: 0 auto;
}

header .base {
  padding: 0 20px;
}

main .base {
  margin-top: 30px;
  overflow: visible;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media ( max-width: 479px ) {
  main .base {
    padding: 0 20px;
  }
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.round {
  border-radius: 5px;
}

/* ==========================================================================
Components
  > Buttons
========================================================================== */

/* Base */

.btn, .c-btn, .user-content button, .UpdateButton,
.RemoveButton {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 32px;
  background: -o-linear-gradient(#0a7340, #084c2a);
  background: -webkit-gradient(linear, left top, left bottom, from(#0a7340), to(#084c2a));
  background: linear-gradient(#0a7340, #084c2a);
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  height: 32px;
  display: inline-block;
  min-width: 160px;
  text-align: center;
  font-family: proxima-nova, sans-serif;
  cursor: pointer;
  border: 0;
  margin-bottom: 15px;
  padding: 0 16px;
}

/* Primary (Header) */

header .c-btn--primary {
  position: absolute;
  bottom: 50%;
  right: 20px;
  margin: 0;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

@media ( min-width: 768px ) {
  header .c-btn--primary {
    bottom: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.cms-bootstrap .btn {
  min-width: auto;
}

.btn:hover, .c-btn:hover, .user-content button:hover,
.UpdateButton:hover,
.RemoveButton:hover {
  background: #0A7340;
  text-decoration: none;
  color: #fff;
}

/* ADD TO QUOTE BUTTON - PRODUCT DETAIL */
.btn--adjust {
  width: auto;
  padding: 0 16px;
}

.btn--b-radius--30 {
  border-radius: 30px;
}

/* Yellow */

.btn--yellow {
  background: -o-linear-gradient(#FEE045,#F2B42A);
  background: -webkit-gradient(linear,left top, left bottom,from(#FEE045),to(#F2B42A));
  background: linear-gradient(#FEE045,#F2B42A);
  color: #156B3F;
}

.btn--yellow:hover {
  background: #F6B82C;
}

.c-btn--yellow--alt {
  background: #fbbc05;
  border-color: #0A7340;
  color: #0A7340;
}

.c-btn--yellow--alt:hover {
  
}

/* Has Icon */

.c-btn--has--icon {
  padding-left: 28px;
}

.c-btn--has--icon .c-icon {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: #0A7340;
  border-radius: 100%;
  color: #fff;
  font-size: 16px;
}

  /* Animated */
  .c-btn--animated {
    overflow: hidden;
  }

.c-btn--animated .c-icon__text,
.c-btn--animated .c-icon__text--secondary {
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  height: 32px;
  line-height: 28px;
}

.c-btn--animated:hover .c-icon__text,
.c-btn--animated:hover .c-icon__text--secondary {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

/* Text */

.c-icon__text {
  display: inline-block;
}

/* Text - Secondary */

.c-icon__text--secondary {
  display: block;
}

  /*# Header #*/
  header .logo-text {
  float: left;
  margin-top: 24px;
}

header a.logo {
  width: 40px;
  margin-right: 20px;
  float: left;
}

  header a.logo img {
    display: block;
  }

@media ( min-width: 480px ) {
  header a.logo {
    width: 48px;
  }
}

@media ( min-width: 768px ) {
  header a.logo {
    width: 64px;
  }
}

@media ( min-width: 1025px ) {
  header a.logo {
    width: 79px;
  }
}

header h1 a,
header h2 a {
  color: #0f6c3e;
  text-transform: uppercase;
}

header h1 {
  font-size: 40px;
}

header h2 {
  font-size: 22px;
}

h1.section_title,
h2.section_title {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 25px;
}

h1.section_sub_title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 25px;
}

/* Cookie Declaration */

.section.cookies {
  background: none repeat scroll 0 0 #084b2a;
}

.cookieInfo {
  width: 100%;
  max-width: 960px;
  height: 67px;
  margin: 0 auto;
  position: relative;
}

  .cookieInfo p {
    color: #fff;
    float: left;
    font-size: 15px;
    text-align: left;
    margin: 10px 0 10px 10px;
    padding-right: 200px;
  }

  .cookieInfo a {
    color: #6bc068;
    text-decoration: none;
  }

    .cookieInfo a:hover {
      text-decoration: underline;
    }

.cookieInfo-btn {
  display: block;
  background: #6abf67;
  padding: 10px;
  position: absolute;
  right: 10px;
  top: 15px;
  border-radius: 5px;
}

  .cookieInfo-btn:hover {
    background: #34a853;
  }

  .cookieInfo-btn span {
    color: #fff;
  }

.detailLabel p {
  margin-top: 20px;
}

.checkout-form.c-checkout-register .InfoLabel .InfoLabel {
  display: none;
}

.PanelPayment {
  display: none;
}

.c-hide {
  display: none !important;
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
  .cookieInfo {
    width: 460px;
    height: 130px;
    margin: 0 auto;
    position: relative;
  }

    .cookieInfo p {
      color: #fff;
      float: left;
      font-size: 15px;
      text-align: left;
      width: 300px;
      margin: 10px 0 10px 10px;
    }
}

@media only screen and (max-width: 479px) and (min-width: 50px) {
  .cookieInfo {
    width: 320px;
    height: 200px;
    margin: 0 auto;
    position: relative;
  }

    .cookieInfo p {
      color: #fff;
      float: left;
      font-size: 15px;
      text-align: left;
      width: 160px;
      margin: 10px 0 10px 20px;
    }
}

/* User Content Styles */

.user-content h1 {
  font-size: 36px;
  font-weight: Bold;
  margin-bottom: 30px;
}

.user-content h2 {
  font-size: 30px;
  font-weight: Bold;
  margin-bottom: 20px;
}

.user-content h3 {
  font-size: 26px;
  font-weight: Bold;
  margin-bottom: 20px;
}

.user-content h4 {
  font-size: 20px;
  font-weight: Bold;
  margin-bottom: 20px;
}

.user-content h5 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 15px;
}

.user-content h6 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 15px;
}

img.align-right {
  float: right;
  padding: 0 0 20px 20px;
}

img.align-left {
  float: left;
  padding: 0 20px 20px 0;
}

img.align-center {
  display: block;
  margin: auto;
  padding: 20px 0px;
}

.user-content table {
  margin-bottom: 30px;
}

  .user-content table caption {
    padding: 10px;
    background: #084B2A;
    color: #fff;
  }

.user-content ul, .user-content ol {
  margin: 20px 0px;
}

.user-content label {
  margin-right: 10px;
  vertical-align: top;
  font-size: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
}

.user-content input[type="text"], .user-content select {
  padding: 5px 10px;
  border: 1px solid #ccc;
  font-size: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
}

.user-content textarea {
  padding: 10px;
  border: 1px solid #ccc;
  font-size: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
}

/* Breadcrumb */

.breadcrumb {
  width: 100%;
  margin-bottom: 25px;
}

  .breadcrumb span {
    display: inline-block;
    margin: 0px 8px;
  }

  .breadcrumb a {
    margin: 0px 8px;
  }

    .breadcrumb a:nth-of-type(1) {
      margin-left: 0px;
    }

/*# Top Menu #*/

ul#TopMenu {
  float: right;
  text-align: right;
}

  ul#TopMenu li {
    display: inline-block;
    margin-left: 14px;
  }

    ul#TopMenu li a {
      display: inline-block;
    }

    ul #TopMenu li, ul#TopMenu li a {
      height: 32px;
      line-height: 32px;
    }

      ul #TopMenu li a:hover {
        text-decoration: underline;
      }

/* Side Menus */

nav.category-menu {
  float: left;
  width: 30%;
  -webkit-box-sizing: 20px;
  box-sizing: 20px;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

  nav.category-menu > ul {
    margin: 0px;
    padding: 0px;
  }

    nav.category-menu > ul li {
      border-bottom: 1px solid #ddd;
      line-height: 18px;
    }

    nav.category-menu > ul > li a {
      padding: 10px 10px 10px 10px;
      display: block;
    }

    nav.category-menu > ul > li.Highlighted {
      background: #f4f4f4;
    }

  nav.category-menu ul li a {
    color: #666;
  }

    nav.category-menu ul li a:hover {
      text-decoration: underline;
    }

  nav.category-menu > ul > li > ul {
    padding-bottom: 20px;
    display: none;
  }

  nav.category-menu > ul > li.Highlighted > ul, nav.category-menu > ul > li.Highlighted > ul > li.Highlighted ul {
    display: block;
  }

  nav.category-menu > ul > li > ul > li {
    border-bottom: 0px;
    padding: 10px 10px 10px 22px;
  }

    nav.category-menu > ul > li > ul > li:first-child {
      margin-top: 0px;
    }

    nav.category-menu > ul > li > ul > li a {
      padding: 0px 0 0px 20px;
      background: url(/App_Themes/JPCorry/Images/right_arrow.png) left no-repeat;
      background-position: 0 3px;
    }

      nav.category-menu > ul > li > ul > li a:hover {
        text-decoration: underline;
      }

/* Product Grid */

section.introduction.user-content {
  width: 100%;
  display: block;
}

section.fullwidth-grid.brands.brand-item {
  display: block;
}

.brands {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

section.products-grid {
  width: 70%;
  float: right;
}

  section.products-grid h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

section.fullwidth-grid {
  width: 100%;
  float: right;
}

  section.fullwidth-grid h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

div.product {
  float: left;
  width: 30%;
  border: 1px solid #ddd;
  padding: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  text-align: center;
  margin-bottom: 20px;
}

  div.product:nth-of-type(3n) {
    margin-right: 0px;
  }

  div.product h3 {
    height: 50px;
    color: #1d764a;
  }

  div.product .product_image {
    width: 100%;
    max-height: 185px;
    overflow: hidden;
    margin-bottom: 20px;
  }

  div.product img {
    max-height: 145px;
    width: auto;
  }

/* Product Detail Additional Info */

.variants .product-option span.AdditionalInfo {
  width: 350px;
  text-align: left;
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .variants .product-option span.AdditionalInfo {
    width: 110px;
    text-align: left;
    margin-left: 75px;
    margin-top: 10px;
    display: block;
  }
}

/* Category Grid */

section.category-grid {
  width: 70%;
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

div.category {
  float: left;
  width: 30%;
  border: 1px solid #ddd;
  padding: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  text-align: center;
  margin-right: 5%;
  margin-bottom: 20px;
}

.category .btn {
  margin-bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 0;
}

div.category:nth-of-type(3n) {
  margin-right: 0px;
}

section.category-grid p.description {
  margin-bottom: 15px;
}

section.category-grid h2 {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: bold;
}

div.category h2 {
  font-size: 16px;
  height: 50px;
  color: #1d764a;
  font-weight: bold;
  margin-bottom: 0;
}

div.category .category_image {
  width: 100%;
  height: 185px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
  max-width: 185px;
  position: relative;
  text-align: center;
}

.category_image a {
  height: 185px;
}

div.category img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-height: 100%;
  width: auto;
}

div.category .category_image span.indicator,
.search-result-item .left-image span.indicator {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 96px;
  height: 100px;
}

span.NewProduct {
  background: url(/App_Themes/JPCorry/Images/product-overlay-sprite.png);
  background-position: -400px 0px;
  z-index: 99;
}

span.Bestseller {
  background: url(/App_Themes/JPCorry/Images/product-overlay-sprite.png);
  background-position: -150px 0px;
  z-index: 99;
}

span.Sale {
  background: url(/App_Themes/JPCorry/Images/product-overlay-sprite.png);
  background-position: -150px -250px;
  z-index: 99;
}

span.FeaturedProduct {
  background: url(/App_Themes/JPCorry/Images/product-overlay-sprite.png);
  background-position: -400px -250px;
  z-index: 99;
}

section.category-grid section.slider-single {
  margin-bottom: 30px;
  border: 1px solid #ccc;
  padding: 20px 20px 45px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
}

  section.category-grid section.slider-single div.slider-inner {
    top: 0px;
    right: 0px;
  }

section.category-grid .slider-inner .slider-info .btn-container {
  text-align: left;
}

section.category-grid section.slider-single div.slider-inner div.slider-info {
  padding-top: 10px;
}

  section.category-grid section.slider-single div.slider-inner div.slider-info h2 {
    font-size: 28px;
    color: #1d764a;
  }

  section.category-grid section.slider-single div.slider-inner div.slider-info p {
    color: #666;
    text-align: left;
  }

/* Product Filter */

div.product-filter {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}

div.ProductFilter div.product-search, div.ProductFilter div.check-stock {
  display: none;
}

div.ProductFilter div.first-row, div.ProductFilter div.second-row {
  float: left;
}

div.ProductFilter div.first-row {
  margin-bottom: 15px;
}

div.ProductFilter div.second-row {
  margin-bottom: 15px;
}

  div.ProductFilter div.first-row select, div.ProductFilter div.second-row select {
    height: 28px;
    width: 100%;
    border: 1px solid #ccc;
    max-width: 150px;
  }

div.ProductFilter div.first-row > div {
  float: left;
  margin-right: 20px;
}

div.ProductFilter div.second-row > div {
  float: left;
  margin-right: 20px;
}

div.ProductFilter div.first-row > div span {
  clear: both;
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

div.ProductFilter div.second-row > div span {
  clear: both;
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

div.submit-btn input {
  line-height: 14px;
  position: absolute;
  height: 28px;
  right: 0px;
  bottom: 15px;
  margin: 0px;
  border: 0px;
  cursor: pointer;
  font-weight: normal;
  width: 100px;
}

.InternetExplorer div.submit-btn input {
  min-width: 0;
  width: 80px;
}

  div .ProductFilter span.mobile-filter {
  height: 20px;
  width: 100%;
  clear: both;
  color: #084B2A;
  display: none;
  margin-bottom: 15px;
  cursor: pointer;
}

@media ( min-width: 768px ) {
  .filter-wrapper {
    display: block !important;
  }
}

  div.ProductFilter span.mobile-filter p {
    float: left;
  }

div.ProductFilter div.filter-wrapper {
  display: block;
}

div.ProductFilter span.mobile-filter span.arrow {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #084b2a;
  float: left;
  display: block;
  margin-top: 5px;
  margin-left: 10px;
}

div.ProductFilter span.mobile-filter.active span.arrow {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 8px solid #084b2a;
  border-top: 0px;
  float: left;
  display: block;
  margin-top: 5px;
  margin-left: 10px;
}

/* Product Single */

section.product-single {
  width: 70%;
  float: right;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bdbdbd;
  border-radius: 6px;
  margin-bottom: 40px;
}

div.product-top {
  width: 100%;
  overflow: hidden;
  clear: both;
  margin-bottom: 32px;
}

div.product-image {
  position: relative;
}

  div.product-image span {
    display: block;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 96px;
    height: 100px;
    text-indent: -9999px;
  }

div.product-buttons {
  float: left;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

  div.product-buttons a.btn {
    float: left;
    margin-right: 30px;
    margin-top: 4px;
  }

ul.units-print-share {
  float: left;
  height: 34px;
}

  ul.units-print-share li {
    display: block;
    float: left;
    width: 34px;
    height: 34px;
    margin-right: 5px;
  }

    ul.units-print-share li.print a {
      display: block;
      float: left;
      width: 34px;
      height: 34px;
      background: url(/App_Themes/JPCorry/Images/print.png) top no-repeat;
    }

      ul.units-print-share li.print a:hover {
        background: url(/App_Themes/JPCorry/Images/print.png) bottom no-repeat;
      }

    ul.units-print-share li.share a {
      display: block;
      float: left;
      width: 34px;
      height: 34px;
      background: url(/App_Themes/JPCorry/Images/share.png) top no-repeat;
    }

      ul.units-print-share li.share a:hover {
        background: url(/App_Themes/JPCorry/Images/share.png) bottom no-repeat;
      }

.product-tabs {
  width: 100%;
  clear: both;
  float: left;
  margin-bottom: 15px;
}

  .product-tabs li {
    display: block;
    float: left;
  }

    .product-tabs li a {
      display: block;
      padding-left: 10px;
      padding-right: 10px;
      line-height: 35px;
      height: 35px;
      color: #333;
      font-family: proxima-nova, sans-serif;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      border-top: 1px solid #fff;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
    }

      .product-tabs li a span {
        font-weight: normal;
      }

      .product-tabs li a:hover {
        color: #1d764a;
      }

    .product-tabs li.active a {
      color: #1d764a;
      border-top: 1px solid #d5d5d5;
      border-left: 1px solid #d5d5d5;
      border-right: 1px solid #d5d5d5;
    }

div.tab-area-container {
  width: 100%;
  clear: both;
}

  div.tab-area-container .product-parameters {
    display: none;
  }

  div.tab-area-container .product-comments {
    display: none;
  }

form#product-question {
  width: 100%;
  clear: both;
  margin-top: 10px;
}

  form#product-question h2 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  form#product-question label {
    font-size: 16px;
    margin-bottom: 5px;
    width: 100%;
    display: block;
    clear: both;
  }

  form#product-question input[type="text"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 14px;
  }

    form#product-question input[type="text"]:focus {
      border: 1px solid #084b2a;
    }

  form#product-question textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 150px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 10px;
    font-size: 14px;
    font-family: proxima-nova, sans-serif;
  }

    form#product-question textarea:focus {
      border: 1px solid #084b2a;
    }

  form#product-question button {
    border: 0px;
    border-radius: 5px;
    background: -o-linear-gradient(#0a7340, #084c2a);
    background: -webkit-gradient(linear, left top, left bottom, from(#0a7340), to(#084c2a));
    background: linear-gradient(#0a7340, #084c2a);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 29px;
    height: 32px;
    display: inline-block;
    width: 160px;
    text-align: center;
    font-family: proxima-nova, sans-serif;
    cursor: pointer;
  }

/* Product Detail */

div.product-sidebar {
  float: right;
  width: 40%;
  margin-left: 20px;
  margin-bottom: 20px;
}

div.productMainImage {
  height: 200px;
  position: relative;
  text-align: center;
}

  div.productMainImage img {
    margin: auto;
    max-width: 100%;
    max-height: 200px;
    text-align: center;
  }

  div.productMainImage a {
    display: block;
    width: 100%;
  }

div.product-image {
  width: 100%;
  margin-bottom: 30px;
  clear: both;
  float: left;
}

div.product-gallery {
  float: left;
  clear: both;
  width: 100%;
}

div.product-gallery span.attachNum {
  text-align: center;
}

div.product-gallery div.carousel2d {
  width: 100%;
  border: 1px solid #eee;
  height: 50px;
}

  div.product-gallery div.carousel2d table {
    width: 100%;
  }

  div.product-gallery div.carousel2d .ppleft, div.product-gallery div.carousel2d .ppright {
    border: 0px !important;
  }

div.productDetail div.ProductOptionSelectorContainer {
  padding: 0;
}

div.ProductOptionSelector select {
  padding: 5px;
}

div.productDetail .AddToCartTextBox {
  top: 0;
  width: auto;
}

ul.units-print-share {
  float: left;
}

  ul.units-print-share li {
    display: inline-block;
    width: auto;
    height: auto;
  }

div.product-buttons {
  width: 100%;
}

input.AddToCartTextBox {
  padding: 5px;
}

/*# Cart Update Button #*/

/* Update Icon Margin Top */

.UpdateButton > img {
  max-width: 34px;
  margin-left: 6px;
  margin-top: 7px;
}

.Amount.col2 {
  min-width: 30px;
  margin-right: 8px;
}

.UnitCountControl input[type="text"] {
  width: 28px;
  text-align: right;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0 10px;
  margin-top: 12px;
}

/*
  Cart
*/

.shoppingCartItem {
  margin-top: 16px;
  border-radius: 5px;
}

  .shoppingCartItem .Item {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: opacity 200ms ease-in-out;
  }

  .shoppingCartItem .c-col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

.c-branch-stock {
  display: block;
  margin-top: 32px;
  margin-bottom: 32px;
}

/* Header */

.shoppingCartItem .firstLine {
  display: none;
}

.c-col__title {
  overflow: hidden;
  transition: opacity 200ms ease-in-out;
}

  .c-col__title h2 {
    font-weight: 400;
    line-height: 1.2;
  }

.shoppingCartItem .firstLine {
  border-bottom: 1px solid #e6e6e6;
}

@media ( min-width: 768px ) {
  .c-col__title h2 {
    font-size: 1.125em;
    line-height: 1.2;
  }

  .shoppingCartItem .firstLine {
    display: block;
    width: 100%;
    background: none;
    padding: 0;
    border-radius: 5px 5px 0 0;
  }

    .shoppingCartItem .firstLine span {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 1em;
      font-weight: 600;
      padding-left: 0;
      padding-right: 0;
    }

    .shoppingCartItem .firstLine .col1 {
      width: 33%;
      padding: 8px 24px;
    }

  @media ( min-width: 1025px ) {
    .shoppingCartItem .firstLine .col1 {
      width: 40%;
    }
  }

  .shoppingCartItem .firstLine .col2 {
    width: 280px;
  }
}


a.UpdateButton, a.RemoveButton {
  cursor: pointer;
  margin: 5px 8px 0 0;
}

a.RemoveButton {
  margin-right: 0;
}

/* Cols - Product & Units */
.c-col__product, .c-col__units {
  display: block;
  width: 100%;
  padding: 16px;
}

.c-col__units {
  padding-right: 8px;
}

  .c-col__units .UnitCountControl input[type="text"] {
    margin-top: 0;
  }

.c-col__product {
  padding-bottom: 0;
}

/* Col - Image */

.c-col__image {
  margin-bottom: 8px;
  width: 80px;
  transition: opacity 200ms ease-in-out;
}

  .c-col__image img {
    float: none !important;
  }

@media ( min-width: 768px ) {
  .c-col__image {
    float: left;
    margin-right: 16px;
    margin-bottom: 0;
  }
}

/* Col - Remove */

.c-col__remove {
  margin-bottom: 8px;
  display: inline-block;
}

/* Units */

.UnitCountControl {
  margin-right: 8px;
}

@media ( min-width: 400px ) {

  .c-col__product {
    padding-bottom: 0;
  }

  .UnitCountControl {
    margin-right: 12px;
  }
}

/* Totals */

.c-col__totals {
  padding: 16px;
  display: inline-block;
  font-size: 0px; /* Remove whitespace nodes */
}

.c-col__tax, .c-col__subtotal {
  display: block;
  font-size: 16px;
}

.c-col__tax {
  margin-bottom: 8px;
}

@media ( min-width: 768px ) {
  .c-col__totals {
    text-align: right;
  }

  .c-col__tax,
  .c-col__subtotal {
    display: inline-block;
  }

  .c-col__tax {
    margin: 0 8px 0 0;
  }
}

@media ( min-width: 768px ) {

  .c-col__units {
    display: inline-block;
    margin-top: 28px;
  }

  .c-col__product {
    padding: 24px;
    float: left;
  }

  .c-col__pricing {
    float: right;
    text-align: right;
    margin-right: 24px;
  }

  .c-col__totals {
    float: right;
    margin-top: 41px;
    margin-right: 24px;
  }

  .c-col__subtotal,
  .c-col__pricing .col4 {
    width: 96px;
    margin-left: 16px;
  }

  .c-col__units,
  .c-col__totals {
    padding: 0;
  }

  .c-col__tax {
    margin: 0;
  }

  .c-col__product {
    width: 33%;
  }

  .c-col__units {
    width: 280px;
  }
}

@media ( min-width: 1025px ) {
  .c-col__product {
    width: 40%;
  }
}

/* Cart alerts */

.c-de-emphasize .c-col__image,
.c-de-emphasize .c-col__title {
  opacity: 0.33;
}

.c-item__alert {
  font-size: 15px;
  padding: 8px 8px 0 8px;
}

  .c-item__alert .c-icon {
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 2px;
  }

@media ( min-width: 400px ) {
  .c-item__alert {
    padding: 16px 16px 0 16px;
  }
}

@media ( min-width: 768px ) {
  .c-item__alert {
    padding: 24px 24px 0 24px;
  }
}

/*# Product Detail #*/
/* Variations */
div .CartItemSelector {
  margin-top: 20px;
  float: none;
  clear: none;
}

div.ProductOptionSelectorContainer div.editing-form-label-cell {
  overflow: hidden;
}

div.ProductOptionSelector {
  margin-bottom: 15px;
}

  div.ProductOptionSelector select {
    border: 1px solid #ccc;
  }

div.TotalPriceContainer {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  width: 100%;
  clear: both;
  float: left;
}

  div.TotalPriceContainer span {
    font-size: 20px !important;
  }

div.AddToCartContainer {
  float: left;
}

input.AddToCartTextBox {
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 30px;
  padding: 0px 10px;
  margin-right: 10px;
}

  input.AddToCartTextBox:focus {
    border-color: #0a7340;
  }

div.AddToCartContainer a.AddToWishlistLink {
  border-radius: 5px;
  background: #eee;
  color: #333;
  padding: 0px 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  height: 32px;
  display: inline-block;
  text-align: center;
  font-family: proxima-nova, sans-serif;
  cursor: pointer;
  margin-right: 20px;
}

  div.AddToCartContainer a.AddToWishlistLink:hover {
    background: #ddd;
  }

div.AddToCartContainer a.AddToCartLink {
  border-radius: 5px;
  background: -o-linear-gradient(#0a7340,#084c2a);
  background: -webkit-gradient(linear,left top, left bottom,from(#0a7340),to(#084c2a));
  background: linear-gradient(#0a7340,#084c2a);
  color: #fff;
  padding: 0px 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 29px;
  height: 32px;
  display: inline-block;
  text-align: center;
  font-family: proxima-nova, sans-serif;
  cursor: pointer;
  margin-right: 20px;
}

  div.AddToCartContainer a.AddToCartLink:hover {
    color: #fff;
    background: #0a7340;
  }

.variants {
  margin-bottom: 30px;
}

  .variants .product-option {
    margin-bottom: 20px;
  }

    .variants .product-option span {
      display: inline-block;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 10px;
      width: 110px;
    }

.form-table [id*="Captcha_lblSecurityCode"] {
  display: none;
}

/* Carousel */

.ajax__tab_container {
  width: 100%;
}

  .ajax__tab_container .ajax__tab_header_bottom {
    display: none;
  }

/* Carousel Overrides */

section.product-single div.productSlider {
  width: 100% !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin-top: 20px;
}

  section.product-single div.productSlider h2 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 20px;
  }

  section.product-single div.productSlider ul {
    width: 100% !important;
    overflow: hidden !important;
    height: auto !important;
  }

    section.product-single div.productSlider ul li {
      margin: 1% !important;
      width: 23% !important;
      text-align: center;
      height: auto !important;
      overflow: hidden;
    }

      section.product-single div.productSlider ul li a {
        height: auto;
        overflow: hidden;
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }

      section.product-single div.productSlider ul li span.image {
        border: 1px solid #ddd;
        position: relative;
        overflow: hidden;
        display: block;
        height: 140px !important;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }

      section.product-single div.productSlider ul li span.title {
        display: block;
        margin-bottom: 10px;
        margin-top: 10px;
        height: 20px;
        overflow: hidden;
      }

      section.product-single div.productSlider ul li span.image img {
        position: absolute;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto;
        max-height: 200px;
      }

section.product-single div.slideright, section.product-single div.slideleft {
  display: none !important;
}

/* Submit Question Form */

div.product-form {
  clear: both;
  width: 100%;
}

  div.product-form h2 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 20px;
  }

  div.product-form table.form-table {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

    div.product-form table.form-table input[type="text"], div.product-form table.form-table select,
    .variants .product-option select,
    .c-action__trigger select {
      padding: 0px 10px;
      height: 40px;
      border: 1px solid #ddd;
      border-radius: 5px;
    }

.variants .product-option select {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

div.product-form table.form-table textarea {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 12px;
  font-family: proxima-nova, sans-serif;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 150px;
}

.product-form table.form-table tr,
.product-form table.form-table tr td,
.form-table tbody,
.form-table-group,
.form-table input,
.form-table select {
  width: 100%;
  max-width: 480px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.product-form .FormButton {
  margin-bottom: 0;
}

div.product-form table.form-table tr td {
  vertical-align: top;
}

div.product-form table.form-table tr td.form-table-validation-cell {
  position: relative;
  top: -20px;
}

  div.cart-btn-container {
    float: left;
    overflow: hidden;
  }

div.quantity {
  float: left;
  margin-right: 10px;
}

  div.quantity label {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    line-height: 30px;
  }

/* Section Right */

section.content-right {
  width: 70%;
  float: right;
  margin-bottom: 20px;
}

  section.content-right h1 {
    font-size: 36px;
    margin-bottom: 15px;
  }

  section.content-right h2 {
    font-size: 30px;
    margin-bottom: 15px;
  }

  section.content-right h3 {
    font-size: 26px;
    margin-bottom: 12px;
  }

  section.content-right h4 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  section.content-right h5 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  section.content-right h6 {
    font-size: 16px;
    margin-bottom: 10px;
  }

/* Get a Quote */

a.get-a-quote {
  display: block;
  position: absolute;
  right: 0px;
  bottom: -5px;
  width: 248px;
  height: 90px;
  background: url(/App_Themes/JPCorry/Images/get-a-quote.png);
}

  a.get-a-quote:hover {
    background: url(/App_Themes/JPCorry/Images/get-a-quote.png);
    background-position: 0px -90px;
  }

/* Small Header Items */

div.shopping-basket {
  display: block;
  position: absolute;
  bottom: -2px;
  right: 400px;
  width: 50px;
  height: 33px;
  background: url(/App_Themes/JPCorry/Images/basket_icon.png);
}

.shopping-basket span {
  display: block;
  height: 24px;
  width: 24px;
  float: right;
  background: url(/App_Themes/JPCorry/Images/items-bg.png);
  text-align: center;
  line-height: 22px;
  font-size: 14px;
  font-family: proxima-nova, sans-serif;
  color: #249b60;
  font-weight: 600;
}

div.mobile-nav .basket {
  position: relative;
}

  div.mobile-nav .basket div table {
    display: block;
    height: 24px;
    width: 24px;
    position: absolute;
    right: 34%;
    top: 10px;
    background: url(/App_Themes/JPCorry/Images/items-bg.png);
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    font-family: proxima-nova, sans-serif;
    color: #249b60;
    font-weight: 600;
  }

.basket div table tr td span.SmallTextLabel {
  display: block;
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 22px;
}

ul.social-icons {
  display: block;
  position: absolute;
  bottom: 0px;
  right: 220px;
  width: 150px;
  height: 28px;
  padding-left: 20px;
  border-left: 1px solid #c3e5c2;
}

  ul.social-icons li a {
    display: block;
    float: left;
    margin-right: 4px;
    width: 28px;
    height: 28px;
  }

  ul.social-icons li.facebook a {
    background: url(/App_Themes/JPCorry/Images/facebook-icon-small.png);
  }

  ul.social-icons li.facebook:hover a {
    background: url(/App_Themes/JPCorry/Images/facebook-icon-small.png);
    background-position: 0px -28px;
  }

  ul.social-icons li.linkedin a {
    background: url(/App_Themes/JPCorry/Images/linkedin-icon-small.png);
  }

  ul.social-icons li.linkedin:hover a {
    background: url(/App_Themes/JPCorry/Images/linkedin-icon-small.png);
    background-position: 0px -28px;
  }

  ul.social-icons li.twitter a {
    background: url(/App_Themes/JPCorry/Images/twitter-icon-small.png);
  }

  ul.social-icons li.twitter:hover a {
    background: url(/App_Themes/JPCorry/Images/twitter-icon-small.png);
    background-position: 0px -28px;
  }

  ul.social-icons li.youtube a {
    background: url(/App_Themes/JPCorry/Images/youtube-icon-small.png);
  }

  ul.social-icons li.youtube:hover a {
    background: url(/App_Themes/JPCorry/Images/youtube-icon-small.png);
    background-position: 0px -28px;
  }

/*# Main Navigation #*/

.mobile-nav {
  display: none;
}

.c-nav__hold {
  position: relative;
  z-index: 100;
}

nav.main {
  margin: 0;
  background: #084b2a;
  border-top: 2px solid #6bc068;
  font-family: proxima-nova, sans-serif;
  position: relative;
}

  nav.main div.base {
    position: static !important;
  }

.main-nav {
  float: left;
}

  .main-nav > li {
    float: left;
  }

  .main-nav ul#menuElem > li {
    float: left;
  }

nav.mobile_menu {
  position: absolute;
  top: -2px;
  left: 0px;
  width: 100%;
}

  nav.mobile_menu > ul {
    display: none;
    width: 100%;
    position: absolute;
    background: #04381E;
    top: 120px;
    z-index: 10;
  }

@media ( min-width: 768px) {
  nav.mobile_menu > ul {
    top: 118px;
  }
}

nav.mobile_menu ul li a {
  color: #ffffff;
  display: block;
  padding: 15px;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
}

nav.mobile_menu ul li h2 a {
  border-bottom: 1px solid #fff;
}

nav.mobile_menu ul#menuElem li:hover, nav.mobile_menu ul#menuElem li:focus {
  background: #11673c;
}

nav.mobile_menu ul li h2:hover, nav.mobile_menu ul li h2:focus {
  background: #11673c;
}

nav.mobile_menu ul li.has-children h2 span {
  background: url(/App_Themes/JPCorry/Images/droparrow.png) no-repeat;
  background-position: right top;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  display: block;
  height: 46px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20%;
}

nav.mobile_menu ul li.has-children h2:hover span {
  background: url(/App_Themes/JPCorry/Images/droparrow.png) no-repeat #11673c;
  background-position: right top;
}

nav.mobile_menu ul li h2.open span {
  background: url(/App_Themes/JPCorry/Images/droparrow.png) no-repeat;
  background-position: right bottom;
}

nav.mobile_menu ul li h2.open:hover span {
  background: url(/App_Themes/JPCorry/Images/droparrow.png) no-repeat #11673c;
  background-position: right bottom;
}

.main-nav li a span.droparrow {
  height: 12px;
  width: 12px;
  background: url(/App_Themes/JPCorry/Images/arrow_down_small.png) no-repeat center center;
  display: inline-block;
  margin-left: 11px;
}

/* Search */

nav.main .search {
  display: table;
  height: 58px;
  width: 200px;
  float: right;
}

nav.main .search-inner {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

  nav.main .search-inner .searchBox {
    padding-right: 40px;
    background: #dfe6d9;
    border-radius: 5px;
  }

  nav.main .search-inner input[type="text"] {
    padding: 4px 6px;
    width: 100%;
    border: 0;
    height: 28px;
    background: #dfe6d9;
    border-radius: 5px;
  }

  nav.main .search-inner input[type="submit"] {
    background: url('/App_Themes/JPCorry/Images/search-icon.png') no-repeat;
    width: 22px;
    min-width: auto;
    height: 23px;
    border: 0;
    position: absolute;
    right: 5px;
    top: 18px;
    border-radius: 0;
  }

/* Placeholder */

.searchBox ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style: italic;
}

.searchBox ::-moz-placeholder { /* Firefox 19+ */
  font-style: italic;
}

.searchBox :-ms-input-placeholder { /* IE 10+ */
  font-style: italic;
}

.searchBox :-moz-placeholder { /* Firefox 18- */
  font-style: italic;
}

/* FIX FOR x ON SEARCH BAR IE ONLY */
input[type=text]::-ms-clear {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

input[type=text]::-ms-reveal {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.main-nav > li {
  float: left;
  border-right: 1px solid #6b937f;
}

  .main-nav > li > a {
    font-family: proxima-nova, sans-serif;
    font-weight: 600;
    display: block;
    color: #cee1ce;
    padding: 20px 30px;
    font-size: 18px;
    text-transform: uppercase;
  }

.main-nav ul#menuElem > li {
  float: left;
  border-right: 1px solid #6b937f;
}

  .main-nav ul#menuElem > li > a {
    font-family: proxima-nova, sans-serif;
    font-weight: 600;
    display: block;
    color: #cee1ce;
    padding: 20px 30px;
    font-size: 18px;
    text-transform: uppercase;
  }

.main-nav li:hover {
  background: #04381e;
}

.main-nav li > .bottom-hover {
  display: none;
}

.main-nav li:hover > .all-products-menu {
  display: block;
  z-index: 999;
}

.main-nav li:hover > .bottom-hover {
  bottom: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 10px;
  font-family: proxima-nova, sans-serif;
}

.main-nav ul#menuElem > li > div.sub-wrapper {
  display: none;
}

.main-nav ul#menuElem > li:first-child {
  background: url(/App_Themes/JPCorry/Images/orange_navbg.png) top repeat-x;
}

.main-nav ul#menuElem > li:nth-of-type(2) {
  background: url(/App_Themes/JPCorry/Images/blue_navbg.png) top repeat-x;
}

.main-nav ul#menuElem > li:nth-of-type(3) {
  background: url(/App_Themes/JPCorry/Images/red_navbg.png) top repeat-x;
}

.main-nav ul#menuElem > li:nth-of-type(4) {
  background: url(/App_Themes/JPCorry/Images/green_navbg.png) top repeat-x;
}

.main-nav ul#menuElem > li:hover {
  background: #04381e;
}
/*.main-nav ul#menuElem > li:nth-of-type(2):hover {background: url(/App_Themes/JPCorry/Images/blue_navbg.png) bottom repeat-x #04381e;}
.main-nav ul#menuElem > li:nth-of-type(3):hover {background: url(/App_Themes/JPCorry/Images/red_navbg.png) bottom repeat-x #04381e;}
.main-nav ul#menuElem > li:nth-of-type(4):hover {background: url(/App_Themes/JPCorry/Images/green_navbg.png) bottom repeat-x #04381e;}*/

.main-nav ul#menuElem > li.Highlighted {
  background: #6abf67;
}

  .main-nav ul#menuElem > li.Highlighted a {
    color: #084B2A;
    font-weight: bold;
  }

  .main-nav ul#menuElem > li.Highlighted:hover {
    background: #6abf67;
  }

  .main-nav ul#menuElem > li.Highlighted > .sub-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 58px;
    width: 100%;
    height: 40px;
    display: block;
    background: #6abf67;
    z-index: 99;
    overflow: hidden;
    display: none !important;
  }

    .main-nav ul#menuElem > li.Highlighted > .sub-wrapper > ul {
      display: block;
      width: 960px;
      margin: auto;
      text-align: center;
    }

.main-nav > li.selected a {
  background: #6ABF67;
  color: #084B2A;
  font-weight: bold;
}

/* Sub Drop */

div.sub-wrapper .drop {
  position: relative;
}

  div.sub-wrapper .drop ul {
    display: none;
  }

    div.sub-wrapper .drop ul li a {
      padding-left: 30px;
      background: #ccc;
      border-bottom: 1px solid #999;
      color: #444;
    }

  div.sub-wrapper .drop::before {
    content: "";
    background: url(/App_Themes/JPCorry/Images/droparrow.png) no-repeat;
    background-position: right top;
    cursor: pointer;
    display: block;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
  }

  div.sub-wrapper .drop.active::before {
    background: url(/App_Themes/JPCorry/Images/droparrow.png) no-repeat;
    background-position: right bottom;
  }

  div.sub-wrapper .drop.active {
    background: #11673c;
  }

/** Mobile Search **/

div.mob-searchbox {
  display: block;
  width: 100%;
  background: #04381E;
  height: 60px;
  position: relative;
  z-index: 9999;
}

  div.mob-searchbox div.search-inner {
    padding-top: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 460px;
    margin: auto;
    position: relative;
  }

@media ( min-width: 768px ) {
  div.mob-searchbox div.search-inner {
    max-width: 750px;
  }
}

div.mob-searchbox div.search-inner input[type="text"] {
  height: 35px;
  width: 100%;
  border: 0px;
  border-radius: 10px;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

div.mob-searchbox div.search-inner input[type="submit"] {
  height: 35px;
  min-width: auto;
  width: 35px;
  background: url(/App_Themes/JPCorry/Images/search-icon.png) no-repeat center center;
  cursor: pointer;
  position: absolute;
  top: 12px;
  border: 0px;
  right: 0px;
}

/*** Sub Navigation ***/

.main-nav ul#menuElem > li.Highlighted > .sub-wrapper > ul li {
  height: 40px;
  margin-right: 8px;
  padding-right: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  line-height: 36px;
  display: inline-block;
}

  .main-nav ul#menuElem > li.Highlighted > .sub-wrapper > ul li:last-child {
    margin-right: 0px;
    border-right: 0px;
    padding-right: 0px;
  }

  .main-nav ul#menuElem > li.Highlighted > .sub-wrapper > ul li a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
  }

  .main-nav ul#menuElem > li.Highlighted > .sub-wrapper > ul li:hover, .main-nav ul#menuElem > li.Highlighted > .sub-wrapper > ul li.Highlighted {
    background: none;
  }

    .main-nav ul#menuElem > li.Highlighted > .sub-wrapper > ul li:hover a {
      text-decoration: underline;
    }

    .main-nav ul#menuElem > li.Highlighted > .sub-wrapper > ul li:hover a, .main-nav ul#menuElem > li.Highlighted > .sub-wrapper > ul li.Highlighted a {
      color: #ffde1d;
      text-decoration: none;
    }

/*# Sections #*/

.sections-area .choose {
  background: url('/App_Themes/JPCorry/Images/section-top-bg.png') repeat;
  text-align: center;
  color: #fbbc05;
  font-size: 140%;
  border-radius: 5px 5px 0 0;
  padding: 15px 0;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
}

.sections .section {
  width: 100%; /* 100% */
  position: relative;
  overflow: hidden;
  margin-bottom: 1px;
}

@media ( min-width: 290px ) {

  .sections .section {
    float: left;
    width: 50%; /* 50% @ 290px */
  }

    /* Dividing lines */

    .sections .section:after {
      content: '';
      height: 100%;
      width: 1px;
      position: absolute;
      top: 0;
      right: 0;
      background: #fff;
      z-index: 2;
    }

    .sections .section:nth-child(even):after {
      display: none;
    }
}

@media ( min-width: 768px ) {

  .sections .section {
    margin-bottom: 0;
    width: 25%; /* 25% @ 768px */
  }

    .sections .section:nth-child(2):after {
      display: block;
    }
}

/* Image */

.sections .section img {
  display: block;
}

/* Details */

.sections .section .details {
  z-index: 1;
  padding: 10px 10px 12px 10px;
  text-align: center;
  color: #fff;
  position: relative;
  -webkit-transition: all 300ms cubic-bezier(.65,.05,.36,1);
  -o-transition: all 300ms cubic-bezier(.65,.05,.36,1);
  transition: all 300ms cubic-bezier(.65,.05,.36,1);
}

.sections .section:hover .details {
  -webkit-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  transform: translateY(-10%);
}

/*  If client still wants buttons, delete: */
/* Button */
.c-details__primary .btn {
  display: none;
}

/*  If client still wants buttons, uncomment: */

/*
@media ( min-width: 600px) {

  .c-details__primary .btn {
    width: 100%;
  }
}
*/

.sections .section .details .section-summary {
  font-size: 14px;
  line-height: 20px;
  margin-top: 15px;
  min-height: 60px;
  display: none;
}

.sections .section .details h2 {
  font-size: 24px;
}

@media ( min-width: 490px) {

  .sections .section .details h2 {
    font-size: 32px;
  }
}

.sections .section .details .btn {
  margin: 10px 0;
}

.sections .section.one .section-summary {
  color: #6d3600;
}

.sections .section.two .section-summary {
  color: #002767;
}

.sections .section.three .section-summary {
  color: #480600;
}

.sections .section.four .section-summary {
  color: #00370f;
}

/** Mobile Sections **/

div.sections-mobile {
  display: none;
}

/*# Sliders #*/
.slick-arrow {
  position: absolute;
  z-index: 2;
  top: 49%;
  cursor: pointer;
}

  .slick-arrow:nth-child(1) {
    left: 15px;
  }

  .slick-arrow:nth-child(3) {
    right: 15px;
  }

  .slick-arrow.slick-disabled:nth-child(1) {
    background: url('/App_Themes/JPCorry/Images/banner-arrow-left-disabled.png')
  }

  .slick-arrow.slick-disabled:nth-child(3) {
    background: url('/App_Themes/JPCorry/Images/banner-arrow-right-disabled.png')
  }

/*# Main Slider #'*/

.slick-initialized .slick-slide {
  outline: none !important;
}

.slider-main {
  margin-top: 20px;
  margin-bottom: 20px;
}

.slick-list,
.slick-list .slide > a {
  border-radius: 5px;
}

  .slick-list .slide {
    position: relative;
    outline: none !important;
    margin-left: 2px;
  }

.slider-inner {
  position: absolute;
  z-index: 3;
  top: 25px;
  color: #fff;
  right: 95px;
}

  .slider-inner .slider-info {
    width: 250px;
    float: left;
    padding-top: 45px;
  }

    .slider-inner .slider-info p {
      line-height: 20px;
      font-size: 14px;
      text-align: justify;
      color: #fff;
    }

    .slider-inner .slider-info .btn-container {
      text-align: center;
      margin-top: 10px;
    }

.slick-dots {
  text-align: center;
  margin-top: -23px;
  position: absolute;
  bottom: 0;
  left: 45%
}

  .slick-dots li {
    display: block;
    float: left;
    margin: 10px 5px;
    cursor: pointer;
    background: url('/App_Themes/JPCorry/Images/pager-dots.png') no-repeat -23px 0px;
    width: 19px;
    height: 18px;
  }

    .slick-dots li.slick-active {
      background: url('/App_Themes/JPCorry/Images/pager-dots.png') no-repeat;
    }

    .slick-dots li button {
      border: 0;
      text-indent: -9990px;
      background: none;
      cursor: pointer;
      outline: none;
    }

section.category-grid .slick-dots li {
  display: block;
  float: left;
  margin: 10px 5px;
  cursor: pointer;
  background: url('/App_Themes/JPCorry/Images/pager-dots2.png') no-repeat -23px 0px;
  width: 19px;
  height: 18px;
}

  section.category-grid .slick-dots li.slick-active {
    background: url('/App_Themes/JPCorry/Images/pager-dots2.png') no-repeat;
  }

/*# Feature Pods #'*/
.feature-pods {
  margin-top: 20px;
}

  .feature-pods .left,
  .feature-pods .right {
    float: left;
    width: 50%;
    overflow: hidden;
  }

    .feature-pods .left .inner {
      margin-right: 10px;
    }

    .feature-pods .right .inner {
      margin-left: 10px;
    }

  .feature-pods .panel {
    position: relative;
    width: 462px;
  }

    .feature-pods .panel a.btn {
      width: 130px;
      margin-left: 10px;
    }

  .feature-pods .fiftypc-text-panel {
  }

  .feature-pods .panel .panel-content {
    position: absolute;
    width: 100%;
    top: 0;
    padding: 15px;
  }

    .feature-pods .panel .panel-content h2 {
      color: #1d764a;
      font-size: 140%;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 20px;
      font-weight: bold;
    }

    .feature-pods .panel .panel-content ul {
      padding-left: 25px;
      list-style-image: url('/App_Themes/JPCorry/Images/bullet.png');
      line-height: 1.5em;
      margin-bottom: 20px;
    }

  .feature-pods .right .inner section.request_quote {
    background: #f3f3f3;
    border: 1px solid #d5d5d5;
    height: 115px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
    padding-left: 15px;
    border-radius: 6px;
    position: relative;
  }

    .feature-pods .right .inner section.request_quote h2 {
      color: #1d764a;
      font-size: 140%;
      text-transform: uppercase;
      margin-bottom: 10px;
      font-weight: bold;
    }

    .feature-pods .right .inner section.request_quote p {
      font-size: 13px;
      line-height: 16px;
      width: 280px;
    }

    .feature-pods .right .inner section.request_quote a.btn {
      position: absolute;
      bottom: 20px;
      right: 25px;
      width: 120px;
      min-width: 0;
    }

  .feature-pods .right .inner section.hints-tips {
    background: #6abf67;
    height: 140px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
    padding-left: 15px;
    border-radius: 6px;
    position: relative;
    margin-top: 29px;
  }

    .feature-pods .right .inner section.hints-tips h2 {
      color: #08613e;
      font-size: 140%;
      text-transform: uppercase;
      margin-bottom: 10px;
      font-weight: bold;
    }

    .feature-pods .right .inner section.hints-tips p {
      font-size: 13px;
      line-height: 16px;
      width: 280px;
      color: #fff;
    }

      .feature-pods .right .inner section.hints-tips p a {
        color: #ffdf1d;
      }

    .feature-pods .right .inner section.hints-tips a.btn {
      position: absolute;
      bottom: 20px;
      right: 25px;
      width: 120px;
    }

    .feature-pods .right .inner section.hints-tips img {
      position: absolute;
      bottom: 0px;
      right: 20px;
    }

/* FIX FOR IMAGE ON MOBILE */

@media only screen and (max-width: 479px) {
  .feature-pods .right .inner section.hints-tips img {
    position: absolute;
    bottom: 0;
    right: -5px;
  }
}

.feature-pods .panel .panel-content ul li {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}

.text-panel {
  border: 2px solid #e7e4d1;
  border-radius: 5px;
  padding: 15px;
  background: #f3f3f3;
}

  .text-panel h2 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #1d764a;
    text-transform: uppercase;
    font-weight: bold;
  }

  .text-panel p {
    padding-bottom: 0;
    font-size: 80%;
  }

.fiftypc-text-panel {
  margin-bottom: 35px;
}

  .fiftypc-text-panel table {
    width: 100%;
  }

    .fiftypc-text-panel table td {
      vertical-align: bottom;
    }

      .fiftypc-text-panel table td:first-child {
        padding-right: 30px;
        width: 70%;
      }

.feature-pods .fiftypc-text-image-panel {
  background: #6abf67;
}

.fiftypc-image-panel .body {
  max-height: 120px;
  overflow: hidden;
  margin-bottom: 10px;
}

.feature-pods .fiftypc-image-panel ul {
  font-family: proxima-nova, sans-serif;
}

.feature-pods .fiftypc-text-image-panel h2 {
  background: #6abf67;
  color: #08613e;
}

.feature-pods .fiftypc-text-image-panel img {
  position: absolute;
  right: 0;
  bottom: 0;
}

.feature-pods .fiftypc-text-image-panel .body {
  width: 70%;
  color: #ffffff;
}

  .feature-pods .fiftypc-text-image-panel .body a {
    color: #ffdf1d;
  }

/*# Featured Products #*/
.featured-products {
  margin-top: 20px;
  background: none;
  padding: 20px;
  position: relative;
  border: 1px solid #ccc;
}

.product-slider .slick-slide {
  background: #fff;
  margin: 20px;
}

.featured-products h2 {
  font-size: 24px;
  color: #1d764a;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: bold;
}

.featured-products .slick-arrow {
  border: 1px solid #ccc;
  width: 40px;
  height: 40px;
  top: 30%;
  background: #fff;
  border-radius: 50%;
}

.featured-products .arrow-left {
  left: -41px;
  background: url('/App_Themes/JPCorry/Images/slider-arrow-left.png') no-repeat #fff;
  background-size: 80%;
  background-position: center center;
}

.featured-products .arrow-right {
  right: -41px;
  background: url('/App_Themes/JPCorry/Images/slider-arrow-right.png') no-repeat #fff;
  background-size: 80%;
  background-position: center center;
}

.featured-products .arrow-left.slick-disabled {
  left: -41px;
  background: url('/App_Themes/JPCorry/Images/slider-arrow-left-disabled.png') no-repeat #fff;
  background-size: 80%;
  background-position: center center;
}

.featured-products .arrow-right.slick-disabled {
  right: -41px;
  background: url('/App_Themes/JPCorry/Images/slider-arrow-right-disabled.png') no-repeat #fff;
  background-size: 80%;
  background-position: center center;
}

.featured-products h3 {
  font-size: 87.5%;
  color: #6b6867;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  margin: 10px 0 20px;
  height: 16px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.featured-products .slide {
  text-align: center;
}

  .featured-products .slide .btn {
    width: 120px;
    font-weight: normal;
  }

/*# Featured Brands #*/
.featured-brands {
  margin-top: 20px;
  background: #ddd;
  padding: 30px 50px;
  position: relative;
}

  .featured-brands h2 {
    font-size: 24px;
    color: #1d764a;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: bold;
  }

  .featured-brands .slick-arrow {
    width: 16px;
    height: 26px;
    top: 30%;
  }

  .featured-brands .arrow-left {
    left: -33px;
    background: url('/App_Themes/JPCorry/Images/banner-arrow-left.png') no-repeat;
  }

  .featured-brands .arrow-right {
    right: -24px;
    background: url('/App_Themes/JPCorry/Images/banner-arrow-right.png') no-repeat;
  }

  .featured-brands .arrow-left.slick-disabled {
    left: -33px;
    background: url('/App_Themes/JPCorry/Images/banner-arrow-left-disabled.png') no-repeat;
  }

  .featured-brands .arrow-right.slick-disabled {
    right: -24px;
    background: url('/App_Themes/JPCorry/Images/banner-arrow-right-disabled.png') no-repeat;
  }

  .featured-brands h3 {
    font-size: 87.5%;
    color: #6b6867;
    font-family: proxima-nova, sans-serif;
    font-weight: 600;
    margin: 10px 0 20px;
    height: 16px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .featured-brands .slide {
    text-align: center;
  }

    .featured-brands .slide img {
      border: 1px solid #d9d9d9;
    }

    .featured-brands .slide .btn {
      width: 120px;
      font-weight: normal;
    }

  .featured-brands .slick-list .slide img {
    margin: 0 auto;
  }

/* Featured Product Slider */

div.product-slider div.slick-slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

div.product-slider div.slick-slide {
  text-align: center;
}

.product-slider .slide-image {
  overflow: hidden;
  height: 150px;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

.featured-products .slick-list .slide a.thumbnail {
  height: 150px;
  width: 100%;
  display: block;
}

.featured-products .slick-list .slide img {
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Ask the Expert */

div.ask-the-expert {
  width: 100%;
  padding: 30px 30px 10px 30px;
  background: #e0e0e0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

  div.ask-the-expert img {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
    border: 2px solid #fff;
  }

  div.ask-the-expert h2 {
    color: #1d764a;
    text-transform: uppercase;
  }

  div.ask-the-expert ul li {
    margin-bottom: 10px;
    font-size: 16px;
    font-family: proxima-nova, sans-serif;
  }

    div.ask-the-expert ul li span {
      font-weight: bold;
      color: #084b2a;
    }

/*# Contact Us #*/

/* ADDRESS FLOAT FIX ON CONTACT FOR MOBILE */
@media only screen and (max-width: 767px) {
  .user-content .map img {
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
    margin-bottom: 20px !important;
    display: block;
    margin: auto;
  }
}

ul.contact-form {
  margin: 0px;
  padding: 0px;
}

  ul.contact-form li {
    width: 46%;
    float: left;
    list-style-type: none;
    margin-bottom: 15px;
  }

    ul.contact-form li:last-child {
      width: 100%;
    }

    ul.contact-form li:nth-of-type(2n+1) {
      margin-right: 8%;
    }

    ul.contact-form li label {
      margin-bottom: 10px;
      float: left;
    }

    ul.contact-form li > div {
      clear: both;
      float: left;
      width: 100%;
      display: block;
    }

      ul.contact-form li > div > input {
        float: left;
        clear: both;
        width: 100%;
        display: block;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }

      ul.contact-form li > div > textarea {
        float: left;
        clear: both;
        width: 100%;
        height: 130px;
        display: block;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }

section.content-right h2 {
  font-size: 26px;
  border-bottom: 1px solid #DDD;
  padding-bottom: 10px;
  margin-top: 15px;
}

div.submit {
  width: 100%;
  float: left;
  clear: both;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  margin-top: 10px;
}

  div.submit input {
    margin: 0px;
    padding: 0px;
  }

  div.submit table.CaptchaTable, ul.contact-form table.CaptchaTable {
    width: 100%;
  }

    div.submit table.CaptchaTable input, ul.contact-form table.CaptchaTable input {
      padding: 7px;
      border: 1px solid #ccc;
      border-radius: 4px;
    }


ul .contact-form li .EditingFormErrorLabel {
  color: red;
  font-size: 12px;
}

.contact-form li {
  overflow: hidden;
}

  .contact-form li select {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

/* Sign In Container */

div.sign-in h2 {
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 20px;
}

div.sign-in input[type="text"], div.sign-in input[type="password"] {
  padding: 8px;
  border: 1px solid #CCC;
  border-radius: 4px;
}

div.sign-in p.username span, div.sign-in p.password span {
  width: 100px;
  float: left;
  display: block;
  line-height: 30px;
}

div.sign-in div[id*="pnlBody"] p.username span {
  width: auto;
}

/*div.sign-in div.forgottenPwd {
    margin-top: 20px;
  }*/

div.sign-in span.form-control-error {
  width: 100% !important;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-bottom: 5px;
  font-size: 15px;
  display: block;
  clear: both;
  float: none;
  line-height: 18px !important;
}

div.forgottenPwd {
  margin: 0px;
}

  div.forgottenPwd a {
    color: #084B2A;
  }

p.rememberme {
  margin-bottom: 10px;
}

  p.rememberme span {
    width: 100%;
  }

    p.rememberme span input {
      float: left;
    }

p.login-button {
  margin: 0px;
  padding: 0px;
}

  p.login-button .btn {
    border: 0px;
    cursor: pointer;
  }

div.register-container h2,
.h2--secondary {
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 22px;
}

.item-added-message a {
  display: block;
  color: #6abf67;
  text-decoration: underline;
  margin: 16px 0 0 0;
}

.EditingFormTable {
  width: 100%;
}

div.register-container table.EditingFormTable tbody tr {
  height: 45px;
}

  div.register-container table.EditingFormTable tbody tr input {
    padding: 8px;
    border: 1px solid #CCC;
    border-radius: 4px;
  }

  div.register-container table.EditingFormTable tbody tr td.FieldLabel {
    padding-right: 15px;
  }

div.register-container .btn {
  border: 0px;
  cursor: pointer;
  margin-top: 72px;
  margin-left:-150px;
}

div.register-container table.EditingFormTable tbody > tr:nth-of-type(9) {
  display: none;
}

div.register-container span.EditingFormErrorLabel {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  font-size: 12px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

div.LogonPageBackground table {
  width: 100%;
}

.form-group .editing-form-label-cell {
  height: auto;
  width: auto;
}

div.LogonPageBackground table input[type="text"], div.LogonPageBackground table input[type="password"] {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

p.username span {
  float: left;
}

p.errors {
  clear: both;
  margin: 10px 0px;
  width: 100%;
}

.LogonPageBackground p.errors {
  margin: -20px 0;
}

/*** ERROR MESSAGE ON FORMS ***/
.EditingFormErrorLabel {
  color: #e10000;
  font-weight: 700;
}

  .EditingFormErrorLabel::before {
    content: "* ";
  }

div.register-container table.CustomRegistrationForm {
  width: 100%;
}

.LogonPageBackground label {
  padding-bottom: 8px;
  display: block;
}

.EditingFormLabel,
.editing-form-label {
  margin-bottom: 8px;
  display: block;
}

div.register-container table.CustomRegistrationForm tr td {
  display: block;
}

.editing-form-control-nested-control {
  margin-bottom: 24px;
}

.LogonPageBackground .username,
.LogonPageBackground .password {
  padding-bottom: 24px;
}

div.register-container table.CustomRegistrationForm input.form-control {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

table.CaptchaTable input[type="text"] {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

div.register-container table.CustomRegistrationForm div.password-strength {
  width: 100%;
}

div.register-container label[id*="lblCaptcha"] {
  display: none;
}

div[id*="pnlRegForm"] div.form-horizontal .editing-form-value-cell > div {
  width: 150px;
  float: left;
  line-height: 34px;
}

div.register-container label[id*="lblCaptcha"] {
  display: none;
}

div[id*="pnlRegForm"] div.form-horizontal {
  margin-bottom: 0;
}

  div[id*="pnlRegForm"] div.form-horizontal .editing-form-value-cell > div {
    width: 150px;
    float: left;
    line-height: 34px;
  }


/* Checkout Login / Register */

div.grayBox {
  float: left;
  width: 48%;
  margin-right: 4%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

  div.grayBox h2 {
    padding: 15px;
  }

  div.grayBox:nth-of-type(2) {
    margin-right: 0;
  }

/* Login */

div.checkout-form p input[type="text"], div.checkout-form p input[type="password"] {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-top: 0;
}

div.checkout-form table.EditingFormTable tr td {
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

  div.checkout-form table.EditingFormTable tr td:first-child {
    width: 30%;
  }

  div.checkout-form table.EditingFormTable tr td:nth-child(2) {
    width: 70%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  div.checkout-form table.EditingFormTable tr td input[type="text"], div.checkout-form table.EditingFormTable tr td input[type="password"] {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }

  div.checkout-form table.EditingFormTable tr td table.CaptchaTable tr td {
    padding: 0;
  }

div.checkout-form span.form-control-error {
  width: 100%;
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
}

div.LoginPanelPasswordRetrieval {
  margin-top: 20px;
}

  div.LoginPanelPasswordRetrieval input[type="text"] {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: 10px;
  }

/* View your Customer Code by checking your Invoices/Statements statement on forms */

.LabelField a {
  color: #6bc068;
  text-decoration: none;
  font-weight: 600;
}

.LabelField,
.c-label__field {
  font-size: 15px;
  display: block;
  color: #999;
  line-height: 1.2;
  margin-bottom: 8px;
}

.LabelField {
  margin: -10px 0 0 0;
}

.c-label__field {
  padding: 0;
}

/*# Bottomm Pods #*/
.bottom-pods {
  margin-top: 25px;
}

.find-a-branch {
  display: block;
  float: left;
  width: 30%;
  height: 257px;
  border: 1px solid #ccc;
  border-radius: 6px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a.find-a-branch a.btn {
  width: 115px;
  position: absolute;
  top: 135px;
  right: 8px;
}

section.case-studies {
  display: block;
  float: left;
  width: 30%;
  height: 257px;
  background: #f3f3f3;
  border: 1px solid #ccc;
  border-radius: 6px;
  position: relative;
  margin-left: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

  section.case-studies h2 {
    position: absolute;
    top: 20px;
    left: 15px;
    color: #1d764a;
    font-size: 140%;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: bold;
  }

    section.case-studies h2 a {
      color: #1d764a;
    }

  section.case-studies p {
    position: absolute;
    top: 55px;
    font-size: 13px;
    line-height: 16px;
    width: 130px;
    left: 15px;
  }

  section.case-studies a.btn {
    width: 105px;
    position: absolute;
    top: 145px;
    left: 15px;
  }

  section.case-studies img {
    position: absolute;
    bottom: 0px;
    right: -8px;
  }

section.latest-tweets,
section.facebook-container {
  display: block;
  float: left;
  width: 30%;
  height: 257px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  position: relative;
  margin-left: 4%;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section.facebook-container {
  width: 31.7%;
}

  section.facebook-container .title {
    display: none;
  }

section.latest-tweets .inner {
  height: 257px;
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

section.latest-tweets h2 {
  color: #1d764a;
  font-size: 140%;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: bold;
  margin: 20px 15px 20px 15px;
}

section.latest-tweets p {
  font-size: 13px;
  line-height: 16px;
  margin: 0px 15px 5px 15px;
}

.fadeout {
  display: none;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 100px;
  background: -webkit-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(243, 243, 243, 1) 100% );
  background-image: -o-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(243, 243, 243, 1) 100% );
  background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(243, 243, 243, 1)) );
  background-image: linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(243, 243, 243, 1) 100% );
  background-image: -ms-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(243, 243, 243, 1) 100% );
}

/*# Manufacturers #*/
.manufacturers {
  width: 100%;
  float: left;
  clear: both;
  margin: 40px 0px 0px 0px;
}

  .manufacturers ul {
    text-align: center;
    margin: 0 auto;
    min-height: 70px;
  }

    .manufacturers ul li {
      display: inline-block;
      padding: 0 15px;
      height: 70px;
    }

      .manufacturers ul li a {
        display: table-cell;
        vertical-align: middle;
        text-transform: uppercase;
        height: 70px;
      }

      .manufacturers ul li:last-child a {
        color: #4A8648;
        font-weight: bold;
        line-height: 70px;
        position: relative;
      }

      .manufacturers ul li img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 0.6;
        max-width: 90%;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
      }

        .manufacturers ul li img:hover {
          -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
          opacity: 1;
        }

/* Brands Listing */

section.fullwidth-grid.brands div.product h3 {
  height: 30px;
}

section.fullwidth.brands section.introduction {
  margin-bottom: 30px;
}

section.fullwidth.brands div.product .product_image {
  height: auto;
}

/* Sitemap */

ul.CMSSiteMapList li {
  list-style-position: inside;
  margin-bottom: 5px;
}

  ul.CMSSiteMapList li ul {
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  /*  SITE MAP PARENT LINK STYLE */
  ul.CMSSiteMapList li a {
    color: #084b2a;
    text-decoration: none;
  }

    ul.CMSSiteMapList li a:hover {
      text-decoration: underline;
    }

  /*  SITE MAP CHILD LINK STYLE */

  ul.CMSSiteMapList li ul li a {
    color: #6bc068;
    text-decoration: none;
  }

    ul.CMSSiteMapList li ul li a:hover {
      text-decoration: underline;
    }

div.sitemap > ul.CMSSiteMapList > li {
  list-style-type: disc;
  font-size: 22px;
  margin-bottom: 30px;
}

ul.CMSSiteMapList > li > ul > li {
  list-style-type: circle;
}

  ul.CMSSiteMapList > li > ul > li > ul > li {
    list-style-type: square;
  }

/*# Footer #*/
footer {
  background: #084b2a;
  border-top: 8px solid #6bc068;
  padding: 50px 0px;
  margin-top: 50px;
  clear: both;
  float: left;
  width: 100%;
}

  footer .left {
    width: 66%;
    margin-right: 4%;
    float: left;
  }

    footer .left ul {
      list-style-image: url('/App_Themes/JPCorry/Images/bullet-mini.png');
      list-style-position: inside;
      padding-left: 0px;
      -webkit-columns: 3;
      columns: 3;
      -moz-columns: 3;
      line-height: 1.2em;
    }

      footer .left ul li {
        margin-bottom: 5px;
        font-family: proxima-nova, sans-serif;
      }

  footer .right {
    width: 30%;
    float: left;
  }

  footer h2 {
    color: #ffdf1d;
    text-transform: uppercase;
    border-bottom: 1px solid #8EAE9F;
    padding-bottom: 8px;
    margin-bottom: 25px;
  }

  footer ul li a {
    color: #fff;
  }

    footer ul li a:hover {
      text-decoration: underline;
    }

.footer-bottom {
  clear: both;
  margin-top: 50px;
  text-align: center;
}

  .footer-bottom p {
    color: #40914F;
    font-size: 75%;
  }

  .footer-bottom img {
    padding-bottom: 25px;
  }

/* News */

div.intro-container {
  margin-bottom: 20px;
  width: 100%;
}

  div.intro-container h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }

section.news-category {
  width: 70%;
  float: right;
}

article.listing-item {
  overflow: hidden;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  position: relative;
}

  article.listing-item h3 {
    font-size: 24px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ccc;
  }

    article.listing-item h3 a {
      color: #333;
    }

      article.listing-item h3 a:hover {
        color: #084B2A;
      }

  article.listing-item img {
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
  }

  article.listing-item p {
    margin-top: 10px;
    margin-bottom: 15px;
  }

  article.listing-item a.read-more {
    background: #ddd;
    height: 35px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    color: #444;
    line-height: 35px;
  }

    article.listing-item a.read-more:hover {
      background: #6abf67;
      color: #fff;
    }

  article.listing-item span.date {
    width: 100%;
    padding-left: 20px;
    background: url('/App_Themes/JPCorry/Images/calendar-icon.png') left no-repeat;
  }

ul.pagination {
  width: 100%;
  margin-top: 20px;
  clear: both;
  text-align: center;
}

  ul.pagination li {
    display: inline-block;
    list-style-type: none;
    margin-right: 5px;
    margin-bottom: 5px;
  }

    ul.pagination li a {
      display: block;
      text-align: center;
      padding-left: 15px;
      padding-right: 15px;
      height: 30px;
      line-height: 30px;
      border: 1px solid #ccc;
      color: #666;
    }

      ul.pagination li a.active, ul.pagination li a:hover {
        background: #6abf67;
        color: #fff;
        border: 1px solid #6abf67;
      }

    ul.pagination li:last-child a {
      border-right: 1px solid #ccc;
    }

div.news-date {
  width: 100%;
  margin-bottom: 20px;
  padding-left: 30px;
  background: url('/App_Themes/JPCorry/Images/calendar-icon-large.png') left no-repeat;
  height: 20px;
  font-size: 18px;
  font-family: proxima-nova, sans-serif;
  line-height: 18px;
}

/*# My Account #*/

div.myAccountEdit {
  width: 100%;
}

  div.myAccountEdit > div {
    width: 100%;
  }

  div.myAccountEdit div.TabsHeader {
    min-width: 500px;
    border: 0px;
    overflow: hidden;
    clear: both;
    margin-bottom: 0px !important;
  }

tr.TabControlRow {
  height: 40px;
}

div.myAccountEdit div.TabsHeader {
  width: 100%;
  height: auto !important;
  min-width: 100px;
}

div.form-horizontal {
  width: 100%;
  clear: both;
  margin-bottom: 30px;
}

tr.TabControlRow a {
  height: 40px;
  display: block;
  line-height: 40px;
  padding: 0px 15px 0px 15px;
  text-decoration: underline;
}

table.TabControlTable td.TabControl a {
  background: #ddd;
  color: #333;
  border: 0px !important;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

table.TabControlTable {
  border-bottom: 1px solid #0A7340 !important;
}

  table.TabControlTable td.TabControlSelected a {
    background: #0A7340;
    color: #fff;
    border: 0px !important;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }

div.editing-form-category-fields input[type="text"] {
  padding: 8px;
  border-radius: 4px;
}

input:disabled,
select:disabled {
  background-color: #f0f0f0;
  pointer-events: none;
  opacity: 1;
}

.btn:disabled {
  background: #ccc;
}

div.form-group-submit {
  margin-bottom: 30px;
}

  div.form-group-submit input.FormButton {
    border-radius: 5px;
    background: -o-linear-gradient(#0a7340, #084c2a);
    background: -webkit-gradient(linear, left top, left bottom, from(#0a7340), to(#084c2a));
    background: linear-gradient(#0a7340, #084c2a);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 29px;
    height: 32px;
    display: inline-block;
    width: 160px;
    text-align: center;
    font-family: proxima-nova, sans-serif;
    cursor: pointer;
    padding: 0px;
    margin-top: 20px !important;
  }

    div.form-group-submit input.FormButton:hover {
      background: #0A7340;
    }

div.my-quotes {
  width: 100%;
  margin-top: 30px;
  overflow-x: auto;
}

  div.my-quotes h2 {
    font-size: 22px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }

div.MyOrders {
  width: 100%;
  height: 100%;
  overflow: auto;
}

  div.MyOrders table thead {
    background: #0A7340;
    overflow: hidden;
  }

  div.MyOrders table th {
    padding: 10px 15px 10px 15px;
    color: #fff;
  }

    div.MyOrders table th a {
      color: #fff;
      text-decoration: underline;
    }

  div.MyOrders table td a {
    text-decoration: underline;
  }

  div.MyOrders table tr:nth-child(odd) td {
    padding: 10px 15px 10px 15px;
    background: #ddd;
  }

  div.MyOrders table tr:nth-child(even) td {
    padding: 10px 15px 10px 15px;
    background: #eee;
  }

  div.MyOrders div.pagination {
    margin-top: 20px;
    margin-bottom: 20px;
  }

    div.MyOrders div.pagination label {
      margin-right: 15px;
    }

    div.MyOrders div.pagination select {
      width: 60px;
    }

div.myAccountEdit span.ErrorLabel {
  margin-bottom: 5px;
  font-size: 15px;
  display: inline-block;
  width: 100%;
  line-height: 1.2;
}

div.myAccountEdit span.EditingFormErrorLabel {
  font-size: 12px;
}

tr.TabControlRow td.TabControlSelectedLeft, tr.TabControlRow td.TabControlSelectedRight, tr.TabControlRow td.TabControlRight, tr.TabControlRow td.TabControlLeft {
  display: none;
}

div.form-group {
  margin-bottom: 15px;
}

  div.form-group input,
  input.form-control,
  .CustomRegistrationForm select,
  .variants .product-option select,
  .DropDownField {
    padding: 0 12px !important;
    border-radius: 4px;
    height: 40px !important;
    line-height: 40px;
    font-size: 100%;
    font-family: proxima-nova, sans-serif;
  }

.Safari input[type=checkbox] {
  width: 12px;
  height: auto !important;
}

    input.form-control:focus,
    textarea:focus {
      border-color: #999 !important;
      -webkit-transition: all ease-in-out 200ms;
      -o-transition: all ease-in-out 200ms;
      transition: all ease-in-out 200ms;
    }

textarea {
  resize: vertical;
}

div.product-form table.form-table select,
.c-action__trigger select {
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
}

div .form-group-submit input.btn-primary {
  border-radius: 5px;
  background: -o-linear-gradient(#0a7340, #084c2a);
  background: -webkit-gradient(linear, left top, left bottom, from(#0a7340), to(#084c2a));
  background: linear-gradient(#0a7340, #084c2a);
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 29px;
  height: 32px;
  display: inline-block;
  width: 160px;
  text-align: center;
  font-family: proxima-nova, sans-serif;
  cursor: pointer;
  padding: 0px !important;
  margin-top: 20px !important;
}

  div.form-group-submit input.btn-primary:hover {
    background: #0A7340;
  }

div.password-strength-text {
  margin-top: 10px;
  color: #999;
  font-size: 15px;
  margin-bottom: 24px;
}

.password-strength-text strong {
  font-weight: 400;
}

.password-strength-strong {
  color: #6bc068;
}

div.password-strength span {
  font-size: 12px;
  width: 100%;
  min-width: 200px;
}

div.customer-details {
  width: 100%;
  margin-bottom: 20px;
  clear: both;
}

  div.customer-details div.row {
    padding: 0px;
  }

    div.customer-details div.row div.field {
      margin-bottom: 0px;
      line-height: 24px;
    }

      div.customer-details div.row div.field label {
      }

        div.customer-details div.row div.field label:first-of-type {
          font-weight: bold;
          width: 100px;
          float: left;
          display: block;
        }

  div.customer-details p {
    margin-top: 20px;
  }

div.branch-details {
  width: 100%;
}

  div.branch-details div.row {
    margin: 0;
    padding: 0px;
    clear: left;
  }

    div.branch-details div.row div.field {
      margin-bottom: 0px;
      width: 100%;
      line-height: 24px;
    }

      div.branch-details div.row div.field label {
      }

        div.branch-details div.row div.field label:first-of-type {
          font-weight: bold;
          width: 190px;
          float: left;
          display: block;
        }

  div.branch-details p {
    margin-top: 20px;
  }

span.InfoLabel {
  display: inline-block;
  margin-bottom: 20px;
  padding: 10px 10px 10px 35px;
  background: #e5e5e5;
  border-radius: 4px;
  position: relative;
}

  span.InfoLabel::before {
    content: "";
    display: inline-block;
    height: 30px;
    width: 30px;
    background: url(/App_Themes/JPCorry/Images/successfailure.png) no-repeat 12px 12px #e5e5e5;
    position: absolute;
    top: 3px;
    left: 0px;
  }

span.ErrorLabel {
  display: inline-block;
  margin-bottom: 20px !important;
  padding: 10px 0px;
  width: auto !important;
  float: none !important;
  font-size: 15px !important;
  border-radius: 4px;
  clear: both;
  line-height: 1.2;
}

.shoppingCartItem .ErrorLabel {
  display: block;

}

ul.pagination-list li {
  display: inline;
}

input#p_lt_ctl12_pageplaceholder_p_lt_ctl00_rPw_resetPassitem_btnReset {
  line-height: 5px;
}

.terms {
  margin-bottom: 32px;
}

.terms .Error {
  display: block;
  margin-top: 16px;
}

@media ( min-width: 480px ) {

  .terms {
    text-align: right;
  }

  .terms .checkbox {
    float: right;
  }
}

/* Case Studies */

article.listing-detail {
  border: 0px;
  padding: 0px;
}

  article.listing-detail h2, .products-grid h2 {
    font-size: 26px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 15px;
  }

  article.listing-detail h2, .fullwidth-grid h2 {
    font-size: 26px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 15px;
  }

div.case-study-contact ul {
  margin-bottom: 10px;
}

/* Changes during development */
header .welcome {
  padding-bottom: 0;
  color: #084b2a;
}

.shopping-basket a {
  display: block;
  width: 50px;
  height: 33px;
}

  .shopping-basket a > div {
    float: right;
  }

header .left .logo-text {
  height: 62px;
  overflow: hidden;
}

.category-menu li.Highlighted > a {
  font-weight: bold;
}

footer .right > a {
  display: inline-block;
  width: 39px;
  height: 39px;
  margin-right: 4px;
}

footer .right a.facebook {
  background: url('/App_Themes/JPCorry/Images/facebook-icon.png') no-repeat;
}

footer .right a.linkedin {
  background: url('/App_Themes/JPCorry/Images/linkedin-icon.png') no-repeat;
}

footer .right a.twitter {
  background: url('/App_Themes/JPCorry/Images/twitter-icon.png') no-repeat;
}

footer .right a.youtube {
  background: url('/App_Themes/JPCorry/Images/youtube-icon.png') no-repeat;
}

.slider-main .slide a img {
  border-radius: 5px;
}

iframe[id*='twitter-widget-0'] {
  width: 100% !important;
  max-width: inherit !important;
}

.hints-tips .body p {
  padding-bottom: 0;
}

.page-text-content {
  margin-bottom: 5px;
}

.listing-detail {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*.print {background:url('/App_Themes/EcommerceSite/Images/Ecommerce/print.png') no-repeat;}*/
.category-menu.standard > ul {
  margin-bottom: 30px;
}

.find-a-branch-left-col img {
  border: 1px solid #ccc;
  border-radius: 6px;
  display: block;
}

.separator {
  padding-top: 10px;
}

.listing-banner,
.case-study-contact,
.listing-video {
  margin-bottom: 20px;
}

  .listing-video iframe {
    width: 100% !important;
  }

.footer-bottom p a {
  color: #fff;
}

nav.main .search-inner input[type="submit"],
div.mob-searchbox div.search-inner input[type="submit"] {
  text-indent: -9999px;
}

.branch-map {
  margin-top: 10px;
}

  .branch-map > div {
    width: 100% !important;
  }

.main-body {
  margin-top: 20px;
}

.two-col-50-50 .top {
  margin-bottom: 20px;
}

.two-col-50-50 .left,
.two-col-50-50 .right {
  width: 50%;
  float: left;
}

#Captcha [id*="lblSecurityCode"] {
  display: none;
}

.productDetail .AddToCartTextBox {
  width: 35px !important;
}

/* Share This */
.stLarge {
  background: none !important;
}

.brandText {
  padding-top: 0;
}

.manufacturer-detail.products-grid .product-listing {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.manufacturer-detail.fullwidth-grid .product-listing {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.manufacturer-image {
  float: left;
  padding: 0 15px 10px 0px;
}

.product-variants {
  display: none;
}

div.product a {
  word-wrap: break-word;
}

.get-in-touch {
  clear: left;
}

.search-results .search-result-item {
  margin-bottom: 30px;
}

.search-results .left-image {
  float: left;
  margin-right: 2%;
  text-align: center;
  width: 13%;
}

  .search-results .left-image a.image {
    height: 100px;
    display: block;
    position: relative;
  }

    .search-results .left-image a.image img {
      max-height: 100%;
    }

.search-results .right-text {
  float: left;
  width: 85%;
}

.search-results .btn {
  margin-top: 15px;
}

.customer-details h2 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}

.paging-totals {
  display: block !important;
  margin: 10px 0 0 0;
  text-align: center;
}

  .paging-totals.end {
    margin: 0 0 20px 0;
  }

.category-grid.prod-cat-listing {
  width: 100%;
}

.item-added-message {
  background: url(/App_Themes/JPCorry/Images/success-msg.png) no-repeat 20px 20px #f4f4f4;
  min-height: 32px;
  margin-bottom: 20px;
  padding: 20px 20px 20px 60px;
}

.slider-info h2 a {
  background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
  border-radius: 5px;
  display: block;
  padding: 5px;
}

.fb_iframe_widget, .fb_iframe_widget > span, .fb_iframe_widget > span > iframe {
  width: 100% !important;
}

.fullwidth-grid.brands .product-listing {
  clear: left;
}

.branch-details-inner {
  margin-top: 20px;
}

  .branch-details-inner h2 {
    font-size: 26px;
  }

/*******************************/
/* #Responsive# */
/*******************************/

/* #All devices on desktop or above# ----------- */
@media only screen and (min-width : 1025px) {
  .all-products-menu {
    box-sizing: border-box;
    -webkit-transition: visibility 0s, opacity 1s linear;
    -o-transition: visibility 0s, opacity 1s linear;
    transition: visibility 0s, opacity 1s linear;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    position: absolute;
    background: #04381E;
    z-index: 3;
    width: 959px;
    padding: 30px;
    line-height: 1.5em;
    visibility: hidden;
  }

  .main-nav li:hover .all-products-menu {
    visibility: visible;
  }

  .all-products-menu h2 a {
    color: #ffdf1d;
  }

  .all-products-menu a:hover {
    text-decoration: underline;
  }

  .all-products-menu ul a {
    color: #ffffff;
    line-height: normal;
  }

  .all-products-menu .product-menu {
    float: left;
    margin: 0 20px 20px 0;
    width: 200px;
    width: 133px;
  }

    .all-products-menu .product-menu:nth-child(6n) {
      margin-right: 0;
    }

    .all-products-menu .product-menu:nth-child(6n+1) {
      clear: both;
    }

    .all-products-menu .product-menu a.view-more {
      font-size: 14px;
      color: #6ABF67;
    }

  /*
  .main-nav ul#menuElem > li.Highlighted {
    margin-bottom: 40px;
  }
      */

  nav.mobile_menu {
    display: none !important;
  }

  div.mob-searchbox {
    display: none !important;
  }
}

/* #All devices under desktop# ----------- */
@media only screen and (max-width : 1024px) {
  .slider-inner {
    right: 55px;
    top: 30px;
  }

    .slider-inner .slider-info {
      padding-top: 0px;
      width: 230px;
    }

  .fiftypc-image-panel .body {
    max-height: 74px;
    overflow: hidden;
  }

  .feature-pods .panel .panel-content h2 {
    margin-bottom: 10px;
  }

  .fiftypc-text-panel {
    height: 225px;
  }

  .thirty-threepc-image-panel .details .btn, .thirty-threepc-text-panel .btn {
    width: 98px;
  }

  .manufacturers ul li {
    padding: 5px 15px;
  }

  div.logo-text {
    display: none;
  }

  section.latest-tweets {
    width: 100%;
    margin: 25px 0px 0px 0px;
  }

  nav.category-menu {
    width: 100%;
    float: none;
    clear: both;
    margin-top: 30px;
    padding: 0px;
  }

  nav.sub-nav {
    display: none;
  }

  section.products-grid {
    width: 100%;
  }

  section.fullwidth-grid {
    width: 100%;
  }

  section.category-grid {
    width: 100%;
  }

  section.product-single {
    width: 100%;
  }

  /* News */

  section.news-category {
    width: 100%;
    float: left;
    margin-top: 20px;
  }

  section.content-right {
    width: 100%;
    float: left;
    margin-top: 20px;
  }

  nav.category-menu {
    margin-bottom: 15px;
  }

    nav.category-menu.top {
      width: 100%;
      display: block;
      float: left;
    }

  .main-nav ul#menuElem > li.Highlighted > .sub-wrapper,
  .main-nav ul#menuElem > li > .sub-wrapper {
    display: none;
  }

  .main-nav ul#menuElem > li > a {
    padding-left: 15px;
    padding-right: 15px;
  }

  nav.main div.search {
    display: none;
  }

  .main-nav {
    display: none;
  }

  .mobile-nav {
    width: 100%;
    height: 53px;
    display: block;
    float: left;
    margin-top: 0px;
  }

  nav.mobile_menu {
    position: absolute;
    left: 0px;
    width: 100%;
  }

  .basket {
    border-left: 1px solid #5c8a5a;
    width: 25%;
    height: 53px;
    display: block;
    float: left;
    padding-top: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/App_Themes/JPCorry/Images/basket_mob.png) center center no-repeat;
  }

    .basket:hover {
      background: url(/App_Themes/JPCorry/Images/basket_mob.png) center center no-repeat #04381e;
    }

  .store-finder {
    border-left: 1px solid #5c8a5a;
    width: 25%;
    height: 53px;
    display: block;
    float: left;
    padding-top: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/App_Themes/JPCorry/Images/storefinder_icon.png) center center no-repeat;
  }

    .store-finder:hover {
      background: url(/App_Themes/JPCorry/Images/storefinder_icon.png) center center no-repeat #04381e;
    }

  /* Mobile Nav Items - A more reusable component */

  .c-nav-item--mobile {
    position: relative;
    border-left: 1px solid #5c8a5a;
    width: 25%;
    height: 53px;
    display: block;
    float: left;
    padding-top: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

    .c-nav-item--mobile:hover {
      background-color: #04381e;
    }

  .c-nav-item__graphic {
    color: #fff;
    font-size: 28px;
    display: block;
    text-align: center;
  }

  .burger-menu {
    border-left: 1px solid #5c8a5a;
    border-right: 1px solid #5c8a5a;
    width: 25%;
    height: 53px;
    display: block;
    float: left;
    padding-top: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/App_Themes/JPCorry/Images/mobile_menu.png) center center no-repeat;
  }

    .burger-menu:hover, .burger-menu.active {
      background: url(/App_Themes/JPCorry/Images/mobile_menu.png) center center no-repeat #04381e;
    }

  .all-products-menu {
    background: #6BC068;
    display: none;
  }

    .all-products-menu h2 {
      width: 100%;
      position: relative;
    }

      .all-products-menu h2 a {
        width: 100%;
        padding: 15px 30px !important;
      }

      .all-products-menu h2 span {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 20%;
        height: 47px;
        background: #ccc;
        display: block;
      }

    .all-products-menu ul {
      background: #ddd;
    }

  nav.mobile_menu .all-products-menu ul li a {
    padding: 15px 45px;
    border-bottom: 1px solid #999;
    color: #444;
    font-weight: 400;
    font-family: proxima-nova, sans-serif;
  }

    nav.mobile_menu .all-products-menu ul li a:hover {
      background: #ccc;
    }

  .all-products-menu .product-menu ul {
    display: none;
  }

  /* Register Form */

  table.CaptchaTable tr td:last-of-type {
    min-width: 100px;
  }

  table.CustomRegistrationForm tr td {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
  }

  div.grayBox {
    float: left;
    width: 48%;
    margin-right: 4%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

    div.grayBox h2 {
      padding: 15px;
    }

    div.grayBox:nth-of-type(2) {
      margin-right: 0;
    }

  div.checkout-form table.EditingFormTable {
    width: 100%;
    margin: 0 !important;
  }


    div.checkout-form table.EditingFormTable tr td table.CaptchaTable {
      width: 100%;
    }

      div.checkout-form table.EditingFormTable tr td table.CaptchaTable tr td {
        display: block;
        width: 100%;
      }

  div.checkout-form input.RegisterButton {
    float: left;
    clear: both;
    margin: 20px 0 20px 0 !important;
  }
}

/* Login / Register form overrides */

div.checkout-form table.EditingFormTable tr td {
  display: block;
  clear: both;
  width: 100% !important;
  padding: 0 !important;
}

  /*div.checkout-form table.EditingFormTable tr td input[type="text"], div.checkout-form table.EditingFormTable tr td input[type="password"] {
    margin-bottom: 15px;
  }*/

  div.checkout-form table.EditingFormTable tr td.FieldLabel {
    text-align: left !important;
    padding-right: 0;
  }

/* Captcha */

table.CaptchaTable {
  margin-top: 10px;
  margin-bottom: 15px;
}

  table.CaptchaTable tr td:first-child,
  table.CaptchaTable tr td input {
    width: 200px !important;
  }

@media ( max-width: 399px) {
  table.CaptchaTable tr td input {
    margin-bottom: 0 !important;
  }
}

table.CaptchaTable tr td {
  display: block;
  width: auto !important;
  background: none !important;
}

div.checkout-form table.EditingFormTable tr td {
  width: auto !important;
}

table.CaptchaTable tr td:last-child {
  vertical-align: top;
}

  table.CaptchaTable tr td:last-child img {
    display: block;
    margin: 0;
  }

@media( min-width: 400px ) {

  table.CaptchaTable tr td {
    display: table-cell !important;
  }

    table.CaptchaTable tr td:last-child img {
      margin: -10px 0 0 10px;
    }
}


/* #iPads (portrait)# ----------- */
@media only screen
/*and (orientation : portrait)*/
and (min-width : 768px) and (max-width : 1024px) {
  .base {
    width: 728px;
  }

  header div.left {
    width: 30%;
  }

  header div.right {
    width: 70%;
  }

  .find-a-branch {
    width: 40%;
  }

  section.case-studies {
    width: 425px;
    margin-left: 21px;
  }

    section.case-studies p {
      width: 230px;
    }

  .thirty-threepc-text-panel img {
    width: 135px;
  }

  .thirty-threepc-image-panel .details h2 {
    font-size: 130%;
  }

  .feature-pods .fiftypc-text-image-panel {
    position: relative;
    left: -193px;
  }

  .feature-pods .panel {
    position: relative;
    width: 364px;
    overflow: hidden;
    border-radius: 6px;
    height: 284px;
  }

    .feature-pods .panel img {
      min-width: 462px;
      margin-left: -15px;
    }

    .feature-pods .panel a.btn {
      width: 130px;
      margin-left: 10px;
    }

  .panel-content .body {
    max-height: 150px;
    margin-top: 15px;
  }

  .feature-pods .panel .panel-content ul {
    margin-bottom: 5px;
  }

  .feature-pods .panel a.btn {
  }

  .feature-pods .right .inner section.request_quote p {
    width: 200px;
    height: 60px;
    overflow: hidden;
  }

  .feature-pods .right .inner section.hints-tips p {
    width: 200px;
    height: 80px;
    overflow: hidden;
  }

  .feature-pods .right .inner section.request_quote a.btn {
    right: 15px;
  }

  footer .left ul {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }

  section.category-grid section.slider-single div.slider-inner {
    top: 0px;
    right: 0px;
    width: 300px;
  }

    section.category-grid section.slider-single div.slider-inner div.slider-info {
      width: 300px;
    }
}

@media only screen and (max-width : 1024px) {
  div.register-container table.EditingFormTable tbody tr {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }

    div.register-container table.EditingFormTable tbody tr td.FieldLabel {
      margin-bottom: 5px;
    }

    div.register-container table.EditingFormTable tbody tr.Captcha {
      height: 50px;
    }

    div.register-container table.EditingFormTable tbody tr td {
      float: left;
      width: 100%;
      display: table-cell;
    }

      div.register-container table.EditingFormTable tbody tr td input {
        width: 100%;
      }

  div.register-container tr#Captcha table.CaptchaTable {
    width: 100%;
  }

  div.register-container tr#Captcha tbody td {
    float: left;
    width: 50%;
    display: table-cell;
    float: left;
  }

    div.register-container tr#Captcha tbody td input {
      float: left;
      width: 100%;
      display: table-cell;
      float: left;
    }
}

@media only screen and (min-width : 767px) {
  td#TabItem_4 a {
    margin-right: 0px;
  }

  section.category-grid .slick-slide img {
    max-width: 300px;
  }

  div.product:nth-of-type(3n+1) {
    clear: left;
  }
}

/* #All mobile devices portrait and landscape# ----------- */
@media only screen and (max-width : 767px) {
  header .left {
    float: left;
    width: 20%;
  }

  header .right {
    width: 80%;
  }

  a.get-a-quote {
    bottom: 14px;
  }

  div.mobile-nav .basket div table {
    right: 25%;
  }

  div.shopping-basket {
    display: none;
  }

  ul#TopMenu {
    display: none;
  }

  ul.social-icons {
    display: none;
  }

  .feature-pods .left, .feature-pods .right {
    float: none;
    width: 100%;
  }

    .feature-pods .left .inner, .feature-pods .right .inner {
      margin: 0;
    }

  .fiftypc-image-panel {
    margin-bottom: 20px;
  }

  .fiftypc-text-panel {
    height: auto;
  }

  section.case-studies {
    width: 100%;
    margin-left: 0px;
  }

    section.case-studies p {
      width: 50%;
    }

  .find-a-branch {
    width: 100%;
    margin-bottom: 25px;
  }

  .panel-content .body {
    max-height: 150px;
    margin-top: 15px;
  }

  .bottom-pods .panel {
    float: none;
    width: 100%;
    margin-top: 20px;
  }

    .bottom-pods .panel:first-child {
      margin-top: 0;
    }

    .bottom-pods .panel .inner {
      margin-left: 0;
    }

    .bottom-pods .panel, .bottom-pods .panel .inner {
      height: auto;
    }

  .fiftypc-text-panel {
    margin-bottom: 20px;
  }

  footer {
    padding: 50px 0;
  }

    footer .left,
    footer .right {
      float: none;
      width: 100%;
      margin-right: 0;
    }

    footer .left {
      margin-bottom: 50px;
    }

      footer .left ul {
        padding-left: 0;
        list-style-image: none;
      }

  .slider-inner {
    display: none;
  }

  nav.main {
    height: 55px;
  }

    nav.main div.search {
      display: none;
    }

  section.products-grid .product {
    width: 48%;
    margin-right: 4%;
  }

    section.products-grid .product:nth-of-type(2n) {
      margin-right: 0%;
    }

  section.fullgrid-grid .product {
    width: 48%;
    margin-right: 4%;
  }

    section.fullgrid-grid .product:nth-of-type(2n) {
      margin-right: 0%;
    }

  div.category {
    width: 48%;
    margin-right: 4%;
  }

    div.category:nth-of-type(3n) {
      margin-right: 4%;
    }

    div.category:nth-of-type(2n) {
      margin-right: 0%;
    }

  div.product-image {
    width: 100%;
    height: 200px;
    float: none;
    padding-left: 0px;
    margin-bottom: 20px;
  }

  .productMainImage a {
    display: block;
    width: 100%;
    height: 100%;
  }

  div.product-image img {
    max-width: 100%;
    height: auto;
    max-height: 200px;
  }

  div.category-image {
    width: 100%;
    float: none;
    padding-left: 0px;
    margin-bottom: 20px;
  }

    div.category-image img {
      max-width: 100%;
      height: auto;
    }

  section.category-grid section.slider-single div.slider-inner {
    bottom: 20px;
    top: auto;
    left: 20px;
    width: 100%;
    display: block;
  }

    section.category-grid section.slider-single div.slider-inner div.slider-info {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-right: 40px;
    }

      section.category-grid section.slider-single div.slider-inner div.slider-info h2 {
        color: #fff;
      }

      section.category-grid section.slider-single div.slider-inner div.slider-info p {
        display: none;
      }

  section.category-grid section.slider-single div.slick-slide {
    outline: none;
  }

    section.category-grid section.slider-single div.slick-slide > a {
      width: 100%;
      display: block;
      outline: none;
    }

    section.category-grid section.slider-single div.slick-slide img {
      width: 100%;
      height: auto;
    }

  header .welcome {
    display: none;
  }

  /* News */
  ul.pagination li a {
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }

  /* Product Filter */

  div.submit-btn input {
    margin-top: 15px;
    line-height: 14px;
    position: relative;
    float: left;
    clear: both;
    height: 28px;
    border: 0px;
    cursor: pointer;
    font-weight: normal;
    width: 100px;
  }

  div.ProductFilter span.mobile-filter {
    display: block;
  }

  div.ProductFilter div.filter-wrapper {
    display: none;
  }

  div.ProductFilter div.product-sort {
    margin-right: 0px !important;
  }

  div.ProductFilter div.first-row > div, div.ProductFilter div.second-row > div {
    margin-right: 15px;
  }

  div.ProductFilter div.first-row > div, div.ProductFilter div.second-row > div {
    margin-right: 15px;
  }

  div.ProductFilter div.product-paging {
    width: 80px;
  }

  div.ProductFilter div.product-sort {
    width: 120px;
  }

  div.signin-container input.LogonTextBox {
    width: 100%;
  }

  div.signin-container span {
    width: 100%;
  }

  p.rememberme span label {
    font-size: 12px;
  }

  div.TabsHeader tr.TabControlRow td.TabControlSelected, div.TabsHeader tr.TabControlRow td.TabControl {
    display: table-cell;
    width: 100%;
    float: left;
    margin: 0px 0px 5px 0px !important;
    padding: 0px !important;
    border-radius: 0px;
  }

  table.TabControlTable {
    border: 0px !important;
  }

  div.TabsHeader tr.TabControlRow td.TabControlSelected a, div.TabsHeader tr.TabControlRow td.TabControl a {
    border-radius: 0px;
  }

  div.TabsHeader {
    float: left;
    clear: both;
    height: auto !important;
  }

  .myAccountEdit .TabsHeader {
    height: auto !important;
  }

  /* Carousel */

  section.product-single div.productSlider ul li {
    margin: 2% !important;
    width: 29% !important;
  }

    section.product-single div.productSlider ul li span.image {
      height: 105px !important;
    }

  .user-content > table, table.table {
    overflow-x: scroll;
    display: block;
    width: auto !important;
  }

    .user-content table::-webkit-scrollbar, table.table::-webkit-scrollbar {
      width: 15px;
      height: 15px;
      border-bottom: 1px solid #eee;
      border-top: 1px solid #eee;
      overflow: visible;
    }

    .user-content table::-webkit-scrollbar-thumb, table.table::-webkit-scrollbar-thumb {
      border-radius: 8px;
      background-color: #C3C3C3;
      border: 2px solid #eee;
      -webkit-border-radius: 5px;
    }

    .user-content table::-webkit-scrollbar-track, table.table::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    }

    .user-content table::-webkit-scrollbar-corner, table.table::-webkit-scrollbar-corner {
      background: transparent;
    }
}

/* #Smartphones (landscape)# ----------- */
@media only screen and (min-width :480px) and (max-width :767px) {
  .base {
    width: 460px;
  }

  .slick-arrow {
    top: 44%;
  }

  .feature-pods .fiftypc-text-image-panel img {
    width: 110px;
  }

  .feature-pods .fiftypc-text-image-panel .body {
    width: 76%;
  }

  .thirty-threepc-text-panel .body {
    width: 260px;
  }

  .thirty-threepc-text-panel img {
    width: 140px;
  }

  .thirty-threepc-text-panel .body {
    width: 300px;
  }

  .slick-dots {
    left: 40%;
  }

  footer {
    text-align: center;
  }

    footer .left ul {
      -webkit-columns: 1;
      -moz-columns: 1;
      columns: 1;
    }

  .branch-map > div {
    height: 400px !important;
  }

  div.submit table.CaptchaTable input, ul.contact-form table.CaptchaTable input {
    width: 80px;
  }
}

header {
  height: auto;
  margin: 8px 0;
}

@media ( min-width: 768px ) {
  header {
    margin: 20px 0;
  }
}

/* #Smartphones (portrait)# ----------- */
@media only screen and (max-width : 479px) {

  .base {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  nav.main .base {
    width: 100%;
  }

  header .left {
    height: 90px;
  }

  header .right {
    height: 90px;
  }

  div.mobile-nav .basket div table {
    right: 20%;
  }

  div.mob-searchbox div.search-inner {
    padding-left: 20px;
    padding-right: 20px;
  }

    div.mob-searchbox div.search-inner input[type="submit"] {
      right: 20px;
    }

  div.sections-mobile .section {
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
  }

    div.sections-mobile .section.one {
      background: url(/App_Themes/JPCorry/Images/sectiontop_bg.png) top center no-repeat #fbbc05;
    }

    div.sections-mobile .section.two {
      background: url(/App_Themes/JPCorry/Images/sectiontop_bg.png) top center no-repeat #4285f4;
    }

    div.sections-mobile .section.three {
      background: url(/App_Themes/JPCorry/Images/sectiontop_bg.png) top center no-repeat #ea4335;
    }

    div.sections-mobile .section.four {
      background: url(/App_Themes/JPCorry/Images/sectiontop_bg.png) top center no-repeat #34a853;
    }

    div.sections-mobile .section.one p {
      color: #6D3600;
      line-height: 18px;
    }

    div.sections-mobile .section.two p {
      color: #002767;
      line-height: 18px;
    }

    div.sections-mobile .section.three p {
      color: #480600;
      line-height: 18px;
    }

    div.sections-mobile .section.four p {
      color: #00370F;
      line-height: 18px;
    }

    div.sections-mobile .section h2 {
      font-weight: 400;
      font-family: proxima-nova, sans-serif;
      color: #fff;
      font-size: 28px;
      text-align: center;
      height: 60px;
      line-height: 58px;
    }

    div.sections-mobile .section .details {
      display: none;
      text-align: center;
    }

    div.sections-mobile .section:first-child .details {
      display: block;
    }

    div.sections-mobile .section p {
      padding: 0px 25px 20px 25px;
      color: #fff;
    }

    div.sections-mobile .section a.btn {
      margin: 0px 0px 20px 0px;
    }

  .slick-dots {
    display: none !important;
  }

  section.category-grid section.slider-single .slick-dots {
    display: block !important;
  }

  .slick-arrow {
    top: 38%;
  }

  .feature-pods .panel .panel-content h2 {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .fiftypc-text-panel td {
    display: block;
    width: 100% !important;
  }

    .fiftypc-text-panel td:first-child {
      margin-bottom: 15px;
    }

  .feature-pods .fiftypc-text-image-panel .body {
    width: 150px;
  }

  .fiftypc-text-panel table td:first-child {
    padding-right: 0;
  }

  .feature-pods .panel {
    max-width: 100%;
  }

    .feature-pods .panel .body {
      display: none;
    }

    .feature-pods .panel .panel-content .btn {
      margin: 15px 0px 0px 0px;
      padding: 0px;
    }

  .feature-pods .right .inner section.request_quote {
    height: auto;
    overflow: hidden;
  }

  .feature-pods .right .inner section.hints-tips {
    height: auto;
    min-height: 170px;
    overflow: hidden;
  }

  .feature-pods .right .inner section.request_quote p {
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .feature-pods .right .inner section.hints-tips p {
    width: 56%;
    height: auto;
    overflow: hidden;
  }

  .feature-pods .right .inner section.request_quote a.btn {
    position: relative;
    margin-top: 10px;
    bottom: 0;
    right: 0;
    margin-bottom: 20px;
  }

  .featured-products h2 {
    text-align: center;
  }

  .thirty-threepc-text-panel img {
    width: 100px;
  }

  .thirty-threepc-text-panel .body {
    width: 184px;
  }

  .slick-dots {
    left: 35%;
  }

  footer {
    text-align: center;
  }

    footer .left ul {
      -webkit-columns: 1;
      -moz-columns: 1;
      columns: 1;
    }

  section.products-grid .product {
    width: 100%;
    margin-right: 0%;
  }

  section.fullwidth-grid .product {
    width: 100%;
    margin-right: 0%;
  }

  div.category {
    width: 100%;
    margin-right: 0%;
  }

    div.category:nth-of-type(3n) {
      margin-right: 0%;
    }

    div.category:nth-of-type(2n) {
      margin-right: 0%;
    }

  ul.units-print-share {
    margin-top: 15px;
  }

  .product-tabs li {
    width: 100%;
  }

    .product-tabs li a {
      padding-left: 0px;
      width: 100%;
      display: block;
      border: 0px;
      border-bottom: 1px solid #ccc;
    }

    .product-tabs li.active a {
      border: 0px;
      border-bottom: 1px solid #ccc;
    }

  /* News */
  article.listing-item a.read-more {
    position: relative;
    text-align: center;
    float: left;
    clear: both;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .branch-map > div {
    height: 300px !important;
  }

  div.ProductFilter div.first-row {
    margin-right: 6%;
  }

  div.ProductFilter div.first-row, div.ProductFilter div.second-row {
    width: 47%;
    float: left;
  }

    div.ProductFilter div.first-row > div, div.ProductFilter div.second-row > div {
      width: 100%;
      float: left;
      margin-bottom: 15px;
    }

  div.ProductFilter div.submit-btn input {
    margin-top: 0px;
  }

  ul.contact-form li {
    width: 100%;
    margin-right: 0px !important;
  }

  div.sign-in {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 30px;
  }

  div.register-container {
    width: 100%;
  }

  div.manufacturer-image {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

    div.manufacturer-image img {
      width: 100%;
      height: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

  /* Carousel */

  section.product-single div.productSlider ul li {
    margin: 2% !important;
    width: 46% !important;
  }

    section.product-single div.productSlider ul li span.image {
      height: 140px !important;
    }

  /* Product Image */

  div.productMainImage {
    height: auto;
    max-height: 600px;
  }

  div.product-sidebar {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  /* Checkout Forms */

  div.grayBox {
    float: left;
    width: 100%;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

    div.grayBox:nth-of-type(2) {
      margin-right: 0;
    }

  .product-form .EditingFormTable td {
    display: block;
  }

  .search-results .search-result-item {
    margin-bottom: 60px;
  }

  .search-results .left-image {
    float: none;
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
  }

  .search-results .right-text {
    float: none;
    width: 100%;
    text-align: center;
  }

  .user-content img {
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
    margin-bottom: 20px !important;
    display: block;
    margin: auto;
  }

  section.latest-tweets, section.facebook-container {
  }
}

/*******************************/
/* Responsive */
/*******************************/

/*# Timber Spec #*/

.timberFieldVal {
  /*display: block!important;*/
  width: 180px !important;
  padding-top: 10px !important;
}

.TimberCartBreakdown {
  display: block;
  margin: 16px 0 8px 0;
  line-height: 1.2;
  color: #999;
}

  .TimberCartBreakdown strong {
    margin-top: 8px;
    display: block;
  }

.tooltip {
  display: none;
  position: absolute;
  border: 1px solid #333;
  background-color: #161616;
  border-radius: 5px;
  padding: 10px;
  color: #fff;
  font-size: 12px Arial;
}


.right-side {
  margin-right: 0% !important;
}


.DropDownField {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-left: 0px !important;
}

/*# ECOMMERCE #*/

/*# Layout #*/
.clear {
  clear: both;
  height: 0;
}

.left {
  float: left
}

.right {
  float: right
}

.hr {
  height: 6px;
  width: 100%;
  background: #d4d4d4;
  margin: 66px 0 24px;
}

.CartItemSelectorContainer .hr {
  display: none
}

/*# Layout / Display Block #*/

.productDetail .CategoryListList li,
.productDetail .CategoryListList,
.block,
.productDetail .CntRatingContent,
.OptionCategoryName,
.TotalPriceContainer,
.wlItem .price,
.wlItem .RemoveFromWishlist,
.products .ajax__tab_panel .item span.title,
.CartStepBody .UniGridGrid .CartProductDetailLink,
.simpleBox.contactForm .FieldLabel label {
  display: block;
}

/*# Layout / Display None #*/
.none,
.PollTitle {
  display: none !important;
}

/*# Layout / Float Left #*/
.floatLeft,
.productTeaser,
.productTeaser .price span,
.columns1-3 .right,
.columns1-3 .left,
.logoContact,
.logoLinks,
.products .ajax__tab_panel .item,
.products .ajax__tab_panel,
.blueBox .CategoryListList li,
.CntRatingContent .ratingStar,
.productDetail .CntRatingContent,
.OptionCategoryName,
ProductOptionSelector,
.productDetail .AddToWishlistLink,
.productDetail .AddToCartTextBox,
.newsDetailRight,
.newsDetailLeft,
.wlItem .price,
.productDetail .form .simpleBox .FormButton,
.CommentUserName .name,
.searchDoc .img,
.categories li,
.IE7 .productDetail .jCarouselLite > ul,
.productPreview, .productPreview .left, .productPreview .right,
.col1, .col2, .col3, .col4, .col25,
.shoppingCartItem .ItemOption,
.shoppingCartItem .ImageCol,
.shoppingCartItem .InfoCol,
.shoppingCartItem .Info .Image,
.shoppingCartItem .Info .Name,
.shoppingCartItem .Info .Availability,
.UnitCountControl,
.UnitCountButton,
.discountCoupon,
.discountCoupon .discountTitle,
.discountCoupon .discountSubtitle,
.shoppingCartTotals,
.CofirmationCheckbox,
.oneStepCheckout.totals {
  float: left;
}

  /*# Layout / Float Right #*/

  .floatRight,
  .products .ajax__tab_header_bottom,
  .simpleBox .FormButton,
  .productDetail .AddToCartLink,
  .wlItem .actions,
  .wlItem .RemoveFromWishlist,
  .wlItem .actions > div,
  .CommentUserName .date,
  .CartStepBody .RightAlign,
  .CartTable input[value*="Finish"],
  .col5,
  .shoppingCartTotals .TotalViewer {
    float: right;
  }

/*# Layout / Grid Columns #*/
.Column1 {
  width: 60px;
  margin-right: 20px;
}

.Column2,
.products .ajax__tab_panel .item,
.blueBox .CategoryListList li,
{
  width: 140px;
  margin-right: 20px;
}

.Column3,
.productTeaser,
.columns1-3 .left,
.productPreview {
  width: 220px;
  margin-right: 20px;
}

.Column4,
.columns3-2 .right {
  width: 300px;
  margin-right: 20px;
}

.Column5 {
  width: 380px;
  margin-right: 20px;
}

.Column6,
.products .ajax__tab_body_bottom {
  width: 460px;
  margin-right: 20px;
}

.Column7 {
  width: 540px;
  margin-right: 20px;
}

.Column8,
.columns3-2 .left {
  width: 620px;
  margin-right: 20px;
}

.Column9,
.columns1-3 .right,
.productDetail .ajax__tab_body {
  width: 700px;
  margin-right: 20px;
}

.Column10 {
  width: 780px;
  margin-right: 20px;
}

.Column11 {
  width: 860px;
  margin-right: 20px;
}

.Column12,
.wrapper {
  width: 940px;
}

.Gecko13 .columns1-3 .right .productDetail {
  position: relative;
  top: -30px;
}

/*# Layout / Text / Size #*/

.productPreview.twoColumns .right .stock,
.newsDetailRight .date {
  font-size: 10px;
  line-height: 14px;
}

.UniGridGrid th,
.topInfo,
.PollAnswerRadio label,
.PollAnswerText,
.discountCoupon input[type="submit"] {
  font-size: 11px;
  line-height: 18px;
}

.shoppingCartItem .ItemOption {
  font-size: 12px;
  line-height: 28px;
}

.productPreview.twoColumns .right .indicator,
.productPreview.twoColumns .right .retailPrice,
.item.withPrice span.title.withPrice,
.ecommerce_address span, .ecommerce_address label,
.ecommerce_customer label,
.discountCoupon .couponInfoLabel {
  line-height: 18px;
}

.productPreview.twoColumns a h2,
.productPreview.twoColumns .right .price,
.item.withPrice .price {
  font-size: 14px;
  line-height: 20px;
}

.col1, .col2, .col3, .col4, .col5, .col25 {
  font-size: 14px;
  line-height: 28px;
}

.productTeaser .price span,
.productMenu h2,
.sub h2,
.simpleBox h2,
.whiteBox h3,
.simpleBox .FormButton,
.TotalPriceLabel,
.productDetail .AddToWishlistLink,
.productDetail .AddToCartLink,
legend,
.CartStepHeader span,
.CartTable .TextRight .btn-primary,
.CartTable .TextLeftt .LongButton,
.TotalPrice span,
.productDetail .TotalPrice,
.TotalShipping span,
.CartTable input[value*="Finish"],
.sitemap > .CMSSiteMapList > li li a,
.footerButtons .checkoutButtonNext,
.footerButtons .checkoutButtonBack,
.myAccountEdit h4 {
  font-size: 16px;
  line-height: 24px;
}

.CartStepInnerPanel .BlockContent > table .TotalPrice td span {
  font-size: 18px;
  line-height: 24px;
}

.productPreview .price,
.methods .type,
.options .number {
  font-size: 20px;
  line-height: 24px;
}
/*# Layout / Text / Bold #*/

.productDetail .detailLabel,
.productDetail .productRating,
.productDetail .productPublicStatus span,
.productInfo table .label,
.stock,
.OptionCategoryName,
.productDetail .TotalPrice,
.methods .text h3,
.wlItem .RemoveFromWishlist,
legend,
.UniGridPager .UniGridPagerNoSeparator a,
.UniGridPager .UniGridPagerNoSeparator .UnigridPagerSelectedPage,
.productDetail .parametersList td.label,
.PollResult,
.PollQuestion,
.myAccountEdit h4 {
  font-weight: bold;
}

/*# Layout / Text / Normal Weight #*/

.PasswordStrengthText span.PasswordStrengthHint,
.scheme table td span,
.UniGridGrid th,
.UniGridGrid th a {
  font-weight: normal;
}

/*# Layout / Text / Upper Case #*/

a.ajax__tab_tab,
.AddToCartLink,
.productMenu h2,
.TabControlLinkSelected,
.TabControlLink,
a.FormButton.white {
  text-transform: uppercase;
}

/*# Layout / Text / Normal Case #*/

.normalCase,
.products .ajax__tab_inner a,
.productDetail .AddToCartLink {
  text-transform: none !important;
}

/*# Layout / Text / Decoration None #*/

.decorationNone,
.productTeaser a,
.productMenu ul > li > a,
.productPreview a,
.productPreview .AddToCartLink:hover,
.products .ajax__tab_panel .item a,
.blueBox .CategoryListList li a,
.productDetail .AddToWishlistLink,
.productDetail .AddToCartLink,
.TabControlLinkSelected,
.TabControlLink,
.wlItem .RemoveFromWishlist,
.UniGridPager td a,
.CartStepBody .UniGridGrid .CartProductDetailLink,
.categories a {
  text-decoration: none !important;
}

  /*# Layout / Text / Decoration Underline #*/

  .simpleBox li span,
  .products .ajax__tab_panel .item a:hover,
  .blueBox .CategoryListList li a:hover,
  .newsHomepage article a:hover,
  .productPreview a:hover h2,
  .CartStepBody .UniGridGrid .CartProductDetailLink:hover,
  .faq li span,
  .categories a:hover,
  {
    text-decoration: underline !important;
  }

/*# Layout / Text / Color - Blue #*/

.ajax__tab_active a,
.productMenu li a:hover,
.myAccount:hover,
.wishlist:hover,
.signinLink:hover,
.register:hover,
.products .ajax__tab_active .ajax__tab_tab,
.products .ajax__tab_inner a:hover,
.blueBox .CategoryListList li,
.logonRegister a,
.productDetail .AddToWishlistLink,
.CartTable .TextLeftt .LongButton,
.faq li span {
  color: #47CD5E;
}

  /*# Layout / Text / Color - Black #*/

  .black,
  a.ajax__tab_tab,
  .productTeaser a,
  .productPreview a,
  .products .ajax__tab_panel .item a,
  .whiteBox a,
  .blueBox .CategoryListList li a,
  .forgottenPwd a,
  .productDetail .CategoryListList li a,
  .productDetail .AddToCartLink:hover,
  .TabControlLinkSelected,
  .TabControlLink,
  .newsHomepage article a,
  a.FormButton.white:hover,
  .myAccountEdit .UniGridGrid th a,
  .UniGridPager td a:hover,
  .CartStepBody .UniGridGrid .CartProductDetailLink,
  .productDetail .detailLabel a,
  .categories a,
  .productTeaser a.AddToCartLink:hover {
    color: #000000;
  }

/*# Layout / Text / Color - White #*/
a.FormButton.white {
  color: #ffffff;
}

/*# Layout / Text / Color - Red #*/
.safari .CMSValidator span {
  color: #ff0000;
}

/*# Layout / Margins & Paddings / Margin right 0px #*/

.columns3-2 .right,
.columns1-3 .right,
.products .ajax__tab_body_bottom,
.mRight0,
.productDetail .ajax__tab_body {
  margin-right: 0;
}

/*# Page / Breadcrumbs #*/

.breadcrumbs {
  background: transparent url(~/App_Themes/EcommerceSite/Images/Ecommerce/home.png) no-repeat 0px 5px;
  padding: 0 0 0 16px;
}

/*# Page / Rating #*/

.CntRatingContent .ratingStar,
.CntRatingContent .ratingStar.filledRatingStar,
.BoardCntRating .ratingStar,
.BoardCntRating .ratingStar.filledRatingStar,
.productRatingMessage .ratingStar,
.productRatingMessage .ratingStar.filledRatingStar {
  width: 20px;
  height: 20px;
  display: block;
  margin-top: 7px;
  background: url("~/App_Themes/EcommerceSite/Images/Ecommerce/rating_star.png") no-repeat scroll top left;
}

  .CntRatingContent .ratingStar.emptyRatingStar,
  .BoardCntRating .ratingStar.emptyRatingStar,
  .productRatingMessage .ratingStar.emptyRatingStar {
    background: url("~/App_Themes/EcommerceSite/Images/Ecommerce/rating_star.png") no-repeat scroll 0px -28px;
  }

.BoardCntRating {
  position: relative;
  top: 3px;
}

.CntRatingContent div[disabled=disabled] a,
.productRatingMessage a {
  cursor: default;
}

.productRatingMessage {
  position: relative;
  top: -9px;
  left: 10px;
}

.rating-star {
  font-size: 8px !important;
  color: #47CD5E;
}

  .rating-star:before {
    font-size: 16px;
  }

.IE7 .rating-star {
  font-size: 16px !important;
}

/*# Containers #*/
.grayBox, .simpleBox {
  width: 100%;
  border: 1px solid #e6e6e6;
  background: #fafafa;
  -webkit-box-shadow: inset 0px 0px 1px 1px #ffffff;
  box-shadow: inset 0px 0px 1px 1px #ffffff;
  margin-bottom: 58px;
}

  .grayBox .EditingFormErrorLabel {
    margin: 0;
  }

  .grayBox h2,
  .CartStepHeader span {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 20px 5px 20px;
    -webkit-box-shadow: inset 0px -1px 1px -1px #ffffff;
    box-shadow: inset 0px -1px 1px -1px #ffffff;
    margin-bottom: 10px;
  }

  .simpleBox input[type="text"].form-control,
  .simpleBox input[type="password"].form-control {
    width: 100%;
    border: 1px solid #e6e6e6;
    color: #818181;
    padding: 2px 0;
  }

.FormErrorLabel {
  margin-left: 10px;
}

/*# Containers / Simple Box #*/

.simpleBox h2 {
  padding: 15px 20px 0;
  border: none;
}

.simpleBox {
  margin-bottom: 30px;
}

  .simpleBox .InfoLabel, .simpleBox .ErrorLabel {
    padding: 0 20px;
    display: inline-block;
  }

  .simpleBox .InfoLabel {
    padding-bottom: 15px;
  }

.columns1-3 .right .simpleBox li {
  list-style: disc;
  padding-left: 10px;
  margin-left: 40px;
}

.simpleBox li span {
  cursor: pointer;
}

.simpleBox .EditingFormTable,
.simpleBox .logon {
  margin: 0 0 20px 20px;
}

.simpleBox .EditingFormLabel,
.simpleBox .LogonDialog label {
  margin-right: 20px;
}

.simpleBox .EditingFormValueCell {
  width: 500px;
  padding-top: 10px;
}

.simpleBox .FieldLabel {
  padding-top: 10px;
}

.simpleBox textarea.form-control {
  width: 100%;
  height: 120px;
}

.simpleBox input[type="text"].form-control,
.simpleBox textarea.form-control,
.simpleBox input[type="text"],
.simpleBox input[type="password"] {
  border: 1px solid #eaeaea;
}

.simpleBox .logon td {
  vertical-align: top;
  padding-bottom: 10px;
}

.simpleBox input[type="text"].form-control {
  width: 50%;
}

.simpleBox .FormButton {
  padding: 5px 60px;
  margin-top: 15px;
}

.logon {
  width: 280px;
}

  .logon .label {
    padding-right: 6px;
    min-width: 130px;
    text-align: right;
  }

.ErrorLabel, .CMSValidator span, .form-control-error, .address-details .FormErrorLabel {
  color: #E10000;
}

  .ErrorLabel strong {
    font-weight: 400;
  }



.address-details .FormErrorLabel {
  margin-top: 8px;
}

.columns1-3 .right .simpleBox ul li p {
  display: none;
  padding: 0 20px 10px 0;
}

.simpleBox ul {
  margin-bottom: 20px;
}

.simpleBox .link {
  margin: 0 0 20px 50px;
  display: block;
}

.forgottenPwd {
  margin: 0 0 20px 20px;
}

.logonRegister {
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px dotted #d5d5d5;
}

.simpleBox.contactForm .FormButton {
  margin-right: 208px;
}

.simpleBox.productForm .EditingFormValueCell {
  width: 216px;
}

.simpleBox.contactForm {
  width: 445px;
}

  .simpleBox.contactForm .FieldLabel label {
    width: 80px;
  }

  .simpleBox.contactForm textarea {
    width: 295px;
  }

.simpleBox.regForm {
  padding: 0px 0px 20px 15px;
  width: 314px;
}

  .simpleBox.regForm table {
    margin: 10px 0px;
    width: 280px;
  }

  .simpleBox.regForm td {
    vertical-align: top;
    padding-bottom: 10px;
  }

.IE7 .simpleBox.regForm td {
  position: relative;
}

.simpleBox.regForm label {
  padding-right: 0px;
}

.simpleBox.regForm .PasswordStrengthText {
  position: absolute;
}

.IE7 .simpleBox.regForm .PasswordStrengthText {
  left: 0px;
  top: 20px;
}

.simpleBox.regForm .PasswStrenghtIndicator {
  margin-top: 20px;
}

/*# Containers / Gray Box #*/

.grayBox .DialogPosition, .grayBox .EditingFormTable, .grayBox select {
  margin: 0 0 20px 20px;
}

.addressInfo {
  margin: 0 0 30px 0;
}

  .addressInfo div {
    margin: 0 0 4px 0;
  }

input [type="text"].form-control.grayBox, .grayBox textarea.form-control, .grayBox input[type="text"], .grayBox input[type="password"] {
  border: 1px solid #eaeaea;
}

/* temporary solution */
.grayBox .logon {
  margin: 0 0 20px 20px;
}

.grayBox .ErrorLabel.alert-error {
  margin: 0 20px;
}

.grayBox .logon span.CMSValidator, .grayBox .logon span.CMSValidator span {
  display: inline;
  margin: 0;
}

.grayBox .logon td {
  padding-bottom: 10px;
  vertical-align: top;
}

.grayBox .LogonDialog td, .grayBox .FormPanel td {
  padding-bottom: 10px;
  vertical-align: middle;
  text-align: right;
}

.grayBox .LogonDialog label, .grayBox .FormPanel label {
  padding-right: 6px;
}

.grayBox .ConfirmationSeparator {
  height: 10px;
}

.grayBox .RegisterButton {
  margin: 0 0 33px 150px !important;
}

/*# Containers / White Box with Blue Stripe #*/

.whblBox {
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: inset 0px 4px 0px 0px #E4051F;
  box-shadow: inset 0px 4px 0px 0px #E4051F;
  padding: 20px;
  margin-bottom: 20px;
}

/*# Containers / Blue Box #*/

.blueBox {
  border: 1px solid #d7e9f5;
  border-top: 5px solid #66acdf;
  background: #f3fbfe;
  padding: 15px 15px;
  margin-bottom: 30px;
  -webkit-box-shadow: inset 0px 0px 1px 1px #ffffff;
  box-shadow: inset 0px 0px 1px 1px #ffffff;
}

  .blueBox ul.CategoryListList li {
    list-style-type: square;
  }

/*# Containers / White Box #*/

.whiteBox {
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: inset 0px 4px 0px 0px #f9f9f9;
  box-shadow: inset 0px 4px 0px 0px #f9f9f9;
  padding: 15px 20px;
  margin-bottom: 30px;
}

  .whiteBox h2, .whiteBox a {
    border: none;
    margin-bottom: 0;
  }

  .whiteBox h3 {
    margin-bottom: 25px;
  }

  .whiteBox .floatRight > div {
    border: 1px solid #d5d5d5;
  }

  .whiteBox table td {
    padding-right: 15px;
  }

/*# Containers / Tiny Box #*/

.tinyBox {
  margin: 20px 0;
}

  .tinyBox label, .tinyBox .control-label {
    padding-right: 6px;
    font-size: 13px;
  }

  input[type="text"].form-control.tinyBox,
  .tinyBox textarea.form-control,
  .tinyBox .DropDownField, .tinyBox .CustomerAddressSelector,
  .tinyBox input[type="text"],
  .tinyBox input[type="password"] {
    border: 1px solid #d7d7d7;
    width: 250px;
  }

  .tinyBox .DropDownField, .tinyBox .CustomerAddressSelector {
    width: 254px !important;
  }

/* Checkbox alt workaround for Kentico output */

.c-checkbox--alt {
  position: relative;
}

.c-checkbox--alt input[type="checkbox"] {
  position: absolute;
  top: 1px;
  left: 0;
}

  .c-checkbox--alt label {
    margin-left: 20px;
  }

  .checkbox input,
  .checkbox label,
  .has-checkbox .checkbox {
    float: left;
  }

tr.has-checkbox {
  display: block;
  margin-top: -20px;
  margin-bottom: 24px;
}

.control-fix td span {
  margin-bottom: 8px;
  display: block;
}

.control-fix .password-strength-text span {
  display: inline;
}

.checkbox label {
  margin: 0;
}

.checkbox input {
  margin: 0 8px 0 0;
  position: relative;
  top: 1px;
}

.CheckBoxField.checkbox input {
  top: 2px;
}

/* Hide form elements that can't be removed in markup */
.c-checkbox--customer--credit-account label,
.passw-strength-indicator,
#p_lt_ctl13_pageplaceholder_p_lt_ctl01_cRF_pnlRegForm .form-group .editing-form-label-cell:first-child,
.c-checkout-register #CreditAccountCustomer .FieldLabel {
  display: none;
}

.tinyBox .ShowAddressCheckbox,
#CreditAccountCustomer td {
  margin: 0 0 20px 0;
}

  .tinyBox .ShowAddressCheckbox .checkbox input[type=checkbox] {
    position: relative;
  }

  .tinyBox .ShowAddressCheckbox .checkbox label {
    position: absolute;
    margin: 1px 0 0 5px;
    padding-right: 0;
    line-height: 17px;
  }

.oneStepCheckout .ShowAddressCheckbox .checkbox label {
  width: 230px;
}

.oneStepCheckout .ecommerce_address.address_selector .editing-form-label-cell {
  text-align: left;
}

.oneStepCheckout .ecommerce_address.address_selector .editing-form-value-cell {
  float: none;
}

.tinyBox td {
  vertical-align: top;
  padding-bottom: 10px;
  min-width: 150px;
}

.tinyBox .RadioButtonList td {
  min-width: 0;
}

.tinyBox .editing-form-label-cell .control-label {
  margin-top: 0;
}

/*# Menu Items #*/
/*# Menu Items / Brands #*/

.brandsTable table {
  width: 100%;
  margin-bottom: 30px;
}

.brandsTable td {
  text-align: center;
  vertical-align: middle;
  padding: 15px 0;
  width: 33%;
}

.brandsTable.list td {
  text-align: left;
  width: 30%;
}

  .brandsTable.list td a {
    background: transparent url(~/App_Themes/EcommerceSite/Images/Ecommerce/disc.png) no-repeat 5px 11px;
    padding: 5px 0 5px 20px;
  }

.brandImage {
  border: 1px solid #d5d5d5;
  padding: 20px;
}

.brandText {
  padding: 15px 0 30px;
}

.brandInfo {
  margin-bottom: 10px;
}

.products.border {
  border: 1px solid #d5d5d5;
}

a.more {
  border-bottom: 1px dotted #47CD5E;
  margin-top: 24px;
}

  a.more:hover {
    border-bottom: 1px solid #47CD5E;
  }

/*# Menu Items / About Us #*/

.DonateWebPart .FieldLabel {
  padding-top: 0 !important;
  width: 150px !important;
}

.DonateWebPart input[type="checkbox"] {
  margin: 0;
}

.DonateWebPart input[type="text"] {
  border: 1px solid #D4D4D4;
  width: 100px !important;
}

.DonateWebPart .form-horizontal {
  padding-top: 16px;
}

.DonateWebPart .ErrorLabel {
  color: #ff0000;
}

.DonateWebPart .form-control-error {
  display: none;
}

/*# Menu Items / Contact Us #*/

.PollControl {
  margin: 0 20px 20px 20px;
}

.PollResult {
  display: inline-block;
  margin-top: 10px;
}

.PollAnswerRadio,
.PollQuestion,
.PollAnswerText,
.PollResult {
  margin: 0 !important;
}

.PollQuestion {
  display: inline-block;
  margin-bottom: 10px !important;
}

.PollGraph div[class^="PollGraph"] {
  background: #47CD5E;
  height: 10px;
  position: relative;
  top: 4px;
  margin: 0 0 5px 0;
}

.PollCount {
  padding-left: 10px !important;
  text-align: right;
}

.PollVoteButton {
  margin-top: 20px !important;
}

/*# Menu Items / Homepage #*/
/*# Menu Items / Homepage / Slider #*/

.bannerDescription {
  margin-right: 0;
}

  .bannerDescription li {
    cursor: pointer;
    padding: 10px 0 9px 25px;
    background: transparent url(~/App_Themes/EcommerceSite/Images/Ecommerce/banner_arrows.png) no-repeat 0 13px;
    border-bottom: 1px solid #d4d4d4;
  }

    .bannerDescription li:last-child {
      border-bottom: none;
    }

    .bannerDescription li.active {
      background-position: 0 -21px;
      color: #03b6ff;
    }

.bannerImages img {
  border: 1px solid #d5d5d5;
}

.bannerImages .bx-window {
  height: 217px !important;
}

.bx-window li {
  position: absolute;
}

.bannerImages, .bx-window, .bx-window #Slider {
  height: 219px !important;
  overflow: hidden !important;
}

/*# Menu Items / Homepage / News #*/

.newsHomepage {
  margin-bottom: 37px;
}

h2.newsDesc {
  border: none;
  background: #ff9e07;
  display: inline;
  color: #ffffff;
  padding: 2px 4px;
  margin: 0;
}

/*# Menu Items / Homepage / Tabs #*/
.ajax__tab_container {
  margin-top: 30px;
}

.productMoreInfo .ajax__tab_container {
  margin-top: 0px;
  padding-top: 30px;
}

.ajax__tab_header > span,
.TabControlLinkSelected,
.TabControlLink {
  padding: 5px;
  margin-right: 5px;
  border: 1px solid transparent;
}

.ajax__tab_active,
.TabControlLinkSelected {
  border: 1px solid #d5d5d5 !important;
  border-bottom: 1px solid #ffffff !important;
}

.ajax__tab_default .ajax__tab_tab {
  outline: none;
  display: inline !important
}

.ajax__tab_active {
  background-color: white;
}

.ajax__tab_header {
  padding: 0px !important;
  margin: 0px 0px 10px 0px !important;
  border-bottom: 1px solid #d5d5d5;
  height: 33px;
  display: block;
}

  .ajax__tab_header > span {
    margin: 0px !important;
    padding: 5px 10px !important;
    height: 22px;
    display: block;
    float: left;
    border: 1px solid transparent;
  }

    .ajax__tab_header > span.ajax__tab_active {
      border: 1px solid #d5d5d5;
      border-bottom: 1px solid #fff;
    }

.ajax__tab_outer, .aja__tab_inner {
  margin: 0px !important;
  padding: 0px !important;
}

/*# Menu Items / Homepage / Product Teaser #*/

.productTeaser img {
  margin: auto;
}

.productTeaser a {
  font-weight: bold;
  display: block;
  height: 37px;
  padding: 0 5px;
  margin-top: 5px;
}

  .productTeaser a.image {
    height: 218px;
    width: 218px;
    padding: 0;
    border: 1px solid #d5d5d5;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0px;
  }

.IE7 .productTeaser a.image {
  display: block;
  line-height: 218px;
}

  .IE7 .productTeaser a.image img {
    vertical-align: middle;
  }

.productTeaser .oldPrice, .productTeaser .retailPrice {
  text-decoration: line-through;
  padding: 0 5px;
}

.ajax__tab_panel div + div + div + div, .productTeaser.last {
  margin-right: 0;
}

.productTeaser a.AddToCartLink {
  color: #ffffff;
  height: auto;
  text-align: center;
  width: 80px;
  padding: 3px 5px;
  margin-top: 0;
  float: right;
}

.productTeaser .price {
  background: #ebecf0;
}

  .productTeaser .price span {
    display: block;
    font-weight: bold;
    padding: 0 5px;
  }

.productTeaser span.retailPrice {
  display: block;
  height: 18px;
}

.IE7 .productTeaser a.AddToCartLink,
.IE8 .productTeaser a.AddToCartLink {
  width: 85px;
}

/*# Menu Items / Faq #*/

.faq li {
  padding: 2px 0;
}

  .faq li span {
    cursor: pointer;
  }

/*# Menu Items / Search #*/

.search h2 {
  margin: 40px 0 0 0;
}

.search .productPreview h2 {
  margin: 0 0 10px 0;
}

.search .ContentLabel {
  display: block;
  margin-top: 20px;
}

.searchDoc {
  margin-bottom: 50px;
}

  .searchDoc .img {
    border: 1px solid #eeeeee;
    height: 90px;
    width: 90px;
    margin-right: 20px;
    text-align: center;
  }

    .searchDoc .img img {
      height: 80px;
      width: 80px;
      margin: 5px;
    }

  .searchDoc .title {
    margin-left: 108px;
  }

    .searchDoc .title .content {
      margin-top: 5px;
      min-height: 40px
    }

    .searchDoc .title .url {
      margin: 5px 0 0 5px;
    }

    .searchDoc .title .creation {
      padding-left: 5px;
      color: #888888;
    }

    .searchDoc .title .link {
      color: #008000;
    }

.searchHighlight {
  background: #d7e9f5;
}

.search .searchDialog label {
  padding-right: 20px;
}

.search .searchDialog td {
  padding: 3px 0;
}

.search .searchDialog input[type=text] {
  width: 270px;
}

.search .searchDialog select {
  width: 274px;
}

.search .searchDialog .searchTextMode {
  float: left;
  width: 400px;
}

.search .searchDialog .searchFilter {
  float: left;
  width: 260px;
}

  .search .searchDialog .searchFilter .DropDownField {
    width: 210px;
  }

.ContentBody .searchTextMode .form-horizontal {
  width: auto;
}

.form-group .editing-form-label-cell {
  text-align: left;
  height: 22px;
  line-height: 18px;
  padding-bottom: 10px;
}

.blueBox.searchDialog {
  padding-right: 0;
}

.ContentBody .searchTextMode .form-group-submit {
  margin-left: 100px;
}

/*# MenuItems / Contact #*/

.rightButton {
  text-align: right;
}

.ChatDialogContent, .ChatDialogFooter {
  font-size: 13px !important;
}

.ChatDialogContent {
  min-height: 0 !important;
}

.rightButton .ChatWebpartContainer.ChatWebpartContainerSupportRequest {
  display: inline-block;
  position: relative;
  width: 220px;
  text-align: center;
  top: -80px;
}

.IE7 .rightButton .ChatWebpartContainer.ChatWebpartContainerSupportRequest {
  padding: 0px;
}

  .IE7 .rightButton .ChatWebpartContainer.ChatWebpartContainerSupportRequest input[type=button] {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 12px;
  }

.leftText {
  width: 460px;
  margin-right: 20px;
  float: left;
}

/*# Menu Items / Product List #*/

.productPreview {
  border: 1px solid #d5d5d5;
  margin-top: 18px;
  width: 218px;
}

  .productPreview.listProductPreview {
    margin-top: 0px !important;
  }

  .productPreview a:hover {
    text-decoration: underline;
  }

  .productPreview a h2 {
    padding: 5px 10px;
    border: none;
    display: block;
    height: 40px;
    margin-bottom: 10px;
  }

  .productPreview .left {
    width: 100px;
    padding: 0 10px;
    margin: 0;
  }

    .productPreview .left .image {
      width: 100px;
      height: 100px;
      vertical-align: middle;
      text-align: center;
      display: table-cell;
    }

      .productPreview .left .image img {
        margin: auto;
        width: 100px;
      }

  .productPreview .right {
    width: 98px;
    margin-top: 5px;
  }

  .productPreview .CntRatingContent a {
    cursor: default;
  }

  .productPreview .right .indicator {
    padding: 2px 8px;
    width: 82px;
    color: #ffffff;
    display: block;
    height: 18px;
    margin-bottom: 15px;
  }

    .productPreview .right .indicator.FeaturedProduct,
    .productDetail .productPublicStatus span.FeaturedProduct {
      background: #007cc3;
    }

    .productPreview .right .indicator.NewProduct,
    .productDetail .productPublicStatus span.NewProduct {
      background: #88bf0a;
    }

    .productPreview .right .indicator.Bestseller,
    .productDetail .productPublicStatus span.Bestseller {
      background: #ffaf00;
    }

    .productPreview .right .indicator.Sale,
    .productDetail .productPublicStatus span.Sale {
      background: #ff2400;
    }

  .productPreview .retailPrice, .productPreview .price, .productPreview .stock {
    display: block;
  }

  .productPreview .retailPrice {
    text-decoration: line-through;
  }

  .productPreview .price {
    font-weight: bold;
  }

  .productPreview .stock.green {
    color: #97bf0d;
    font-weight: bold;
  }

  .productPreview p {
    padding: 15px 10px 10px;
    color: #363f43;
  }

  .productPreview .StockLabel {
    display: none;
  }

  .productPreview .AddToCartLink {
    color: #ffffff;
    padding: 4px 7px;
    position: relative;
    top: 5px;
    margin: 0;
  }

    .productPreview .AddToCartLink:hover {
      color: #000000;
    }

  .productPreview .price.search {
    margin-top: 23px;
  }

a.FormButton.white {
  position: relative;
  top: 8px;
}

.pager {
  background: #ebecf0;
  padding: 5px 10px;
  text-align: right;
  margin-top: 26px;
}

.print:hover {
  text-decoration: underline;
}

.pager .wrap {
  float: right;
}

.pager a, .pager span {
  display: block;
  float: left;
}

.IE7 .pager a, .IE7 .pager span {
  display: inline;
  float: none;
}

.pager .current {
  font-weight: bold;
  padding: 0 10px;
}

.pager .page {
  padding: 0 10px;
}

.pager .next {
  padding: 0 15px 0 10px;
}

.pager .prev {
  padding: 0 10px 0 15px;
}

.categories li {
  list-style-type: square !important;
  width: 200px;
  color: #00a3fc;
}

.IE7 .categories ul {
  list-style-type: square !important;
}

h2.modified {
  margin: 20px 0 10px;
}

/*# Menu Items / Product List / Product Filter #*/

.productFilter {
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: inset 0px 1px 1px #ffffff;
  box-shadow: inset 0px 1px 1px #ffffff;
  background: #fafafa;
}

  .productFilter > div {
    border-top: 3px solid #f4f4f4;
    padding: 8px 20px;
  }

  .productFilter td {
    vertical-align: middle;
  }

  .productFilter select, .productFilter input[type=button] {
    width: 130px;
    height: 25px;
  }

  .productFilter input[type=button] {
    color: white;
    background-color: #47CD5E;
    border: none;
    cursor: pointer;
  }

  .productFilter td label, .productFilter td input {
    margin: 15px 20px;
  }

  .productFilter input + label {
    margin-left: 0px;
  }

  .productFilter input[type=checkbox] {
    margin-right: 10px;
    vertical-align: middle;
  }

.noProductsAvailable {
  margin-top: 20px;
}

.productPreview .retailPrice {
  height: 24px;
}

/*# Menu Items / Product List with 2 columns #*/

.productPreview.twoColumns {
  width: 338px;
  position: relative;
  height: 127px;
  float: left;
}

  .productPreview.twoColumns a h2 {
    margin: 8px 10px;
    padding: 0px;
    height: 20px;
    width: 220px;
  }

  .productPreview.twoColumns .left {
    height: 90px;
    width: 100px;
    margin: 0px;
    padding: 0px;
    float: left;
  }

    .productPreview.twoColumns .left .image {
      display: block;
      height: 70px;
      width: 70px;
      margin: 0px 5px;
      padding: 10px;
    }

      .productPreview.twoColumns .left .image img {
        height: 70px;
        width: 70px;
      }

  .productPreview.twoColumns .top {
    margin-top: 10px;
  }

  .productPreview.twoColumns .right {
    float: none;
    margin: 40px 10px 10px 100px;
    width: 220px;
  }

    .productPreview.twoColumns .right .indicator {
      display: block;
      margin: 0px;
      padding: 5px 10px;
      background: transparent;
      font-weight: bold;
      position: absolute;
      top: 0px;
      right: 0px;
      height: 26px;
      line-height: 26px;
      width: 84px;
      text-align: right;
      font-size: 13px;
    }

      .productPreview.twoColumns .right .indicator.FeaturedProduct {
        color: #007cc3;
      }

      .productPreview.twoColumns .right .indicator.NewProduct {
        color: #88bf0a;
      }

      .productPreview.twoColumns .right .indicator.Bestseller {
        color: #ffaf00;
      }

      .productPreview.twoColumns .right .indicator.Sale {
        color: #ff2400;
      }

    .productPreview.twoColumns .right .retailPrice, .productPreview .right .price {
      display: inline;
      line-height: 14px;
    }

    .productPreview.twoColumns .right .stock {
      margin: 0px;
      padding: 0px;
      font-size: 11px;
    }

  .productPreview.twoColumns .CartItemSelectorContainer {
    position: absolute;
    bottom: 16px;
    right: 9px;
    height: 26px;
  }

  .productPreview.twoColumns .AddToCartContainer {
    height: 26px;
  }

    .productPreview.twoColumns .AddToCartContainer a {
      padding: 5px 9px;
    }

/*# Menu Items / Product Slider #*/

.productSlider {
  margin: 0px;
  padding: 10px;
}

  .productSlider li {
    margin: 0 !important;
    padding: 0 !important;
    float: left;
    list-style-type: none !important;
  }

.slideleft, .slideright {
  position: absolute;
  top: 0px;
  height: 147px;
  background: #eeeef5 url('{%ApplicationPath%}/App_Themes/EcommerceSite/Images/Ecommerce/gallery_arrows_tall.png') left center no-repeat scroll;
  width: 18px !important;
  display: none;
  z-index: 9;
  cursor: pointer;
}

  .slideleft.disabled, .slideright.disabled {
    background-image: url('{%ApplicationPath%}/App_Themes/EcommerceSite/Images/Ecommerce/gallery_arrows_tall_disabled.png');
  }

.slideleft {
  left: 0px;
  border-right: 1px solid #fafafa;
}

.slideright {
  background-position: right center !important;
  left: 438px;
  border-left: 1px solid #fafafa;
}

.Chrome .productSlider .item, .Safari .productSlider .item {
  width: 139px;
}

.Chrome .productSlider li, .Safari .productSlider .li {
  list-style-type: none !important;
}

.teaserSlider {
  position: relative;
}

.tslideleft, .tslideright {
  position: absolute;
  height: 60px;
  width: 30px;
  background: #ebecee url('{%ApplicationPath%}/App_Themes/EcommerceSite/Images/Ecommerce/teaser_arrows.png') left center no-repeat scroll;
  cursor: pointer;
  top: 80px;
  display: none;
  z-index: 9;
}

  .tslideleft.disabled, .tslideright.disabled {
    background-image: url('{%ApplicationPath%}/App_Themes/EcommerceSite/Images/Ecommerce/teaser_arrows_disabled.png');
  }

  .tslideleft.listslide, .tslideright.listslide {
    top: 90px;
  }

.tslideleft {
  left: 1px;
}

.tslideright {
  right: 21px;
  background-position: right center !important;
}

.productSlider .productPreview, .teaserSlider .productPreview {
  margin-top: 0px;
}

/*# Menu Items / News #*/

.news {
  margin-bottom: 25px;
}

  .news .left img {
    border: 1px solid #d5d5d5;
  }

  .news .left {
    width: 82px;
  }

  .news .right {
    width: 598px;
  }

  .news .date, .news h2 a {
    display: block;
  }

  .news h2 a {
    width: 492px;
  }

  .news .date {
    margin-top: 5px;
  }

  .news a.more {
    margin-top: 0;
  }

  .news p {
    margin-bottom: 0;
    padding-bottom: 15px;
  }

.newsDetailLeft img {
  border: 1px solid #d5d5d5;
}

.newsDetailRight {
  text-align: right;
}

  .newsDetailRight p {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    top: -20px;
  }

  .newsDetailRight .date {
    position: relative;
    top: -32px;
  }

/*# Menu Items / Shipping Options #*/

.scheme {
  text-align: center;
  margin-top: 20px;
}

  .scheme img {
    margin: 0 auto;
  }

  .scheme table {
    width: 482px;
    margin: 10px auto 40px auto;
  }

    .scheme table td {
      width: 33%;
    }

  .scheme h2 {
    margin-bottom: 10px;
  }

.options td {
  vertical-align: middle;
}

/*# Menu Items / Payment Methods #*/

.methods .type,
.options .number {
  padding-right: 30px;
  color: #E4051F;
}

.methods td {
  vertical-align: middle;
}

/*# Menu Items / Payment Page #*/

.payment-page-content .BlockContent, .payment-page-content .BlockContent .OrderSummary,
.payment-page-content .BlockContent .PaymentSummary, .payment-page-content .BlockContent .PaymentPriceSummary,
.payment-page-content .PaymentGatewayDataContainer {
  margin-bottom: 10px;
}

.payment-page-content .PaymentGatewayDataContainer {
  margin-top: 20px;
}

  .payment-page-content .PaymentGatewayDataContainer .h4 {
    font-weight: bold;
  }

  .payment-page-content .PaymentGatewayDataContainer .form-horizontal {
    margin-top: 10px;
  }

.payment-page-content input[type="text"],
{
  border: 1px solid #d7d7d7;
  width: 250px;
}

.payment-page-content .editing-form-label-cell .control-label {
  margin-top: 0;
}

.payment-page-content .ErrorLabel {
  margin: 10px 0;
}

.payment-page-content .PaymentGatewayDataContainer .BlockTitle,
.payment-page-content .PaymentGatewayDataContainer .control-label,
.payment-page-content .PaymentGatewayDataContainer .form-control-text {
  font-size: 100%;
  line-height: normal;
}

/*# Menu Items / My Account #*/

.TabControlTable {
  height: 27px;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom: 20px;
}

.IE7 .TabControlTable {
  height: 28px;
}

.TabControlLinkSelected,
.TabControlLink {
  outline: none;
}

.UnigridPagerPageSize {
  padding-top: 5px;
}

.TabControlLinkSelected {
  background: #ffffff;
}

.IE7 .TabControlLinkSelected {
  border-bottom: 1px solid #ffffff;
  position: relative;
  top: 1px;
}

.IE7 .TabControlLink {
  border-bottom: none;
}

.myAccountEdit .FieldLabel {
  padding: 5px 0;
  width: 200px;
}

.myAccountEdit .SubscriptionsPanel {
  padding-top: 10px;
}

.myAccountEdit input[type="text"],
.myAccountEdit select,
.myAccountEdit input[type="password"] {
  box-sizing: border-box;
  border: 1px solid #ddd;
  width: 100%;
  max-width: 480px;
}

.WebPartContextMenu {
  text-align: left !important;
}

.myAccountEdit .UniSelector {
  margin: 10px 0 20px 0;
}

.ActionsMenu {
  margin-right: 5px;
}

.UnigridActionButton {
  margin-left: 10px;
}

.DropDownField {
  height: auto;
}

.UniGridHeader select {
  width: 100px;
}

.UniGridHeader label {
  margin-right: 5px;
}

.UniGridHeader > table td > input[type="text"] {
  padding: 3px;
  margin: 0 0 10px 10px;
}

.IE7 .UniGridHeader > table td > input[type="text"] {
  padding: 2px;
}

.UniGridHeader > table td > label,
.UniGridHeader > table td > select {
  margin: 0 0 10px 0;
  display: block;
}

.UniGridHeader > table td > label {
  margin-right: 5px;
}

.UniGridMain,
.UniGridGrid {
  width: 100%;
}

.UniGridGrid {
  border: 1px solid #e6e6e6;
  border-bottom: none;
}

.myAccountEdit .TabsHeader {
  border-bottom: 1px solid #d5d5d5;
  height: 26px !important;
  margin-bottom: 20px;
}

.IE7 .myAccountEdit .TabsHeader {
  height: 27px !important;
}

.UniGridGrid th {
  padding: 5px 45px 5px 10px;
}

.UniGridGrid td {
  padding: 15px 15px 15px 10px !important;
  border-bottom: 1px solid #e6e6e6;
}

.UniGridGrid th {
  background: #ebecf0;
  border-bottom: 4px solid #f9f9f9;
  text-align: left !important;
}

.CartStepBody .UniGridGrid th.TextRight {
  text-align: right !important;
  padding-right: 5px;
}

.UnigridPagerPageSize select {
  width: 55px;
}

.Gecko .UnigridPagerPageSize select {
  margin-top: 5px;
}

.UniGridPager td {
  padding-top: 8px;
}

.UniGridSortUp {
  display: none;
}

.MyAddresses table td table td input[type="text"],
.myAccountEdit .PasswStrenghtIndicator {
  margin-bottom: 5px;
}

.UniGridBody {
  margin-top: 10px;
}

fieldset .SubscriptionsGroup {
  padding-left: 5px;
}

.UniGridPager td {
  padding: 0 4px;
}

.UniGridPagerNoSeparator {
  margin: 0 4px;
}

/*# Menu Items / Wishlist #*/

.CartStepHeader span {
  display: none;
}

.WishlistTable td img {
  padding: 30px 0 !important;
}

.wlItem .left {
  text-align: center;
  width: 90px;
}

  .wlItem .left img {
    margin: 0 auto;
  }

.wlItem .right {
  width: 80%;
}

  .wlItem .right h2 {
    border: none;
    margin-bottom: 15px;
  }

.wlItem .price strong {
  font-weight: bold;
}

.wlItem .RemoveFromWishlist {
  padding: 1px 20px;
  background: #e9f7ff;
  border: 1px solid #E4051F;
  position: relative;
  top: -6px;
}

.wlItem .AddToCartButton {
  border: 1px solid #47CD5E;
  color: #ffffff;
  background: #47CD5E;
  padding: 1px 30px 1px 60px;
  background: #47CD5E url("~/App_Themes/EcommerceSite/Images/Ecommerce/cart_white.png") no-repeat scroll 30px 5px;
  position: relative;
  top: -7px;
  margin-left: 20px;
  cursor: pointer;
  font-weight: bold
}

.Gecko .wlItem .AddToCartButton {
  padding: 3px 30px 3px 60px;
  top: -6px;
}

.WishlistInfo {
  display: inline-block;
  padding: 20px 0;
}

.WishlistTable .CartStepHeader {
  display: none;
}

.IE8 .wlItem .AddToCartButton {
  top: -6px;
}

.IE7 .wlItem .AddToCartButton {
  /*
  padding: 0px 0px 0px 20px;
  background-position: 15px 5px;
  top: -7px;
  margin: 0;
  */
  border: none;
  height: 30px;
}

.IE7 .wlItem .RemoveFromWishlist {
  position: relative;
  left: -20px;
}

.IE7 .myAccount, .IE7 .signoutLink, .IE8 .myAccount, .IE8 .signoutLink {
  margin-left: 14px;
}

.columns1-3 .right ul li {
  list-style-type: disc;
  margin-left: 15px;
  padding-left: 5px;
}

.InitiatedChatWebpart {
  z-index: 5;
}

/*# Menu Items / 404 - Page not found #*/
.columns1-3 .right .grayBox.p404 ul {
  padding: 10px 0 30px 20px;
  margin-right: 20px;
  background: url("~/App_Themes/EcommerceSite/Images/Ecommerce/sm_search.png") no-repeat top right;
}

/*# Menu Items / Checkout #*/

#breadcrumb {
  text-align: center;
  white-space: nowrap;
  letter-spacing: 40px;
  overflow: hidden;
  width: 100%;
  margin: 20px 0 40px 0;
}

.checkoutItemLink {
  width: 62px;
  height: 62px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  background-size: 100% auto !important;
  overflow: hidden;
}

  .checkoutItemLink.shoppingCart {
    background: url('~/App_Themes/EcommerceSite/Images/ShoppingCart/Content.gif') center center;
  }

    .checkoutItemLink.shoppingCart.selected {
      background: url('~/App_Themes/EcommerceSite/Images/ShoppingCart/Content_selected.gif') center center;
    }

  .checkoutItemLink.logon {
    background: url('~/App_Themes/EcommerceSite/Images/ShoppingCart/CheckRegistration.gif') center center;
  }

    .checkoutItemLink.logon.selected {
      background: url('~/App_Themes/EcommerceSite/Images/ShoppingCart/CheckRegistration_selected.gif') center center;
    }

  .checkoutItemLink.address {
    background: url('~/App_Themes/EcommerceSite/Images/ShoppingCart/Addresses.gif') center center;
  }

    .checkoutItemLink.address.selected {
      background: url('~/App_Themes/EcommerceSite/Images/ShoppingCart/Addresses_selected.gif') center center;
    }

  .checkoutItemLink.shipping {
    background: url('~/App_Themes/EcommerceSite/Images/ShoppingCart/PaymentShipping.gif') center center;
  }

    .checkoutItemLink.shipping.selected {
      background: url('~/App_Themes/EcommerceSite/Images/ShoppingCart/PaymentShipping_selected.gif') center center;
    }

  .checkoutItemLink.summary {
    background: url('~/App_Themes/EcommerceSite/Images/ShoppingCart/OrderPreview.gif') center center;
  }

    .checkoutItemLink.summary.selected {
      background: url('~/App_Themes/EcommerceSite/Images/ShoppingCart/OrderPreview_selected.gif') center center;
    }

  .checkoutItemLink.payment {
    background: url('~/App_Themes/EcommerceSite/Images/ShoppingCart/PaymentGateway.gif') center center;
  }

    .checkoutItemLink.payment.selected {
      background: url('~/App_Themes/EcommerceSite/Images/ShoppingCart/PaymentGateway_selected.gif') center center;
    }

.footerButtons {
  margin: 0;
  width: 100%;
}

  .footerButtons input {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 192px;
  }


@media ( min-width: 640px ) {
  .footerButtons input {
    display: inline-block;
    margin-left: 8px;
    margin-right: 0;
    width: auto;
  }

  .right-button {
    text-align: right !important;
  }
}

.left-button, .right-button {
  width: 100% !important;
  float: none !important;
  text-align: center;
}

  .c-btn--outline,
  .left-button .checkoutButtonBack,
  .UpdateButton,
  .RemoveButton {
    background: #fff;
    color: #0A7340;
    border: 2px solid #0A7340;
    min-width: auto;
  }

.c-btn--outline,
.UpdateButton,
.RemoveButton {
  line-height: 28px;
}

  .c-btn--outline:hover {
    color: #fff;
  }

@media ( min-width: 768px ) {
  .left-button {
    width: 25% !important;
  }

  .right-button {
    width: 75% !important;
  }

  .left-button,
  .left-button input {
    float: left !important;
  }

  .right-button {
    float: right !important;
  }
}

  .c-delivery .btn {
    margin-bottom: 8px;
  }

.c-delivery p {
  font-size: 14px;
  width: 164px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media ( min-width: 640px ) {

  .c-delivery {
    text-align: left;
  }

  .c-delivery p {
    margin: 0 0 0 4px;
    text-align: left;
  }
}

  .tinyBox .ecommerce_customer .FieldLabel {
  padding-bottom: 5px;
  width: 33.33333333%;
  text-align: right;
}

.ContentBody .tinyBox .radio {
  margin-top: 0px;
}

/*# Menu Items / Checkout / Shopping cart #*/
.shoppingCartItem {
  width: 100%;
  border: 1px solid #e6e6e6;
}

  .shoppingCartItem .ItemOption {
    clear: both;
    margin-left: 60px;
    padding: 0;
  }

.col1, .col2, .col3, .col4, .col5, .col25 {
  padding: 8px 16px;
}

.col1 {
  width: 50%;
}

.col2 {
  width: 94px;
  padding-left: 0;
  padding-right: 0;
}

.col4 {
  width: 100px;
}

.col5 {
  width: 40px;
}

.col25 {
  width: 260px;
}



.shoppingCartItem .itemSeparator {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
}

.shoppingCartItem .ImageCol {
  width: 50px;
  margin: 0 16px 8px 0;
}

.shoppingCartItem .InfoCol {
  margin: 0;
  width: 100%;
}

@media ( min-width: 768px ) {
  .shoppingCartItem .InfoCol {
    width: 80%;
  }
}

.shoppingCartItem .Info .Image, .shoppingCartItem .Info .Name, .shoppingCartItem .Info .Availability {
  width: 100%;
  display: block;
}

.shoppingCartItem .InfoCol .Name a {
  color: #000;
}

.shoppingCartItem .Avalibility .stock {
  font-weight: normal;
}

.shoppingCartItem .UnitCountControl select {
  width: auto;
}

.UnitCountControl input[type="text"] {
  text-align: right;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0px 10px;
  height: 40px;
  line-height: 40px;
  font-family: proxima-nova, sans-serif;
  font-size: 100%;
}

.ProductPriceDetailLink {
  margin-top: 2px;
  display: inline-block;
}

.discountCoupon {
  width: 100%;
  border: 1px solid #e6e6e6;
  border-top: none;
  background: url('~/App_Themes/EcommerceSite/Images/Ecommerce/checkout_coupon.png') no-repeat scroll 20px 10px rgba(0, 0, 0, 0)
}

  .discountCoupon .col25 {
    padding: 30px 5px 5px 5px;
  }

  .discountCoupon .Error {
    color: red;
  }

  .discountCoupon input[type="text"] {
    width: 200px;
    border: 1px solid #D7D7D7;
    vertical-align: top;
  }

  .discountCoupon input[type="submit"] {
    padding: 1px 5px;
    vertical-align: top;
  }

  .discountCoupon .discountTitle {
    clear: both;
    margin-left: 55px;
  }

  .discountCoupon .discountSubtitle {
    clear: both;
    margin-left: 55px;
  }

  .discountCoupon .couponInfoLabel {
    margin: 4px 0;
  }

.shoppingCartTotals {
  width: 100%;
  margin-top: 50px;
}

.TotalViewer {
  display: block;
  margin: 32px 0;
}

.shoppingCartTotals .TotalViewer {
  clear: right;
  text-align: right;
}

.TotalViewer .row {
  margin-bottom: 0;
}

.TotalViewer .Label {
  display: inline-block;
  margin-right: 8px;
}

.TotalViewer .Value {
  font-weight: 700;
  display: inline-block;
  font-size: 1.4em;
}

@media ( min-width: 480px ) {

  .TotalViewer {
    text-align: right;
  }

    .TotalViewer .Value {
      font-size: 1.4em;
    }
}

.Subtotal, .Subtotal span {
  vertical-align: top;
}

/*# Menu Items / Checkout / Address #*/
.explanation-text {
  color: #999;
  font-size: 15px;
  margin-top: -20px;
  line-height: 1.2;
}

.h2,
div.personal-details h2, div.address-details h2 {
  margin-bottom: 20px;
  font-size: 22px;
}



div.personal-details input.form-control, div.address-details input.form-control {
  width: 100%;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Correction of form value cell because of validation labels */
.columns1-3 .ecommerce_address .form-group .editing-form-value-cell {
  width: auto;
  margin-bottom: 5px;
}

/*# Menu Items / Checkout / Summary #*/
.orderComments {
  float: left;
  width: 100%;
}

  .orderComments h2 {
    border: none;
    margin-bottom: 5px;
  }

  .orderComments textarea {
    width: 100%;
    min-height: 100px;
    margin-bottom: 30px;
  }

.CofirmationCheckbox {
  width: 300px;
  float: left;
}

.ContentBody .CofirmationCheckbox .checkbox {
  margin-top: 0;
}

.termsAndConditionsLink {
  font-size: 16px;
}

/*# Menu Items / Checkout 1 step #*/
.ecommerce_address span, .ecommerce_address label, .ecommerce_customer label {
  display: inline-block;
}

.oneStepCheckout .ecommerce_customer label:first-child {
  padding-top: 0;
}

.ecommerce_address .required-mark {
  padding: 0;
}

.discountCoupon .col1 {
  width: 395px;
}

.oneStepCheckout .col1, .oneStepCheckout .discountCoupon .col1 {
  width: 318px;
}

.oneStepCheckout .ItemOption {
  margin-left: 50px;
}

.oneStepCheckout .discountCoupon .discountTitle, .oneStepCheckout .discountCoupon .discountSubtitle {
  margin-left: 45px;
}

.oneStepCheckout .discountCoupon {
  background-position: 15px 10px;
}

.oneStepCheckout.totals {
  width: 607px;
  margin: 20px 0;
  padding: 20px 0;
  background-color: #F9F9F9;
  border-top: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
  border-left: 1px solid #F9F9F9;
  border-right: 1px solid #F9F9F9;
}

  .oneStepCheckout.totals .totalsValues {
    float: right;
    width: 255px;
    padding-right: 20px;
  }

  .oneStepCheckout.totals .TotalViewer {
    clear: both;
  }

    .oneStepCheckout.totals .TotalViewer .Label {
      width: auto;
      float: left;
    }

    .oneStepCheckout.totals .TotalViewer .Value {
      width: auto;
      float: right;
    }

.oneStepCheckout .orderComments textarea {
  min-height: 50px;
  border: 1px solid #D7D7D7;
}

.oneStepCheckout .termsAndConditionsCheckbox {
  margin-bottom: 10px;
  display: inline-block;
  line-height: 24px;
  font-size: 14px;
}

.oneStepCheckout .finishButton {
  float: right;
}

.oneStepCheckout .Error span {
  display: block;
  float: left;
  margin-left: 10px;
  font-size: 13px;
}

.remaining-amount-for-free-shipping {
  text-align: right;
  margin-top: 20px;
  font-size: 14px;
}

.oneStepCheckout .tinyBox label, .oneStepCheckout .tinyBox editing-form-label {
  margin: 5px 0 2px 0;
}

.oneStepCheckout .FormErrorLabel {
  display: block;
}

/*# Document wizard #*/

.DocWizardNav div {
  display: inline-block;
}

.DocWizardNav a {
  text-decoration: none;
  color: #666666;
  padding-right: 20px;
  padding-left: 20px;
  min-height: 30px;
}

  .DocWizardNav a:hover {
    text-decoration: underline;
  }

.DocWizardNav div:after {
  content: "";
  padding: 0px;
  color: #ddd;
  border-left: solid 1px #ccc;
  border-right: solid 1px #fff;
  margin: 5px;
}

.DocWizardNav div:last-child:after {
  content: "";
  border-left: none;
  border-right: none;
}

.DocWizardItemCurrent a {
  font-weight: bold;
  color: #000;
}

.DocWizardNav {
  letter-spacing: normal;
  border: solid 1px #ccc;
  background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
  background-color: #f9f9f9;
  margin: 15px 0px;
  padding: 15px 10px;
  font-family: proxima-nova, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.NextStepArea a {
  float: right;
}

.NextStepArea, .PreviousStepArea {
  min-width: 150px;
}

.WizardContent {
  min-height: 300px;
  padding: 10px;
  border: solid 1px #fcfcfc;
  background-color: #fefefe;
  border-bottom: solid 1px #ccc;
}

.WizardButton {
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
  background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
  background-color: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  color: #666666;
  font-family: proxima-nova, sans-serif;
  font-size: 15px;
  font-weight: 600;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #ffffff;
  cursor: pointer;
}

  .WizardButton:hover {
    background-color: #e9e9e9;
    background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
  }

  .WizardButton:active {
    top: 1px;
    position: relative;
  }

/*# Editable region #*/

body.cke_editable {
  text-align: left;
}

.cke_show_borders, .CSS1Compat {
  text-align: left !important;
  font-size: 13px;
  line-height: 18px;
  background: #ffffff;
}

.contact-form.apprentice li {
  Width: 50%
}

/* ==========================================================================
Components
  > Lists
========================================================================== */

/* Base */

.c-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

  .c-list li a {
    border: none;
  }

/* Item */

.c-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: hidden;
  margin: 0 0 8px 0;
}

  .c-list__item:focus {
    outline: none;
  }

/* Text */

.c-list__item__text {
  line-height: 1.2;
}

/* Icon */

.c-list__item__graphic {
  margin-left: 0;
  margin-right: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* Sequence - < sm */

@media (max-width: 767px) {

  .c-list--sequence--less-sm {
    height: 40px;
    position: relative;
  }

    .c-list--sequence--less-sm .c-list__item {
      position: absolute;
      left: 0;
      right: 0;
      opacity: 0;
      -webkit-animation-name: fade;
      animation-name: fade;
      -webkit-animation-duration: 12s;
      animation-duration: 12s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
    }

      .c-list--sequence--less-sm .c-list__item:nth-child(1) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
      }

      .c-list--sequence--less-sm .c-list__item:nth-child(2) {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
      }

      .c-list--sequence--less-sm .c-list__item:nth-child(3) {
        -webkit-animation-delay: 8s;
        animation-delay: 8s;
      }
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }

  11.11% {
    opacity: 1;
  }

  33.33% {
    opacity: 1;
  }

  44.44% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  11.11% {
    opacity: 1;
  }

  33.33% {
    opacity: 1;
  }

  44.44% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@media (min-width: 768px) {

  /* Horizontal */

  .c-list--horizontal--sm {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

    .c-list--horizontal--sm .c-list__item {
      margin: 0;
    }

    .c-list--horizontal--sm li:last-child {
      margin-right: 0;
    }
}

/* ==========================================================================
Components
  > Links
========================================================================== */

/* Cover */

.c-link--cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  text-indent: -10000px;
  border: none;
}

/* ==========================================================================
Components
  > Figures
========================================================================== */

.c-figure {
  position: relative;
}

/* ==========================================================================
Components
  > Icons
========================================================================== */

/* 24px */

.c-icon--24 {
  width: 24px;
  height: 24px;
  font-size: 24px;
}

/* 32px */

.c-icon--32 {
  width: 32px;
  height: 32px;
}

.c-card .c-icon {
  line-height: 20px;
  display: inline-block;
  margin-right: 4px;
}

/* Outlined */

.c-icon--outlined {
  border: 1px solid #999;
  border-radius: 50%;
  text-align: center;
}

/*
7.3.8

jQuery Tabs custom

*/


/* ==========================================================================
Components
  > Tabs
========================================================================== */

.ui-tabs {
  padding: 0 !important;
}

  .ui-tabs .ui-tabs-nav {
    padding: 0 !important;
  }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
      padding: 8px !important;
      margin: 0;
      font-size: 20px;
      border-radius: 4px 4px 0 0 !important;
    }

@media ( min-width: 640px ) {
  .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 10px 16px !important;
  }
}

.ui-widget-header {
  background: transparent;
  border: none;
  border-bottom: 1px solid #ddd !important;
  border-radius: 0px;
}

.ui-tabs-nav .ui-state-default {
  background: transparent;
  border: none;
}

.ui-tabs-anchor {
  border: 1px solid transparent;
  border-bottom: none;
}

.ui-tabs-active .ui-tabs-anchor {
  border-color: #ddd;
  border-bottom: 1px solid #fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -2px !important;
  padding-bottom: 0 !important;
}

.ui-tabs-nav .ui-state-default a {
  color: #c0c0c0;
}

.ui-tabs-nav .ui-state-active a {
  color: #474544;
}

.ui-tabs .ui-tabs-panel {
  padding: 20px 0 0 0 !important;
}

/* ==========================================================================
Components
  > Actions
========================================================================== */

.c-action__label {
  font-size: 15px;
  color: #999;
  line-height: 1.25;
  margin-top: 8px;
  margin-bottom: 8px;
}

.c-branch-stock .c-action__label {
  margin: 0 0 16px 0;
  color: #474544;
}

.c-action__label h2 {
  font-size: 1.4em;
}

  @media (min-width: 768px) {
    .c-action__trigger, .c-action__label {
      display: inline-block;
    }

    .c-action__label {
      margin-top: 0;
      margin-left: 8px;
      margin-right: 8px;
    }

    .c-branch-stock .c-action__label {
      margin: 12px 0 0 0;
    }

    .c-branch-stock .c-action__trigger {
      float: right;
    }
  }

/* ==========================================================================
Components
  > Panels
========================================================================== */

/* Mobile user welcome text*/

.c-panel--greeting {
  background: #fbbc05;
  font-weight: 700;
  color: #0A7340;
  text-align: right;
  padding: 8px 20px;
  font-size: 15px;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.c-panel--greeting__inner {
  max-width: 460px;
  margin: auto;
}

@media (min-width: 768px) {
  .c-panel--greeting {
    display: none;
  }
}

/* ==========================================================================
Components
  > Cards
========================================================================== */
  .c-card {
  background: #fff;
  position: relative;
  display: block;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 16px;
  -webkit-box-shadow: 0 .1rem .5rem 0 rgba(0,0,0,0.2);
  box-shadow: 0 .1rem .5rem 0 rgba(0,0,0,0.2);
}

@media ( min-width: 768px ) {
  .c-card {
    padding: 24px;
  }
}

.c-card:last-child {
  margin-bottom: 0;
}

.c-card .c-icon {
  vertical-align: middle;
}

.c-card p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.c-card__action {
  margin-top: 16px;
}

  .c-card__action .btn {
    margin-bottom: 0;
  }

@media ( min-width: 768px ) {
  .c-card.has-action .c-card__content {
    float: left;
    padding-right: 16px;
    width: 66.66%;
  }

  .c-card__action {
    float: right;
    margin-top: 0;
  }
}

/* ==========================================================================
Components
  > Price
========================================================================== */
.c-price__currency {
  vertical-align: super;
  top: -4px;
  position: relative;
  display: inline;
  font-weight: 700;
}

.c-price__value {
  font-size: 36px;
  display: inline;
  font-weight: 700;
}

.c-price__label {
  display: block;
  margin-left: 12px;
}

.c-price__labelexcludes {
    display: block;
    margin-left: 12px;
    font-size: 12px;
    font-style: italic;
}


/* Category */

.category .c-price {
  margin-bottom: 8px;
}

@media ( min-width: 480px ) {
  .category .c-price {
    height: 40px;
    display: block;
    margin-bottom: 16px;
  }
}

.category .c-price__currency {
  top: 1px;
  font-weight: 400;
  font-size: 12px;
  left: -2px;
}

.category .c-price__value {
  font-size: 24px;
}

.category .c-price__label {
  margin-left: 0;
  margin-bottom: 4px;
  font-size: 14px;
}

.category .c-price__labelexcludes {
    margin-left: 0;
    margin-bottom: 4px;
    font-size: 12px;
    font-style: italic;
}

/* ==========================================================================
Utilities
  > Type
========================================================================== */

.u-type--smallest {
  font-size: 13px;
}

.u-type--secondary {
  font-size: 18px;
  font-weight: 700;
}

/* ==========================================================================
Utilities
  > Align
========================================================================== */
@media ( min-width: 480px ) {
  .u-ta--r--s {
    text-align: right;
  }
}

@media ( min-width: 768px ) {
  .u-fl--r--m {
    float: right !important;
  }
}

/* ==========================================================================
Utilities
  > Aspect Ratio
========================================================================== */
  .u-aspect > :first-child {
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  /* 4:3 default */

  .u-aspect {
    padding-bottom: 75%;
  }

  /* 3:4 */

  .u-aspect--3-4 {
    padding-bottom: 133.33333%;
  }

  /* 16:9 */

  .u-aspect--16-9 {
    padding-bottom: 56.25%;
  }

  /* 16:19 */

  .u-aspect--16-19 {
    padding-bottom: 118.75%;
  }

  /* 16:19 - m (768px up) */

  @media ( min-width: 768px ) {

    .u-aspect--16-19--m {
      padding-bottom: 118.75%;
    }
  }

  /* ==========================================================================
Utilities
  > Weight
========================================================================== */

  .u-weight--400 {
    font-weight: 400;
  }

  .u-weight--600 {
    font-weight: 600;
  }

  /* ==========================================================================
Utilities
  > Width
========================================================================== */

  @media ( min-width: 768px ) {
    .u-w--240--m {
      width: 240px !important;
    }
  }

  /* ==========================================================================
Utilities
  > Colour
========================================================================== */

  .u-color--grey {
    color: #6f767a;
  }

  .u-color--green--light {
    color: #6abf67;
  }

  a:hover .u-color--green--light {
    color: #084b2a;
  }

  .u-fill--green--light {
    fill: #6abf67;
  }

  /* ==========================================================================
Utilities
  > Spacing
========================================================================== */

  .u-mb--0 {
    margin-bottom: 0 !important;
  }

  .u-mb--1 {
    margin-bottom: 8px;
  }

  .u-mb--2 {
    margin-bottom: 16px;
  }

  .u-mb--4 {
    margin-bottom: 32px !important;
  }

  .u-mt--2 {
    margin-top: 16px !important;
  }

  .u-mt--4 {
    margin-top: 32px !important;
  }

  .u-mb--4 {
    margin-bottom: 32px;
  }

  .u-mt--3 {
    margin-top: 24px !important;
  }

  .u-mr--1 {
    margin-right: 8px;
  }

  .u-mr--2 {
    margin-right: 16px;
  }

  .u-mt--neg--3 {
    margin-top: -24px;
  }

  @media ( max-width: 767px ) {
    .u-mtb--neg--2--m-down {
      margin-top: -16px;
      margin-bottom: -16px;
    }
  }

  @media ( min-width: 768px ) {
    .u-mb--0--m {
      margin-bottom: 0 !important;
    }
  }

  .u-pb--0 {
    padding-bottom: 0 !important;
  }

  .u-p--spacer {
    padding: 16px !important;
  }

  @media ( min-width: 768px ) {
    .u-p--spacer {
      padding: 24px !important;
    }
  }

  /* ==========================================================================
Utilities
  > Hide
========================================================================== */

  .u-hide--visually {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }

  @media ( min-width: 768px ) {
    .u-hide--visually--m {
      border: 0 !important;
      clip: rect(0 0 0 0) !important;
      clip-path: inset(50%) !important;
      height: 1px !important;
      margin: -1px !important;
      overflow: hidden !important;
      padding: 0 !important;
      position: absolute !important;
      white-space: nowrap !important;
      width: 1px !important;
    }
  }

  #CustCodeExplaination,
  #PasswordPolicyLabel {
    display: block;
    margin-top: -15px;
    margin-bottom: 15px;
  }

  .shoppingCartItem .Info .Name {
    font-size: 16px;
    margin-top: 8px;
  }

  @media ( min-width: 768px ) {
    .shoppingCartItem .Info .Name {
      margin-top: 24px;
    }
  }

  .ShoppingCartEmpty {
    display: block;
  }

/* ==========================================================================
Components
  > Cart
========================================================================== */

/* Action */

@media ( min-width: 768px ) {
  .c-cart-action p {
    display: inline-block;
  }
}

.continueShoppingButton1 {
  float: right;
}

/* ==========================================================================
Components
  > Modals
========================================================================== */
.c-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
  overflow: hidden;
  outline: 0;
  display: none;
  overflow: hidden;
  z-index: 1001;
  background: rgba(0,0,0,0.5);
}

  .c-modal__dialog {
    position: relative;
    width: auto;
    margin: 8px;
    pointer-events: none;
  }

  @media ( min-width: 640px ) {
    .c-modal__dialog {
      max-width: 500px;
      margin: 32px auto;
    }
  }

  .c-modal__content {
    position: relative;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .c-modal__header {
    position: relative;
    padding: 16px 56px 16px 16px;
    border-bottom: 1px solid #ddd;
  }

  .c-modal__close {
    position: absolute;
    top: 0;
    right: 0;
    min-width: auto;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: none;
    font-size: 32px;
    color: #333;
  }

    .c-modal__close:hover {
      background: none;
      color: initial;
    }

  .c-modal--inline .c-modal__close {
    position: relative;
    float: right;
    margin: -16px -16px 8px 8px;
  }

  .c-modal__body {
    padding: 16px;
    line-height: 1.25;
    position: relative;
    word-wrap: break-word;
  }

  /* Inline */

  .c-modal--inline {
    position: relative;
    margin: 0;
    overflow: hidden;
    width: 100%;
    background: transparent;
  }

    .c-modal--inline .c-modal__dialog {
      margin: 8px 0 0 0;
      max-width: none;
    }

  .c-card__action .btn {
    -webkit-transition: opacity ease-in-out 200ms;
    -o-transition: opacity ease-in-out 200ms;
    transition: opacity ease-in-out 200ms;
  }

  /* Hide CTA when card actioned */

  .c-card__action.actioned .btn {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }

  /* Hide inline modal headers as these become redundant */

  .c-modal--inline .c-modal__header {
    display: none;
  }

  /* Open */
  .modal-open .modal-active.c-modal,
  .c-modal--inline.modal-active.c-modal {
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    opacity: 1;
  }


  /* CTA - Get Quote */

  header a.get-a-quote {
    height: 54px;
    width: 148px;
    margin-right: 20px;
    background: url(/App_Themes/JPCorry/Images/get-a-quote-mob.png) top;
  }

    header a.get-a-quote:hover {
      height: 54px;
      width: 148px;
      background: url(/App_Themes/JPCorry/Images/get-a-quote-mob.png) bottom;
    }

  /* ==========================================================================
Vendor
  > Lightbox
========================================================================== */

  #fancybox-wrap {
    z-index: 10000 !important;
  }