/* tablet, desktop */
@media only print, screen and (min-width: 768px) {
  /*
    basket-color.css

    This file contains rules used on the basket page
    This is a color-specific css file containing *ONLY* color-related rules
    (color, background, border, outline, box-shadow, border-radius, opcaity, etc.)
*/
  .cart-promo,
  .approachingPromoExpandTrigger {
    background: #d2d2d2;
    color: #323232;
  }
  .cart-promo span {
    color: #dd1e29;
  }
  .promoBasket a {
    color: #42515b;
  }
  .promoBasket a:hover {
    color: #42515b;
  }
  .checkout-cart-links {
    background: none repeat scroll 0 0 #D2D2D2;
  }
  .headerBasket,
  .summaryHeader {
    color: #42515b;
  }
  .orderSummaryBasket .orderTotals {
    color: #828282;
  }
  .appliedCoupon .couponCode,
  .orderSummaryBasket .orderTotals li.order-total,
  .appliedCoupon .couponRemoveLink {
    color: #323232;
  }
  .promotionDetails {
    color: #dd1e29;
  }
  .basketLeftColumnButtons .button {
    background: url("../../img/myacc_cs_arrow.png") no-repeat scroll 93% 50% #828282;
    color: #FFFFFF;
  }
  .basketLeftColumnButtons .basketButtonRight,
  .basketActionButtons .button {
    background: url("../../img/myacc_cs_arrow.png") no-repeat scroll 93% 50% #dd1e29;
    color: #FFFFFF;
  }
  .basketPriceInRed {
    color: #12515B;
  }
  .basketMobilePrices {
    color: #12515B;
  }
  .productDetailsBasket a {
    color: #323232;
  }
  .productDetailsBasket .variationsDesktop p {
    color: #42515B;
  }
  .basketPriceLineThrough {
    color: #dd1e29;
  }
  .productImageWrapper {
    background-color: #f9f9f9;
  }
  .leftColumnBasket .promoBasket a {
    text-align: left;
  }
  .leftColumnBasket .promoBasket .activated {
    text-align: left;
  }
  .rightColumnBasket .promotionalcodeButton,
  .leftColumnBasket .promotionalcodeButton {
    box-shadow: none;
  }
  .promoBasket .inputPromotional {
    border: 1px solid #000;
    color: #878787;
    background: white;
  }
  .emptyBasket {
    background: none repeat scroll 0 0 #F5F5F5;
    color: #DD1E29;
  }
  .moveToFavorites,
  .remove,
  .editdetails {
    background: none;
    border: none;
  }
  .productImageSkuBasket,
  .couponSkuBasket {
    border: 1px solid #d2d2d2;
    outline: none;
  }
  .bagItemBasket {
    border-bottom: 1px solid #D2D2D2;
  }
  .leftColumnBasket .last {
    border: none;
  }
  .promotionalCodeBasket {
    border: 2px solid #e1e1e1;
    border: 1px solid #d2d2d2;
  }
  .moveToFavorites,
  .remove,
  .editdetails {
    color: #858585;
  }
  .leftColumnBasket .promotionalCodeBasket {
    border: 2px solid #e1e1e1;
    border: 1px solid #d2d2d2;
  }
  .leftColumnBasket .promotionalcodeButton {
    background-image: url("../../img/arrow_btn.png");
    background-position: 85% 50%;
    background-repeat: no-repeat;
  }
  .validationMessage,
  .orderSummaryBasket .orderTotals li.discount {
    color: #DD1E29;
  }
  .rightColumnBasket .promotionalcodeButton {
    border: 0 none;
    border-radius: 0 0 0 0;
  }
  .leftColumnBasket .promoBasket a {
    outline: none;
  }
  .productActionsBasket label {
    color: #42515B;
  }
  .leftColumnBasket .promoBasket {
    border: 2px solid #e1e1e1;
    border: 1px solid #d2d2d2;
  }
  .bagItemBasket .customSelect:before {
    background: url("../../img/dropdown-arrow.png") no-repeat scroll 50% 100% rgba(0, 0, 0, 0);
    background-position-y: 4px;
  }
  .bagItemBasket .customSelect.quantitySelect {
    background-color: #ffffff 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff 50%), to(#ededee 50%));
    background: -webkit-linear-gradient(top, #ffffff 50%, #ededee 50%);
    background: -moz-linear-gradient(top, #ffffff 50%, #ededee 50%);
    background: -ms-linear-gradient(top, #ffffff 50%, #ededee 50%);
    background: -o-linear-gradient(top, #ffffff 50%, #ededee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff 50%', endColorstr='#ededee 50%', GradientType=0);
  }
  .bagItemBasket .customSelect.quantitySelect select {
    background: transparent;
  }
  .productAvailabilityBasket {
    color: #858585;
  }
  .price-adjusted-total {
    color: #42515B;
  }
  .promo-adjustment {
    border-bottom: 1px solid #d2d2d2;
  }
  .productSummaryBasket .basketMobilePrices .promo-adjustment {
    border-bottom: 0;
  }
  .recommendations {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
  }
  .checkout-cart-links div {
    color: #828282;
  }
  /*
    basket-font.css

    This file contains rules used on the basket page
    This is a font-specific css file containing *ONLY* font-related rules
    (font-size, text-align, line-height, text-decoration, etc.)
*/
  .helveticaNeueBoldCnd {
    font-family: 'HelveticaNeueBoldCnd';
  }
  .helveticaNeueBold {
    font-family: 'HelveticaNeueBold';
  }
  .helveticaNeueLight {
    font-family: 'HelveticaNeueLight';
  }
  .helveticaNeueMedCn {
    font-family: 'HelveticaNeueMedCn';
  }
  .helveticaNeueBoldCnd {
    font-family: 'HelveticaNeueBoldCnd';
  }
  .helveticaNeue57Cnd {
    font-family: 'HelveticaNeue57Cnd';
  }
  .helveticaNeueBold {
    font-family: 'HelveticaNeueBold';
  }
  .appliedCoupon .promotionDetails {
    font-family: 'HelveticaNeue57Cnd';
    font-size: 12px;
  }
  .checkout-cart-links div {
    font-size: 12px;
    font-family: 'HelveticaNeueBold';
  }
  .contactdetails span {
    font-size: 12px;
    font-family: 'HelveticaNeueBoldCnd';
  }
  .appliedCoupon .couponCode,
  .appliedCoupon .couponRemoveLink {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 12px;
  }
  .welcomeNoteBasket {
    font-size: 12px;
    font-family: 'HelveticaNeue57Cnd';
  }
  .contactdetails {
    font-size: 12px;
    font-family: 'HelveticaNeue57Cnd';
  }
  .headerBasket {
    font-size: 22px;
    font-family: 'HelveticaNeueBoldCnd';
  }
  .firstname {
    font-size: 12px;
    font-family: 'HelveticaNeueBoldCnd';
  }
  .headerBasket p {
    font-size: 12px;
    font-family: 'HelveticaNeue57Cnd';
  }
  .summaryTotalBasaket,
  .productSummaryBasket,
  .promoBasket a {
    font-size: 16px;
    font-family: 'HelveticaNeueBoldCnd';
  }
  .basketLeftColumnButtons .button,
  .basketLeftColumnButtons .basketButtonRight {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 16px;
  }
  .cart-promo,
  .approachingPromoExpandTrigger {
    font-size: 14px;
    font-family: 'HelveticaNeueLight';
  }
  .cart-promo span {
    font-size: 14px;
    font-family: 'HelveticaNeueBoldCnd';
  }
  .productDetailsBasket {
    font-family: 'HelveticaNeueLight';
    font-size: 14px;
    line-height: 16px;
  }
  .productDetailsBasket .productId {
    font-family: 'HelveticaNeueLight';
    font-size: 10px;
    line-height: 12px;
  }
  .productDetailsBasket .variationsDesktop p {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 12px;
    line-height: 16px;
  }
  .rightColumnBasket .promotionalcodeButton,
  .leftColumnBasket .promotionalcodeButton {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 11px;
  }
  .leftColumnBasket .promotionalcodeButton {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 12px;
  }
  .basketSecondPrice {
    font-size: 12px;
  }
  .productAvailabilityBasket {
    font-family: 'HelveticaNeueLight';
    font-size: 12px;
  }
  .orderSummaryBasket {
    font-size: 12px;
  }
  .orderSummaryBasket {
    font-family: 'HelveticaNeueBoldCnd';
  }
  .summaryHeader,
  .basketActionButtons .button {
    font-size: 16px;
  }
  .promoBasket a {
    text-decoration: none;
  }
  .moveToFavorites,
  .remove,
  .editdetails {
    text-decoration: underline;
  }
  .basketPriceLineThrough {
    text-decoration: line-through;
  }
  .emptyBasket {
    font-size: 12px;
    font-family: 'HelveticaNeue57Cnd';
  }
  .productImageSkuBasket,
  .couponSkuBasket {
    text-align: center;
  }
  .productSummaryBasket {
    text-align: left;
  }
  .orderSummaryBasket .orderTotals .value {
    text-align: right;
  }
  .productName {
    word-wrap: break-word;
  }
  .productActionsBasket label {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 12px;
  }
  .moveToFavorites,
  .remove,
  .editdetails {
    font-family: 'HelveticaNeueLight';
    font-size: 12px;
  }
  /*
    basket-struct.css

    This file contains rules used on the basket page
    This is a layout-specific css file containing *ONLY* layout-related rules
    (width, height, margin, padding, display, position, overflow, float, etc.)
*/
  .cart-promo,
  .approachingPromoExpandTrigger {
    text-align: center;
    margin: 20px 0 10px 0;
    height: auto;
    line-height: 18px;
    padding: 5px;
  }
  .cart-promo span {
    display: block;
    margin: 6px 0 0;
  }
  .checkout-cart-links {
    float: right;
    height: 49px;
    width: 54%;
    margin-top: 10px;
  }
  .mobileView {
    display: none;
  }
  .approachingPromoExpandTrigger {
    display: none;
  }
  .desktopView {
    display: block;
  }
  .checkout-cart-links div {
    line-height: 13px;
    display: inline-table;
    float: left;
    margin: 3.4% 5% 10% 3%;
    width: 40px;
  }
  .checkout-cart-links img {
    margin: 13px 8px 13px 0;
  }
  /* The 'margin' for basket at left and right */
  .contactdetails {
    float: right;
    margin: 3px 0 0 0;
  }
  .welcomeNoteBasket {
    margin: 0 0 0 20px;
    line-height: 16px;
  }
  .welcomeNoteBasket.guestWelcome {
    display: none;
  }
  .contentArea {
    overflow: hidden;
  }
  .leftColumnBasket {
    margin: 0 0 20px 20px;
    float: left;
    width: 70.6%;
  }
  .rightColumnBasket {
    float: right;
    width: 26.4%;
    padding: 0 20px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 20px;
  }
  .lastname {
    display: none;
  }
  .contactHelpBasket {
    float: right;
  }
  .headerBasket {
    padding: 23px 20px 15px;
  }
  .headerBasket,
  .summaryHeader {
    line-height: 22px;
  }
  .productAvailabilityBasket,
  .productSummaryBasket {
    float: left;
    margin-left: 1%;
  }
  .error.message.big ul li {
    margin-left: 8px;
    list-style: none;
  }
  .basketMobileActionButtons .applepay-button {
    width: 100%;
    border-radius: 3px;
    height: 26px;
    margin-top: 7px;
  }
  .basketMobileActionButtons .applepay-button:hover {
    margin-top: 7px;
  }
  .basketMobileActionButtons button.applepay-button.dw-apple-pay-logo-white {
    border: 1px solid black;
  }
  .productImageSkuBasket,
  .couponSkuBasket {
    float: left;
    width: auto;
    height: 174px;
    box-sizing: content-box;
  }
  .productImageSkuBasket img {
    max-width: 100%;
  }
  .productImageWrapper {
    float: left;
    height: auto;
    width: 45%;
    padding: 20px;
    box-sizing: content-box;
  }
  .productDetailsBasket {
    float: left;
    width: 43%;
    min-height: 1em;
    /* fixes a float layout bug */
    margin: 2% 0 0 3%;
  }
  .productDetailsBasket p,
  .productDetailsBasket div {
    clear: both;
  }
  .productDetailsBasket p > span.value {
    padding-bottom: 5px;
  }
  .productDetailsBasket .productId {
    width: 100%;
    padding: 3px 0 0;
  }
  .productDetailsBasket .variationsDesktop p {
    margin: 0;
  }
  .productDetailsBasket div > span {
    padding-bottom: 12px;
    float: left;
    clear: both;
  }
  .productName {
    display: inline-block;
    padding-bottom: 5px;
  }
  .productActionsBasket,
  .couponActionsBasket {
    width: 15%;
    float: left;
    margin-left: 3%;
    padding: 20px 0 0 0;
  }
  .productAvailabilityBasket {
    width: 12%;
    text-align: center;
    padding: 20px 0 0 0;
  }
  .productSummaryBasket {
    float: right;
    padding: 3%;
    width: 8%;
    margin: 0;
    box-sizing: content-box;
  }
  .bagItemBasket .variationsMobile {
    display: none;
  }
  .orderSummaryBasket {
    padding: 6.4% 8.5% 8.5% 8.5%;
    border: 2px solid #e1e1e1;
    border: 1px solid #d2d2d2;
  }
  .orderSummaryBasket .orderTotals {
    list-style-type: none;
    margin: 6px 0 16px;
  }
  .orderSummaryBasket .orderTotals li {
    line-height: 16px;
    overflow: hidden;
  }
  .orderSummaryBasket .orderTotals .label {
    float: left;
    width: 70%;
  }
  .orderSummaryBasket .orderTotals .value {
    float: right;
  }
  .orderSummaryBasket .orderTotals li.order-total {
    padding-top: 6px;
    margin-top: 11px;
    border-top: 1px solid #d2d2d2;
    line-height: 20px;
  }
  .basketPromotions {
    margin-top: 20px;
  }
  .basketActionButtons {
    margin-top: 0;
  }
  .basketActionButtons .button {
    width: 100%;
    margin: 0;
    box-shadow: none;
    height: 36px;
    padding: 0 0 0 10px;
    text-align: left;
    width: 171px;
  }
  .basketActionButtons .applepay-button {
    width: 171px;
    border-radius: 3px;
    height: 36px;
    margin-top: 13px;
  }
  .basketActionButtons .applepay-button:hover {
    margin-top: 13px;
  }
  .basketActionButtons button.applepay-button.dw-apple-pay-logo-white {
    border: 1px solid black;
  }
  .productActionsBasket select {
    min-width: 60px;
  }
  .promoBasket .inputPromotional {
    margin: 6px 0 0 9px;
    padding: 0 15px 0 9px;
    height: 27px;
    line-height: 24px;
    width: 63%;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
  }
  .validationError .validationMessage {
    margin: 0;
    text-indent: initial;
    padding-left: 10px;
  }
  .applyCodeSection .validationError .validationMessage {
    text-indent: 0;
  }
  .rightColumnBasket .formRow {
    margin: 0;
  }
  .formRow {
    margin: 0;
  }
  .leftColumnBasket .promoBasket a {
    margin: 14px 0 0 6.4%;
    cursor: default;
  }
  .promoBasket #bottom-promo-form {
    margin-left: 3.4%;
  }
  .promotionalCodeBasket {
    padding: 0 10px;
    width: 88%;
    margin-bottom: 14px;
  }
  .leftColumnBasket .promotionalCodeBasket {
    width: 54%;
    margin-bottom: 14px;
    float: right;
  }
  .leftColumnBasket .promotionalcodeButton {
    height: 25px;
    line-height: 0;
    min-height: 11px;
    min-width: 0;
    padding: 0 0 0 6px;
    text-align: left;
    width: 70px;
    margin: 6px 0 8px 5px;
  }
  .rightColumnBasket .promotionalcodeButton {
    float: right;
    min-height: 28px;
    margin-bottom: 10px;
    padding: 0 15px;
  }
  .basketLeftColumnButtons {
    float: right;
    margin: 13px 0 0 0;
    width: 54%;
  }
  .basketLeftColumnButtons .button {
    border: 0 none;
    box-shadow: none;
    height: 36px;
    padding: 0 0 0 10px;
    text-align: left;
    width: 49%;
    float: left;
  }
  .basketLeftColumnButtons .applepay-button {
    width: 100%;
    float: left;
    border-radius: 3px;
    height: 36px;
    margin-top: 13px;
  }
  .basketLeftColumnButtons .applepay-button:hover {
    margin-top: 13px;
  }
  .basketLeftColumnButtons button.applepay-button.dw-apple-pay-logo-white {
    border: 1px solid black;
  }
  .basketLeftColumnButtons .basketButtonRight {
    border: 0 none;
    box-shadow: none;
    height: 36px;
    padding: 0 0 0 10px;
    text-align: left;
    width: 49%;
    float: right;
  }
  .bagItemBasket .customSelect.quantitySelect {
    margin-top: 5px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 50px;
    height: 20px;
  }
  .bagItemBasket .customSelect.quantitySelect select {
    width: 80px;
    height: 19px;
    padding: 1px 2px;
    line-height: 10px;
    z-index: 9999;
  }
  .customSelect.quantitySelect {
    z-index: 9;
  }
  .prodOptions {
    margin: 36px 0 0 0;
  }
  .productActionsBasket .moveToFavorites {
    margin: 0;
  }
  .editdetails {
    margin: 0px;
  }
  .basketWrapper {
    border: 1px solid #d2d2d2;
    margin: 0;
  }
  .productActionsBasket .remove {
    margin: 0;
    display: inline-block;
  }
  .basketLeftColumnButtons form {
    display: inline;
  }
  .basketPromotions img {
    max-width: 100%;
  }
  .basketMobileLogoutLink,
  .basketMobileActionButtons,
  .basketAddToWishlist,
  .removeItem,
  .continueShoppingBtnMobile {
    display: none;
  }
  .leftColumnBasket .activated + .applyCodeSection {
    display: block;
  }
  .leftColumnBasket .promoBasket {
    width: 44%;
    margin: 10px 0 30px 0;
    float: left;
    min-height: 98px;
  }
  .emptyBasket {
    border: 1px solid #DD1E29;
    line-height: 12px;
    padding: 7px 10px;
    height: 22px;
    width: 658px;
    margin: 20px;
  }
  .appliedCouponsTitle {
    display: none;
    margin-bottom: 15px;
  }
  .appliedCoupon {
    margin: 6px 0 11px 9px;
    position: relative;
  }
  .appliedCoupon .couponCode {
    display: inline-block;
    width: 31%;
    position: relative;
    margin-top: 3px;
    word-wrap: break-word;
    vertical-align: top;
  }
  .appliedCoupon .promotionDetails {
    display: inline-block;
    width: 100%;
    line-height: 12px;
    padding: 2px 0 0 0;
  }
  .promotionContainer {
    display: inline-block;
    position: relative;
    width: 46%;
  }
  .appliedCoupon a.couponRemoveLink {
    float: right;
    margin: 0;
    padding: 0 20px 0 0;
    cursor: pointer;
  }
  .appliedCoupon .couponCode,
  .promotionDetails {
    line-height: 12px;
  }
  .promo-adjustment p {
    margin: 0 0 6px;
  }
  .basketPriceLineThrough {
    margin-top: 0;
  }
  .promo-adjustment {
    margin: 0 0 14px 0;
  }
  .basketPriceInRed.basketSecondPrice .promotion-msg {
    float: right;
    padding-bottom: 3px;
  }
  .basketPriceInRed.basketSecondPrice:after {
    content: '';
    display: block;
    clear: both;
  }
  /* Rule to re-layout basket at narrower viewports.
Really this should be in a tablet Theme,
but not enough time for full-on Tablet theme across all pages */
  /* end @media (max-width: 930px) */
  .cart-promo {
    margin-top: 0;
  }
  /* Reevoo CSS */
  .rightColumnBasket .reevooCartRightColumnDesktop {
    display: block;
    border: 1px solid #d2d2d2;
    height: 67px;
    margin-top: 10px;
    overflow: hidden;
    padding: 15px;
    box-sizing: content-box;
  }
  .rightColumnBasket .reevooCartRightColumnMobile {
    display: none;
  }
  .productSummaryBasket .promo-adjustment .basketPriceInRed.basketSecondPrice {
    max-width: 198px;
    min-width: 198px;
    float: right;
    text-align: right;
  }
  .bagItemBasketLast .productSummaryBasket .basketMobilePrices {
    float: right;
    text-align: right;
  }
  .productSummaryBasket .basketMobilePrices .price-unadjusted {
    border-bottom: 1px solid #d2d2d2;
  }
}
@media only print and (max-width: 930px), screen and (min-width: 768px) and (max-width: 930px) {
  .leftColumnBasket {
    float: none;
    width: auto;
    margin-right: 20px;
  }
  .rightColumnBasket {
    width: 100%;
    padding: 20px 20px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .rightColumnBasket div {
    display: none;
  }
  .reevooCartRightColumnDesktop div {
    display: inline-block;
  }
  .rightColumnBasket div.orderSummaryBasket {
    display: block;
    width: 58%;
    float: right;
  }
  .leftColumnBasket .promoBasket {
    margin-right: 0;
    margin-left: 0;
  }
  .orderSummaryBasket {
    margin-left: 30px;
    margin-bottom: 20px;
    padding: 19px;
  }
  .orderSummaryBasket p {
    margin: 0;
  }
}
@media only print and (max-width: 1024px) and (orientation: portrait), screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .rightColumnBasket .reevooCartRightColumnDesktop {
    margin-left: 20px;
    margin-top: 0;
  }
}
/* mq */
/* mobile */
@media only print, screen and (max-width: 767px) {
  /*
    basket-color.css

    This file contains rules used on the basket page
    This is a color-specific css file containing *ONLY* color-related rules
    (color, background, border, outline, box-shadow, border-radius, opcaity, etc.)
*/
  .appliedCoupon .couponCode {
    color: #323232;
  }
  .appliedCoupon .promotionDetails {
    color: #dd1e29;
  }
  .cart-promo {
    background: #d2d2d2;
    color: #323232;
  }
  .cart-promo span {
    color: #dd1e29;
  }
  .welcomeNoteBasket {
    background: #d2d2d2;
  }
  .checkout-cart-links {
    background: none repeat scroll 0 0 #D2D2D2;
  }
  .basketLeftColumnButtons .button {
    background: url("../../img/myacc_cs_arrow.png") no-repeat scroll 93% 4.46153846% 52% #828282;
    color: #FFFFFF;
  }
  .basketLeftColumnButtons .basketButtonRight {
    background: url("../../img/myacc_cs_arrow.png") no-repeat scroll 93% 4.46153846% 52% #828282;
    color: #FFFFFF;
  }
  .leftColumnBasket .applyCodeSection {
    background: #ebebeb;
    border-top: 1px solid #d2d2d2;
  }
  .basketMobileActionButtons .button {
    background: url(../../img/cart_button_arrow_mobile.png) no-repeat #828282 95%;
  }
  .button.primary {
    background-color: #DD1E29;
  }
  .breadcrumbs li.last span {
    color: #dd1e29;
  }
  .basketPriceInRed,
  .productDetailsBasket .promotionDetails {
    color: #323232;
  }
  .price-unadjusted {
    color: #323232;
  }
  .price-adjusted-total {
    color: #323232;
  }
  .orderSummaryBasket {
    color: #828282;
  }
  .basketMobilePrices {
    color: #323232;
  }
  .orderSummaryBasket .orderTotals li.discount {
    color: #dd1e29;
  }
  .orderSummaryBasket .orderTotals li.order-total {
    color: #323232;
  }
  .leftColumnBasket .promoBasket a {
    background: url("../../img/CatArrowsoflistingPromo.png") no-repeat scroll 95% -17px;
    text-align: left;
  }
  .leftColumnBasket .promoBasket .activated {
    background: url("../../img/CatArrowsoflistingPromo.png") no-repeat scroll 95% 16px;
    text-align: left;
  }
  .leftColumnBasket .promotionalcodeButton {
    box-shadow: none;
  }
  .removeItem {
    background: url("../../img/mobile-popup-close.png") no-repeat scroll 0 0 transparent;
  }
  .leftColumnBasket .inputPromotional {
    background: #ffffff;
    color: #323232;
  }
  .emptyBasket {
    color: #25190F;
  }
  .leftColumnBasket .promoBasket a.couponRemoveLink {
    background-image: url("../../img/mobile-remove.png");
    background-repeat: no-repeat scroll;
    background-position: right 0;
    background-size: 57% 98%;
    color: transparent;
  }
  .leftColumnBasket .promotionalcodeButton {
    border: 0 none;
    border-radius: 0;
    background-color: #DD1E29;
    background-image: none;
  }
  .inputPromotional {
    border: 1px solid #000;
    border-radius: 0;
    color: #878787;
  }
  .leftColumnBasket .promoBasket {
    border: 2px solid #e1e1e1;
  }
  .promotionalCodeBasket {
    border: 2px solid #e1e1e1;
  }
  .removeItem {
    border: medium none;
  }
  .productDetailsBasket .productName {
    color: #323232;
  }
  .bagItemBasket .customSelect:before {
    background: url("../../img/count_Select_img.png") no-repeat scroll 50% 50%;
  }
  .basketPriceLineThrough {
    color: #dd1e29;
  }
  .productAvailabilityBasket {
    color: #42515B;
  }
  .productActionsBasket label {
    color: #42515B;
  }
  .basketAddToWishlist a {
    background: url("../../img/wishlist-plus.png") no-repeat scroll 81% 3px;
  }
  /*
    basket-font.css

    This file contains rules used on the basket page
    This is a font-specific css file containing *ONLY* font-related rules
    (font-size, text-align, line-height, text-decoration, etc.)
*/
  .helveticaNeueLight {
    font-family: 'HelveticaNeueLight';
  }
  .helveticaNeueBoldCnd {
    font-family: 'HelveticaNeueBoldCnd';
  }
  .helveticaNeue57Cnd {
    font-family: 'HelveticaNeue57Cnd';
  }
  .leftColumnBasket .inputPromotional {
    font-size: 10px;
    font-family: 'HelveticaNeueLight';
  }
  .promoBasket .promoCodeExpandTrigger {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 14px;
  }
  .appliedCoupon .couponCode,
  .appliedCoupon .promotionDetails {
    font-family: 'HelveticaNeue57Cnd';
    font-size: 10px;
  }
  .basketLeftColumnButtons .button,
  .basketLeftColumnButtons .basketButtonRight {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 12px;
  }
  .headerBasket,
  .summaryHeader {
    font-size: 16px;
  }
  .productDetailsBasket .productName {
    font-family: 'HelveticaNeueLight';
    font-size: 22px;
  }
  .welcomeNoteBasket {
    font-family: 'HelveticaNeueLight';
    font-size: 10px;
  }
  .basketMobileLogoutLink {
    font-family: 'HelveticaNeueBold';
    font-size: 10px;
  }
  .helveticaNeueBold {
    font-family: 'HelveticaNeueBold';
  }
  .orderSummaryBasket,
  .basketMobileActionButtons .button,
  .basketSecondPrice {
    font-size: 12px;
  }
  .productImageSkuBasket {
    text-align: center;
  }
  .couponSkuBasket {
    text-align: left;
  }
  .orderSummaryBasket {
    font-family: 'HelveticaNeueLight';
  }
  .orderSummaryBasket .orderTotals li.order-total .label {
    font-size: 22px;
  }
  .orderSummaryBasket .orderTotals li.order-total .value {
    font-size: 18px;
    font-family: 'HelveticaNeueBold';
  }
  .basketMobileActionButtons .button,
  .basketMobilePrices {
    font-family: 'HelveticaNeueBold';
  }
  .orderSummaryBasket .orderTotals .value {
    text-align: right;
  }
  .basketMobilePrices {
    font-size: 18px;
    text-align: right;
  }
  .cart-promo {
    font-size: 12px;
    font-family: 'HelveticaNeueLight';
  }
  .cart-promo span {
    font-size: 12px;
    font-family: 'HelveticaNeueBoldCnd';
  }
  .basketMobileCouponStatus {
    text-align: left;
  }
  .leftColumnBasket .promotionalcodeButton {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 12px;
  }
  .basketActionButtons .button {
    font-size: 14px;
  }
  .productSummaryBasket,
  .promoBasket a {
    font-size: 14px;
    text-decoration: none;
  }
  .basketAddToWishlist {
    cursor: pointer;
  }
  .productAvailabilityBasket {
    font-size: 13px;
  }
  .basketPriceLineThrough {
    text-decoration: line-through;
    display: inline-block;
  }
  .emptyBasket {
    font-size: 18px;
  }
  .leftColumnBasket .promoBasket a.couponRemoveLink {
    text-decoration: none;
  }
  .leftColumnBasket .promoBasket a.couponRemoveLink:hover {
    text-decoration: underline;
  }
  .bagItemBasket {
    font-family: 'HelveticaNeueLight';
    font-size: 12px;
  }
  .basketPriceInRed {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 18px;
  }
  .promo-adjustment .basketPriceInRed {
    font-family: 'HelveticaNeueLight';
    font-size: 12px;
  }
  .bagItemBasket .productAvailabilityBasket {
    font-weight: bold;
  }
  .bagItemBasket .variationsMobile {
    font-weight: normal;
  }
  /*
    basket-struct.css

    This file contains rules used on the basket page
    This is a layout-specific css file containing *ONLY* layout-related rules
    (width, height, margin, padding, display, position, overflow, float, etc.)
*/
  .checkout-cart-links {
    height: 49px;
    width: 100%;
    padding: 0 0 0 7%;
  }
  .cart-promo span {
    display: block;
  }
  .couponItemBasket.clearfix {
    margin: 10px 0 0;
  }
  .couponItemBasket .couponSkuBasket,
  .couponItemBasket .productSummaryBasket {
    padding: 0 20px;
  }
  .checkout-cart-links div {
    display: none;
  }
  .couponItemBasket .productSummaryBasket {
    margin: 15px 0 -8px -4px;
  }
  .desktopView {
    display: none;
  }
  .mobileView {
    display: block;
  }
  .cart-promo {
    height: auto;
    padding: 12px;
    text-align: center;
    margin: 15px 20px;
  }
  .basketLeftColumnButtons .button {
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 25px;
    padding: 0 0 0 10px;
    text-align: left;
    width: 45%;
  }
  .basketLeftColumnButtons .applepay-button {
    width: 100%;
    float: left;
    border-radius: 3px;
    height: 36px;
  }
  .basketLeftColumnButtons .applepay-button:hover {
    height: 36px;
  }
  .basketLeftColumnButtons button.applepay-button.dw-apple-pay-logo-white {
    border: 1px solid black;
  }
  .basketLeftColumnButtons {
    display: none;
  }
  .basketLeftColumnButtons .basketButtonRight {
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    float: right;
    height: 25px;
    padding: 0 0 0 10px;
    text-align: left;
    width: 45%;
  }
  .checkout-cart-links div {
    line-height: 20px;
    float: left;
    margin: 2% 5% 10% 2%;
    width: 40px;
  }
  .checkout-cart-links img {
    margin: 13px 8px 13px 0;
  }
  .promoBasket .promoCodeExpandTrigger {
    padding: 10px;
  }
  .contactdetails {
    display: none;
  }
  .contactHelpBasket {
    display: none;
  }
  .leftColumnBasket .promoBasket a.couponRemoveLink {
    height: 25px;
  }
  .baskettitle {
    display: none;
  }
  .approachingPromoExpandTrigger {
    display: none;
  }
  .welcomeNoteBasket {
    display: inline-block;
    height: 19px;
    line-height: 11px;
    padding: 6px 0 0 19px;
    width: 93.8%;
  }
  .welcomeNoteBasket.guestWelcome {
    display: none;
  }
  .lastname {
    margin: 0 0 0 5px;
  }
  .productImageSkuBasket {
    width: 50%;
    -webkit-transform: scaleY(-1);
    margin-left: 10px;
  }
  .bagItemBasket .productActionsBasket {
    float: right;
    margin-top: -129px;
    width: 46%;
    display: inline-block;
  }
  .bagItemBasket .productAvailabilityBasket {
    float: right;
    margin: -182px 0 0;
    width: 46%;
  }
  .basketAddToWishlist a {
    padding-right: 42px;
  }
  .couponSkuBasket {
    width: 50%;
    padding-left: 5px;
  }
  .productImageSkuBasket img {
    max-width: 100%;
    border: 1px solid #ebe9eb;
  }
  .productImageWrapper {
    -webkit-transform: scaleY(-1);
  }
  .basketWrapper .bagItemBasket:last-child {
    border-bottom: none;
  }
  .bagItemBasket .productSummaryBasket {
    clear: both;
    padding: 0 15px 15px 15px;
  }
  .summaryHeader {
    display: none;
  }
  .orderSummaryBasket .orderTotals {
    list-style-type: none;
  }
  .orderSummaryBasket .orderTotals li {
    margin: 5px 0;
    overflow: hidden;
    line-height: 13px;
  }
  .orderSummaryBasket .orderTotals .label {
    float: left;
    width: 70%;
  }
  .orderSummaryBasket .orderTotals .value {
    float: right;
  }
  .basketMobilePrices {
    display: inline-block;
    width: 48%;
    margin-top: -27px;
  }
  .basketMobileCouponStatus {
    display: inline-block;
    width: 48%;
    padding-left: 5px;
  }
  .bagItemBasket {
    padding: 15px 0 0px 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #d2d2d2;
  }
  .productDetailsBasket .variationsDesktop,
  .productDetailsBasket .productId,
  .productDetailsBasket .productPrice,
  .productDetailsBasket .basketSecondPrice,
  .basketActionButtons,
  .basketPromotions {
    display: none;
  }
  .basketActionButtons .applepay-button {
    width: 171px;
    border-radius: 3px;
    height: 36px;
  }
  .basketActionButtons .applepay-button:hover {
    height: 36px;
  }
  .basketActionButtons button.applepay-button.dw-apple-pay-logo-white {
    border: 1px solid black;
  }
  .bagItemBasket .variationsMobile {
    display: inline-block;
    width: 100%;
    margin-bottom: 26px;
  }
  .bagItemBasket .variationsMobile p {
    clear: both;
    margin-bottom: 10px;
  }
  .bagItemBasket .variationsMobile p span.value {
    padding-bottom: 5px;
  }
  .productActionsBasket label {
    float: left;
  }
  .couponActionsBasket {
    display: none;
  }
  .moveToFavorites,
  .remove,
  .editdetails {
    display: none;
  }
  .promotionalCodeBasket {
    margin: 20px 16px;
  }
  .promotionalCodeBasket .subCategory {
    padding: 16px;
  }
  .orderSummaryBasket .orderTotals li.order-total {
    padding-top: 2px;
  }
  .orderSummaryBasket .orderTotals li.order-total .label,
  .orderSummaryBasket .orderTotals li.order-total .value {
    line-height: 24px;
  }
  .orderSummaryBasket {
    padding: 0 20px;
    margin-top: 12px;
  }
  .basketMobileActionButtons {
    margin: 12px 4% 11px;
  }
  .basketMobileActionButtons .button {
    margin: 0;
    padding: 6px 7px;
    width: 48%;
    text-align: left;
  }
  .basketMobileActionButtons .applepay-button {
    width: 100%;
    border-radius: 3px;
    height: 26px;
    margin-top: 7px;
  }
  .basketMobileActionButtons .applepay-button:hover {
    margin-top: 7px;
  }
  .basketMobileActionButtons button.applepay-button.dw-apple-pay-logo-white {
    border: 1px solid black;
  }
  .basketMobileActionButtons .button.primary {
    float: right;
  }
  .bagItemBasket .quantity-select {
    margin-left: 16%;
  }
  .productName {
    display: block;
    margin-right: 10px;
    width: 88%;
    overflow: hidden;
    word-wrap: break-word;
    line-height: 24px;
  }
  .basketAddToWishlist {
    cursor: pointer;
    display: inline-block;
    width: 50%;
  }
  .leftColumnBasket .inputPromotional {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #D2D2D2;
    height: 26px;
    margin: 4px 0 15px;
    width: 78%;
  }
  .validationError .validationMessage {
    margin-top: 0;
    padding-top: 0;
    text-indent: 0;
  }
  .leftColumnBasket .promotionalcodeButton {
    min-height: 25px;
    min-width: 20%;
    margin-bottom: 3px;
    padding: 4px 12px;
    float: right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-top: 5px;
    position: relative;
    left: -7px;
  }
  .productDetailsBasket {
    -webkit-transform: scaleY(-1);
    padding: 0 20px;
    width: 90%;
    padding-bottom: 20px;
  }
  .removeItem {
    height: 28px;
    width: 28px;
    position: absolute;
    right: 12px;
    top: 0;
  }
  .leftColumnBasket .applyCodeSection {
    display: none;
  }
  .leftColumnBasket .activated + .applyCodeSection {
    display: block;
    padding: 5% 5% 0 5%;
  }
  .emptyBasket {
    padding: 20px;
  }
  .continueShoppingBtnMobile {
    margin: 17px;
  }
  .listappliedcoupons {
    clear: both;
  }
  .appliedCouponsTitle {
    margin-bottom: 15px;
    display: none;
  }
  .appliedCoupon {
    overflow: hidden;
    margin-bottom: 15px;
  }
  .appliedCoupon .couponCode {
    float: left;
    vertical-align: top;
    line-height: 12px;
  }
  .formRow {
    padding: 0;
    margin: 0;
  }
  .appliedCoupon .promotionDetails {
    float: left;
    clear: left;
    width: 80%;
    line-height: 12px;
  }
  .appliedCoupon .couponRemoveLink {
    vertical-align: top;
    float: right;
  }
  .bagItemBasket .customSelect.quantitySelect {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 50px;
    height: 20px;
    float: right;
    margin-right: 16px;
  }
  .bagItemBasket .customSelect.quantitySelect select {
    width: 80px;
    height: 19px;
    padding: 1px 2px;
    line-height: 10px;
  }
  .promo-adjustment {
    margin: 10px 0;
  }
  .promo-adjustment .basketPriceInRed {
    margin: 0;
  }
  .basketPriceLineThrough {
    margin: 0;
  }
  .basketWrapper .bagItemBasket .customSelect:before {
    height: 18px;
  }
  /* Reevoo CSS */
  .rightColumnBasket .reevooCartRightColumnDesktop {
    display: none;
  }
  .rightColumnBasket .reevooCartRightColumnMobile {
    display: block;
    margin: 15px 0 15px 0;
    overflow: hidden;
    padding: 0 20px;
  }
  .basketWrapper .productAvailabilityBasket .basketPriceInRed {
    display: block;
    margin-bottom: 10px;
  }
}
@media only print and (min-width: 480px) and (max-width: 567px), screen and (max-width: 767px) and (min-width: 480px) and (max-width: 567px) {
  .basketAddToWishlist a {
    background-position: 81% 3px;
  }
}
@media only print and (min-width: 568px) and (max-width: 640px), screen and (max-width: 767px) and (min-width: 568px) and (max-width: 640px) {
  .basketAddToWishlist a {
    background-position: 81% 3px;
  }
}
@media only print and (min-width: 480px) and (max-width: 567px), screen and (max-width: 767px) and (min-width: 480px) and (max-width: 567px) {
  .bagItemBasket .productAvailabilityBasket {
    width: 64%;
  }
  .bagItemBasket .productActionsBasket {
    width: 64%;
  }
  .productImageSkuBasket {
    width: 35%;
    -webkit-transform: scaleY(-1);
    margin-left: 6px;
  }
}
@media only print and (min-width: 568px) and (max-width: 640px), screen and (max-width: 767px) and (min-width: 568px) and (max-width: 640px) {
  .bagItemBasket .productActionsBasket {
    width: 64%;
  }
  .bagItemBasket .productAvailabilityBasket {
    width: 64%;
  }
  .productImageSkuBasket {
    width: 35%;
    -webkit-transform: scaleY(-1);
    margin-left: 6px;
  }
}
/* mq */
