@charset "UTF-8";
h1 {
  font-size: 24px;
  font-weight: normal;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-size: 20px;
  font-weight: normal;
}

@media (min-width: 768px) {
  h2 {
    font-size: 26px;
  }
}

h2:first-letter, h3:first-letter, h4:first-letter, h5:first-letter, h6:first-letter, p:first-letter, li:first-letter {
  text-transform: uppercase;
}

.btn {
  text-transform: capitalize;
}

.text-sale {
  color: #c00;
}

.text-emphasis {
  color: #089479;
}

.text-extra-emphasis {
  color: #089479;
  padding: 5px;
  border: 1px solid #089479;
  border-radius: 5px;
}

.page-heading {
  margin-bottom: 20px;
}

.page-heading > * {
  margin-top: 0;
  line-height: 1;
}

.page-heading > *:not(:last-child) {
  margin-bottom: 10px;
  line-height: 1;
}

@media (min-width: 768px) {
  .page-heading > *:not(:last-child) {
    margin-bottom: 20px;
  }
}

.page-heading > *:last-child {
  margin-bottom: 0;
}

.page-heading h3 {
  display: none;
}

#global-wrapper {
  position: relative;
  overflow: hidden;
}

@media (min-width: 1196px) {
  .container-wide {
    width: 1400px;
  }
}

.mobile-toggles {
  height: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}

.toggle-mobile-nav {
  width: 38px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.toggle-mobile-nav.active span {
  background-color: transparent;
}

.toggle-mobile-nav.active span::before {
  transform: translateY(0) rotate(45deg);
}

.toggle-mobile-nav.active span::after {
  transform: translateY(0) rotate(-45deg);
}

.toggle-mobile-nav span, .toggle-mobile-nav span::before, .toggle-mobile-nav span::after {
  content: '';
  display: block;
  position: absolute;
  height: 4px;
  width: 26px;
  cursor: pointer;
  border-radius: 1px;
  background: #00334E;
}

.toggle-mobile-nav span {
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -13px;
}

.toggle-mobile-nav span::before {
  transform: translateY(-11px) rotate(0deg);
}

.toggle-mobile-nav span::after {
  transform: translateY(11px) rotate(0deg);
}

.toggle-mobile-search {
  width: 38px;
  position: absolute;
  left: 48px;
  top: 0;
  bottom: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("/content/img/site/icon-search-blue.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .toggle-mobile-search {
    background-image: url("/content/img/site/icon-search-blue_2x.png");
    background-size: 32px auto;
  }
}

#mobile-main-nav:not(.mm-menu) {
  display: none;
}

#main-header {
  width: 100%;
  position: relative;
  z-index: 100;
  border-bottom: 2px solid #00334E;
  background-color: #fff;
}

@media (min-width: 768px) {
  #main-header {
    position: fixed;
    height: 92px;
  }
}

#main-header.staging {
  background-color: red;
}

#main-header.main-header-simple {
  text-align: center;
}

@media (min-width: 768px) {
  #main-header.main-header-simple {
    text-align: left;
  }
}

#main-header .container {
  height: inherit;
  position: relative;
}

#main-header .site-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  #main-header .site-logo {
    position: static;
    float: left;
    margin: 0 15px 0 0;
    transform: none;
  }
}

@media (min-width: 1196px) {
  #main-header .site-logo {
    margin-right: 20px;
  }
}

#main-header .site-logo img {
  height: 60px;
  display: inline-block;
}

@media (min-width: 768px) {
  #main-header .site-logo img {
    height: 90px;
  }
}

#main-header .header-content {
  height: inherit;
}

#main-header .search {
  display: none;
  clear: both;
  position: relative;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  #main-header .search {
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 50%;
  }
}

@media (min-width: 1196px) {
  #main-header .search {
    width: 40%;
  }
}

#main-header .search.search-open {
  display: block;
}

#main-header .search input[type=search] {
  height: 40px;
  padding: 0 80px 0 10px;
  color: #00334E;
  border-radius: 4px;
  border-color: #476171;
  font-size: 12px;
}

@media (min-width: 400px) {
  #main-header .search input[type=search] {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  #main-header .search input[type=search] {
    padding: 0 100px 0 45px;
    font-size: 16px;
    background-size: 25px auto;
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-image: url("/content/img/site/icon-search-blue.png");
  }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min-resolution: 124.8dpi) {
  #main-header .search input[type=search] {
    background-image: url("/content/img/site/icon-search-blue_2x.png");
    background-size: 25px auto;
  }
}

@media (min-width: 992px) {
  #main-header .search input[type=search] {
    font-size: 18px;
  }
}

#main-header .search input[type=search]::-webkit-input-placeholder {
  color: #00334E;
}

#main-header .search input[type=search]::-moz-placeholder {
  color: #00334E;
}

#main-header .search input[type=search]:-ms-input-placeholder {
  color: #00334E;
}

#main-header .search input[type=search]::-ms-input-placeholder {
  color: #00334E;
}

#main-header .search input[type=search]::placeholder {
  color: #00334E;
}

#main-header .search input[type=submit] {
  width: 80px;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
  color: #fff;
  background-color: #00927e;
  -webkit-appearance: none;
  border: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
  #main-header .search input[type=submit] {
    width: 100px;
    font-size: 16px;
  }
}

#main-header .search input[type=submit]:hover {
  background-color: #007968;
}

#main-nav, #main-nav-aside > ul {
  margin: 10px 0;
  padding: 0;
  height: 40px;
  list-style: none outside;
}

@media (min-width: 768px) {
  #main-nav, #main-nav-aside > ul {
    margin: 50px 0 0;
    height: 40px;
  }
}

#main-nav > li, #main-nav-aside > ul > li {
  height: inherit;
  float: left;
  color: #00334E;
}

#main-nav > li > a, #main-nav-aside > ul > li > a {
  display: inline-block;
  height: inherit;
  line-height: 40px;
  text-decoration: none;
  color: inherit;
  outline: none;
  position: relative;
}

#main-nav > li.open .nav-dropdown, #main-nav > li.open .search-dropdown, #main-nav-aside > ul > li.open .nav-dropdown, #main-nav-aside > ul > li.open .search-dropdown {
  display: block;
}

#main-nav > li.open.open-basket-dropdown-summary .basket-dropdown-summary,
#main-nav > li.open.open-basket-dropdown-notification .basket-dropdown-notification, #main-nav-aside > ul > li.open.open-basket-dropdown-summary .basket-dropdown-summary,
#main-nav-aside > ul > li.open.open-basket-dropdown-notification .basket-dropdown-notification {
  display: block;
}

#main-nav {
  float: left;
  display: none;
}

@media (min-width: 768px) {
  #main-nav {
    display: block;
  }
}

#main-nav > li {
  margin-right: 10px;
  font-size: 18px;
}

@media (min-width: 992px) {
  #main-nav > li {
    font-size: 20px;
  }
}

#main-nav > li:last-child {
  margin: 0;
}

#main-nav > li > a {
  padding: 0 5px;
}

@media (min-width: 992px) {
  #main-nav > li > a {
    padding: 0 15px;
  }
}

#main-nav > li.open {
  background-color: #00334E;
  color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#main-nav .nav-dropdown {
  display: none;
  padding: 20px;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background-color: #fff;
  border-bottom: 2px solid #476171;
  color: #00334E;
}

#main-nav .nav-dropdown-col {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  #main-nav .nav-dropdown-col {
    width: 25%;
  }
}

@media (min-width: 992px) {
  #main-nav .nav-dropdown-col {
    width: 25%;
  }
}

@media (min-width: 1196px) {
  #main-nav .nav-dropdown-col {
    width: 25%;
  }
}

#main-nav .nav-dropdown-col h3 {
  margin-top: 0;
  font-size: 20px;
  font-weight: normal;
}

#main-nav .nav-dropdown-col ul {
  margin: 0;
  padding: 0;
  list-style: none outside;
}

#main-nav .nav-dropdown-col li {
  font-size: 16px;
  margin: 5px 0;
}

#main-nav .nav-dropdown-col li a {
  color: #476171;
}

#main-nav .nav-dropdown-col + .category-col h3 {
  visibility: hidden;
}

#main-nav-aside {
  float: right;
}

#main-nav-aside li {
  margin-left: 10px;
  font-size: 18px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  overflow: hidden;
}

@media (min-width: 768px) {
  #main-nav-aside li {
    margin-left: 20px;
    background-position: 0 50%;
  }
}

#main-nav-aside li:first-child {
  margin: 0;
}

#main-nav-aside li > a {
  width: 30px;
  padding-left: 38px;
}

@media (min-width: 768px) {
  #main-nav-aside li > a {
    width: auto;
  }
}

#main-nav-aside li .icon-text {
  visibility: hidden;
}

@media (min-width: 768px) {
  #main-nav-aside li .icon-text {
    visibility: visible;
  }
}

#main-nav-aside li.nav-icon-account {
  background-image: url("/content/img/site/icon-account-blue.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  #main-nav-aside li.nav-icon-account {
    background-image: url("/content/img/site/icon-account-blue_2x.png");
    background-size: 32px auto;
  }
}

#main-nav-aside li.nav-icon-basket {
  background-image: url("/content/img/site/icon-basket-blue.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  #main-nav-aside li.nav-icon-basket {
    background-image: url("/content/img/site/icon-basket-blue_2x.png");
    background-size: 32px auto;
  }
}

#main-nav-aside li:last-child {
  margin-right: 0;
}

#main-nav-aside .item-count {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background-color: #8299A5;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 18px;
}

#main-nav-aside .search-dropdown {
  display: none;
  padding: 20px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  border-bottom: 2px solid #476171;
}

#main-nav-aside .search-dropdown .fixed {
  float: right;
}

#main-nav-aside .search-dropdown .fixed > * {
  float: left;
  margin-left: 10px;
}

#main-nav-aside .search-dropdown .fill {
  overflow: auto;
}

#main-nav-aside .search-dropdown input[type=submit] {
  padding-left: 50px;
  padding-right: 50px;
}

#main-nav-aside .search-dropdown .button-close {
  width: 50px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 25px auto;
  background-image: url("/content/img/site/icon-close-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  #main-nav-aside .search-dropdown .button-close {
    background-image: url("/content/img/site/icon-close-white_2x.png");
  }
}

#main-nav-aside .basket-dropdown {
  display: none;
  right: 0;
  left: 0;
  background-color: #fff;
  border-bottom: 2px solid #476171;
  color: #00334E;
}

@media (min-width: 768px) {
  #main-nav-aside .basket-dropdown {
    left: auto;
    width: 340px;
  }
}

#main-nav-aside .basket-dropdown-summary {
  position: absolute;
  top: 100%;
  top: calc(100% + 2px);
  padding: 20px 20px 10px;
}

@media (min-width: 768px) {
  #main-nav-aside .basket-dropdown-summary {
    top: 100%;
  }
}

#main-nav-aside .basket-dropdown-summary table {
  width: 100%;
}

#main-nav-aside .basket-dropdown-summary table td {
  padding: 10px 0;
}

#main-nav-aside .basket-dropdown-summary table td img {
  width: 90px;
  margin-right: 10px;
}

#main-nav-aside .basket-dropdown-summary table td p {
  font-size: 12px;
}

@media (min-width: 768px) {
  #main-nav-aside .basket-dropdown-summary table td p {
    font-size: 14px;
  }
}

#main-nav-aside .basket-dropdown-summary table td p:last-child {
  margin-bottom: 0;
}

#main-nav-aside .basket-dropdown-summary .line-break {
  margin: 20px 0 10px;
  border-top: 2px solid #476171;
}

#main-nav-aside .basket-dropdown-summary .brief {
  width: 100%;
  max-width: 300px;
  display: inline-block;
}

@media (min-width: 768px) {
  #main-nav-aside .basket-dropdown-summary .brief {
    width: 180px;
    max-width: none;
  }
}

#main-nav-aside .basket-dropdown-summary .brief p {
  font-size: 22px;
  line-height: normal;
}

#main-nav-aside .basket-dropdown-summary .brief p span {
  float: right;
}

#main-nav-aside .basket-dropdown-summary .brief .btn {
  display: block;
}

#main-nav-aside .basket-dropdown-notification {
  min-height: 30px;
  padding-left: 70px;
  position: fixed;
  top: 0;
  border: 2px solid #476171;
  border-top: none;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  background-size: 30px auto;
  background-image: url("/content/img/site/icon-tick-blue.png");
  font-size: 22px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  #main-nav-aside .basket-dropdown-notification {
    background-image: url("/content/img/site/icon-tick-blue_2x.png");
  }
}

@media (min-width: 768px) {
  #main-nav-aside .basket-dropdown-notification {
    position: absolute;
    top: 100%;
  }
}

#main-nav-aside .basket-dropdown-notification a {
  display: block;
  padding: 20px 20px 20px 0;
  text-decoration: none;
}

#main-nav-overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 95;
  cursor: pointer;
}

#main-container, #staging-main-container {
  margin-bottom: 20px;
  position: relative;
  z-index: 90;
}

@media (min-width: 768px) {
  #main-container, #staging-main-container {
    margin-top: 92px;
  }
}

#service-list {
  margin-bottom: 10px;
  border-bottom: 1px solid #00334E;
  position: relative;
}

#service-list.ticker .row .service-item {
  position: absolute;
  top: 0;
}

#service-list.ticker .row .service-item:first-child {
  position: relative;
}

#service-list .service-item {
  text-align: center;
  font-size: 12px;
}

@media (min-width: 992px) {
  #service-list .service-item {
    font-size: 16px;
  }
}

#service-list p {
  margin: 0;
}

#service-list a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 0;
  line-height: normal;
  text-decoration: none;
}

#service-list img {
  max-height: 15px;
  margin-right: 10px;
}

@media (min-width: 992px) {
  #service-list img {
    max-height: 20px;
  }
}

.content-main:not(.container) .breadcrumb-container {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

.content-main:not(.container) .breadcrumb-container:before, .content-main:not(.container) .breadcrumb-container:after {
  display: table;
  content: " ";
}

.content-main:not(.container) .breadcrumb-container:after {
  clear: both;
}

@media (min-width: 1196px) {
  .content-main:not(.container) .breadcrumb-container {
    width: 1176px;
  }
}

.breadcrumb-container + * {
  margin-top: 0;
}

#breadcrumbs {
  display: none;
  margin-bottom: 10px;
  padding: 0;
  list-style: none outside;
  line-height: normal;
}

#breadcrumbs:before, #breadcrumbs:after {
  display: table;
  content: " ";
}

#breadcrumbs:after {
  clear: both;
}

@media (min-width: 768px) {
  #breadcrumbs {
    display: block;
  }
}

#breadcrumbs + *:not(.row) {
  margin-top: 10px;
}

#breadcrumbs li {
  float: left;
  font-size: 11px;
  margin-right: 5px;
  font-size: 10px;
}

#breadcrumbs li::after {
  content: '|';
  margin-left: 5px;
}

#breadcrumbs li:last-child {
  margin-right: 0;
}

#breadcrumbs li:last-child::after {
  content: none;
}

#recent-top-products {
  margin-top: 10px;
}

#recent-top-products .col-3-3 {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

#recent-top-products .col-3-6 {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

#recent-top-products .col-3-9 {
  position: relative;
  float: left;
  width: 33.3333333333%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

#recent-top-products .col-3-12 {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

#recent-top-products .col-3-15 {
  position: relative;
  float: left;
  width: 20%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

#recent-top-products .col-3-18 {
  position: relative;
  float: left;
  width: 16.6666666667%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

#recent-top-products .col-3-21 {
  position: relative;
  float: left;
  width: 14.2857142857%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

#recent-top-products .col-3-24 {
  position: relative;
  float: left;
  width: 12.5%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

#recent-top-products h4 {
  font-size: 16px;
  border: 1px solid #00334E;
  border-width: 1px 0;
  margin: 0 0 20px;
  padding: 8px 0 8px 15px;
  font-weight: normal;
}

#main-footer .footer-forms {
  border: 1px solid #00334E;
  border-width: 1px 0;
  margin-bottom: 20px;
}

#main-footer .footer-form h4 {
  margin: 0 0 10px;
  font-size: 20px;
  text-align: center;
  font-weight: normal;
}

@media (min-width: 768px) {
  #main-footer .footer-form h4 {
    text-align: left;
  }
}

#main-footer .footer-form .inner {
  padding: 20px;
  position: relative;
}

#main-footer .footer-form .inner::after {
  content: '';
  display: none;
  background-repeat: no-repeat;
  background-position: right 50%;
  background-size: cover;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -40px;
  pointer-events: none;
}

@media (min-width: 1196px) {
  #main-footer .footer-form .inner::after {
    display: block;
  }
}

#main-footer .footer-form:last-child .inner {
  padding-top: 0;
}

@media (min-width: 768px) {
  #main-footer .footer-form:last-child .inner {
    padding-top: 20px;
  }
}

@media (min-width: 1196px) {
  #main-footer .footer-form-catalogue form {
    margin-right: 87px;
  }
}

#main-footer .footer-form-catalogue .thumb-catalogue {
  display: none;
  height: 80px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -40px;
  pointer-events: none;
}

@media (min-width: 1196px) {
  #main-footer .footer-form-catalogue .thumb-catalogue {
    display: block;
  }
}

#main-footer .footer-form-store .inner::after {
  width: 61px;
  height: 80px;
  background-image: url("/content/img/site/icon-isles-blue.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  #main-footer .footer-form-store .inner::after {
    background-image: url("/content/img/site/icon-isles-blue_2x.png");
  }
}

@media (min-width: 1196px) {
  #main-footer .footer-form-store form {
    margin-right: 91px;
  }
}

#main-footer .footer-form-newsletter .inner::after {
  width: 80px;
  height: 80px;
  background-image: url("/content/img/site/icon-newsletter-blue.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  #main-footer .footer-form-newsletter .inner::after {
    background-image: url("/content/img/site/icon-newsletter-blue_2x.png");
  }
}

@media (min-width: 1196px) {
  #main-footer .footer-form-newsletter form {
    margin-right: 110px;
  }
}

#main-footer .footer-help-mobile {
  margin-bottom: 20px;
  text-align: center;
}

#main-footer .footer-help-mobile .panel {
  box-shadow: none;
}

#main-footer .footer-help-mobile .panel-heading {
  padding: 0;
  background-color: #c6dae7;
  border-bottom: 0;
  position: relative;
}

#main-footer .footer-help-mobile .panel-heading .glyphicon-wf-accordion {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: rotate(90deg);
}

#main-footer .footer-help-mobile .panel-heading a {
  display: block;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
}

#main-footer .footer-help-mobile .panel-heading a.collapsed .glyphicon-wf-accordion {
  transform: rotate(0deg);
}

#main-footer .footer-help-mobile .panel-body {
  border-top: none;
  text-align: left;
  padding: 15px 15px 5px;
}

#main-footer .footer-help-mobile .panel-body ul {
  margin: 0;
  padding: 0;
  list-style: none outside;
}

#main-footer .footer-help-mobile .panel-body li {
  margin: 6px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #c6dae7;
}

#main-footer .footer-help-mobile .panel-body li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

#main-footer .footer-help {
  margin-bottom: 10px;
}

#main-footer .footer-help .footer-border {
  border-top: 1px solid #00334E;
  padding-bottom: 10px;
}

#main-footer .footer-help h4 {
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

@media (min-width: 768px) {
  #main-footer .footer-help h4 {
    text-align: left;
  }
}

#main-footer .footer-help h4 a {
  text-decoration: none;
}

#main-footer .footer-help .footer-help-col {
  list-style: none outside;
}

#main-footer .footer-help .footer-help-col:first-child {
  margin-bottom: -5px;
}

@media (min-width: 992px) {
  #main-footer .footer-help .footer-help-col:first-child {
    margin-bottom: 10px;
  }
}

#main-footer .footer-help .footer-help-col > li {
  text-align: center;
  font-size: 16px;
  margin: 5px 0;
}

@media (min-width: 768px) {
  #main-footer .footer-help .footer-help-col > li {
    text-align: left;
  }
}

#main-footer .footer-help .footer-help-col .social-icons {
  padding-top: 5px;
}

.card-logos {
  margin-bottom: 10px;
}

.card-logos ul {
  margin: 0;
  padding: 0;
  list-style: none outside;
  text-align: center;
}

.card-logos li {
  width: 47px;
  height: 30px;
  margin: 1px 2px;
  vertical-align: middle;
  display: inline-block;
}

@media (min-width: 768px) {
  .card-logos li {
    margin: 0 5px;
    width: 71px;
    height: 45px;
  }
}

.card-logos li.logo {
  background-repeat: no-repeat;
  background-size: contain;
}

.card-logos li.logo-visa {
  background-image: url("/content/img/site/cards/visa.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .card-logos li.logo-visa {
    background-image: url("/content/img/site/cards/visa@2x.png");
  }
}

.card-logos li.logo-mastercard {
  background-image: url("/content/img/site/cards/mastercard.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .card-logos li.logo-mastercard {
    background-image: url("/content/img/site/cards/mastercard@2x.png");
  }
}

.card-logos li.logo-paypal {
  background-image: url("/content/img/site/cards/paypal.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .card-logos li.logo-paypal {
    background-image: url("/content/img/site/cards/paypal@2x.png");
  }
}

.card-logos li.logo-amazon {
  background-image: url("/content/img/site/cards/amazon.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .card-logos li.logo-amazon {
    background-image: url("/content/img/site/cards/amazon@2x.png");
  }
}

.card-logos li.logo-thawte {
  width: auto !important;
  height: auto !important;
}

.card-logos li.logo-thawte img {
  height: 30px;
}

@media (min-width: 768px) {
  .card-logos li.logo-thawte img {
    height: auto;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .card-logos li.logo-thawte img {
    height: 30px;
  }
}

.card-logos .credits {
  text-align: center;
  font-size: 14px;
}

.card-logos-basket ul {
  text-align: left;
}

@media (min-width: 768px) {
  .card-logos-basket ul {
    text-align: right;
  }
}

.social-icons {
  margin: 0;
  padding: 0;
  display: inline-block;
  list-style: none outside;
}

.social-icons li {
  margin: 0 4px 0 0;
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
}

.social-icons li:last-child {
  margin-right: 0;
}

.social-icons a {
  display: inline-block;
  color: #fff;
}

.social-icons .icon-facebook {
  background-color: #3b5998;
}

.social-icons .icon-facebook:hover {
  background-color: #2d4373;
}

.social-icons .icon-googleplus {
  background-color: #db4437;
}

.social-icons .icon-googleplus:hover {
  background-color: #bd2e22;
}

.social-icons .icon-instagram {
  background-color: #c32aa3;
}

.social-icons .icon-instagram:hover {
  background-color: #992180;
}

.social-icons .icon-pinterest {
  background-color: #bd081c;
}

.social-icons .icon-pinterest:hover {
  background-color: #8c0615;
}

.social-icons .icon-twitter {
  background-color: #1da1f2;
}

.social-icons .icon-twitter:hover {
  background-color: #0c85d0;
}

.rating {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: relative;
  letter-spacing: 2px;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rating::before, .rating .stars::after {
  content: '\e006\e006\e006\e006\e006';
  white-space: nowrap;
}

.rating::before {
  color: #c6dae7;
}

.rating .stars {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.rating .stars::after {
  color: #ffa700;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
}

form.form-special {
  position: relative;
}

form.form-special input[type=text] {
  background-color: #c6dae7;
}

form.form-special button {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #00927e;
  border: none;
  color: #fff;
  font-size: 16px;
  overflow: hidden;
  cursor: pointer;
}

form.form-special button::before, form.form-special button::after {
  display: block;
  width: 34px;
  height: 34px;
  background-color: #00927e;
  position: absolute;
  top: 0;
  line-height: 34px;
  text-align: center;
  transition: left 200ms ease;
}

form.form-special button::before {
  content: 'go';
  left: 0;
}

form.form-special button::after {
  content: '>';
  left: 100%;
  font-weight: bold;
}

form.form-special button:hover::before {
  left: -100%;
}

form.form-special button:hover::after {
  left: 0;
}

#modal-subscribe {
  text-align: center;
  position: relative;
  padding: 10px;
  border: 3px solid #00334E;
  display: none;
  max-width: 370px;
}

@media (min-width: 768px) {
  #modal-subscribe {
    padding-top: 30px;
  }
}

#modal-subscribe h2 {
  font-size: 24px;
  margin: 0 0 10px;
  font-weight: normal;
}

@media (min-width: 768px) {
  #modal-subscribe h2 {
    font-size: 50px;
    margin-bottom: 20px;
  }
}

#modal-subscribe p.large-text {
  font-size: 14px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  #modal-subscribe p.large-text {
    font-size: 22px;
    margin-bottom: 20px;
  }
}

#modal-subscribe p.small-text {
  font-size: 12px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  #modal-subscribe p.small-text {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

#modal-subscribe p.highlight-text {
  font-size: 14px;
  color: #00927e;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  #modal-subscribe p.highlight-text {
    font-size: 22px;
  }
}

#modal-subscribe form {
  width: 90%;
  margin: 0 auto 20px;
}

@media (min-width: 768px) {
  #modal-subscribe form {
    width: 75%;
  }
}

.glyphicon-wf-accordion {
  width: 17px;
  height: 17px;
  margin-top: -8px;
  border-radius: 100%;
  line-height: 17px;
  text-align: center;
  background-color: #00334E;
  color: #fff;
  font-size: 7px;
  pointer-events: none;
}

#modal-basket-notification {
  width: 300px;
  padding: 10px;
  background-color: #fff;
}

#modal-basket-notification h2 {
  background-color: #c6dae7;
  padding: 10px;
  font-size: 18px;
}

#modal-basket-notification p {
  margin-bottom: 15px;
  font-size: 18px;
}

#modal-basket-notification img {
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  #modal-basket-notification .btn {
    margin-right: 10px;
  }
}

#modal-basket-notification .btn:last-child {
  margin-right: 0;
}

#modal-basket-notification .basket-notification-buttons {
  text-align: center;
}

#reviews-footer {
  text-align: center;
}

#badge-140 {
  display: inline-block;
  width: 140px;
  margin: 20px 0;
}

#carousel-widget-810 {
  width: 100%;
}

#main-nav > li > a.sale-category-nav-link, .mm-menu .mm-listview > li > .sale-category-nav-link {
  color: #ff2828;
}

@media (min-width: 768px) {
  .sli-service-container {
    margin-top: 92px;
  }
}

.sli-service-container + .container {
  margin-top: 0 !important;
}

.no-bottom-margin {
  margin-bottom: 0;
}

.no-top-margin {
  margin-top: 0;
}

.gutter-margin-bottom {
  margin-bottom: 20px;
}

.row-flex {
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
}

.row-flex.allow-wrap {
  flex-wrap: wrap;
}

label {
  font-weight: normal;
}

label.label-required::after {
  content: ' *';
}

.form-horizontal .control-label {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    width: 25%;
  }
}

@media (min-width: 992px) {
  .form-horizontal .control-label {
    width: 25%;
  }
}

@media (min-width: 1196px) {
  .form-horizontal .control-label {
    width: 25%;
  }
}

.form-horizontal .controls-label-offset {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .form-horizontal .controls-label-offset {
    margin-left: 25%;
  }
}

@media (min-width: 992px) {
  .form-horizontal .controls-label-offset {
    margin-left: 25%;
  }
}

@media (min-width: 1196px) {
  .form-horizontal .controls-label-offset {
    margin-left: 25%;
  }
}

.form-horizontal .controls {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .form-horizontal .controls {
    width: 33.3333333333%;
  }
}

@media (min-width: 992px) {
  .form-horizontal .controls {
    width: 33.3333333333%;
  }
}

@media (min-width: 1196px) {
  .form-horizontal .controls {
    width: 33.3333333333%;
  }
}

.form-horizontal .controls-xs {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .form-horizontal .controls-xs {
    width: 16.6666666667%;
  }
}

@media (min-width: 992px) {
  .form-horizontal .controls-xs {
    width: 16.6666666667%;
  }
}

@media (min-width: 1196px) {
  .form-horizontal .controls-xs {
    width: 16.6666666667%;
  }
}

.form-horizontal .controls-sm {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .form-horizontal .controls-sm {
    width: 25%;
  }
}

@media (min-width: 992px) {
  .form-horizontal .controls-sm {
    width: 25%;
  }
}

@media (min-width: 1196px) {
  .form-horizontal .controls-sm {
    width: 25%;
  }
}

.form-horizontal .controls-md {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .form-horizontal .controls-md {
    width: 41.6666666667%;
  }
}

@media (min-width: 992px) {
  .form-horizontal .controls-md {
    width: 41.6666666667%;
  }
}

@media (min-width: 1196px) {
  .form-horizontal .controls-md {
    width: 41.6666666667%;
  }
}

.form-horizontal .controls-lg {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .form-horizontal .controls-lg {
    width: 75%;
  }
}

@media (min-width: 992px) {
  .form-horizontal .controls-lg {
    width: 75%;
  }
}

@media (min-width: 1196px) {
  .form-horizontal .controls-lg {
    width: 75%;
  }
}

.form-horizontal .field-validation-error {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 0%;
}

@media (min-width: 768px) {
  .form-horizontal .field-validation-error {
    width: 75%;
  }
}

@media (min-width: 992px) {
  .form-horizontal .field-validation-error {
    width: 75%;
  }
}

@media (min-width: 1196px) {
  .form-horizontal .field-validation-error {
    width: 75%;
  }
}

@media (min-width: 768px) {
  .form-horizontal .field-validation-error {
    margin-left: 25%;
  }
}

@media (min-width: 992px) {
  .form-horizontal .field-validation-error {
    margin-left: 25%;
  }
}

@media (min-width: 1196px) {
  .form-horizontal .field-validation-error {
    margin-left: 25%;
  }
}

.field-validation-error {
  display: inline-block;
  padding-top: 2px;
  color: #a94442;
  font-weight: bold;
}

.validation-summary-errors {
  color: #a94442;
}

.validation-summary-errors ul {
  margin: 0 0 20px;
  padding: 0;
  list-style: none outside;
}

.custom-form .alert {
  display: none;
}

.form-group-no-margin {
  margin-bottom: 0;
}

#basket .box-highlight {
  padding: 15px;
}

.basket-options {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .basket-options {
    height: 75px;
  }
}

.basket-options .btn {
  padding-right: 30px;
  padding-left: 30px;
}

@media (min-width: 768px) {
  .basket-options .btn {
    margin-left: 10px;
    float: right;
    font-size: 20px;
  }
}

.basket-options-top {
  margin-top: 20px;
  margin-bottom: 20px;
  height: auto;
}

@media (min-width: 768px) {
  .basket-options-top {
    margin-top: -40px;
  }
}

.basket-form, .summary-content {
  font-size: 10px;
}

@media (min-width: 768px) {
  .basket-form, .summary-content {
    font-size: 12px;
  }
}

@media (min-width: 992px) {
  .basket-form, .summary-content {
    font-size: 14px;
  }
}

.basket-form .thumb, .summary-content .thumb {
  width: 0;
}

.basket-form .thumb a, .summary-content .thumb a {
  display: inline-block;
  width: 100px;
}

.basket-form .qty-input, .summary-content .qty-input {
  margin-bottom: 5px;
  width: auto;
}

.basket-form .btn-delete, .summary-content .btn-delete {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 0;
}

.basket-form .align-right, .summary-content .align-right {
  text-align: right;
}

.basket-form .shipping-methods, .summary-content .shipping-methods {
  display: inline-block;
  max-width: 500px;
}

.basket-form table, .summary-content table {
  margin-bottom: 0;
}

.basket-form td, .summary-content td {
  vertical-align: middle !important;
}

.basket-form .well-container, .summary-content .well-container {
  padding: 16px 0;
}

.basket-form .well-container select, .summary-content .well-container select {
  padding: 5px;
  width: 200px;
}

.basket-form .well-container .delivery-estimate-date, .summary-content .well-container .delivery-estimate-date {
  display: inline-block;
  color: #00927e;
  font-size: 12px;
}

.basket-form .well-container span, .summary-content .well-container span {
  display: block;
}

.basket-form .well-container .box-highlight, .summary-content .well-container .box-highlight {
  margin-bottom: 0;
}

.summary-content tr td:first-child {
  display: none;
}

@media (min-width: 992px) {
  .summary-content tr td:first-child {
    display: inline-block;
  }
}

.box-highlight {
  margin-bottom: 20px;
  border: 1px solid #8299A5;
  padding: 20px;
  font-size: 12px;
}

@media (min-width: 992px) {
  .box-highlight {
    font-size: 14px;
  }
}

.box-highlight h4 {
  margin: 0 0 20px;
}

.box-highlight table {
  width: 100%;
}

.box-highlight > *:last-child {
  margin-bottom: 0;
}

.gift-selection {
  position: relative;
  height: 70px;
}

.gift-selection .selection-inner {
  position: absolute;
  width: 200px;
  right: 0;
}

.gift-selection label {
  display: inline;
}

.payment-logos {
  height: auto;
  float: right;
  max-width: 100%;
}

@media (min-width: 768px) {
  .payment-logos {
    height: 50px;
  }
}

.box-promotional .form-control {
  width: 100%;
  margin-right: 10px;
}

@media (min-width: 768px) {
  .box-promotional .form-control {
    width: auto;
  }
}

.box-promotional .form-group {
  margin-bottom: 0;
}

.box-promotional input[type=submit] {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .box-promotional input[type=submit] {
    margin-top: 0;
  }
}

.add-new-address-form {
  border-top: 1px solid #c6dae7;
  padding-top: 20px;
  display: none;
}

#PaymentProviderForm {
  text-align: center;
}

@media (min-width: 768px) {
  #PaymentProviderForm {
    text-align: right;
  }
}

#PaymentProviderForm .pay-now-container {
  display: inline-block;
  width: 250px;
  border: 1px solid #00927e;
  border-radius: 10px;
}

#PaymentProviderForm .pay-now-container input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#PaymentProviderForm .pay-now-container img {
  padding: 5px;
}

.paypal-submit-container {
  text-align: center;
}

@media (min-width: 768px) {
  .paypal-submit-container {
    text-align: right;
  }
}

.paypal-submit-container .paypal-container {
  position: relative;
  display: inline-block;
  width: 250px;
}

.paypal-submit-container .paypal-container .horizontal-rule-or::after {
  content: 'or';
  position: absolute;
  top: 3px;
  background-color: #fff;
  font-size: 22px;
  width: 50px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}

.submit-container .btn {
  padding-left: 30px;
  padding-right: 30px;
}

.addresses {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .addresses {
    margin-top: 0;
  }
}

#duplicatecustomerprompt-modal {
  margin: 20px;
}

.basket-form table {
  display: block;
}

@media (min-width: 768px) {
  .basket-form table {
    display: table;
  }
}

.basket-form table tbody {
  display: block;
}

@media (min-width: 768px) {
  .basket-form table tbody {
    display: table-row-group;
  }
}

.basket-form table tr {
  display: block;
}

@media (min-width: 768px) {
  .basket-form table tr {
    display: table-row;
  }
}

.basket-form table td {
  display: block;
  padding-left: 50%;
}

@media (min-width: 768px) {
  .basket-form table td {
    display: table-cell;
  }
}

.basket-form table thead {
  display: none;
}

@media (min-width: 768px) {
  .basket-form table thead {
    display: table-header-group;
  }
}

.basket-form table thead .table-head-row {
  border-top: 1px solid #00334E;
}

.basket-form table thead .table-head-row th {
  border-bottom: 1px solid #00334E;
}

.basket-form table th {
  display: none;
}

@media (min-width: 768px) {
  .basket-form table th {
    display: table-cell;
  }
}

.basket-form table .cell-basket {
  margin-bottom: 10px;
  border: 1px solid #00334E;
}

@media (min-width: 768px) {
  .basket-form table .cell-basket {
    margin-bottom: 0;
    border-left: 0;
    border-right: 0;
  }
}

.basket-form table .cell-thumb {
  display: none;
}

@media (min-width: 768px) {
  .basket-form table .cell-thumb {
    display: table-cell;
  }
}

.basket-form table .cell-desc {
  font-weight: bold;
  text-align: left;
  background-color: #c6dae7;
  padding: 8px;
}

@media (min-width: 768px) {
  .basket-form table .cell-desc {
    background-color: #fff;
  }
}

.basket-form table .cell-price {
  text-align: right;
}

.basket-form table .cell-price::before {
  position: absolute;
  left: 20px;
  text-align: left;
  font-weight: bold;
  line-height: 20px;
  content: attr(data-title);
}

@media (min-width: 768px) {
  .basket-form table .cell-price::before {
    content: '';
  }
}

.basket-form table .cell-quantity {
  text-align: right;
}

@media (min-width: 768px) {
  .basket-form table .cell-quantity {
    text-align: left;
  }
}

.basket-form table .cell-quantity .qty-input {
  display: inline-block;
  height: 20px;
  margin: 0;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0 10px;
  text-align: center;
}

@media (min-width: 768px) {
  .basket-form table .cell-quantity .qty-input {
    display: block;
  }
}

.basket-form table .cell-quantity::before {
  float: left;
  text-align: left;
  font-weight: bold;
  line-height: 20px;
  content: attr(data-title);
}

@media (min-width: 768px) {
  .basket-form table .cell-quantity::before {
    content: '';
  }
}

.basket-form table .cell-subtotal {
  display: none;
}

@media (min-width: 768px) {
  .basket-form table .cell-subtotal {
    display: table-cell;
  }
}

.basket-form table .basket-subtotal {
  border: 1px solid #00334E;
  border-top: 0;
  border-bottom: 0;
}

@media (min-width: 768px) {
  .basket-form table .basket-subtotal {
    border-left: 0;
    border-right: 0;
  }
}

.basket-form table .basket-subtotal .cell-basket-subtotal::before {
  float: left;
  text-align: left;
  font-weight: bold;
  line-height: 20px;
  content: attr(data-subtotal);
}

@media (min-width: 768px) {
  .basket-form table .basket-subtotal .cell-basket-subtotal::before {
    content: '';
  }
}

.basket-form table .basket-delivery {
  border-top: 0;
  border-bottom: 0;
}

.basket-form table .basket-delivery span {
  line-height: 30px;
}

.basket-form table .basket-delivery select {
  width: 150px;
  display: inline-block;
}

@media (min-width: 768px) {
  .basket-form table .basket-delivery select {
    width: 100%;
  }
}

.basket-form table .basket-delivery .cell-delivery {
  border: 1px solid #00334E;
  border-bottom: 0;
}

@media (min-width: 768px) {
  .basket-form table .basket-delivery .cell-delivery {
    border-left: 0;
    border-right: 0;
  }
}

.basket-form table .basket-delivery .cell-delivery::before {
  float: left;
  text-align: left;
  font-weight: bold;
  line-height: 20px;
  content: attr(data-delivery);
}

@media (min-width: 768px) {
  .basket-form table .basket-delivery .cell-delivery::before {
    content: '';
  }
}

.basket-form table .delivery-estimate-row {
  border: 1px solid #00334E;
}

@media (min-width: 768px) {
  .basket-form table .delivery-estimate-row {
    border-left: 0;
    border-right: 0;
  }
}

.basket-form table .delivery-estimate-row .delivery-estimate {
  text-align: left;
  padding: 8px;
}

@media (min-width: 768px) {
  .basket-form table .delivery-estimate-row .delivery-estimate {
    text-align: right;
    border-top: 0;
  }
}

.basket-form table .delivery-estimate-row .delivery-estimate .delivery-date {
  color: #00927e;
  display: block;
}

@media (min-width: 768px) {
  .basket-form table .delivery-estimate-row .delivery-estimate .delivery-date {
    display: inline-block;
  }
}

.basket-form table .delivery-estimate-row .delivery-estimate div:first-child {
  margin-bottom: 5px;
}

.basket-form table .delivery-estimate-row .delivery-estimate input {
  vertical-align: sub;
}

.basket-form table .delivery-speed {
  text-align: left;
  font-weight: bold;
  padding: 8px;
  border: 1px solid #00334E;
  border-bottom: 0;
}

@media (min-width: 768px) {
  .basket-form table .delivery-speed {
    text-align: right;
    border-left: 0;
    border-right: 0;
  }
}

.basket-form table .cell-total {
  background-color: #c6dae7;
  border: 1px solid #00334E;
}

@media (min-width: 768px) {
  .basket-form table .cell-total {
    background-color: #fff;
    border-left: 0;
    border-right: 0;
  }
}

.basket-form table .cell-total::before {
  float: left;
  text-align: left;
  font-weight: bold;
  line-height: 20px;
  content: attr(data-total);
}

@media (min-width: 768px) {
  .basket-form table .cell-total::before {
    content: '';
  }
}

.basket-form table .no-border {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.basket-form table .basket-gift {
  margin: 10px 0;
  border-top: 0;
  border: 1px solid #00334E;
}

@media (min-width: 768px) {
  .basket-form table .basket-gift {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
}

.basket-form table .basket-gift td {
  text-align: left;
  padding: 8px;
  border-top: 0;
}

@media (min-width: 768px) {
  .basket-form table .basket-gift td {
    text-align: right;
    border-bottom: 0;
  }
}

.basket-form table .basket-gift td input {
  vertical-align: sub;
}

.basket-form .cell-basket-subtotal::before {
  float: left;
  text-align: left;
  font-weight: bold;
  line-height: 20px;
  content: attr(data-subtotal);
}

@media (min-width: 768px) {
  .basket-form .cell-basket-subtotal::before {
    content: '';
  }
}

.basket-form .cell-shipping::before {
  float: left;
  text-align: left;
  font-weight: bold;
  line-height: 20px;
  content: attr(data-shipping);
}

@media (min-width: 768px) {
  .basket-form .cell-shipping::before {
    content: '';
  }
}

.amazon-promotional-container {
  margin-left: 2%;
  float: left;
  width: 35%;
}

.amazon-basket-header h3 {
  background-color: #eeeeee;
  padding: 5px;
}

.amazon-footer-stuff h4 {
  font-weight: bold;
}

.amazon-footer-stuff p {
  margin-top: 20px;
  min-height: 80px;
}

.amazon-payment-button-container {
  float: right;
}

.amazon-payment-button-container .complete-order-button {
  padding-left: 50px;
  padding-right: 50px;
}

.amazon-remove-offer {
  margin-left: 5px;
}

.amazon-postage-holder .radio {
  margin-left: 20px;
}

.amazon-basket-layout-container {
  margin-top: 20px;
}

.amazon-summary-container table tbody tr td {
  border: none;
}

.signups-complete-page {
  min-height: 150px;
  border-style: solid;
}

.complete-details {
  min-height: 150px;
}

.checkbox-signups {
  margin-bottom: 20px !important;
}

.refer-a-friend {
  margin-bottom: 10px;
}

.refer-a-friend a {
  color: #00927e;
}

.marketing-preferences label {
  margin-right: 20px;
}

.marketing-preferences .error-msg {
  display: none;
  float: right;
  color: #a94442;
}

.progress-select {
  margin-top: 10px;
}

.checkout-progress {
  margin: 10px 0 20px;
  overflow: hidden;
}

.checkout-progress:before, .checkout-progress:after {
  display: table;
  content: " ";
}

.checkout-progress:after {
  clear: both;
}

.checkout-progress .glyphicon {
  position: absolute;
  left: 32px;
  top: 50%;
  margin-top: -.5em;
  color: #00927e;
}

.checkout-progress ol {
  margin: 0;
  padding: 0;
  text-align: center;
}

.checkout-progress li {
  display: block;
  padding: 0 15px 0 60px;
  height: 40px;
  line-height: 40px;
  list-style: none outside;
  float: left;
  position: relative;
  background-color: #CEDEE7;
  color: #00334E;
  font-size: 12px;
}

.checkout-progress li::before {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: 30px;
  border-radius: 50%;
  background-color: #00334E;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

.checkout-progress li:nth-child(1) {
  padding-left: 45px;
  z-index: 4;
}

.checkout-progress li:nth-child(1) .glyphicon {
  left: 18px;
}

.checkout-progress li:nth-child(1)::before {
  content: "1";
  left: 15px;
}

.checkout-progress li:nth-child(2) {
  z-index: 3;
}

.checkout-progress li:nth-child(2)::before {
  content: "2";
}

.checkout-progress li:nth-child(3) {
  z-index: 2;
}

.checkout-progress li:nth-child(3)::before {
  content: "3";
}

.checkout-progress li:nth-child(4) {
  z-index: 1;
}

.checkout-progress li:nth-child(4)::before {
  content: "4";
}

.checkout-progress .chevron {
  position: absolute;
  top: 0;
  right: -14px;
  display: block;
  border: 20px solid transparent;
  border-right: 0;
  border-left: 14px solid #fff;
}

.checkout-progress .chevron::before {
  position: absolute;
  top: -20px;
  right: 1px;
  display: block;
  border: 20px solid transparent;
  border-right: 0;
  border-left: 14px solid #CEDEE7;
  content: ' ';
}

.checkout-progress li:last-child .chevron {
  border-left-color: #CEDEE7;
}

.checkout-progress .current {
  background-color: #00334E;
  color: #fff;
}

.checkout-progress .current::before {
  background-color: #fff;
  color: #00334E;
}

.checkout-progress .current a {
  color: #fff;
}

.checkout-progress .current .chevron {
  border-left-color: #00334E !important;
}

.checkout-progress .current .chevron::before {
  display: none;
}

.checkout-progress .complete::before {
  display: none;
}

.checkout-progress .complete a {
  color: #00334E;
}

.checkout-options {
  margin-top: 20px;
}

.checkout-options .form-horizontal label {
  text-align: left;
}

.checkout-options .payment-icons {
  margin-bottom: 20px;
}

.login-form .control-label {
  width: 100%;
}

@media (min-width: 768px) {
  .login-form .control-label {
    width: 35%;
  }
}

.login-form .controls {
  width: 100%;
}

@media (min-width: 768px) {
  .login-form .controls {
    width: 65%;
  }
}

@media (min-width: 768px) {
  .login-form .col-custom-offset {
    margin-left: 35%;
  }
}

.login-form .has-password, .login-form .no-password {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px 10px;
  margin-bottom: 10px;
}

.login-form .has-password.active, .login-form .no-password.active {
  background-color: #ddd;
}

.login-form .has-password label, .login-form .no-password label {
  display: block;
  margin-bottom: 0;
}

.login-form .has-password input, .login-form .no-password input {
  margin-right: 10px;
  margin-top: 0;
  vertical-align: sub;
}

.login-form .no-password {
  margin-bottom: 0;
}

.box-payment-method {
  padding-bottom: 200px;
  position: relative;
}

.payment-method-options {
  position: absolute;
  bottom: 20px;
  width: 300px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

@media (min-width: 768px) {
  .payment-method-options {
    right: 20px;
    left: auto;
  }
}

.payment-method-options h4 {
  margin-bottom: 15px;
}

.payment-method-options .checkbox + .checkbox {
  margin-top: 0;
}

.payment-method-options .payment-button {
  display: block;
  margin-top: 30px;
}

.payment-method-options .payment-button img {
  vertical-align: top;
}

.checkout-address {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .checkout-address {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .checkout-address {
    width: 29.1666666667%;
  }
}

@media (min-width: 1196px) {
  .checkout-address {
    width: 29.1666666667%;
  }
}

.checkout-password {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .checkout-password {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .checkout-password {
    width: 20.8333333333%;
  }
}

@media (min-width: 1196px) {
  .checkout-password {
    width: 20.8333333333%;
  }
}

.checkout-address-static {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .checkout-address-static {
    width: 25%;
  }
}

@media (min-width: 992px) {
  .checkout-address-static {
    width: 25%;
  }
}

@media (min-width: 1196px) {
  .checkout-address-static {
    width: 25%;
  }
}

.address-selector {
  margin: 0;
  padding: 0;
  list-style: none outside;
}

.address-selector .address, .address-selector .address-no-hover {
  border: 1px solid #8299A5;
  padding: 10px;
  margin: 20px 0;
}

@media (min-width: 992px) {
  .address-selector .address, .address-selector .address-no-hover {
    padding: 20px;
  }
}

.address-selector .address .selected, .address-selector .address-no-hover .selected {
  background-color: #CEDEE7;
}

.address-selector .address input[type="radio"], .address-selector .address-no-hover input[type="radio"] {
  margin: -1px 10px 0 0;
  vertical-align: middle;
}

.address-selector .address span, .address-selector .address-no-hover span {
  display: block;
  float: right;
  margin-top: -5px;
}

.address-selector .address .editcontact, .address-selector .address .deletecontact, .address-selector .address-no-hover .editcontact, .address-selector .address-no-hover .deletecontact {
  margin-left: 10px;
}

.address-selector .address p, .address-selector .address-no-hover p {
  margin: 0;
}

.address-selector .address form, .address-selector .address-no-hover form {
  display: inline-block;
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .address-selector .address form, .address-selector .address-no-hover form {
    float: right;
    margin: -5px 0 0 10px;
  }
}

.address-selector .address {
  cursor: pointer;
}

.address-selector .address:hover {
  background-color: #CEDEE7;
}

.address-controls {
  float: left;
  margin-right: 10px;
}

@media (min-width: 992px) {
  .address-controls {
    float: right;
    margin: 0;
  }
}

.address-controls form {
  display: inline-block;
}

.radio-hide {
  position: absolute;
  top: -10em;
  left: -10em;
  opacity: 0;
}

#billing-form {
  margin: 20px 0;
}

.password-form .inner {
  padding: 20px 0 0;
  border: 1px solid #00334E;
  border-width: 1px 0 0 0;
}

@media (min-width: 992px) {
  .password-form .inner {
    padding: 20px 20px 5px;
    border-width: 1px;
  }
}

.password-form .controls.controls-full {
  width: 100%;
}

@media (min-width: 768px) {
  .password-form .controls.controls-full {
    width: 75%;
  }
}

@media (min-width: 992px) {
  .password-form .controls.controls-full {
    width: 100%;
  }
}

.password-form .controls-label-offset {
  margin-left: 0;
}

@media (min-width: 768px) {
  .password-form .controls-label-offset {
    margin-left: 25%;
  }
}

@media (min-width: 992px) {
  .password-form .controls-label-offset {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .password-form .control-label {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
  }
  .password-form .controls {
    width: 60%;
  }
  .password-form .field-validation-error {
    margin-left: 0;
    width: 100%;
  }
}

.password-form-lg {
  margin-bottom: 20px;
}

.password-form-lg .inner {
  border: 1px solid #8299A5;
  background-color: #f5f7f8;
  padding: 20px 20px 5px;
}

.validation-summary-errors {
  margin-top: 10px;
}

.order-summary .signup-box {
  border: 1px solid #00334E;
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
  border-radius: 5px;
}

.order-summary .signup-box h4 {
  margin: 0 0 15px;
}

.order-summary .signup-box form {
  margin-bottom: -10px;
}

.order-summary .btn-dosignups {
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .order-summary .btn-dosignups {
    position: absolute;
    right: 20px;
    bottom: 10px;
  }
}

#gutscheinconnection-container img {
  max-width: 100% \9;
  max-width: 100%;
  height: auto;
}

.accept-terms {
  font-weight: bold;
}

.accept-terms a {
  text-decoration: underline;
}

.amazon-checkout-loader {
  display: none;
  float: left;
  width: 100%;
  height: 100%;
}

.amazon-checkout-errors .alert {
  font-weight: bold;
  margin-top: 20px;
}

.amazon-checkout-errors-hidden {
  display: none;
}

#logout-form {
  float: left;
  margin-right: 10px;
}

#find-a-store-form .groups {
  margin-bottom: 10px;
}

#find-a-store-form .group {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  #find-a-store-form .group {
    width: 50%;
    float: left;
    padding-right: 20px;
  }
}

@media (min-width: 992px) {
  #find-a-store-form .group {
    width: 25%;
  }
}

#find-a-store-form .group-remaining {
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  #find-a-store-form .group-remaining {
    width: 50%;
    margin-bottom: -50px;
    float: left;
  }
}

@media (min-width: 992px) {
  #find-a-store-form .group-remaining .inner {
    margin-top: -13px;
  }
}

#find-a-store-form .checkbox-inline {
  min-width: 80px;
  margin-left: 0;
  margin-right: 10px;
}

#find-a-store-form .checkbox-narrow {
  min-width: 60px;
}

#store-locator-map-canvas {
  margin: 20px 0;
  padding-bottom: 80%;
}

@media (min-width: 768px) {
  #store-locator-map-canvas {
    padding-bottom: 50%;
  }
}

@media (min-width: 992px) {
  #store-locator-map-canvas {
    padding-bottom: 40%;
  }
}

@media (min-width: 1196px) {
  #store-locator-map-canvas {
    padding-bottom: 30%;
  }
}

#store-locator-map-canvas .gm-iw-content a {
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
}

#store-locator-results, #address-suggestions {
  margin-bottom: -20px;
}

#store-locator-results ul, #address-suggestions ul {
  margin: 0;
  padding: 0;
  list-style: none outside;
  font-size: 16px;
}

#store-locator-results li, #address-suggestions li {
  margin-bottom: 20px;
}

#store-locator-results li span, #address-suggestions li span {
  opacity: 0.6;
}

@media (min-width: 992px) {
  #store-locator-results li span, #address-suggestions li span {
    float: right;
  }
}

.find-a-store-form-wrapper {
  margin-bottom: 20px;
}

#address-suggestions {
  margin-top: 20px;
}

#storesignup table, #storesignup form {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#storesignup table {
  font-size: 11px;
}

#storesignup .well form {
  margin-bottom: -15px;
}

#storesignup .sign-up-form label {
  font-size: 16px;
  text-align: left;
}

#storesignup .sign-up-form .submit-container {
  margin-bottom: 15px;
  text-align: right;
}

#storesignup #CatalogueIssued {
  margin-top: 10px;
}

.simple .breadcrumb-container {
  padding: 20px 0 20px 0;
}

.simple #breadcrumbs li {
  font-size: 30px;
  color: #636363;
}

.simple #breadcrumbs li a {
  text-decoration: underline;
  color: #636363;
}

.simple #breadcrumbs li::after {
  content: '» ';
}

.simple #breadcrumbs li:last-child::after {
  content: '';
}

.delivery-tabs {
  padding: 0;
  margin: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .delivery-tabs {
    display: flex;
  }
}

.delivery-tabs li {
  padding: 0;
  margin: 20px 0 0 0;
}

@media (min-width: 768px) {
  .delivery-tabs li {
    margin-top: 0;
    width: 50%;
    display: flex;
  }
  .delivery-tabs li:first-child {
    margin-right: 10px;
  }
  .delivery-tabs li:last-child {
    margin-left: 10px;
  }
}

.delivery-tabs li a {
  display: block;
  font-weight: bold;
  font-size: 22px;
  padding: 10px 20px;
  border: solid 1px #00334E;
  border-radius: 4px;
  width: 100%;
}

.delivery-tab-selected {
  background-color: #CEDEE7;
}

#delivery-click-and-collect {
  display: none;
  position: relative;
  height: 500px;
  margin-top: 20px;
  border: solid 1px #00334E;
  border-radius: 4px;
}

#delivery-click-and-collect-map {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#delivery-click-and-collect-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

@media (min-width: 768px) {
  #delivery-click-and-collect-overlay {
    top: 65px;
    left: 0;
    width: 300px;
    margin-right: 10px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

#delivery-click-and-collect-overlay::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(185, 185, 185, 0.3);
  border-radius: 10px;
  margin: 0 0 10px 0;
}

#delivery-click-and-collect-overlay::-webkit-scrollbar {
  width: 12px;
}

#delivery-click-and-collect-overlay::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #676767;
}

#delivery-click-and-collect-overlay .destinations .slick-track {
  display: flex;
  align-items: baseline;
}

#delivery-click-and-collect-overlay .destinations .custom-slick-prev, #delivery-click-and-collect-overlay .destinations .custom-slick-next {
  position: absolute;
  display: flex !important;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  font-size: 26px;
  z-index: 1000;
  top: auto;
  bottom: 35px;
  width: 50px;
  height: 50px;
}

#delivery-click-and-collect-overlay .destinations .custom-slick-prev:before, #delivery-click-and-collect-overlay .destinations .custom-slick-next:before {
  color: #fff;
  font-size: 40px;
}

#delivery-click-and-collect-overlay .destinations .custom-slick-next {
  right: 10px;
}

#delivery-click-and-collect-overlay .destinations .custom-slick-prev {
  left: 10px;
}

.destination-search {
  position: absolute;
  width: 75%;
  top: 10px;
  left: 10px;
  right: 10px;
}

@media (min-width: 768px) {
  .destination-search {
    width: 268px;
  }
}

.destination-search input[type=search] {
  height: 50px;
  padding: 0 80px 0 10px;
  color: #00334E;
  border-radius: 4px;
  border-color: #476171;
  font-size: 14px;
}

.destination-search input[type=search]::-webkit-input-placeholder {
  color: #00334E;
}

.destination-search input[type=search]::-moz-placeholder {
  color: #00334E;
}

.destination-search input[type=search]:-ms-input-placeholder {
  color: #00334E;
}

.destination-search input[type=search]::-ms-input-placeholder {
  color: #00334E;
}

.destination-search input[type=search]::placeholder {
  color: #00334E;
}

.destination-search button {
  width: 80px;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
  color: #fff;
  background-color: #00927e;
  border: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.delivery-click-and-collect-destination {
  background-color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 3px;
  margin: 0 75px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.22);
  cursor: pointer;
}

@media (min-width: 768px) {
  .delivery-click-and-collect-destination {
    display: block;
    margin: 0 10px 10px 10px;
  }
}

.delivery-click-and-collect-destination h3 {
  margin: 0;
  padding: 10px 10px 0 10px;
  font-size: 16px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .delivery-click-and-collect-destination h3 {
    padding: 10px 10px 0 10px;
  }
}

.delivery-click-and-collect-destination h3 span {
  display: inline-block;
  text-align: center;
}

.delivery-click-and-collect-destination h3 img {
  vertical-align: top;
  margin: 0 auto;
  margin-bottom: 10px;
}

.delivery-click-and-collect-destination h3.error {
  color: #CC0000;
  padding-bottom: 10px;
  font-size: 21px;
}

.delivery-click-and-collect-destination p {
  margin: 0;
  padding: 5px 10px;
}

.delivery-click-and-collect-destination table {
  margin: 5px auto;
}

.delivery-click-and-collect-destination table th, .delivery-click-and-collect-destination table td {
  font-size: 12px;
  padding: 2px 5px;
  text-align: left;
}

.delivery-click-and-collect-destination .destination-detail.destination-detail-hidden {
  display: none;
}

.delivery-click-and-collect-destination button {
  width: 100%;
  background-color: #00927e;
  color: #fff;
  font-weight: bold;
  border: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 10px;
  font-size: 18px;
  margin-top: 5px;
}

.click-collect-square {
  float: left;
  background: #fff;
  border: solid 2px #00334E;
  border-radius: 4px;
  width: 310px;
  line-height: 280px;
  padding: 10px;
  margin-right: 100px;
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 22px;
}

.click-collect-label {
  font-weight: bold;
  font-size: 22px;
}

.click-collect-text {
  width: 50%;
  font-weight: bold;
  border: solid 2px #00334E;
  border-radius: 4px;
  padding: 10px;
  font-size: 18px;
  margin-top: 5px;
}

.click-collect-content {
  width: 50%;
  padding: 10px;
  font-size: 16px;
  margin-top: 5px;
}

#amazon-address-book-widget {
  min-width: 300px;
  min-height: 228px;
  max-height: 400px;
}

#amazon-wallet-widget {
  min-width: 300px;
  min-height: 228px;
  max-height: 400px;
}

/* Smartphone and small window */
#amazon-address-book-widget {
  width: 100%;
  height: 228px;
}

#amazon-wallet-widget {
  width: 100%;
  height: 228px;
}

.amazon-checkout-billing-continue {
  padding-top: 20px;
}

.asset-text .wp-content a {
  color: #00334e;
}

.accord {
  background: #FFF;
  cursor: pointer;
  padding: 0 10px;
  width: 100%;
  text-align: left;
  border: solid #00334e;
  border-width: 1px 0 0;
  outline: none;
  transition: 0.8s;
}

.accord-group {
  border-bottom: 1px solid #00334e;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accord:hover {
  background-color: #C6DAE5;
}

/* Style the accordion accpan. Note: hidden by default */
.accpan {
  padding: 10px;
  background-color: white;
  display: none;
  overflow: hidden;
  border: solid #00334e;
  border-width: 1px 0 0;
}

.accpan h5 {
  font-size: 16px;
}

.accpan a {
  color: #64ccc9;
}

.accpan a:hover {
  color: #00617f;
}