/* Import settings.scss with all of the colours etc */
/* Template dir */
/* Images version */
/* Colour scheme */
#miniBagWrapper .mini-bag-flyout {
  position: absolute;
  z-index: 801;
  /*top: 44px;*/
  top: 59px;
  left: auto;
  right: 0;
  width: 350px;
  background: #fff;
  line-height: 20px;
  box-shadow: 1px 1px 1px rgba(62, 60, 66, 0.2);
  -webkit-box-shadow: 1px 1px 1px rgba(62, 60, 66, 0.2);
  -moz-box-shadow: 1px 1px 1px rgba(62, 60, 66, 0.2);
  }

#miniBagWrapper .mini-bag-flyout .mini-bag-scrolling {
  max-height: 315px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  transition: max-height .25s ease-in; }

#miniBagWrapper .mini-bag-flyout .mini-bag-scrolling:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
    right: 19px;
}

#miniBagWrapper .mini-bag-flyout .mini-bag-scrolling.empty {
  max-height: 0; }

#miniBagWrapper .mini-bag-flyout .mini-bag-scrolling-scroll {
  border-bottom: 1px solid #ddd; }

#miniBagWrapper .mini-bag-flyout .mini-bag-item {
  min-height: 80px;
  margin: 1.25em 10px 0;
  display: block;
  position: relative; }

#miniBagWrapper .mini-bag-flyout .mini-bag-item .mini-bag-item-image {
  position: absolute;
  left: 0;
  top: 0;
  left: 0; }

#miniBagWrapper .mini-bag-flyout .mini-bag-item .item-details {
  float: left;
  margin: 0 10px 0 90px;
  text-decoration: none; }

#miniBagWrapper .mini-bag-flyout .mini-bag-item .item-details.mini_basket_remove_item {
  font-size: .65em;
  margin-top: .5em;
  clear: both; }

#miniBagWrapper .mini-bag-flyout .mini-bag-item .item-details.mini_basket_remove_item > img {
  display: inline-block;
  margin-right: .25em; }

#miniBagWrapper .mini-bag-flyout .mini-bag-item .mini-bag-name-size {
  display: block;
  margin: 0;
  font-size: .8em;
  line-height: 1.4; }

#miniBagWrapper .mini-bag-flyout .mini-bag-item .mini-bag-name-size > span {
  display: block;
  margin: 0 0 .25em; }

#miniBagWrapper .mini-bag-flyout .mini-bag-item .mini-rrp-price {
  display: block;
  font-size: .8em;
  font-weight: bold; }

#miniBagWrapper .mini-bag-flyout .mini-bag-item .mini-members-price {
  display: block;
  font-size: .8em; }

#miniBagWrapper .mini-bag-flyout .mini-bag-item .mini-bag-price {
  font-size: .8em;
  line-height: 1.4;
  padding-right: 3px;
  font-weight: bold; }

#miniBagWrapper .mini-bag-flyout .mini-bag-item .was-price {
  /*font-size: 0.64em;*/
  text-decoration: line-through;
  font-size: .8em;
  margin-right: 5px; }

#miniBagWrapper .mini-bag-flyout .mini-bag-item .pre-order {
  display: block;
  color: #ba2831;
  margin-bottom: 0; }

#miniBagWrapper .mini-bag-flyout .mini-bag-totals {
  float: left;
  clear: both;
  margin: 1.25em 0 10px;
  width: 100%; }

#miniBagWrapper .mini-bag-flyout .mini-bag-totals .mini-bag-totals-items {
  padding: 0 10px;
  display: none; }

#miniBagWrapper .mini-bag-flyout .mini-bag-totals .mini-bag-totals-costs {
  margin: 0 10px;
  text-align: right;
  border-top: 1px solid #ddd;
  padding-top: 10px; }

#miniBagWrapper .mini-bag-flyout .mini-bag-totals .total-items-label,
#miniBagWrapper .mini-bag-flyout .mini-bag-totals .total-subtotal-label {
  display: inline-block;
  margin: 0 10px 0 0;
  text-align: right; }

#miniBagWrapper .mini-bag-flyout .mini-bag-totals .total-subtotal-label {
  line-height: 10px;
  margin-top: 5px; }

#miniBagWrapper .mini-bag-flyout .mini-bag-totals .total-items-total,
#miniBagWrapper .mini-bag-flyout .mini-bag-totals .total-subtotal-total {
  display: inline-block;
  margin: 0 0 0 0;
  text-align: right;
  vertical-align: top; }

#miniBagWrapper .mini-bag-flyout .mini-bag-delivery {
  display: none; }

#miniBagWrapper .mini-bag-flyout .mini-bag-delivery > div {
  clear: both;
  margin: 0 10px 10px;
  font-size: 0.8em;
  line-height: 3;
  text-align: center;
  border: 2px solid #00559d; }

#miniBagWrapper .mini-bag-flyout .mini-bag-buttons a {
  display: inline-block;
  width: 96%;
  text-align: center;
  background: #B5BD00;
  color: #fff !important;
  border: 0;
  font-size: 1em;
  margin: 2%;
  border-radius: 5px; }

#miniBagWrapper .mini-bag-flyout .mini-bag-buttons a:first-of-type {
  border-right: 1px solid #fff;
  margin-right: 0; }

.mini-bag-line {
  height: 1px;
  background: #969090;
  margin: 4% 2% 0% 2%;
  position: initial;
}

.non-member-saving {
  font-size: 0.8em;
  font-weight: bold;
  padding: 4% 0% 3% 10%;
  color: #0790BF;
}

.non-member-info {
  padding: 0% 2%;
  font-size: .9em;
  text-align: center;
}

.min-bag-add-discount-card {
  font-size: 0.8em;
  font-weight: bold;
  color: #0790BF;
  text-align: center;
  padding: 3% 0%;
}

.mini-bag-member-info {
  font-size: 0.8em;
  font-weight: bold;
  color: #0790BF;
  text-align: center;
  padding-top: 4%;
}

span.mini-bag-name-size span.name,span.mini-bag-name-size span.brand {
  font-weight: 600;
}

.mini-members-price_vaild {
  font-weight: bold;
  color: #0790BF !important;
  font-size: .8em;
}

.font-normal {
  font-weight: normal !important;
}

.min-bag-add-discount-card a {
  color: #0790BF !important;
}

#miniBagWrapper .mini-bag-flyout .mini-bag-buttons a:hover,
#miniBagWrapper .mini-bag-flyout .mini-bag-buttons a:focus {
  text-decoration: underline; }

.mini-bag-scrolling::-webkit-scrollbar {
  -webkit-appearance: none; }

.mini-bag-scrolling::-webkit-scrollbar:vertical {
  width: 12px; }

.mini-bag-scrolling::-webkit-scrollbar:horizontal {
  height: 12px; }

.mini-bag-scrolling::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #fff; }

.mini-bag-scrolling::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff; }

@media only screen and (min-width: 1280px) {
  #miniBagWrapper .mini-bag-flyout {
    /*top: 50px;*/
    width: 370px; } }

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