@charset "UTF-8";
/* 
    core.css / BioIgel

    Created on : Mar 22, 2014, 1:38:33 AM
    Author     : leonidas
*/
/** global internal imports **/
/** basic styles */
.open-sans-light, .shopButton, .sujet.contentMain .upperTitle, .cart.full .sumList, .cart.full .col.cartItem-price, .productDetail .descriptors .descriptorPair, .productDetail.bundle .bundleTable-wrapper .bundleList, .productDetail.bundle .descriptors .descriptorSet .description, .manufacturer .details .title,
.product .details .title, #footer .rightBlock .sub, #messagePane .message, h4, .filterList .filter .label, .customerManagement .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice .title, .checkout .subscriptionModificationNotice > .title, h3, h2, .productSearch .resultList .loadIndicator, .productSearch .resultList .searchResponse, h1 {
  font-family: "Open Sans";
  font-weight: 300;
}

.open-sans, .webForm input, .webForm textarea, .webForm .fieldDisplay, .webForm .fieldSet .label, .cart.full .sumList .cartSum.totalSum, .productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle .row .descriptorSet > div.description, .productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle .row.price, .productDetail.bundle .descriptors .descriptorSet .title, #footer .rightBlock .head .deliveryCheck .searchBox input, #toolBar .widthWrapper .right .box input, h5, .cart.sumOnly .cartSum.totalSum {
  font-family: "Open Sans";
  font-weight: 400;
}

.font-smoothing, body {
  /*    -webkit-text-stroke: 1px rgba(0,0,0,0.1);*/
}

/** headlines */
h1 {
  font-size: 34px;
  margin: 0;
}

h2, .productSearch .resultList .loadIndicator, .productSearch .resultList .searchResponse {
  font-size: 23.5px;
  margin: 0;
}

h3, .shopButton {
  font-size: 19px;
  margin: 0;
}

h4, .filterList .filter .label, .customerManagement .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice .title, .checkout .subscriptionModificationNotice > .title {
  font-size: 16px;
  margin: 0;
}

h5, .cart.sumOnly .cartSum.totalSum {
  font-size: 13px;
  margin: 0;
}

#switchDisplay {
  position: fixed;
  bottom: 8px;
  right: 8px;
  z-index: 100;
}
#switchDisplay > div {
  background-color: #fbffcc;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  border: 1px solid #bbb;
  color: #555;
  font-size: 10px;
  padding: 3px 6px 3px 28px;
  position: relative;
  height: 18px;
  line-height: 18px;
  margin-bottom: 1px;
}
#switchDisplay > div .pre {
  background: #fff url("/img/system/aurora3/icons/checkmark-small.png") no-repeat center center;
  width: 22px;
  border-right: 1px solid #bbb;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#switchDisplay > div.paymentLiveMode {
  background-color: #cc0000;
  font-weight: 600;
  color: #fff;
  border: 0;
}
#switchDisplay > div.paymentLiveMode .pre {
  background: #cc0000 url("/img/system/aurora3/icons/checkmark-small-white.png") no-repeat center center;
}

/** global variables **/
/* colors */
/* images */
/* visuals */
/* geometrics */
/* fonts */
/* z-plane */
/** mix-ins */
/* extends */
.transition-smooth, .productDetail .bundleContents > .list .flickity-button, .orderManagement .overlay .slides, .subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .responseContainer, .subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .tab .row .right .notice, .subscriptionManagementV2 .set.infoDisplay .buttons, .orderManagement .set.infoDisplay .buttons, .subscriptionManagementV2 .set.infoDisplay .value, .orderManagement .set.infoDisplay .value, .customerManagement .submitButton.submit .loader, .customerManagement .column .summary .responseHolder, .checkout .modal > .dialogue, .customerManagement .modal > .dialogue, .checkout .modal, .customerManagement .modal, .customerManagement .overlay.deliveryTargets .submitButton .loader, .checkout .overlay.deliveryTargets .submitButton .loader, .customerLogin .fieldWrapper .fields, .passwordRecovery .fieldWrapper .fields, .webForm input, .webForm textarea, .webForm .fieldDisplay, .webForm .fieldSet-pair .entryNotice-container .entryNotice, .customerManagement .alternativeResponseContainer,
.customerManagement .responseContainer,
.webForm-container .responseContainer,
.deliveryTargets .alternativeResponseContainer,
.customerLogin .responseContainer,
.passwordRecovery .responseContainer,
.voucherEntry .responseContainer, .checkout .checkout-paymentMethod-wrapper .checkout-paymentMethod .method.profile .info, .checkout .checkout-paymentMethod-wrapper .paymentNotice, .checkout > .section.checkout-delivery .deliveryAddressForm, .checkout > .section.checkout-customerData .deliveryAddressForm, .checkout > div > .section.checkout-delivery .deliveryAddressForm, .checkout > div > .section.checkout-customerData .deliveryAddressForm, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm, .checkout > .section .loginForm.transition,
.checkout > .section .newCustomerForm.transition, .checkout > div > .section .loginForm.transition,
.checkout > div > .section .newCustomerForm.transition, .checkout .section.checkout-subscription .loginForm.transition,
.checkout .section.checkout-subscription .newCustomerForm.transition, .customerManagement .deliveryAddress-selection > .list > div > .options, .customerManagement .deliveryAddress-selection > .list > div .select, .checkout .deliveryAddress-selection > .list > div .options, .customerManagement .deliveryAddress-selection > .list > div .options, .checkout .deliveryAddress-selection > .list > div.create .plus, .customerManagement .deliveryAddress-selection > .list > div.create .plus, .checkout .deliveryAddress-selection, .customerManagement .deliveryAddress-selection, .shopButton.finalize .loader, .checkout-paymentMethod .selection .method .errorMessage, .checkout-paymentMethod .selection .method.active .keepPaymentProfile, .checkout-paymentMethod .selection .method.active .integration, .checkout-paymentMethod .selection .method .integration, .sujet .clickCorner, .container, .cart.full .item, .cart.compact .cartSum.subTotal, .cart.compact .item, .cart.compact .contentWrapper, .cart.compact, .cart .cartOverlay, .purchaseBox .cartButton, .purchaseBox > .priceAndCollateral > .collateral .collateralTooltip .tooltip-container .overlay, .purchaseBox > .priceAndCollateral > .collateral .collateralTooltip .tooltip-container, .manufacturer .purchase .cartButton,
.product .purchase .cartButton, .manufacturer .clickCorner,
.product .clickCorner, .purchase > .selector > div,
.product .selector > div,
.productDetail .selector > div,
.purchaseBox .selector > div, #footer .rightBlock .head .deliveryCheck .searchButton, #footer .rightBlock .head .socialBox > div, #mainWrapper #header .navigation.main > ul > li > .arrowWrapper > .arrow, #mainWrapper .blend .navigation.main > ul > li > .arrowWrapper > .arrow, #mainWrapper #header .navigation.main, #mainWrapper .blend .navigation.main, #toolBar .widthWrapper .right .button, #cookieNotice, #pageOverlay, .tooltip-container .tooltip, a {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}

.transition-bounce, .orderManagement .overlay, .customerManagement .overlay, .checkout .overlay, #messagePane {
  -webkit-transition: all 360ms cubic-bezier(0.6, 1, 0, 0.845);
  -webkit-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
  -khtml-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
  -moz-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
  -ms-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
  -o-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
  transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
}

.transition-quick, .orderManagement .overlay.fadeIn, .customerManagement .overlay.fadeIn, .checkout .overlay.fadeIn, .filterList .filter ul.settings li, .shopButton a, .shopButton, .checkout .deliveryAddress-selection > .list > div, .customerManagement .deliveryAddress-selection > .list > div, .webForm .address .suggestionPicker > li:hover, .cart.full .collateralTooltip .tooltip-container > .tooltip-label, .cart.compact .checkoutLink a, .manufacturer .image .collateralInfo,
.product .image .collateralInfo, .purchase > .selector .button.minus, .purchase > .selector .button.plus,
.product .selector .button.minus,
.product .selector .button.plus,
.productDetail .selector .button.minus,
.productDetail .selector .button.plus,
.purchaseBox .selector .button.minus,
.purchaseBox .selector .button.plus, #mainWrapper #header .navigation.main > ul > li, #mainWrapper .blend .navigation.main > ul > li, #mainWrapper #header .navigation.main > ul > li > div,
#mainWrapper #header .navigation.main > ul > li > div > a, #mainWrapper .blend .navigation.main > ul > li > div,
#mainWrapper .blend .navigation.main > ul > li > div > a, #overlayWindow {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}

.transition-delay-0 {
  -webkit-transition-delay: 0s !important;
  -khtml-transition-delay: 0s !important;
  -moz-transition-delay: 0s !important;
  -ms-transition-delay: 0s !important;
  -o-transition-delay: 0s !important;
  transition-delay: 0s !important;
}

.transition-delay-25 {
  -webkit-transition-delay: 0.75s;
  -khtml-transition-delay: 0.75s;
  -moz-transition-delay: 0.75s;
  -ms-transition-delay: 0.75s;
  -o-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

.transition-property-backgroundPosition, #mainWrapper #header .navigation.main, #mainWrapper .blend .navigation.main {
  -webkit-transition-property: background-position;
  -khtml-transition-property: background-position;
  -moz-transition-property: background-position;
  -ms-transition-property: background-position;
  -o-transition-property: background-position;
  transition-property: background-position;
}

.opacity-0, .customerManagement .alternativeResponseContainer,
.customerManagement .responseContainer,
.webForm-container .responseContainer,
.deliveryTargets .alternativeResponseContainer,
.customerLogin .responseContainer,
.passwordRecovery .responseContainer,
.voucherEntry .responseContainer, .checkout > .section.checkout-delivery .deliveryAddressForm, .checkout > .section.checkout-customerData .deliveryAddressForm, .checkout > div > .section.checkout-delivery .deliveryAddressForm, .checkout > div > .section.checkout-customerData .deliveryAddressForm, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm, .checkout > .section .loginForm,
.checkout > .section .newCustomerForm, .checkout > div > .section .loginForm,
.checkout > div > .section .newCustomerForm, .checkout .section.checkout-subscription .loginForm,
.checkout .section.checkout-subscription .newCustomerForm, .cart.full .item.dropOut, .cart.compact .cartSum.subTotal, .cart.compact .clickSensitive, .purchaseBox > .priceAndCollateral > .collateral .collateralTooltip .tooltip-container .overlay, .manufacturer .image .collateralInfo,
.product .image .collateralInfo, #pageOverlay, #overlayWindow, .hiddenButAccessible {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}

.opacity-25 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=25)";
  filter: alpha(opacity=25);
  -webkit-opacity: 0.25;
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  -ms-opacity: 0.25;
  -o-opacity: 0.25;
  opacity: 0.25;
}

.opacity-50, .shopButton.wait, #pageOverlay.visible {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
}

.opacity-100, .customerManagement .alternativeResponseContainer.visible,
.customerManagement .responseContainer.visible,
.webForm-container .responseContainer.visible,
.deliveryTargets .alternativeResponseContainer.visible,
.customerLogin .responseContainer.visible,
.passwordRecovery .responseContainer.visible,
.voucherEntry .responseContainer.visible, .checkout > .section.checkout-delivery .deliveryAddressForm.visible, .checkout > .section.checkout-customerData .deliveryAddressForm.visible, .checkout > div > .section.checkout-delivery .deliveryAddressForm.visible, .checkout > div > .section.checkout-customerData .deliveryAddressForm.visible, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.visible, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.visible, .checkout > .section .loginForm.visible,
.checkout > .section .newCustomerForm.visible, .checkout > div > .section .loginForm.visible,
.checkout > div > .section .newCustomerForm.visible, .checkout .section.checkout-subscription .loginForm.visible,
.checkout .section.checkout-subscription .newCustomerForm.visible, .cart.full .item, .cart.compact.open .cartSum.subTotal, .purchaseBox > .priceAndCollateral > .collateral .collateralTooltip .tooltip-container:hover .overlay, .manufacturer:hover .image .collateralInfo,
.product:hover .image .collateralInfo, #overlayWindow.visible {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.not-selectable, .productDetail .bundleContents > .list > div, .checkout > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > .section.checkout-delivery .customerAccount .target .label, .checkout > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > .section.checkout-customerData .customerAccount .target .label, .checkout > div > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > div > .section.checkout-delivery .customerAccount .target .label, .checkout > div > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > div > .section.checkout-customerData .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .label, .checkout .deliveryAddress-selection, .customerManagement .deliveryAddress-selection, .checkout-paymentMethod .selection .method .label, .manufacturer,
.product, .purchase > .selector .button,
.product .selector .button,
.productDetail .selector .button,
.purchaseBox .selector .button {
  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.box-generic, .productSearch .resultList .loadIndicator, .productSearch .resultList .searchResponse, .sujet, .cart.compact, .manufacturer,
.product {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 175px;
  height: 281px;
  margin-right: 18px;
  margin-bottom: 25px;
}

.clearfix, .subscriptionManagementV2 .cartBlock, .orderManagement .cartBlock, .productSearch .resultList-wrapper, .productSearch .resultList .loadIndicator, .productSearch .resultList .searchResponse, .filterList .filter ul.filterDisplay, .filterList .filter ul.settings li, .customerManagement .customerManagement, .customerLogin .collateralInfo, .subscriptionManagement .collateralInfo, .customerManagement .collateralInfo, .passwordRecovery .collateralInfo, .customerLogin .fieldWrapper, .passwordRecovery .fieldWrapper, .contentArea.productSearch .searchField, #mainContent .productSearch.checkoutModule .searchField,
#mainContent .productSearch.productDetail .searchField,
#mainContent .productSearch.manufacturerDetail .searchField, .contentArea, #mainContent .checkoutModule,
#mainContent .productDetail,
#mainContent .manufacturerDetail, .webForm .fieldSet .field .group, .webForm .fieldSet .field, .webForm .fieldSet-pair, .checkout > .section.checkout-final .finalizeWrapper, .checkout > div > .section.checkout-final .finalizeWrapper, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper, .checkout > .section.checkout-final .checkmarks .disclaimerCheck, .checkout > div > .section.checkout-final .checkmarks .disclaimerCheck, .checkout .section.checkout-subscription.checkout-final .checkmarks .disclaimerCheck, .checkout > .section.checkout-final .checkmarks > div, .checkout > div > .section.checkout-final .checkmarks > div, .checkout .section.checkout-subscription.checkout-final .checkmarks > div, .checkout > .section.checkout-delivery .smsOptInCheck > label, .checkout > .section.checkout-customerData .smsOptInCheck > label, .checkout > div > .section.checkout-delivery .smsOptInCheck > label, .checkout > div > .section.checkout-customerData .smsOptInCheck > label, .checkout .section.checkout-subscription.checkout-delivery .smsOptInCheck > label, .checkout .section.checkout-subscription.checkout-customerData .smsOptInCheck > label, .checkout > .section.checkout-delivery .deliveryTargets,
.checkout > .section.checkout-delivery .customerAccount, .checkout > .section.checkout-customerData .deliveryTargets,
.checkout > .section.checkout-customerData .customerAccount, .checkout > div > .section.checkout-delivery .deliveryTargets,
.checkout > div > .section.checkout-delivery .customerAccount, .checkout > div > .section.checkout-customerData .deliveryTargets,
.checkout > div > .section.checkout-customerData .customerAccount, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount, .checkout > .section .comment, .checkout > div > .section .comment, .checkout .section.checkout-subscription .comment, .webForm-container, .checkout-paymentMethod .selection, .checkout > .section.checkout-paymentMethod .selection, .checkout > div > .section.checkout-paymentMethod .selection, .checkout .section.checkout-subscription.checkout-paymentMethod .selection, .manufacturerDetail > .head, .container, .cart.subscriptionInfo .subscriptionFrequency, .cart.full .voucherEntry-container .voucherEntry, .cart.full .sumList .cartSum .wrapper, .cart.full .sumList, .cart.full .col .selector, .cart.full .col.cartItem-product .priceInfo, .cart.full .col.cartItem-product, .cart.full .cart-wrapper, .cart.sumOnly .cartSum.totalSum, .cart.compact .cartSum, .cart.compact .item .selector, .cart.compact.open .item, .purchaseBox .selectorContainer > .selector .left, .purchaseBox > .priceAndCollateral > .collateral, .productDetail .related > .list, .productDetail .descriptors, .productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle .row .descriptorSet, .productDetail.bundle .bundleTable-wrapper .bundleList, .productDetail.bundle .descriptors .descriptorSet, .productDetail .infoBlock > .content .col-1, .productDetail .infoBlock > .content .col-2, .productDetail .infoBlock > .content, .productDetail .infoBlock > .bar, .productDetail .head .overview > .top .right, .productDetail .head .overview > .top, .productDetail .head, .manufacturer .purchase,
.product .purchase, .purchase > .selector,
.product .selector,
.productDetail .selector,
.purchaseBox .selector, .productListView .categoryLink, .productListView > .listing, .productListView, #footer .rightBlock .navigation, #footer .rightBlock .head .socialBox, #mainWrapper #header .navigation.main > ul, #mainWrapper .blend .navigation.main > ul, #toolBar .widthWrapper .right, #toolBar .widthWrapper {
  zoom: 1;
}
.clearfix:before, .subscriptionManagementV2 .cartBlock:before, .orderManagement .cartBlock:before, .productSearch .resultList-wrapper:before, .productSearch .resultList .loadIndicator:before, .productSearch .resultList .searchResponse:before, .filterList .filter ul.filterDisplay:before, .filterList .filter ul.settings li:before, .customerManagement .customerManagement:before, .customerLogin .collateralInfo:before, .subscriptionManagement .collateralInfo:before, .customerManagement .collateralInfo:before, .passwordRecovery .collateralInfo:before, .customerLogin .fieldWrapper:before, .passwordRecovery .fieldWrapper:before, .contentArea.productSearch .searchField:before, #mainContent .productSearch.checkoutModule .searchField:before,
#mainContent .productSearch.productDetail .searchField:before,
#mainContent .productSearch.manufacturerDetail .searchField:before, .contentArea:before, #mainContent .checkoutModule:before,
#mainContent .productDetail:before,
#mainContent .manufacturerDetail:before, .webForm .fieldSet .field .group:before, .webForm .fieldSet .field:before, .webForm .fieldSet-pair:before, .checkout > .section.checkout-final .finalizeWrapper:before, .checkout > div > .section.checkout-final .finalizeWrapper:before, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper:before, .checkout > .section.checkout-final .checkmarks .disclaimerCheck:before, .checkout > div > .section.checkout-final .checkmarks .disclaimerCheck:before, .checkout .section.checkout-subscription.checkout-final .checkmarks .disclaimerCheck:before, .checkout > .section.checkout-final .checkmarks > div:before, .checkout > div > .section.checkout-final .checkmarks > div:before, .checkout .section.checkout-subscription.checkout-final .checkmarks > div:before, .checkout > .section.checkout-delivery .smsOptInCheck > label:before, .checkout > .section.checkout-customerData .smsOptInCheck > label:before, .checkout > div > .section.checkout-delivery .smsOptInCheck > label:before, .checkout > div > .section.checkout-customerData .smsOptInCheck > label:before, .checkout .section.checkout-subscription.checkout-delivery .smsOptInCheck > label:before, .checkout .section.checkout-subscription.checkout-customerData .smsOptInCheck > label:before, .checkout > .section.checkout-delivery .deliveryTargets:before,
.checkout > .section.checkout-delivery .customerAccount:before, .checkout > .section.checkout-customerData .deliveryTargets:before,
.checkout > .section.checkout-customerData .customerAccount:before, .checkout > div > .section.checkout-delivery .deliveryTargets:before,
.checkout > div > .section.checkout-delivery .customerAccount:before, .checkout > div > .section.checkout-customerData .deliveryTargets:before,
.checkout > div > .section.checkout-customerData .customerAccount:before, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets:before,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount:before, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets:before,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount:before, .checkout > .section .comment:before, .checkout > div > .section .comment:before, .checkout .section.checkout-subscription .comment:before, .webForm-container:before, .checkout-paymentMethod .selection:before, .checkout > .section.checkout-paymentMethod .selection:before, .checkout > div > .section.checkout-paymentMethod .selection:before, .checkout .section.checkout-subscription.checkout-paymentMethod .selection:before, .checkout > div.checkout > .section.checkout-paymentMethod .selection:before, .checkout > .section.checkout-subscription.checkout-paymentMethod .selection:before, .checkout > div > .section.checkout-subscription.checkout-paymentMethod .selection:before, .manufacturerDetail > .head:before, .container:before, .cart.subscriptionInfo .subscriptionFrequency:before, .cart.full .voucherEntry-container .voucherEntry:before, .cart.full .sumList .cartSum .wrapper:before, .cart.full .sumList:before, .cart.full .col .selector:before, .cart.full .col.cartItem-product .priceInfo:before, .cart.full .col.cartItem-product:before, .cart.full .cart-wrapper:before, .cart.sumOnly .cartSum.totalSum:before, .cart.compact .cartSum:before, .cart.compact .item .selector:before, .cart.compact.open .item:before, .purchaseBox .selectorContainer > .selector .left:before, .purchaseBox > .priceAndCollateral > .collateral:before, .productDetail .related > .list:before, .productDetail .descriptors:before, .productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle .row .descriptorSet:before, .productDetail.bundle .bundleTable-wrapper .bundleList:before, .productDetail.bundle .descriptors .descriptorSet:before, .productDetail .infoBlock > .content .col-1:before, .productDetail .infoBlock > .content .col-2:before, .productDetail .infoBlock > .content:before, .productDetail .infoBlock > .bar:before, .productDetail .head .overview > .top .right:before, .productDetail .head .overview > .top:before, .productDetail .head:before, .manufacturer .purchase:before,
.product .purchase:before, .purchase > .selector:before,
.product .selector:before,
.productDetail .selector:before,
.purchaseBox .selector:before, .productListView .categoryLink:before, .productListView > .listing:before, .productListView:before, #footer .rightBlock .navigation:before, #footer .rightBlock .head .socialBox:before, #mainWrapper #header .navigation.main > ul:before, #mainWrapper .blend .navigation.main > ul:before, #toolBar .widthWrapper .right:before, #toolBar .widthWrapper:before, .clearfix:after, .subscriptionManagementV2 .cartBlock:after, .orderManagement .cartBlock:after, .productSearch .resultList-wrapper:after, .productSearch .resultList .loadIndicator:after, .productSearch .resultList .searchResponse:after, .filterList .filter ul.filterDisplay:after, .filterList .filter ul.settings li:after, .customerManagement .customerManagement:after, .customerLogin .collateralInfo:after, .subscriptionManagement .collateralInfo:after, .customerManagement .collateralInfo:after, .passwordRecovery .collateralInfo:after, .customerLogin .fieldWrapper:after, .passwordRecovery .fieldWrapper:after, .contentArea.productSearch .searchField:after, #mainContent .productSearch.checkoutModule .searchField:after,
#mainContent .productSearch.productDetail .searchField:after,
#mainContent .productSearch.manufacturerDetail .searchField:after, .contentArea:after, #mainContent .checkoutModule:after,
#mainContent .productDetail:after,
#mainContent .manufacturerDetail:after, .webForm .fieldSet .field .group:after, .webForm .fieldSet .field:after, .webForm .fieldSet-pair:after, .checkout > .section.checkout-final .finalizeWrapper:after, .checkout > div > .section.checkout-final .finalizeWrapper:after, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper:after, .checkout > .section.checkout-final .checkmarks .disclaimerCheck:after, .checkout > div > .section.checkout-final .checkmarks .disclaimerCheck:after, .checkout .section.checkout-subscription.checkout-final .checkmarks .disclaimerCheck:after, .checkout > .section.checkout-final .checkmarks > div:after, .checkout > div > .section.checkout-final .checkmarks > div:after, .checkout .section.checkout-subscription.checkout-final .checkmarks > div:after, .checkout > .section.checkout-delivery .smsOptInCheck > label:after, .checkout > .section.checkout-customerData .smsOptInCheck > label:after, .checkout > div > .section.checkout-delivery .smsOptInCheck > label:after, .checkout > div > .section.checkout-customerData .smsOptInCheck > label:after, .checkout .section.checkout-subscription.checkout-delivery .smsOptInCheck > label:after, .checkout .section.checkout-subscription.checkout-customerData .smsOptInCheck > label:after, .checkout > .section.checkout-delivery .deliveryTargets:after,
.checkout > .section.checkout-delivery .customerAccount:after, .checkout > .section.checkout-customerData .deliveryTargets:after,
.checkout > .section.checkout-customerData .customerAccount:after, .checkout > div > .section.checkout-delivery .deliveryTargets:after,
.checkout > div > .section.checkout-delivery .customerAccount:after, .checkout > div > .section.checkout-customerData .deliveryTargets:after,
.checkout > div > .section.checkout-customerData .customerAccount:after, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets:after,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount:after, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets:after,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount:after, .checkout > .section .comment:after, .checkout > div > .section .comment:after, .checkout .section.checkout-subscription .comment:after, .webForm-container:after, .checkout-paymentMethod .selection:after, .checkout > .section.checkout-paymentMethod .selection:after, .checkout > div > .section.checkout-paymentMethod .selection:after, .checkout .section.checkout-subscription.checkout-paymentMethod .selection:after, .checkout > div.checkout > .section.checkout-paymentMethod .selection:after, .checkout > .section.checkout-subscription.checkout-paymentMethod .selection:after, .checkout > div > .section.checkout-subscription.checkout-paymentMethod .selection:after, .manufacturerDetail > .head:after, .container:after, .cart.subscriptionInfo .subscriptionFrequency:after, .cart.full .voucherEntry-container .voucherEntry:after, .cart.full .sumList .cartSum .wrapper:after, .cart.full .sumList:after, .cart.full .col .selector:after, .cart.full .col.cartItem-product .priceInfo:after, .cart.full .col.cartItem-product:after, .cart.full .cart-wrapper:after, .cart.sumOnly .cartSum.totalSum:after, .cart.compact .cartSum:after, .cart.compact .item .selector:after, .cart.compact.open .item:after, .purchaseBox .selectorContainer > .selector .left:after, .purchaseBox > .priceAndCollateral > .collateral:after, .productDetail .related > .list:after, .productDetail .descriptors:after, .productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle .row .descriptorSet:after, .productDetail.bundle .bundleTable-wrapper .bundleList:after, .productDetail.bundle .descriptors .descriptorSet:after, .productDetail .infoBlock > .content .col-1:after, .productDetail .infoBlock > .content .col-2:after, .productDetail .infoBlock > .content:after, .productDetail .infoBlock > .bar:after, .productDetail .head .overview > .top .right:after, .productDetail .head .overview > .top:after, .productDetail .head:after, .manufacturer .purchase:after,
.product .purchase:after, .purchase > .selector:after,
.product .selector:after,
.productDetail .selector:after,
.purchaseBox .selector:after, .productListView .categoryLink:after, .productListView > .listing:after, .productListView:after, #footer .rightBlock .navigation:after, #footer .rightBlock .head .socialBox:after, #mainWrapper #header .navigation.main > ul:after, #mainWrapper .blend .navigation.main > ul:after, #toolBar .widthWrapper .right:after, #toolBar .widthWrapper:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after, .subscriptionManagementV2 .cartBlock:after, .orderManagement .cartBlock:after, .productSearch .resultList-wrapper:after, .productSearch .resultList .loadIndicator:after, .productSearch .resultList .searchResponse:after, .filterList .filter ul.filterDisplay:after, .filterList .filter ul.settings li:after, .customerManagement .customerManagement:after, .customerLogin .collateralInfo:after, .subscriptionManagement .collateralInfo:after, .customerManagement .collateralInfo:after, .passwordRecovery .collateralInfo:after, .customerLogin .fieldWrapper:after, .passwordRecovery .fieldWrapper:after, .contentArea.productSearch .searchField:after, #mainContent .productSearch.checkoutModule .searchField:after,
#mainContent .productSearch.productDetail .searchField:after,
#mainContent .productSearch.manufacturerDetail .searchField:after, .contentArea:after, #mainContent .checkoutModule:after,
#mainContent .productDetail:after,
#mainContent .manufacturerDetail:after, .webForm .fieldSet .field .group:after, .webForm .fieldSet .field:after, .webForm .fieldSet-pair:after, .checkout > .section.checkout-final .finalizeWrapper:after, .checkout > div > .section.checkout-final .finalizeWrapper:after, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper:after, .checkout > .section.checkout-final .checkmarks .disclaimerCheck:after, .checkout > div > .section.checkout-final .checkmarks .disclaimerCheck:after, .checkout .section.checkout-subscription.checkout-final .checkmarks .disclaimerCheck:after, .checkout > .section.checkout-final .checkmarks > div:after, .checkout > div > .section.checkout-final .checkmarks > div:after, .checkout .section.checkout-subscription.checkout-final .checkmarks > div:after, .checkout > .section.checkout-delivery .smsOptInCheck > label:after, .checkout > .section.checkout-customerData .smsOptInCheck > label:after, .checkout > div > .section.checkout-delivery .smsOptInCheck > label:after, .checkout > div > .section.checkout-customerData .smsOptInCheck > label:after, .checkout .section.checkout-subscription.checkout-delivery .smsOptInCheck > label:after, .checkout .section.checkout-subscription.checkout-customerData .smsOptInCheck > label:after, .checkout > .section.checkout-delivery .deliveryTargets:after,
.checkout > .section.checkout-delivery .customerAccount:after, .checkout > .section.checkout-customerData .deliveryTargets:after,
.checkout > .section.checkout-customerData .customerAccount:after, .checkout > div > .section.checkout-delivery .deliveryTargets:after,
.checkout > div > .section.checkout-delivery .customerAccount:after, .checkout > div > .section.checkout-customerData .deliveryTargets:after,
.checkout > div > .section.checkout-customerData .customerAccount:after, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets:after,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount:after, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets:after,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount:after, .checkout > .section .comment:after, .checkout > div > .section .comment:after, .checkout .section.checkout-subscription .comment:after, .webForm-container:after, .checkout-paymentMethod .selection:after, .checkout > .section.checkout-paymentMethod .selection:after, .checkout > div > .section.checkout-paymentMethod .selection:after, .checkout .section.checkout-subscription.checkout-paymentMethod .selection:after, .manufacturerDetail > .head:after, .container:after, .cart.subscriptionInfo .subscriptionFrequency:after, .cart.full .voucherEntry-container .voucherEntry:after, .cart.full .sumList .cartSum .wrapper:after, .cart.full .sumList:after, .cart.full .col .selector:after, .cart.full .col.cartItem-product .priceInfo:after, .cart.full .col.cartItem-product:after, .cart.full .cart-wrapper:after, .cart.sumOnly .cartSum.totalSum:after, .cart.compact .cartSum:after, .cart.compact .item .selector:after, .cart.compact.open .item:after, .purchaseBox .selectorContainer > .selector .left:after, .purchaseBox > .priceAndCollateral > .collateral:after, .productDetail .related > .list:after, .productDetail .descriptors:after, .productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle .row .descriptorSet:after, .productDetail.bundle .bundleTable-wrapper .bundleList:after, .productDetail.bundle .descriptors .descriptorSet:after, .productDetail .infoBlock > .content .col-1:after, .productDetail .infoBlock > .content .col-2:after, .productDetail .infoBlock > .content:after, .productDetail .infoBlock > .bar:after, .productDetail .head .overview > .top .right:after, .productDetail .head .overview > .top:after, .productDetail .head:after, .manufacturer .purchase:after,
.product .purchase:after, .purchase > .selector:after,
.product .selector:after,
.productDetail .selector:after,
.purchaseBox .selector:after, .productListView .categoryLink:after, .productListView > .listing:after, .productListView:after, #footer .rightBlock .navigation:after, #footer .rightBlock .head .socialBox:after, #mainWrapper #header .navigation.main > ul:after, #mainWrapper .blend .navigation.main > ul:after, #toolBar .widthWrapper .right:after, #toolBar .widthWrapper:after {
  clear: both;
}

/** placeholder */
::-webkit-input-placeholder {
  color: #bbb;
}

:-moz-placeholder {
  color: #bbb;
}

::-moz-placeholder {
  color: #bbb;
}

:-ms-input-placeholder {
  color: #bbb;
}

/** issues */
/*
    This broke everything for fixed positioning when applied to body.
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 0%;
    -webkit-perspective: 550px;
*/
/** basics */
* {
  margin: 0;
  padding: 0;
}

html, body {
  margin: 0;
  padding: 0;
}
html.no-scroll, body.no-scroll {
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow: hidden;
  /* Other browsers */
  overscroll-behavior: none;
  height: 100vh;
}

body {
  font-family: "Open Sans", Helvetica, Arial;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  height: 100%;
  background: #fff url("/img/core/backgrounds/braided-cloth-scrap.jpg");
  color: #3e3e3e;
  text-rendering: optimizeLegibility;
}

* {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

a {
  color: #8fbe3e;
  text-decoration: none;
  outline: 0 !important;
}
a:focus, a:visited, a:active {
  outline: none;
}

a img {
  border: 0;
}

a:hover {
  color: #426530;
  text-decoration: underline;
}

input, textarea, select, div, a, img {
  -webkit-outline: 0;
  -moz-outline: 0;
  -o-outline: none;
  outline: none;
  outline: 0;
}

a:focus {
  -webkit-outline: 1px dotted #bbb;
  -moz-outline: 1px dotted #bbb;
  outline: 1px dotted #bbb;
}

.hiddenButAccessible {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 0;
  height: 0;
  overflow: hidden;
}

/** ci and colors */
.color-skinBrown {
  color: #d2be9e;
}

.color-skinBrown-background {
  background-color: #d2be9e;
}

/** background presets */
.vendorBackground, .object-404 > div {
  background: #fff url("/img/core/backgrounds/vendorBackground.png") no-repeat center center;
}

/** basics **/
div.hidden, span.hidden {
  display: none;
}

.hiddenInFrontEnd {
  display: none;
}

/*body.aurora .hiddenInFrontEnd {
    display: block;
}*/
/** messages */
.object-404 {
  width: 100%;
  height: 100%;
  min-height: 353.75px;
  display: table;
}
.object-404 > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #888;
}

.tooltip-container {
  position: relative;
}
.tooltip-container div {
  cursor: default;
}
.tooltip-container > .string > .string-content {
  cursor: pointer;
}
.tooltip-container ul {
  margin-left: 7px !important;
}
.tooltip-container .tooltip {
  transition-property: opacity, margin-top;
  position: absolute;
  z-index: 240;
  top: -20000px;
  margin-top: -5px;
  visibility: hidden;
  left: -27px;
  background: #fff;
  /*box-shadow: 0 0 10px rgba(0,0,0,.23);*/
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.23));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.23));
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";
  width: 400px;
  opacity: 0;
}
.tooltip-container .tooltip .tooltip-title {
  background: #a87358;
  font-size: 13px;
  padding: 5px 14px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
}
.tooltip-container .tooltip .tooltip-content {
  font-weight: normal;
  padding: 8px 14px 10px;
  font-size: 12px;
  line-height: 17px;
  color: #444;
}
.tooltip-container .tooltip .tooltip-content ul {
  padding-left: 20px;
}
.tooltip-container .tooltip:after {
  position: absolute;
  top: -10px;
  left: 30px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #a87358;
  content: " ";
}
.tooltip-container:hover .tooltip, .tooltip-container.visible .tooltip, .tooltip-container.hover .tooltip {
  top: 30px;
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  /*transition-delay: 0.8s;*/
}
.tooltip-container.gone:hover .tooltip, .tooltip-container.visible.gone, .tooltip-container.hover.gone {
  top: -20000px;
  margin-top: -5px;
  opacity: 0;
}
.tooltip-container.edit:hover .tooltip {
  top: 20px !important;
}
.tooltip-container.right .tooltip:after {
  left: auto;
  right: 30px;
}

.overlayFocus {
  z-index: 240 !important;
  position: relative;
}
.overlayFocus .selectboxit-container .selectboxit {
  box-shadow: none !important;
}

/** messagePane */
#messagePane {
  position: fixed;
  top: -120px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
  z-index: 10245;
  left: 0;
  right: 0;
  background: #88aabe;
  padding-bottom: 18px;
  padding-top: 18px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) !important;
}
#messagePane .message {
  color: #fff;
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  text-align: center;
  padding: 0 10%;
}
#messagePane .message a {
  color: #fff;
  text-decoration: underline;
}
#messagePane .message .deliveryChargeNotice {
  margin-top: 2px;
}
#messagePane.visible {
  top: 0px;
}

/** overlay */
#overlayWindow {
  -webkit-overflow-scrolling: touch;
  -webkit-transition-property: -webkit-transform, transform, opacity, -wekbit-opacity;
  -khtml-transition-property: -khtml-transform, transform, opacity, -khtml-opacity;
  -moz-transition-property: -moz-transform, transform, opacity, -moz-opacity;
  -ms-transition-property: -ms-transform, transform, opacity, -ms-opacity;
  -o-transition-property: -o-transform, transform, opacity, -o-opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0.45, 0.45);
  -khtml-transform: scale(0.45, 0.45);
  -moz-transform: scale(0.45, 0.45);
  -ms-transform: scale(0.45, 0.45);
  -o-transform: scale(0.45, 0.45);
  transform: scale(0.45, 0.45);
  z-index: 235;
  width: 782px;
  min-height: 283px;
  position: fixed;
  overflow: hidden;
  top: 95px;
  left: 50%;
  margin-left: -391px;
  background: #fff no-repeat center center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  visibility: hidden;
  margin-top: 30px;
  /*overscroll-behavior: contain;*/
  /**/
}
#overlayWindow > .clickCorner {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
#overlayWindow > .clickCorner > a {
  display: block;
  width: 36px;
  height: 35px;
  background: transparent url("/img/core/scraps/overlayWindow-clickCorner.png") no-repeat center center;
}
#overlayWindow > .clickCorner > a:hover {
  background-image: url("/img/core/scraps/overlayWindow-clickCorner-hover.png");
}
#overlayWindow.full {
  width: 800px;
  margin-left: -400px;
}
#overlayWindow.loading {
  background-image: url("/img/core/loadIndicators/spinner63-fff.gif");
  background-size: 50px 50px;
}
#overlayWindow.visible {
  -webkit-transform: scale(1, 1);
  -khtml-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  visibility: visible;
}
#overlayWindow #overlayWindow-content {
  max-height: 75%;
  max-height: 75vh;
  max-height: calc(90vh - 120px);
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  padding: 10px;
  scrollbar-width: thin;
  scrollbar-color: #bbb #fff;
  scrollbar-base-color: #bbb;
  scrollbar-face-color: #bbb;
  scrollbar-3dlight-color: #bbb;
  scrollbar-highlight-color: #aaa;
  scrollbar-track-color: #fff;
  scrollbar-arrow-color: #bbb;
  scrollbar-shadow-color: #bbb;
  scrollbar-dark-shadow-color: #bbb;
}
#overlayWindow #overlayWindow-content::-webkit-scrollbar {
  width: 5px;
}
#overlayWindow #overlayWindow-content::-webkit-scrollbar-track {
  background-color: transparent;
}
#overlayWindow #overlayWindow-content::-webkit-scrollbar-thumb {
  background-color: #ccc;
}
#overlayWindow #overlayWindow-content::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}
#overlayWindow.infoPopup #overlayWindow-content {
  padding: 10px 15px 20px;
}

.textNotice {
  background: #88aabe;
  border-radius: 2px;
  color: #fff;
  padding: 3px 8px;
}

.textRed {
  background: #cc0000;
  border-radius: 2px;
  color: #fff;
  padding: 3px 8px;
}

#mainContent ul, #overlayWindow ul {
  margin-left: 35px;
}
#mainContent ul.selectboxit-options, #mainContent ul .settings.drawer, #overlayWindow ul.selectboxit-options, #overlayWindow ul .settings.drawer {
  margin-left: 0;
}
#mainContent .productSearch ul, #overlayWindow .productSearch ul {
  margin-left: 0 !important;
}

#pageOverlay {
  position: absolute;
  position: fixed !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  z-index: 230;
  visibility: hidden;
}
#pageOverlay.visible {
  visibility: visible;
}
#pageOverlay.visible.deeperFocus {
  opacity: 0.75;
}

/** structure */
#cookieNotice {
  z-index: 252;
  position: fixed;
  left: 0;
  margin: 0 auto;
  right: 0;
  max-width: 980px;
  background: #fafafa;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  bottom: -1000px;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity;
}
#cookieNotice.visible {
  bottom: 0;
  visibility: visible;
  opacity: 1;
}
#cookieNotice .title {
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: #a87358;
  padding: 5px 15px;
}
#cookieNotice .text {
  padding: 5px 20px;
  margin-top: 12px;
  margin-bottom: 10px;
}
#cookieNotice .buttonBar {
  margin-bottom: 15px;
  margin-left: 20px;
}
#cookieNotice .buttonBar > .button {
  display: inline-block;
  background: #8fbe3e;
  color: #fff;
  text-decoration: none;
  padding: 3px 10px;
}

#toolBar {
  position: absolute; /* @help > using tweak to assure #mainWrapper 100% height spread */
  width: 100%;
  height: 38px;
  border-top: 1px solid #d2be9e;
  background-color: #fff;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);
  z-index: 45;
}
#toolBar > .responsive {
  display: none;
}
#toolBar a {
  font-size: 13px;
}
#toolBar .widthWrapper {
  width: 960px;
  margin: 0 auto;
  line-height: 36px;
}
#toolBar .widthWrapper .left {
  float: left;
}
#toolBar .widthWrapper .right {
  float: right;
  margin-top: 1px;
}
#toolBar .widthWrapper .right .box {
  margin-right: 7px;
  float: left;
}
#toolBar .widthWrapper .right .box input {
  color: #426530;
  border: 1px solid #dbdbdb;
  height: 17px;
  width: 225px;
  box-shadow: 0 0 3px #f4f4f4;
  font-size: 12px;
  padding: 1px 3px 1px 4px;
}
#toolBar .widthWrapper .right .button {
  float: left;
  width: 19px;
  height: 20px;
  margin-top: 8px;
  margin-right: 2px;
  background: url("/img/core/icons/search-button.png") no-repeat center center;
}
#toolBar .widthWrapper .right .button:hover {
  background-image: url("/img/core/icons/search-button-hover-bordered.png");
}
#toolBar .widthWrapper .right .button > a {
  width: 100%;
  height: 100%;
  display: block;
}
#toolBar .widthWrapper a {
  text-decoration: underline;
}

#mainWrapper {
  display: block; /* @help > tweak allows 100% height spread */
  /*min-height: 100%;*/
  width: 960px;
  margin: 0 auto;
  background: #fff url("/img/core/backgrounds/grain-scrap.jpg");
  padding: 50px 10px 0px;
}
#mainWrapper .slider {
  display: none;
}
#mainWrapper .structural.slider {
  display: block;
}
#mainWrapper.forceResponsive .slider {
  display: block;
}
#mainWrapper #filterBar {
  position: relative;
  float: left; /* @helpd > required to avoid collapsing margins */
  width: 100%;
  margin-top: 37px;
  margin-bottom: 12px;
  height: 4px;
  min-height: 4px;
  max-height: 4px;
}
#mainWrapper #header, #mainWrapper .blend {
  clear: both;
  position: relative;
}
#mainWrapper #header > div > .box-left, #mainWrapper .blend > div > .box-left {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 177px;
  height: 177px;
  float: left;
  margin-right: 19px;
}
#mainWrapper #header .navigation.main > ul > li > div,
#mainWrapper #header .navigation.main > ul > li > div > a, #mainWrapper .blend .navigation.main > ul > li > div,
#mainWrapper .blend .navigation.main > ul > li > div > a {
  background-repeat: no-repeat;
  background-position: center center;
}
#mainWrapper #header .navigation.main > ul > li > div > a, #mainWrapper .blend .navigation.main > ul > li > div > a {
  opacity: 0;
}
#mainWrapper #header .navigation.main > ul > li > div > a:hover,
#mainWrapper #header .navigation.main > ul > li.active > div > a, #mainWrapper .blend .navigation.main > ul > li > div > a:hover,
#mainWrapper .blend .navigation.main > ul > li.active > div > a {
  opacity: 1;
}
#mainWrapper #header .navigation.main > ul > li:nth-child(1) > div, #mainWrapper .blend .navigation.main > ul > li:nth-child(1) > div {
  background-image: url("/img/core/navigation/navPoint-shop.png");
}
#mainWrapper #header .navigation.main > ul > li:nth-child(1) > div > a, #mainWrapper .blend .navigation.main > ul > li:nth-child(1) > div > a {
  background-image: url("/img/core/navigation/navPoint-shop-hover.png");
}
#mainWrapper #header .navigation.main > ul > li:nth-child(2) > div, #mainWrapper .blend .navigation.main > ul > li:nth-child(2) > div {
  background-image: url("/img/core/navigation/navPoint-together.png");
}
#mainWrapper #header .navigation.main > ul > li:nth-child(2) > div > a, #mainWrapper .blend .navigation.main > ul > li:nth-child(2) > div > a {
  background-image: url("/img/core/navigation/navPoint-together-hover.png");
}
#mainWrapper #header .navigation.main > ul > li:nth-child(3) > div, #mainWrapper .blend .navigation.main > ul > li:nth-child(3) > div {
  background-image: url("/img/core/navigation/navPoint-practical.png");
}
#mainWrapper #header .navigation.main > ul > li:nth-child(3) > div > a, #mainWrapper .blend .navigation.main > ul > li:nth-child(3) > div > a {
  background-image: url("/img/core/navigation/navPoint-practical-hover.png");
}
#mainWrapper #header .navigation.main > ul > li:nth-child(4) > div, #mainWrapper .blend .navigation.main > ul > li:nth-child(4) > div {
  background-image: url("/img/core/navigation/navPoint-contact.png");
}
#mainWrapper #header .navigation.main > ul > li:nth-child(4) > div > a, #mainWrapper .blend .navigation.main > ul > li:nth-child(4) > div > a {
  background-image: url("/img/core/navigation/navPoint-contact-hover.png");
}
#mainWrapper #header .navigation.main, #mainWrapper .blend .navigation.main {
  background-color: #fff;
  -khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  width: 760px;
  margin-left: 198px;
  position: relative;
}
#mainWrapper #header .navigation.main > ul, #mainWrapper .blend .navigation.main > ul {
  width: 100%;
  list-style: none;
}
#mainWrapper #header .navigation.main > ul > li, #mainWrapper .blend .navigation.main > ul > li {
  width: 190px;
  height: 179px;
  background-color: transparent;
  float: left;
  vertical-align: top;
  position: relative;
  /*box-shadow: $boxShadow-soft; very nice effect */
}
#mainWrapper #header .navigation.main > ul > li > div, #mainWrapper .blend .navigation.main > ul > li > div {
  width: 100%;
  height: 100%;
}
#mainWrapper #header .navigation.main > ul > li > div > a, #mainWrapper .blend .navigation.main > ul > li > div > a {
  display: block;
  width: 100%;
  height: 100%;
}
#mainWrapper #header .navigation.main > ul > li.active,
#mainWrapper #header .navigation.main > ul > li:hover, #mainWrapper .blend .navigation.main > ul > li.active,
#mainWrapper .blend .navigation.main > ul > li:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  background-color: #8fbe3e;
}
#mainWrapper #header .navigation.main > ul > li > .arrowWrapper, #mainWrapper .blend .navigation.main > ul > li > .arrowWrapper {
  background: none !important;
  position: relative;
  height: 0 !important;
}
#mainWrapper #header .navigation.main > ul > li > .arrowWrapper > .arrow, #mainWrapper .blend .navigation.main > ul > li > .arrowWrapper > .arrow {
  background-image: url("/img/core/scraps/navigation-subArrow.png") !important;
  background-repeat: no-repeat;
  width: 24px;
  height: 18px;
  position: absolute;
  top: 0 !important;
  left: 50%;
  margin: 0 auto;
  margin-left: -12px;
  z-index: 50;
  opacity: 0;
}
#mainWrapper #header .navigation.main > ul > li.active > .arrowWrapper > .arrow, #mainWrapper .blend .navigation.main > ul > li.active > .arrowWrapper > .arrow {
  opacity: 1;
  top: -2px;
}
#mainWrapper #header .navigation.main:hover, #mainWrapper .blend .navigation.main:hover {
  /*background-position: 0 -8px;*/
}
#mainWrapper #header .navigation.sub, #mainWrapper .blend .navigation.sub {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  margin-top: 12px;
  margin-right: 2px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  text-align: center;
  overflow: hidden;
}
#mainWrapper #header .navigation.sub > ul, #mainWrapper .blend .navigation.sub > ul {
  display: inline-block;
  list-style: none;
  height: 53px;
}
#mainWrapper #header .navigation.sub > ul > li > a:hover, #mainWrapper .blend .navigation.sub > ul > li > a:hover {
  color: #224510;
}
#mainWrapper #header .navigation.sub > ul > li, #mainWrapper .blend .navigation.sub > ul > li {
  display: table-cell;
  vertical-align: middle;
}
#mainWrapper #header .navigation.sub > ul > li > a, #mainWrapper .blend .navigation.sub > ul > li > a {
  color: #426530;
  font-size: 14px;
  line-height: 14px;
  display: block;
  height: 100%;
  margin-top: 20.5px;
  padding-left: 8px;
  padding-right: 8px;
  border-right: 1px solid #426530;
  text-transform: uppercase;
  white-space: nowrap;
}
#mainWrapper #header .navigation.sub > ul > li:last-child > a, #mainWrapper .blend .navigation.sub > ul > li:last-child > a {
  border-right: 0 !important;
}
#mainWrapper #header .navigation.sub > ul > li.active > a, #mainWrapper .blend .navigation.sub > ul > li.active > a {
  font-weight: 600;
}
#mainWrapper #mainContent {
  position: relative;
  margin-top: 21px;
}
#mainWrapper #mainContent table {
  border-spacing: 0;
  padding: 0;
}
#mainWrapper #mainContent table tr:first-child td {
  background-color: #d2be9e;
  color: #fff;
  font-weight: 600;
}
#mainWrapper #mainContent table tr td {
  background-color: #fff;
  border-right: 1px solid #eee;
  padding: 2px 5px;
  border-bottom: 1px solid #d9d9d9;
}
#mainWrapper #mainContent table tr:last-child td {
  border-bottom: 0;
}
#mainWrapper #mainContent table tr td:last-child {
  border-right: 0;
}
#mainWrapper #mainContent > div.webRoot {
  width: 957px;
}

#footer {
  padding: 21px 10px 45px;
  width: 960px;
  margin: 23px auto 50px;
  background: #fff url("/img/core/backgrounds/footer.png") no-repeat center bottom;
  min-height: 100px;
}
#footer .leftBlock {
  float: left;
  margin-right: 10px;
}
#footer .leftBlock .blockWrapper {
  width: 175px;
  border: 2px solid #dcdcdc;
  background-color: #a87358;
}
#footer .leftBlock .blockWrapper .content {
  padding: 15px 10px;
  color: #fff;
}
#footer .leftBlock .blockWrapper .content > .title {
  margin-bottom: 25px;
}
#footer .leftBlock .subBlock {
  margin-top: 10px;
}
#footer .leftBlock .subBlock .image.float-right {
  margin-left: 0;
  margin-bottom: 0;
}
#footer .leftBlock .subBlock .image.float-right img {
  height: 80px !important;
  width: auto !important;
}
#footer .rightBlock {
  overflow: hidden;
  position: relative;
  min-height: 100px;
}
#footer .rightBlock .head {
  height: 39px;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
}
#footer .rightBlock .head .socialBox {
  vertical-align: top;
  display: inline-block;
}
#footer .rightBlock .head .socialBox > div {
  margin-right: 8px;
  width: 30px;
  height: 32px;
  float: left;
  opacity: 0.85;
}
#footer .rightBlock .head .socialBox > div > a {
  width: 100%;
  height: 100%;
  display: block;
}
#footer .rightBlock .head .socialBox > div:last-child {
  margin-right: 0;
}
#footer .rightBlock .head .socialBox > div:hover {
  opacity: 1;
}
#footer .rightBlock .head .socialBox > div.twitter {
  background: url("/img/core/icons/socialBox/twitter.png") no-repeat center top;
}
#footer .rightBlock .head .socialBox > div.facebook {
  background: url("/img/core/icons/socialBox/facebook.png") no-repeat center top;
}
#footer .rightBlock .head .socialBox > div.pinterest {
  background: url("/img/core/icons/socialBox/pinterest.png") no-repeat center top;
}
#footer .rightBlock .head .socialBox > div.blog {
  background: url("/img/core/icons/socialBox/blog.png") no-repeat center top;
}
#footer .rightBlock .head .deliveryCheck {
  float: right;
}
#footer .rightBlock .head .deliveryCheck > div {
  display: inline-block;
  vertical-align: middle;
}
#footer .rightBlock .head .deliveryCheck .title {
  color: #8fbe3e;
  margin-right: 10px;
  line-height: 29px;
  font-weight: 600 !important;
}
#footer .rightBlock .head .deliveryCheck .title div, #footer .rightBlock .head .deliveryCheck .title p, #footer .rightBlock .head .deliveryCheck .title strong {
  font-weight: 600 !important;
}
#footer .rightBlock .head .deliveryCheck .searchBox {
  margin-right: 7px;
}
#footer .rightBlock .head .deliveryCheck .searchBox input {
  color: #426530;
  border: 1px solid #dbdbdb;
  height: 16px;
  width: 152px;
  box-shadow: 0 0 3px #f4f4f4;
  font-size: 11px;
  padding: 1px 3px;
}
#footer .rightBlock .head .deliveryCheck .searchButton {
  width: 19px;
  height: 20px;
  background: url("/img/core/icons/search-button.png") no-repeat center center;
}
#footer .rightBlock .head .deliveryCheck .searchButton:hover {
  background-image: url("/img/core/icons/search-button-hover-bordered.png");
}
#footer .rightBlock .head .deliveryCheck .searchButton > a {
  width: 100%;
  height: 100%;
  display: block;
}
#footer .rightBlock .navigation {
  margin: 10px 0 15px;
  font-size: 12px;
}
#footer .rightBlock .navigation ul, #footer .rightBlock .navigation li {
  list-style: none;
}
#footer .rightBlock .navigation > ul > li {
  float: left;
  margin-right: 45px;
  margin-bottom: 15px;
  line-height: 16px;
}
#footer .rightBlock .navigation > ul > li:last-child {
  margin-right: 0;
}
#footer .rightBlock .navigation > ul > li > ul {
  margin-top: 5px;
}
#footer .rightBlock .navigation > ul > li > a {
  color: #3e3e3e;
  font-size: 15px;
}
#footer .rightBlock .navigation > ul > li > ul > li > a {
  color: #426530;
  font-size: 12px;
}
#footer .rightBlock .navigation ul li > a:hover {
  text-decoration: underline;
}
#footer .rightBlock .sub {
  font-size: 12px;
  position: relative;
  bottom: 0;
}
#footer .rightBlock .sub .paymentLogos {
  margin-bottom: 10px;
  margin-top: 15px;
  border-top: 1px dashed #ddd;
  padding-top: 13px;
  width: 583px;
}

.productListView .categoryLink {
  display: none;
  position: relative;
  top: 0px;
  text-align: center;
  margin-bottom: 30px;
  margin-right: 20px;
}
.productListView .categoryLink a {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border: 0;
  background: #8fbe3e;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  width: 100%;
  padding-bottom: 4px;
  line-height: 40px;
  text-decoration: none;
  text-transform: uppercase;
}
.productListView .categoryLink a:hover {
  text-decoration: none;
  background: #80b030;
}
.productListView .categoryLink a .string {
  display: inline-block !important;
}
.productListView .categoryLink a:after {
  display: inline-block;
  content: "»";
  font-size: 22px !important;
  width: 15px;
}

.purchase > .selector,
.product .selector,
.productDetail .selector,
.purchaseBox .selector {
  margin-top: 2px;
}
.purchase > .selector > div,
.product .selector > div,
.productDetail .selector > div,
.purchaseBox .selector > div {
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  white-space: nowrap;
}
.purchase > .selector .button,
.product .selector .button,
.productDetail .selector .button,
.purchaseBox .selector .button {
  margin-top: 3px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.purchase > .selector .button > a,
.product .selector .button > a,
.productDetail .selector .button > a,
.purchaseBox .selector .button > a {
  width: 100%;
  height: 100%;
  display: block;
}
.purchase > .selector .button.minus, .purchase > .selector .button.plus,
.product .selector .button.minus,
.product .selector .button.plus,
.productDetail .selector .button.minus,
.productDetail .selector .button.plus,
.purchaseBox .selector .button.minus,
.purchaseBox .selector .button.plus {
  background: #d2be9e;
  text-align: center;
}
.purchase > .selector .button.minus a, .purchase > .selector .button.plus a,
.product .selector .button.minus a,
.product .selector .button.plus a,
.productDetail .selector .button.minus a,
.productDetail .selector .button.plus a,
.purchaseBox .selector .button.minus a,
.purchaseBox .selector .button.plus a {
  font-family: Arial !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 15px !important;
}
.purchase > .selector .button.minus a::after, .purchase > .selector .button.plus a::after,
.product .selector .button.minus a::after,
.product .selector .button.plus a::after,
.productDetail .selector .button.minus a::after,
.productDetail .selector .button.plus a::after,
.purchaseBox .selector .button.minus a::after,
.purchaseBox .selector .button.plus a::after {
  content: "+";
}
.purchase > .selector .button.minus:hover, .purchase > .selector .button.plus:hover,
.product .selector .button.minus:hover,
.product .selector .button.plus:hover,
.productDetail .selector .button.minus:hover,
.productDetail .selector .button.plus:hover,
.purchaseBox .selector .button.minus:hover,
.purchaseBox .selector .button.plus:hover {
  background: #b29e7e;
}
.purchase > .selector .button.minus a,
.product .selector .button.minus a,
.productDetail .selector .button.minus a,
.purchaseBox .selector .button.minus a {
  font-size: 14px !important;
  line-height: 13px !important;
  font-weight: 600 !important;
}
.purchase > .selector .button.minus a::after,
.product .selector .button.minus a::after,
.productDetail .selector .button.minus a::after,
.purchaseBox .selector .button.minus a::after {
  content: "–";
}
.purchase > .selector .button.large,
.product .selector .button.large,
.productDetail .selector .button.large,
.purchaseBox .selector .button.large {
  width: 19px !important;
  height: 19px !important;
}
.purchase > .selector .button.large.minus a, .purchase > .selector .button.large.plus a,
.product .selector .button.large.minus a,
.product .selector .button.large.plus a,
.productDetail .selector .button.large.minus a,
.productDetail .selector .button.large.plus a,
.purchaseBox .selector .button.large.minus a,
.purchaseBox .selector .button.large.plus a {
  font-size: 23px !important;
  font-weight: 300 !important;
  line-height: 19px !important;
}
.purchase > .selector .button.large.minus a,
.product .selector .button.large.minus a,
.productDetail .selector .button.large.minus a,
.purchaseBox .selector .button.large.minus a {
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 15px !important;
}
.purchase > .selector .price,
.product .selector .price,
.productDetail .selector .price,
.purchaseBox .selector .price {
  padding: 0 5px;
  color: #426530;
  min-width: 50px;
  text-align: center;
}
.purchase > .selector .price h4, .purchase > .selector .price .filterList .filter .label, .filterList .filter .purchase > .selector .price .label, .purchase > .selector .price .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice .purchase > .selector .price .title, .purchase > .selector .price .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice .purchase > .selector .price .title, .purchase > .selector .price .checkout .subscriptionModificationNotice > .title, .checkout .purchase > .selector .price .subscriptionModificationNotice > .title,
.product .selector .price h4,
.product .selector .price .filterList .filter .label,
.filterList .filter .product .selector .price .label,
.product .selector .price .customerManagement .overlay.deliveryTargets .notice .title,
.customerManagement .overlay.deliveryTargets .notice .product .selector .price .title,
.product .selector .price .checkout .overlay.deliveryTargets .notice .title,
.checkout .overlay.deliveryTargets .notice .product .selector .price .title,
.product .selector .price .checkout .subscriptionModificationNotice > .title,
.checkout .product .selector .price .subscriptionModificationNotice > .title,
.productDetail .selector .price h4,
.productDetail .selector .price .filterList .filter .label,
.filterList .filter .productDetail .selector .price .label,
.productDetail .selector .price .customerManagement .overlay.deliveryTargets .notice .title,
.customerManagement .overlay.deliveryTargets .notice .productDetail .selector .price .title,
.productDetail .selector .price .checkout .overlay.deliveryTargets .notice .title,
.checkout .overlay.deliveryTargets .notice .productDetail .selector .price .title,
.productDetail .selector .price .checkout .subscriptionModificationNotice > .title,
.checkout .productDetail .selector .price .subscriptionModificationNotice > .title,
.purchaseBox .selector .price h4,
.purchaseBox .selector .price .filterList .filter .label,
.filterList .filter .purchaseBox .selector .price .label,
.purchaseBox .selector .price .customerManagement .overlay.deliveryTargets .notice .title,
.customerManagement .overlay.deliveryTargets .notice .purchaseBox .selector .price .title,
.purchaseBox .selector .price .checkout .overlay.deliveryTargets .notice .title,
.checkout .overlay.deliveryTargets .notice .purchaseBox .selector .price .title,
.purchaseBox .selector .price .checkout .subscriptionModificationNotice > .title,
.checkout .purchaseBox .selector .price .subscriptionModificationNotice > .title {
  font-size: 15px;
  line-height: 20px;
}
.purchase > .selector .price span,
.product .selector .price span,
.productDetail .selector .price span,
.purchaseBox .selector .price span {
  padding-right: 1px;
  padding-left: 1px;
}

.product .unavailable-notice {
        background: #bbb;
        position: relative;
        top: 15px;
        color: #fff;
        padding: 3px 6px 4px;
        text-align: center;
        display: none;
    }

.product.unavailable .purchase {
display: none;
}
.product.unavailable .unavailable-notice {
display:block;
}

.manufacturer,
.product {
  position: relative;
  float: left;
  width: 155px;
  height: 261px;
  background-color: #fff;
  padding: 10px;
}
.manufacturer.reduced,
.product.reduced {
  width: 114px;
  height: 190px;
  margin-right: 10px;
  margin-bottom: 0;
}
.manufacturer.reduced .clickCorner,
.product.reduced .clickCorner {
  display: none;
}
.manufacturer.reduced .image,
.product.reduced .image {
  text-align: center;
}
.manufacturer.reduced .image img,
.product.reduced .image img {
  width: 114px;
  height: auto;
}
.manufacturer.reduced .details .title,
.product.reduced .details .title {
  font-size: 14px;
}
.manufacturer.reduced .details .origin,
.product.reduced .details .origin {
  font-size: 11px;
  padding-top: 2px;
  line-height: 15px;
}
.manufacturer .unavailable-notice,
.product .unavailable-notice {
  pointer-events: none;
  background: #aaa;
  color: #fff;
  text-align: center;
  display: none;
  left: 0;
  z-index: 1;
  font-size: 12px;
  right: 0;
  position: absolute;
  padding: 5px 10px;
  line-height: 17px;
  margin: 0 auto;
  top: 223px;
  transform: rotate(-2deg);
  max-width: 136px;
  opacity: 0.85;
}
.manufacturer.unavailable .purchase,
.product.unavailable .purchase {
  display: none;
}
.manufacturer.unavailable .unavailable-notice,
.product.unavailable .unavailable-notice {
  display: block;
}
.manufacturer .clickCorner,
.product .clickCorner {
  width: 36px;
  height: 35px;
  background: url("/img/core/scraps/box-clickCorner.png") no-repeat right top;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
.manufacturer .clickCorner:hover,
.product .clickCorner:hover {
  background: url("/img/core/scraps/box-clickCorner-hover.png") no-repeat right top;
}
.manufacturer .clickCorner > a,
.product .clickCorner > a {
  width: 100%;
  height: 100%;
  display: block;
}
.manufacturer .image,
.product .image {
  border-bottom: 1px solid #d9d9d9;
  position: relative;
  z-index: 1;
}
.manufacturer .image img,
.product .image img {
  width: 155px;
  image-rendering: -webkit-optimize-contrast;
  -webkit-image-rendering: -webkit-optimize-contrast;
}
.manufacturer .image .collateralInfo,
.product .image .collateralInfo {
  font-size: 10px;
  color: #8fbe3e;
  position: absolute;
  right: 0;
  bottom: 2px;
  background: #fff;
  padding-left: 4px;
  border-radius: 3px;
}
.manufacturer .details,
.product .details {
  margin-top: 5px;
  color: #3e3e3e;
}
.manufacturer .details .origin,
.product .details .origin {
  color: #8fbe3e;
  line-height: 16px;
  font-size: 12px;
  padding-top: 2px;
}
.manufacturer .details .title,
.product .details .title {
  text-overflow: ellipsis;
  /*overflow: hidden;*/
  max-height: 50px;
  margin-top: 1px;
  line-height: 19px;
  font-size: 16px;
}
.manufacturer .details .mainTitle,
.product .details .mainTitle {
  line-height: 23px;
}
.manufacturer .details .location,
.product .details .location {
  font-size: 12px;
  color: #8fbe3e;
  line-height: 21px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.manufacturer .purchase,
.product .purchase {
  margin-top: 8px;
  position: absolute;
  bottom: 6px;
  width: 167px;
}
.manufacturer .purchase .left,
.product .purchase .left {
  margin-top: 6px;
  float: left;
}
.manufacturer .purchase .right,
.product .purchase .right {
  position: absolute;
  right: 10px;
  top: 8px;
}
.manufacturer .purchase .unitInfo,
.product .purchase .unitInfo {
  font-size: 12px;
  color: #464646;
}
.manufacturer .purchase .unitInfo span,
.product .purchase .unitInfo span {
  padding-right: 3px;
}
.manufacturer .purchase .cartButton,
.product .purchase .cartButton {
  width: 25px;
  height: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/img/core/scraps/into-cart.png");
  cursor: pointer;
  margin-top: 13px;
}
.manufacturer .purchase .cartButton:hover,
.product .purchase .cartButton:hover {
  background-image: url("/img/core/scraps/into-cart-hover.png");
}
.manufacturer .purchase .cartButton > a,
.product .purchase .cartButton > a {
  width: 100%;
  height: 100%;
  display: block;
}

#mainContent .productDetail,
#mainContent .manufacturerDetail {
  padding: 10px;
}


.productDetail .unavailable-notice {
        background: #bbb;
        position: relative;
        top: 10px;
        color: #fff;
        padding: 3px 6px 4px;
        text-align: center;
        display: none;
}

.productDetail.unavailable .unavailable-notice {
	display: block;
}

.productDetail.unavailable .selectorWrapper {
	display: none;
}

.productDetail {
  background-color: #fff;
}
.productDetail .unavailable-notice {
  background: #bbb;
  position: relative;
  top: 10px;
  color: #fff;
  padding: 3px 6px 4px;
  text-align: center;
  display: none;
}
.productDetail.unavailable .selectorWrapper {
  display: none;
}
.productDetail.unavailable .unavailable-notice {
  display: block;
}
.productDetail .head {
  margin-top: 5px;
  margin-bottom: 5px;
}
.productDetail .head .image {
  float: left;
  margin-right: 30px;
}
.productDetail .head .image img {
  width: 185px;
}
.productDetail .head .overview {
  float: left;
  margin-top: 25px;
  color: #464646;
}
.productDetail .head .overview > .top > .left {
  float: left;
  margin-right: 28px;
}
.productDetail .head .overview > .top > .left .type {
  line-height: 16px;
}
.productDetail .head .overview > .top .right {
  float: left;
}
.productDetail .head .overview .selectorWrapper {
  margin-top: 18px;
}
.productDetail .infoBlock.quality {
  margin-bottom: 20px;
}
.productDetail .infoBlock .col-1 {
  float: left;
  margin-left: 16px;
  width: 199px;
}
.productDetail .infoBlock .col-2 {
  float: left;
}
.productDetail .infoBlock > .bar > .label {
  margin-left: 16px;
}
.productDetail .infoBlock.bundleContents {
  margin-top: 10px;
}
.productDetail .infoBlock > .bar {
  background-color: #d2be9e;
  color: #fff;
  line-height: 30px;
  min-height: 30px;
}
.productDetail .infoBlock > .content {
  margin-top: 5px;
}
.productDetail .infoBlock > .content .col-1, .productDetail .infoBlock > .content .col-2 {
  margin-top: 7px;
}
.productDetail .infoBlock > .content .col-1 .allergyTag, .productDetail .infoBlock > .content .col-1 .quality, .productDetail .infoBlock > .content .col-2 .allergyTag, .productDetail .infoBlock > .content .col-2 .quality {
  float: left;
  margin-right: 10px;
}
.productDetail .infoBlock > .content .col-1 .allergyTag img, .productDetail .infoBlock > .content .col-1 .quality img, .productDetail .infoBlock > .content .col-2 .allergyTag img, .productDetail .infoBlock > .content .col-2 .quality img {
  width: auto;
  height: 47px;
}
.productDetail.bundle {
  margin-bottom: 50px;
}
.productDetail.bundle .head .image {
  margin-right: 10px;
}
.productDetail.bundle .infoBlock > .bar {
  background-color: #d9d9d9;
  height: 2px;
  line-height: 2px;
}
.productDetail.bundle .stage {
  font-size: 13.5px;
  line-height: 18px;
}
.productDetail.bundle .descriptors {
  text-align: left;
  margin-top: 20px !important;
  display: table;
  width: 66%;
}
.productDetail.bundle .descriptors > div {
  display: block;
  float: none;
}
.productDetail.bundle .descriptors .descriptorSet {
  display: table-row;
  border-collapse: collapse;
}
.productDetail.bundle .descriptors .descriptorSet > div {
  display: table-cell;
  vertical-align: top;
}
.productDetail.bundle .descriptors .descriptorSet .title {
  padding-right: 15px;
  min-width: 94px;
}
.productDetail.bundle .bundleTable-wrapper {
  display: table;
  width: 66%;
}
.productDetail.bundle .bundleTable-wrapper .bundleTable {
  display: table-row;
}
.productDetail.bundle .bundleTable-wrapper .bundleTable .labels {
  display: table-cell;
  padding-top: 135px;
  vertical-align: top;
  min-width: 95px;
  padding-right: 15px;
}
.productDetail.bundle .bundleTable-wrapper .bundleList {
  display: table-cell;
  vertical-align: top;
}
.productDetail.bundle .bundleTable-wrapper .bundleList .image {
  width: 180px;
  height: 125px;
}
.productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper {
  display: table;
  width: 100%;
}
.productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row {
  display: table-row;
}
.productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle {
  display: table-cell;
  padding-right: 18px;
  padding-left: 18px;
  border-right: 1px solid #d9d9d9;
}
.productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle:first-of-type {
  padding-left: 0;
}
.productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle:last-of-type {
  border-right: 0;
}
.productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle .row.image {
  margin-bottom: 10px;
}
.productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle .row .descriptorSet {
  white-space: nowrap;
}
.productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle .row .descriptorSet > div {
  float: left;
  margin-right: 5px;
}
.productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle .row .descriptorSet > div.description {
  color: #8fbe3e;
}
.productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle .purchase {
  margin-top: 25px;
}
.productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle .purchase .cartButton {
  margin: 0 auto;
  width: 46px;
  height: 47px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/img/core/scraps/into-cart-large.png");
  cursor: pointer;
}
.productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle .purchase .cartButton:hover {
  background-image: url("/img/core/scraps/into-cart-large-hover.png");
}
.productDetail.bundle .bundleTable-wrapper .bundleList .bundleList-innerWrapper .bundleList-row .bundle .purchase .cartButton > a {
  width: 100%;
  height: 100%;
  display: block;
}
.productDetail .descriptors {
  margin: 15px 0 20px;
}
.productDetail .descriptors > div {
  display: table;
  width: 50%;
  float: left;
}
.productDetail .descriptors .descriptorPair {
  display: table-row;
  color: #464646;
}
.productDetail .descriptors .descriptorPair > div {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 3px;
}
.productDetail .descriptors .descriptorPair .label {
  padding-right: 10px;
  font-weight: 600;
  white-space: nowrap;
}
.productDetail .descriptors .descriptorPair .text {
  padding-right: 20px;
}
.productDetail .descriptors .descriptorPair .outer {
  margin-top: 2px;
}
.productDetail .descriptors .descriptorPair .outer .comment {
  margin-top: 10px;
  font-size: 12px;
  color: #999;
}
.productDetail .descriptors .descriptorPair ul {
  display: table;
  width: 100%;
  max-width: 380px;
}
.productDetail .descriptors .descriptorPair li {
  display: table-row;
  background: rgba(210, 190, 158, 0.2);
}
.productDetail .descriptors .descriptorPair li:nth-child(even) {
  background: #fff;
}
.productDetail .descriptors .descriptorPair li > div {
  display: table-cell;
}
.productDetail .descriptors .descriptorPair ul, .productDetail .descriptors .descriptorPair li {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}
.productDetail .descriptors .descriptorPair ul > li {
  white-space: nowrap;
}
.productDetail .descriptors .descriptorPair ul > li > div {
  display: table-cell;
  vertical-align: top;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 13px;
  font-weight: 400;
  padding-left: 5px;
}
.productDetail .descriptors .descriptorPair ul > li > div:first-child {
  width: 100%;
}
.productDetail .descriptors .descriptorPair ul > li > div:last-child {
  padding-right: 5px;
}
.productDetail .descriptors .descriptorPair ul > li > div.amount {
  font-weight: 300;
}
.productDetail .descriptors .descriptorPair ul > li > div.amount > div {
  display: inline-block;
  vertical-align: top;
}
.productDetail .related {
  margin-top: 15px;
}
.productDetail .related > .title {
  color: #426530;
  margin-bottom: 10px;
}
.productDetail .related > .list {
  width: 800px;
}
.productDetail .related > .list > .product {
  margin-right: 18px;
}

.purchaseBox > .priceAndCollateral > .price span {
  padding-right: 5px;
}
.purchaseBox > .priceAndCollateral > .collateral {
  margin-top: 2px;
  color: #8fbe3e;
}
.purchaseBox > .priceAndCollateral > .collateral .label, .purchaseBox > .priceAndCollateral > .collateral .collateralTooltip {
  float: left;
  margin-right: 5px;
}
.purchaseBox > .priceAndCollateral > .collateral .collateralTooltip .tooltip-container {
  margin-top: 1px;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  background-color: #8fbe3e;
  border-radius: 50px;
  width: 17px;
  height: 17px;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.purchaseBox > .priceAndCollateral > .collateral .collateralTooltip .tooltip-container .tooltip {
  text-align: left;
}
.purchaseBox > .priceAndCollateral > .collateral .collateralTooltip .tooltip-container .tooltip-label {
  color: #fff;
  display: inline;
  padding-left: 1px;
}
.purchaseBox > .priceAndCollateral > .collateral .collateralTooltip .tooltip-container:hover {
  background-color: #426530;
}
.purchaseBox > .priceAndCollateral > .collateral .collateralTooltip .tooltip-container:hover .overlay {
  visibility: visible;
}
.purchaseBox > .priceAndCollateral > .collateral .collateralTooltip .tooltip-container .overlay {
  visibility: hidden;
  z-index: 100;
  background-color: #fff;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  padding: 10px 15px;
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  background: #8fbe3e;
  width: 360px;
  color: #fff;
  top: 17px;
  text-align: left;
  cursor: default !important;
  left: 17px;
}
.purchaseBox .selectorContainer {
  float: left;
  margin-right: 6px;
}
.purchaseBox .selectorContainer > .selector {
  margin-top: 10px;
  float: left;
}
.purchaseBox .selectorContainer > .selector .left, .purchaseBox .selectorContainer > .selector .right {
  float: left;
}
.purchaseBox .selectorContainer > .selector .left {
  margin-right: 5px;
  margin-top: 7px;
}
.purchaseBox .selectorContainer > .selector .right {
  line-height: 32px;
}
.purchaseBox .selectorContainer > .selector .button {
  margin-top: 1px;
  float: left;
  margin-right: 1px;
}
.purchaseBox .cartButton {
  float: left;
  width: 46px;
  height: 47px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/img/core/scraps/into-cart-large.png");
  cursor: pointer;
}
.purchaseBox .cartButton:hover {
  background-image: url("/img/core/scraps/into-cart-large-hover.png");
}
.purchaseBox .cartButton > a {
  width: 100%;
  height: 100%;
  display: block;
}
.purchaseBox .unavailable-notice {
  background: #bbb;
  position: relative;
  top: 15px;
  color: #fff;
  padding: 3px 6px 4px;
  text-align: center;
  display: none;
}

.cart .cartOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff url(/img/core/loadIndicators/spinner63-fff.gif) no-repeat center center;
  background-size: 40px;
  opacity: 0;
  z-index: 229;
}
.cart > .busy .cartOverlay {
  opacity: 0.7;
}
.cart.compact {
  border: 1px solid #aaccde;
  background: #aaccde url("/img/core/icons/cart-medium.png") no-repeat center 30px;
  position: relative;
  font-size: 12px;
}
.cart.compact.fluid {
  z-index: 50;
}
.cart.compact .clickSensitive {
  position: absolute;
  top: 30px;
  left: 50px;
  width: 75px;
  height: 60px;
}
.cart.compact .clickSensitive > a {
  width: 100%;
  height: 100%;
  display: block;
}
.cart.compact.open .clickSensitive {
  display: none;
}
.cart.compact .title {
  color: #fff;
  margin-top: 105px;
  text-align: center;
}
.cart.compact .contentWrapper-outer {
  position: relative;
}
.cart.compact .contentWrapper {
  margin: 38px 2px 0;
  background-color: #fff;
  color: #3e3e3e;
  padding: 8px;
  height: 48px;
  max-height: 48px;
  overflow: hidden;
  background-position: center -15px;
}
.cart.compact .contentWrapper .flapLink {
  display: block;
  float: left;
}
.cart.compact .deliveryChargeNotice {
  font-size: 12px;
  position: absolute;
  top: -66px;
  transform: rotate(-2deg);
  background: #88aabe;
  color: #fff;
  left: 9px;
  right: 9px;
  text-align: center;
  padding: 5px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05);
}
.cart.compact .deliveryChargeNotice strong {
  white-space: nowrap;
}
.cart.compact .checkoutLink {
  margin-top: 8px;
}
.cart.compact .checkoutLink a {
  color: #fff;
  text-align: center;
}
.cart.compact .cartOverlay {
  top: 70px;
  left: 2px;
  right: 2px;
  bottom: 34px;
}
.cart.compact.open {
  height: 588px;
}
.cart.compact.open .deliveryChargeNotice {
  position: relative;
  left: -5px;
  top: 5px;
  width: 100%;
  right: auto;
  bottom: auto;
  text-align: right;
  transform: none;
  box-shadow: none;
  clear: both;
  padding: 5px;
  margin: 5px 0 0;
  background: #88aabe;
}
.cart.compact.open .contentWrapper {
  height: 353px;
  max-height: 353px;
  padding: 8px 0 8px 8px;
}
.cart.compact.open .contentWrapper .cartContent {
  overflow: auto;
  height: 321px;
  max-height: 321px;
  padding-right: 8px;
}
.cart.compact.open .cartSum.subTotal {
  bottom: 8px;
  visibility: visible;
}
.cart.compact.open .cartSum.subTotal .wrapper {
  padding-top: 8px;
}
.cart.compact.open .cartItem-product.transport .cartItem-title,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title {
  float: left;
}
.cart.compact.open .cartItem-product.transport .cartItem-title h4, .cart.compact.open .cartItem-product.transport .cartItem-title .filterList .filter .label, .filterList .filter .cart.compact.open .cartItem-product.transport .cartItem-title .label, .cart.compact.open .cartItem-product.transport .cartItem-title .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice .cart.compact.open .cartItem-product.transport .cartItem-title .title, .cart.compact.open .cartItem-product.transport .cartItem-title .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice .cart.compact.open .cartItem-product.transport .cartItem-title .title, .cart.compact.open .cartItem-product.transport .cartItem-title .checkout .subscriptionModificationNotice > .title, .checkout .cart.compact.open .cartItem-product.transport .cartItem-title .subscriptionModificationNotice > .title,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title h4,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title .filterList .filter .label,
.filterList .filter .cart.compact.open .cartItem-product.collateralCredit .cartItem-title .label,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title .customerManagement .overlay.deliveryTargets .notice .title,
.customerManagement .overlay.deliveryTargets .notice .cart.compact.open .cartItem-product.collateralCredit .cartItem-title .title,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title .checkout .overlay.deliveryTargets .notice .title,
.checkout .overlay.deliveryTargets .notice .cart.compact.open .cartItem-product.collateralCredit .cartItem-title .title,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title .checkout .subscriptionModificationNotice > .title,
.checkout .cart.compact.open .cartItem-product.collateralCredit .cartItem-title .subscriptionModificationNotice > .title {
  font-size: 12px;
  font-weight: 400;
}
.cart.compact.loading .contentWrapper {
  opacity: 0;
}
.cart.compact .item {
  position: relative;
  margin-bottom: 4px;
  padding-bottom: 7px;
  /*margin-bottom: 9px;
  padding-bottom: 9px;*/
  border-bottom: 1px solid #d9d9d9;
  margin-right: 5px;
}
.cart.compact .item:last-of-type {
  border-bottom: 0;
}
.cart.compact .item .cartItem-button.delete {
  margin-top: 4px;
}
.cart.compact .item .cartItem-button.delete a {
  background-color: #fff;
  color: #aaccde;
}
.cart.compact .item .cartItem-button.delete a:hover {
  color: #88aabe;
  text-decoration: underline;
}
.cart.compact .item .cartItem-title {
  color: #464646;
  font-weight: 600;
}
.cart.compact .item .selector .cartItem-button {
  float: left;
  font-size: 13px;
  margin-top: 4px;
  margin-right: 5px;
}
.cart.compact .item .selector .unit, .cart.compact .item .selector .label {
  margin-right: 5px;
  float: left;
}
.cart.compact .item .selector .unit span {
  padding-right: 3px;
}
.cart.compact .item .selector .unit span:last-child {
  padding-right: 0;
}
.cart.compact .item .selector .label {
  margin-right: 7px;
}
.cart.compact .item .price {
  font-weight: 600;
  font-size: 12px;
  float: right;
}
.cart.compact .item.dropOut {
  opacity: 0;
}
.cart.compact .cartSum.subTotal {
  visibility: hidden;
  position: absolute;
  bottom: 5px;
  width: 100%;
}
.cart.compact .cartSum.subTotal .wrapper {
  margin: 0 10px;
  text-align: right;
  padding-top: 5px;
  border-top: 1px solid #d9d9d9;
}
.cart.compact .cartSum.subTotal .wrapper .label, .cart.compact .cartSum.subTotal .wrapper .value {
  float: right;
}
.cart.compact .cartSum.subTotal .wrapper .label {
  margin-right: 5px;
}
.cart.compact .cartSum.subTotal .wrapper .value {
  font-weight: 600;
}
.cart.sumOnly .cartSum.totalSum {
  font-size: 14px;
  background: rgba(210, 190, 158, 0.1215686275);
  padding: 7px 10px;
  margin-top: 15px;
  margin-bottom: 7px;
  color: #333;
  font-weight: 600;
}
.cart.sumOnly .cartSum.totalSum .label {
  float: left;
  margin-right: 7px;
}
.cart.sumOnly .cartSum.totalSum .value {
  float: left;
}
.cart.full {
  background-color: #fff;
}
.cart.full .itemList > div {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.cart.full .col {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 0;
}
.cart.full .col.cartItem-image {
  width: 69px;
  height: 69px;
  padding-right: 35px;
  padding-left: 5px;
}
.cart.full .col.cartItem-image img {
  width: 69px;
  height: auto;
}
.cart.full .col.breaker {
  display: none;
}
.cart.full .col.cartItem-product {
  width: 40%;
}
.cart.full .col.cartItem-product span {
  padding-right: 3px;
}
.cart.full .col.cartItem-product .priceInfo {
  font-size: 12px;
}
.cart.full .col.cartItem-product .priceInfo .label {
  margin-right: 5px;
  float: left;
  font-weight: 600;
}
.cart.full .col.cartItem-product .priceInfo .content {
  margin-bottom: 1px;
}
.cart.full .col.cartItem-product .collateralInfo {
  font-size: 11px;
  color: #426530;
  margin-bottom: 2px;
}
.cart.full .col.cartItem-product .itemOptions {
  margin-top: 4px;
  margin-bottom: 3px;
  /* fix the span issue */
}
.cart.full .col.cartItem-product .itemOptions .label {
  line-height: 19px;
}
.cart.full .col.cartItem-product .itemOptions span.selectboxit-text, .cart.full .col.cartItem-product .itemOptions span.selectboxit-option-icon-container, .cart.full .col.cartItem-product .itemOptions span.selectboxit-arrow-container {
  padding-right: 0 !important;
}
.cart.full .col.cartItem-product.voucher .label {
  margin-right: 5px;
  color: #a87358;
}
.cart.full .col.cartItem-product.voucher .label.bold {
  margin-bottom: 1px;
  color: #3e3e3e;
  font-size: 12px;
  font-weight: 600;
}
.cart.full .col.cartItem-product.collateralCredit .content {
  color: #888;
  font-size: 11px;
  padding-top: 1px;
}
.cart.full .col.cartItem-price {
  font-size: 14px;
  color: #426530;
  text-align: right;
  padding-right: 15px;
}
.cart.full .col.cartItem-price.voucher {
  color: #cc0000;
  font-weight: 600;
}
.cart.full .col.cartItem-quantity.purchase.voucher {
  font-size: 10px;
  color: #999;
  width: 300px;
}
.cart.full .col .selector .cartItem-button {
  width: 16px;
  height: 16px;
  float: left;
  margin-top: 4px;
  margin-right: 5px;
}
.cart.full .col .selector .cartItem-button a {
  background-color: #d2be9e !important;
  font-size: 14px;
  line-height: 14px;
}
.cart.full .col .selector .cartItem-button a:hover {
  background-color: #b57957 !important;
}
.cart.full .col .selector .cartItem-button.plus a {
  line-height: 15px;
}
.cart.full .col .selector .unit, .cart.full .col .selector .label {
  margin-right: 5px;
  float: left;
}
.cart.full .col .selector .unit {
  font-size: 13px;
  line-height: 25px;
  min-width: 50px;
  text-align: center;
}
.cart.full .col .selector .unit span {
  padding-right: 4px;
}
.cart.full .col .selector .unit span:last-child {
  padding-right: 0;
}
.cart.full .col .selector .label {
  margin-right: 7px;
}
.cart.full .item:last-of-type {
  border-bottom: 2px solid #d9d9d9;
}
.cart.full .item {
  display: table-row;
  border-top: 2px solid #d9d9d9;
}
.cart.full .item a div {
  display: inline-block;
}
.cart.full .item .itemOverlay {
  display: none;
}
.cart.full .item .title-naked, .cart.full .item .itemNotice {
  display: none;
}
.cart.full .item.disabled .title-naked, .cart.full .item.disabled .itemNotice {
  display: block;
}
.cart.full .item.disabled .itemNotice {
  font-weight: 600;
  color: #cc0000;
  opacity: 0.25;
}
.cart.full .item.disabled a {
  display: none;
}
.cart.full .item.disabled .itemOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.cart.full .item.disabled .removeLink, .cart.full .item.disabled .cartItem-quantity {
  display: none;
}
.cart.full .item.disabled .cartItem-price, .cart.full .item.disabled .cartItem-product .title, .cart.full .item.disabled .cartItem-product .priceInfo, .cart.full .item.disabled .cartItem-image {
  opacity: 0.25;
  cursor: default !important;
}
.cart.full .sumList-container {
  float: right;
}
.cart.full .sumList-container.busy .cartOverlay {
  opacity: 0.7;
}
.cart.full .sumList {
  margin-top: 10px;
  font-size: 14px;
}
.cart.full .sumList .cartSum {
  clear: both;
}
.cart.full .sumList .cartSum .wrapper {
  float: right;
  margin-bottom: 5px;
}
.cart.full .sumList .cartSum .wrapper .label {
  float: left;
  text-align: right;
  padding-right: 20px;
  line-height: 17px;
}
.cart.full .sumList .cartSum .wrapper .value {
  float: left;
  text-align: right;
  width: 100px;
  padding-right: 15px;
}
.cart.full .sumList .cartSum.totalSum {
  font-weight: 600;
  border-top: 1px dashed #ccc;
  padding-top: 9px;
  margin-right: 15px;
  position: relative;
  top: 6px;
}
.cart.full .sumList .cartSum.totalSum .value {
  padding-right: 0;
}
.cart.full .voucherEntry-container {
  float: left;
  margin-top: 10px;
}
.cart.full .voucherEntry-container .voucherEntry .label, .cart.full .voucherEntry-container .voucherEntry .inputField, .cart.full .voucherEntry-container .voucherEntry .button {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}
.cart.full .voucherEntry-container .voucherEntry .shopButton {
  height: 20px;
}
.cart.full .voucherEntry-container .voucherEntry .shopButton a {
  line-height: 20px;
  background-image: none;
  padding-right: 0;
  font-weight: 400;
  font-size: 13px;
}
.cart.full .voucherEntry-container .voucherEntry input {
  text-transform: uppercase;
  width: 120px;
}
.cart.full .voucherEntry-container .voucherEntry .comment {
  margin-top: 8px;
  color: #bbb;
  font-size: 11px;
  width: 300px;
}
.cart.full .collateralTooltip {
  position: absolute;
  top: -45px;
  right: 0;
}
.cart.full .collateralTooltip > div {
  white-space: normal;
}
.cart.full .collateralTooltip .tooltip-container > .tooltip-label {
  background: #88aabe;
  white-space: nowrap;
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 0;
  text-align: center;
  cursor: default;
  color: #fff;
}
.cart.full .collateralTooltip:hover .tooltip-container > .tooltip-label {
  background-color: #779aae !important;
}
.cart.full .collateralTooltip li {
  padding-left: 0 !important;
  margin-left: 10px !important;
}
.cart.full .collateralTooltip .tooltip-container .tooltip:after {
  border-bottom-color: #779aae;
}
.cart.full .collateralTooltip .tooltip-title {
  background: #779aae !important;
}
.cart.full .cartSum.deliveryChargeNotice {
  font-size: 12px;
  font-weight: 500;
  position: relative;
  top: 0;
  margin-bottom: 6px;
}
.cart.full .cartSum.deliveryChargeNotice .wrapper {
  float: none;
}
.cart.full .cartSum.deliveryChargeNotice .label {
  margin-top: 2px !important;
  color: #fff;
  margin-right: 15px !important;
  text-align: right;
  float: right !important;
  display: inline-block;
  background: #88aabe;
  padding: 4px 8px !important;
}
.cart.subscriptionInfo .c50l {
  width: 45%;
}
.cart.subscriptionInfo .c50r {
  width: 55%;
}
.cart.subscriptionInfo .tooltip-label {
  color: #8fbe3e;
}
.cart.subscriptionInfo .tooltip-label:hover {
  color: #80b030;
}
.cart.subscriptionInfo .c50l > .label {
  margin-bottom: 12px;
}
.cart.subscriptionInfo .itemList {
  display: table;
  border-collapse: collapse;
  margin-top: 12px;
  margin-bottom: 7px;
  width: 100%;
  min-width: 323px;
}
.cart.subscriptionInfo .itemList .item {
  display: table-row;
}
.cart.subscriptionInfo .itemList .item > div {
  display: table-cell;
  line-height: 19px;
  padding-right: 25px;
  padding-top: 3px;
}
.cart.subscriptionInfo .itemList .item > div:last-child {
  padding-right: 0;
}
.cart.subscriptionInfo .itemList .item:last-child > div {
  border-bottom: 0;
}
.cart.subscriptionInfo .itemList .item .cartItem-title {
  color: #8fbe3e;
}
.cart.subscriptionInfo .itemList .item .unitInfo span {
  padding-right: 4px;
}
.cart.subscriptionInfo .itemList .item .unitInfo span:last-child {
  padding-right: 0;
}
.cart.subscriptionInfo .itemList .item .price {
  text-align: right;
  white-space: nowrap;
}
.cart.subscriptionInfo .sumList {
  display: table;
  border-collapse: collapse;
  margin-bottom: 15px;
  min-width: 300px;
  width: 100%;
}
.cart.subscriptionInfo .sumList > div:first-child > div {
  padding-top: 7px;
}
.cart.subscriptionInfo .sumList .cartSum {
  display: table-row;
  line-height: 21px;
}
.cart.subscriptionInfo .sumList .cartSum .label {
  display: table-cell;
  padding-right: 20px;
}
.cart.subscriptionInfo .sumList .cartSum .value {
  display: table-cell;
  text-align: right;
  white-space: nowrap;
}
.cart.subscriptionInfo .sumList .cartSum.totalSum {
  font-weight: bold;
}
.cart.subscriptionInfo .subscriptionFrequency {
  margin-bottom: 10px;
  margin-top: 18px;
}
.cart.subscriptionInfo .subscriptionFrequency .label, .cart.subscriptionInfo .subscriptionFrequency .selection {
  float: left;
}
.cart.subscriptionInfo .subscriptionFrequency .label {
  line-height: 19px;
  margin-right: 8px;
}
.cart .cartItem-button {
  width: 11px;
  height: 11px;
}
.cart .cartItem-button a {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #aaccde;
  color: #fff;
  text-align: center;
  font-size: 11px;
  line-height: 9px;
  text-decoration: none !important;
}
.cart .cartItem-button a:hover {
  background-color: #88aabe;
}
.cart .cartSum {
  /*@extend .transition-quick;
  @extend .opacity-100;
  -webkit-backface-visibility: hidden;*/
}
.cart .cartSum.wait {
  /*@extend .opacity-25;*/
}

.container {
  min-width: 177px;
  min-height: 283px;
  position: relative;
}
.container.webRoot {
  box-sizing: content-box;
}
.container.webRoot.receptive {
  padding-bottom: 50px !important;
  background: rgba(33, 44, 225, 0.05);
}
.container.webRoot.receptive.dragHover {
  background: rgba(255, 255, 0, 0.1);
  padding-bottom: 100px !important;
}
.container.productListing {
  float: left;
  max-width: 780px;
  width: 780px;
}

.container.blankContainer {
  min-height: 25px;
}

.moduleContainer {
  width: 177px;
  float: left;
  min-height: 283px;
}
.moduleContainer.basic-1-column {
  width: 195px;
}
.moduleContainer.basic-2-columns {
  width: 390px;
}
.moduleContainer.basic-3-columns {
  width: 585px;
}
.moduleContainer.basic-4-columns {
  width: 780px;
}
.moduleContainer.right-4-columns {
  width: 762px;
  float: right;
}
.moduleContainer.basic-5-columns {
  clear: both;
  float: none;
  width: auto;
  margin-right: 0;
}
.moduleContainer.right-1-column {
  float: right;
  width: 177px;
}

.sujet {
  position: relative;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 18px;
  float: left;
}
.sujet .backgroundWrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.sujet .clickCorner {
  width: 36px;
  height: 35px;
  background: url("/img/core/scraps/box-clickCorner.png") no-repeat right top;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.sujet .clickCorner:hover {
  background: url("/img/core/scraps/box-clickCorner-hover.png") no-repeat right top;
}
.sujet .clickCorner > a {
  width: 100%;
  height: 100%;
  display: block;
}
.sujet.basic .backgroundWrapper {
  cursor: pointer;
}
.sujet.basic, .sujet.basicWithoutLink {
  background: transparent url("/img/core/backgrounds/diagonal.png");
  background-position: 0 0;
}
.sujet.basic .node-toolBar, .sujet.basicWithoutLink .node-toolBar {
  min-width: 0 !important;
}
.sujet.basic .moreLink, .sujet.basicWithoutLink .moreLink {
  display: none;
}
.sujet.basic .topLayer, .sujet.basicWithoutLink .topLayer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 220px;
  width: 100%;
  background: transparent url("/img/core/backgrounds/grass-corrected.png") repeat-x 0 0;
  background-size: auto 220px;
  z-index: 10;
}
.sujet.basic .backgroundWrapper, .sujet.basicWithoutLink .backgroundWrapper {
  overflow: hidden;
}
.sujet.basic .backgroundWrapper .background, .sujet.basicWithoutLink .backgroundWrapper .background {
  width: 100%;
  height: 100%;
  background-size: 80% auto;
  background-repeat: no-repeat;
  background-position: center 0;
  position: absolute;
  top: 20px;
}
.sujet.basic .title, .sujet.basicWithoutLink .title {
  position: absolute;
  z-index: 11;
  line-height: 36px;
  bottom: 43px;
  color: #fff;
  left: 10px;
}
.sujet.basic .title p:first-child:after, .sujet.basicWithoutLink .title p:first-child:after {
  content: "-";
  width: 18px;
  height: 18px;
}
.sujet.basic .title p:only-child:after, .sujet.basicWithoutLink .title p:only-child:after {
  display: none;
}
.sujet.basic .link, .sujet.basicWithoutLink .link {
  background-color: #426530;
  height: 25px;
  line-height: 25px;
  width: 177px;
  position: absolute;
  padding-left: 4px;
  bottom: 7px;
  z-index: 12;
}
.sujet.basic .link a, .sujet.basicWithoutLink .link a {
  text-indent: 8px;
  color: #fff !important;
}
.sujet.basic .link a span, .sujet.basicWithoutLink .link a span {
  color: #fff !important;
}
.sujet.basic .link a strong, .sujet.basicWithoutLink .link a strong {
  font-weight: 500 !important;
}
.sujet.basicWithoutLink .link {
  text-indent: 8px;
  color: #fff;
}
.sujet.infoBubble .backgroundWrapper, .sujet.responsiveHome .backgroundWrapper {
  background: #fff url("/img/core/backgrounds/sujet-infoBubble.png") no-repeat center center;
}
.sujet.infoBubble .backgroundWrapper .bubbleWrapper, .sujet.responsiveHome .backgroundWrapper .bubbleWrapper {
  height: 180px;
  display: table;
}
.sujet.infoBubble .backgroundWrapper .bubbleWrapper .bubbleText, .sujet.responsiveHome .backgroundWrapper .bubbleWrapper .bubbleText {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  color: #fff;
  padding: 0 17px;
  line-height: 24px;
}
.sujet.infoBubble .backgroundWrapper .bubbleWrapper .bubbleText a, .sujet.responsiveHome .backgroundWrapper .bubbleWrapper .bubbleText a {
  color: #fff !important;
  text-decoration: underline;
}
.sujet.contentMain {
  /**/
}
.sujet.contentMain .innerContainer {
  padding: 10px;
}
.sujet.contentMain .upperTitle {
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 50px;
  margin-top: 1px;
  line-height: 19px;
  font-size: 16px;
}
.sujet.contentMain .subTitle {
  color: #8fbe3e;
}
.sujet.contentMain .details {
  margin-top: 5px;
}
.sujet.contentMain .image {
  border-bottom: 1px solid #d9d9d9;
}
.sujet.contentMain .image img {
  width: 150px;
  height: auto;
}

.breakLine.basic .line {
  margin: 3px 0;
  border-bottom: 2px solid #d9d9d9;
  clear: both;
}
.breakLine.nodeSeparator {
  margin-bottom: 11px;
  position: relative;
  top: -8px;
  margin-right: 195px;
  background-color: #dcdcdc;
  height: 1px;
  min-height: 1px;
  clear: left;
}

.manufacturerDetail {
  background-color: #fff;
}
.manufacturerDetail > .head {
  margin-top: 10px;
  color: #464646;
  height: 100%;
}
.manufacturerDetail > .head > .image {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  min-height: 160px;
}
.manufacturerDetail > .head > .image img {
  max-width: 360px;
  width: auto;
  height: auto;
}
.manufacturerDetail > .head > .titleBar {
  float: none;
  position: relative;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  /*height: 169px;
  min-height: 169px;*/
}
.manufacturerDetail > .head > .titleBar > .subWrapper {
  position: absolute;
  top: 0;
}
.manufacturerDetail > .head > .titleBar > .subWrapper > .subTitle {
  line-height: 18px;
}
.manufacturerDetail > .head > .titleBar > .subWrapper > .location {
  margin-top: 20px;
}
.manufacturerDetail > .head > .rightBlock {
  border-left: 1px solid #d9d9d9;
  color: #426530;
  font-style: italic;
  float: right;
  height: 169px;
  min-height: 169px;
  position: relative;
  padding-left: 15px;
  margin-right: 10px;
  min-width: 154px;
  width: 154px;
}
.manufacturerDetail .sloganBlock {
  margin-top: 15px;
  margin-bottom: 25px;
}
.manufacturerDetail .sloganBlock .slogan {
  text-indent: 25px;
  color: #8fbe3e;
  font-style: italic;
}
.manufacturerDetail .sloganBlock .slogan h3, .manufacturerDetail .sloganBlock .slogan .shopButton {
  font-size: 17px;
  font-weight: 500;
}
.manufacturerDetail .sloganBlock .slogan > div {
  font-style: normal;
  margin-bottom: 10px;
  text-indent: 0;
  color: #333;
  font-size: 13px;
}
.manufacturerDetail .breakLine.basic {
  margin-bottom: 15px;
}
.manufacturerDetail > .description {
  color: #464646;
  margin-bottom: 20px;
}
.manufacturerDetail .productList-title {
  color: #426530;
  margin-bottom: 10px;
}
.manufacturerDetail > .products {
  margin-top: 0px;
}
.manufacturerDetail > .products > .productListContainer {
  margin-top: 15px;
}
.manufacturerDetail > .location > .map {
  height: 250px;
  margin-bottom: 10px;
}
.manufacturerDetail > .location > .map > div {
  height: 250px;
}

#overlayWindow .manufacturerDetail .productListContainer {
  margin-left: -18px;
  position: relative;
  left: 18px;
}

.checkout-paymentMethod > .selection > .info, .checkout > div > .section.checkout-paymentMethod > .selection > .info, .checkout .section.checkout-subscription.checkout-paymentMethod > .selection > .info {
  margin-bottom: 15px;
}
.checkout-paymentMethod .selection, .checkout > .section.checkout-paymentMethod .selection, .checkout > div > .section.checkout-paymentMethod .selection, .checkout .section.checkout-subscription.checkout-paymentMethod .selection {
  margin-left: 2px;
}
.checkout-paymentMethod .selection .method, .checkout > .section.checkout-paymentMethod .selection .method, .checkout > div > .section.checkout-paymentMethod .selection .method, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method {
  margin-bottom: 10px;
}
.checkout-paymentMethod .selection .method .field {
  margin-right: 10px;
  cursor: pointer;
  float: left;
}
.checkout-paymentMethod .selection .method .field input {
  cursor: pointer;
}
.checkout-paymentMethod .selection .method .label {
  display: inline-block;
  line-height: 22px;
  margin-right: 15px;
  max-width: calc(100% - 47px);
  cursor: pointer;
  font-weight: 600;
}
.checkout-paymentMethod .selection .method.cc.active .label {
  padding-bottom: 5px;
  border-bottom: 1px dashed #e6e6e6;
  min-width: 305px;
}
.checkout-paymentMethod .selection .method .integration {
  height: 0;
  overflow: hidden;
  margin-top: 0;
  opacity: 0;
  margin-left: 32px;
}
.checkout-paymentMethod .selection .method .integration iframe {
  width: 340px;
  border: 0;
  height: 100%;
}
.checkout-paymentMethod .selection .method.cc.active .integration {
  margin-top: 10px;
  /*height: 170px;*/
  height: 113px;
}
.checkout-paymentMethod .selection .method.active .integration {
  opacity: 1;
  overflow: visible;
}
.checkout-paymentMethod .selection .method .keepPaymentProfile {
  margin-left: 32px;
  opacity: 0;
  display: none;
}
.checkout-paymentMethod .selection .method .keepPaymentProfile .field {
  margin-right: 9px;
}
.checkout-paymentMethod .selection .method .keepPaymentProfile label {
  line-height: 19px;
}
.checkout-paymentMethod .selection .method .keepPaymentProfile .label {
  padding: 0 !important;
  border: 0 !important;
  min-width: auto !important;
  margin-right: 0 !important;
}
.checkout-paymentMethod .selection .method.active .keepPaymentProfile {
  opacity: 1;
  display: block;
  margin-bottom: 14px;
}
.checkout-paymentMethod .selection .method .errorMessage {
  display: none;
}
.checkout-paymentMethod .selection .method.active .errorMessage {
  display: block;
}
.checkout-paymentMethod .selection .method .errorMessage {
  margin-top: 0;
  color: #cc0000;
  font-weight: 600;
  margin-left: 32px;
  height: 0;
  opacity: 0;
  overflow: hidden;
  padding-top: 0;
  background: #fff url("/img/core/icons/information.png") no-repeat 0 15px;
  padding-left: 45px;
  background-size: 34px;
}
.checkout-paymentMethod .selection .method .errorMessage.visible {
  opacity: 1 !important;
  height: auto;
  padding-top: 12px;
}
.checkout-paymentMethod .noPaymentRequired form, .checkout > .section.checkout-paymentMethod .noPaymentRequired form, .checkout > div > .section.checkout-paymentMethod .noPaymentRequired form, .checkout .section.checkout-subscription.checkout-paymentMethod .noPaymentRequired form {
  display: none;
}

.shopButton.finalize {
  position: relative;
  transition-property: opacity, background, background-color;
  outline: 0 !important;
}
.shopButton.finalize a {
  outline: 0 !important;
}
.shopButton.finalize.disabled {
  cursor: default !important;
  outline: 0 !important;
}
.shopButton.finalize.disabled a {
  transition: none !important;
  background-color: #ddd !important;
  color: #fff !important;
  cursor: default !important;
  outline: 0 !important;
}
.shopButton.finalize .loader {
  position: absolute;
  cursor: default !important;
  top: 4px;
  left: 5px;
  background: #ddd url("/img/core/loadIndicators/checkout-ddd.gif") no-repeat 0 0 !important;
  width: 0;
  height: 21px;
  opacity: 0;
}
.shopButton.finalize.busy {
  text-indent: 25px;
  cursor: default !important;
}
.shopButton.finalize.busy .loader {
  opacity: 1;
  width: 22px;
}
.shopButton.finalize.busy a {
  background-color: #ddd !important;
  color: #fff !important;
  cursor: default !important;
  outline: 0 !important;
}
.shopButton.finalize.busy:hover {
  cursor: default !important;
}
.shopButton.finalize.busy:hover a {
  cursor: default !important;
  background-color: #8fbe3e;
}

.webForm-container {
  margin-top: 0px;
  display: flex;
  flex-wrap: nowrap;
}
.webForm-container > .webForm {
  margin-right: 25px;
}
.webForm-container > .responseContainer.fluid.visible {
  height: 100% !important;
}

.webForm .address {
  clear: both;
  display: flex;
}
.webForm .address > div {
  flex: 1;
  flex-grow: 0;
  vertical-align: top;
  margin-right: 5px;
}
.webForm .address > div:first-child {
  margin-right: 27px;
}
.webForm .address > div:last-child {
  margin-right: 0;
}
.webForm .address input {
  width: 36px !important;
}
.webForm .address input.street {
  width: 188px !important;
}
.webForm .address .streetInput {
  position: relative;
}
.webForm .address .suggestionPicker {
  max-height: 182px;
  z-index: 1;
  overflow: scroll;
  list-style: none;
  margin: 0 0 0 0 !important;
  padding: 0 !important;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
}
.webForm .address .suggestionPicker.hidden {
  display: none;
}
.webForm .address .suggestionPicker > li {
  margin: 0 0 0 0 !important;
  padding: 5px 10px 6px !important;
  border-bottom: 1px solid #eee;
  color: #666;
  cursor: pointer;
  background: #fff;
}
.webForm .address .suggestionPicker > li:last-child {
  border-bottom: 0;
}
.webForm .address .suggestionPicker > li:hover {
  background: #8fbe3e;
  color: #fff;
}
.webForm .address .suggestionPicker > li .street {
  font-weight: 600;
  font-size: 12px;
}
.webForm .address .suggestionPicker > li .site {
  font-weight: 500;
  font-size: 10px;
}
.webForm .fieldSet.address {
  margin-bottom: 10px;
}
.webForm .fieldSet.address > .label {
  display: none;
}
.webForm .fieldSet.zipcode .field .short input {
  width: 138px !important;
}

.overlay.customerZone .webForm textarea, .overlay.checkoutDeliveryTargets .webForm textarea {
  max-width: 305px;
  width: 305px;
  height: 60px;
}
.overlay.customerZone .webForm ul.suggestionPicker, .overlay.checkoutDeliveryTargets .webForm ul.suggestionPicker {
  max-height: 144px !important;
}

.checkout .deliveryAddress-selection > .list {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.customerManagement .deliveryAddress-selection > .list .options > a {
  margin-top: 2px;
  background-color: #8fbe3e;
  padding: 5px 10px;
  color: #fff;
  line-height: 19px;
}
.customerManagement .deliveryAddress-selection > .list .options > a:hover {
  background-color: #80b030;
}

.checkout .deliveryAddress-selection > .list, .customerManagement .deliveryAddress-selection > .list {
  display: flex;
  flex-wrap: wrap;
}
.checkout .deliveryAddress-selection.hide, .customerManagement .deliveryAddress-selection.hide {
  opacity: 0;
  height: 0 !important;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
}
.checkout .deliveryAddress-selection > .list > div, .customerManagement .deliveryAddress-selection > .list > div {
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.21);
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #e2e2e2;
  color: #444;
  width: 295px;
  max-width: 295px;
  background: #fff url(/img/core/icons/hedgehouse.png) no-repeat 18px 17px;
  opacity: 0.8;
  cursor: default;
  background-size: 60px;
  border-radius: 0px;
  position: relative;
  padding-bottom: 79px;
}
.checkout .deliveryAddress-selection > .list > div:hover, .customerManagement .deliveryAddress-selection > .list > div:hover {
  /*border: 1px solid $color-skinBrown;
  opacity: 1;*/
}
.checkout .deliveryAddress-selection > .list > div.active, .customerManagement .deliveryAddress-selection > .list > div.active {
  background-image: url(/img/core/icons/hedgehouse.png);
  border: 1px solid #b29e7e;
  opacity: 1;
}
.checkout .deliveryAddress-selection > .list > div.active.hover, .customerManagement .deliveryAddress-selection > .list > div.active.hover {
  /*border: 1px solid $color-skinBrown-darker;*/
}
.checkout .deliveryAddress-selection > .list > div.active .select, .customerManagement .deliveryAddress-selection > .list > div.active .select {
  background: #f2f2e2;
}
.checkout .deliveryAddress-selection > .list > div.create, .customerManagement .deliveryAddress-selection > .list > div.create {
  opacity: 1;
  white-space: nowrap;
  padding: 0;
  flex: 0;
  max-height: 55px;
  min-height: 55px;
  height: 55px;
  position: relative;
  background: none;
  white-space: nowrap;
}
.checkout .deliveryAddress-selection > .list > div.create .tab, .customerManagement .deliveryAddress-selection > .list > div.create .tab {
  display: table;
  width: 100%;
  height: 100%;
}
.checkout .deliveryAddress-selection > .list > div.create .tab .row, .customerManagement .deliveryAddress-selection > .list > div.create .tab .row {
  display: table-row;
}
.checkout .deliveryAddress-selection > .list > div.create .tab .row .cell, .customerManagement .deliveryAddress-selection > .list > div.create .tab .row .cell {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.checkout .deliveryAddress-selection > .list > div.create > div, .customerManagement .deliveryAddress-selection > .list > div.create > div {
  display: inline-block;
  vertical-align: middle;
}
.checkout .deliveryAddress-selection > .list > div.create .plus, .customerManagement .deliveryAddress-selection > .list > div.create .plus {
  margin-left: 18px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background: #80b030;
  text-align: center;
  width: 23px;
  height: 23px;
  border-radius: 14px;
  font-size: 22px;
  color: #fff;
  margin-right: 8px;
  line-height: 21px;
  font-weight: 600;
  opacity: 1;
}
.checkout .deliveryAddress-selection > .list > div.create .label, .customerManagement .deliveryAddress-selection > .list > div.create .label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 18px;
  font-size: 13px;
  line-height: 13px;
  color: #80b030;
}
.checkout .deliveryAddress-selection > .list > div.create:hover .plus, .customerManagement .deliveryAddress-selection > .list > div.create:hover .plus {
  opacity: 1;
  background: #80b030;
}
.checkout .deliveryAddress-selection > .list > div.create:hover .label, .customerManagement .deliveryAddress-selection > .list > div.create:hover .label {
  color: #80b030;
}
.checkout .deliveryAddress-selection > .list > div .name, .customerManagement .deliveryAddress-selection > .list > div .name {
  font-weight: 600;
}
.checkout .deliveryAddress-selection > .list > div .count, .customerManagement .deliveryAddress-selection > .list > div .count {
  display: none;
  position: absolute;
  top: 26px;
  left: 40px;
  font-weight: 700;
  font-size: 9px;
  color: #d2be9e;
  transform: rotate(-6deg);
  background: #fff;
  text-align: center;
  height: 12px;
  width: 12px;
  line-height: 11px;
  border-radius: 20px;
}
.checkout .deliveryAddress-selection > .list > div .data, .customerManagement .deliveryAddress-selection > .list > div .data {
  padding: 15px 20px 15px 87px;
}
.checkout .deliveryAddress-selection > .list > div .options, .customerManagement .deliveryAddress-selection > .list > div .options {
  padding: 0 0;
  margin: 0;
  padding: 8px 0 12px;
  position: absolute;
  bottom: 42px;
  left: 15px;
  right: 15px;
  /*border-top: 1px dashed #d2d2d2;*/
}
.checkout .deliveryAddress-selection > .list > div .options > a, .customerManagement .deliveryAddress-selection > .list > div .options > a {
  display: inline-block;
  font-size: 13px;
}
.checkout .deliveryAddress-selection > .list > div .options > a.edit, .customerManagement .deliveryAddress-selection > .list > div .options > a.edit {
  margin-right: 5px;
  text-decoration: none !important;
  display: inline-block;
  text-decoration: none;
}
.checkout .deliveryAddress-selection > .list > div .options > a.delete, .customerManagement .deliveryAddress-selection > .list > div .options > a.delete {
  float: right;
  opacity: 0.6;
  color: #cc0000;
}
.checkout .deliveryAddress-selection > .list > div .options > a.delete:hover, .customerManagement .deliveryAddress-selection > .list > div .options > a.delete:hover {
  color: #bb0000;
  opacity: 1;
}
.checkout .deliveryAddress-selection > .list > div .options > a:hover, .customerManagement .deliveryAddress-selection > .list > div .options > a:hover {
  text-decoration: none;
}
.checkout .deliveryAddress-selection > .list > div .options > a:hover.delete, .customerManagement .deliveryAddress-selection > .list > div .options > a:hover.delete {
  opacity: 1;
}
.checkout .deliveryAddress-selection > .list > div .deliveryNotice, .customerManagement .deliveryAddress-selection > .list > div .deliveryNotice {
  border-top: 1px dashed #d2d2d2;
  padding: 11px 0 8px;
  margin: 0px 15px 5px;
}
.checkout .deliveryAddress-selection > .list > div .deliveryNotice.hidden, .customerManagement .deliveryAddress-selection > .list > div .deliveryNotice.hidden {
  display: none;
}
.checkout .deliveryAddress-selection > .list > div .deliveryNotice.hidden > div, .customerManagement .deliveryAddress-selection > .list > div .deliveryNotice.hidden > div {
  display: none;
}
.checkout .deliveryAddress-selection > .list > div .deliveryNotice .label, .customerManagement .deliveryAddress-selection > .list > div .deliveryNotice .label {
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  padding-bottom: 6px;
  text-decoration: underline;
}
.checkout .deliveryAddress-selection > .list > div .deliveryNotice .notice, .customerManagement .deliveryAddress-selection > .list > div .deliveryNotice .notice {
  line-height: 18px;
  font-size: 12px;
  padding-bottom: 2px;
}
.checkout .deliveryAddress-selection > .list > div.noDeliveryNotice, .customerManagement .deliveryAddress-selection > .list > div.noDeliveryNotice {
  /*    display: table;
      background-position: 18px 56px;
      .data {
          display: table-cell;
          vertical-align: middle;
      }*/
}
.checkout .deliveryAddress-selection > .list > div .select, .customerManagement .deliveryAddress-selection > .list > div .select {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 1px;
  background: #f2f2f2;
  padding: 9px 15px 9px;
  border: 1px solid #eaeaea;
  border-left: 0;
  border-right: 0;
}
.checkout .deliveryAddress-selection > .list > div .select > div, .customerManagement .deliveryAddress-selection > .list > div .select > div {
  display: inline-block;
  vertical-align: middle;
}
.checkout .deliveryAddress-selection > .list > div .select > div.label, .customerManagement .deliveryAddress-selection > .list > div .select > div.label {
  margin-left: 8px;
  font-size: 12px;
  line-height: 22px;
}
.checkout .deliveryAddress-selection > .list > div .select > div.label .for-checkout, .customerManagement .deliveryAddress-selection > .list > div .select > div.label .for-checkout {
  display: none;
}
.checkout .deliveryAddress-selection .toolbar, .customerManagement .deliveryAddress-selection .toolbar {
  display: none;
  /*margin-top: 20px;
  > a {
      background: $color-green;
      padding: 6px 10px;
      color: #fff;
      &:hover {
          text-decoration: none;
          background: $color-green-darker;
      }
      div {
          display: inline;
      }
      .manage {
          &:after {
              content: '>>';
              padding-left: 3px;
          }
      }
      .end {
          display: none;
      }
  }*/
}
.checkout .deliveryAddress-selection.manage > .list > div .options, .customerManagement .deliveryAddress-selection.manage > .list > div .options {
  /*                            padding-top: 13px;
                      padding-bottom: 13px;
                      border-top: 1px dashed #d2d2d2;
                      opacity: 1;
                      height: auto;*/
}
.checkout .deliveryAddress-selection.manage .toolbar > a, .customerManagement .deliveryAddress-selection.manage .toolbar > a {
  background: #b29e7e;
}
.checkout .deliveryAddress-selection.manage .toolbar > a:hover, .customerManagement .deliveryAddress-selection.manage .toolbar > a:hover {
  background: #a87358;
}
.checkout .deliveryAddress-selection.manage .toolbar > a .end, .customerManagement .deliveryAddress-selection.manage .toolbar > a .end {
  display: inline;
  /*                            &:before {
                          content: '<<';
                          padding-right: 3px;
                      }*/
}
.checkout .deliveryAddress-selection.manage .toolbar > a .manage, .customerManagement .deliveryAddress-selection.manage .toolbar > a .manage {
  display: none;
}

.checkout .deliveryAddress-selection .list > div > .select > .label .for-checkout {
  display: block !important;
}
.checkout .deliveryAddress-selection .list > div > .select > .label .for-customerManagement {
  display: none !important;
}

.customerManagement .deliveryAddress-selection > .list {
  margin-top: 3px;
}
.customerManagement .deliveryAddress-selection > .list > div {
  max-width: none !important;
  margin-right: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  width: 100%;
  border: 1px solid #ddd;
  margin-bottom: 10px !important;
  opacity: 1 !important;
  padding-bottom: 4px;
  overflow: hidden;
}
.customerManagement .deliveryAddress-selection > .list > div > .deliveryNotice, .customerManagement .deliveryAddress-selection > .list > div > .select, .customerManagement .deliveryAddress-selection > .list > div > .options {
  display: none;
}
.customerManagement .deliveryAddress-selection > .list > div .select {
  display: none !important;
  opacity: 0;
  transition-property: opacity, bottom;
  transition-delay: 0;
  transition-duration: 0s;
  bottom: 0;
}
.customerManagement .deliveryAddress-selection > .list > div > .options {
  display: block;
  bottom: -100px;
  opacity: 0;
  transition-property: opacity;
  transition-delay: 0;
  transition-duration: 0s;
}
.customerManagement .deliveryAddress-selection > .list > div.active {
  border: 1px solid #ddd;
  padding-bottom: 50px;
}
.customerManagement .deliveryAddress-selection > .list > div.active:hover {
  /*border: 1px solid $color-skinBrown;*/
}
.customerManagement .deliveryAddress-selection > .list > div.active > .select {
  opacity: 1;
  transition-delay: 0.05s;
  transition-duration: 0.2s;
  transition-property: opacity;
}
.customerManagement .deliveryAddress-selection > .list > div.active > .options {
  opacity: 1;
  bottom: 0px;
  transition-delay: 0.15s;
  transition-duration: 0.4s;
  transition-property: opacity;
  border-top: 1px dashed #e2e2e2;
}
.customerManagement .deliveryAddress-selection > .list > div.create {
  cursor: pointer;
  flex: none;
  background: #fff;
  min-height: 49px;
  height: 49px;
}
.customerManagement .deliveryAddress-selection > .list > div.create:hover {
  border: 1px solid #d2be9e;
}
.customerManagement .deliveryAddress-selection > .list > div.create .tab, .customerManagement .deliveryAddress-selection > .list > div.create .row, .customerManagement .deliveryAddress-selection > .list > div.create .cell {
  display: block !important;
}
.customerManagement .deliveryAddress-selection > .list > div.create .cell {
  margin-top: 10px;
}
.customerManagement .deliveryAddress-selection > .list > div.create .plus {
  margin-left: 15px !important;
}
.customerManagement .deliveryAddress-selection > .list > div.create .label {
  margin-right: 0;
  padding: 5px 10px 5px 0;
  line-height: 19px;
  font-size: 13px;
  color: #80b030;
}

.checkout .subscriptionModificationNotice {
  background: #a87358;
  margin-bottom: 15px;
}
.checkout .subscriptionModificationNotice > .title {
  color: #fff;
  margin: 15px 20px 0;
  padding-top: 15px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #aaa;
}
.checkout .subscriptionModificationNotice > .content {
  color: #fff;
  padding: 15px 20px 17px;
}
.checkout .section.checkout-cart {
  position: relative;
}
.checkout > .title, .checkout > div > .title {
  margin-bottom: 15px;
}
.checkout .section.bundleConfig {
  border-bottom: 25px solid #d2be9e;
}
.checkout > .section, .checkout > div > .section, .checkout .section.checkout-subscription {
  padding-bottom: 10px;
  border-bottom: 25px solid #d2be9e;
  margin-bottom: 10px;
}
.checkout > .section.checkout-cart, .checkout > div > .section.checkout-cart, .checkout .section.checkout-subscription.checkout-cart {
  padding-bottom: 20px;
}
.checkout > .section.checkout-paymentMethod, .checkout > div > .section.checkout-paymentMethod, .checkout .section.checkout-subscription.checkout-paymentMethod {
  min-height: 164px;
}
.checkout > .section.checkout-customerData .customerForm.registration .infoText, .checkout > div > .section.checkout-customerData .customerForm.registration .infoText, .checkout .section.checkout-subscription.checkout-customerData .customerForm.registration .infoText {
  margin-bottom: 15px;
}
.checkout > .section.checkout-customerData .customerForm.registration input, .checkout > div > .section.checkout-customerData .customerForm.registration input, .checkout .section.checkout-subscription.checkout-customerData .customerForm.registration input {
  width: 188px;
}
.checkout > .section .cartItem-product.voucher .tooltip-container > .string, .checkout > div > .section .cartItem-product.voucher .tooltip-container > .string, .checkout .section.checkout-subscription .cartItem-product.voucher .tooltip-container > .string {
  color: #8fbe3e;
  text-decoration: underline;
}
.checkout > .section .comment, .checkout > div > .section .comment, .checkout .section.checkout-subscription .comment {
  margin-top: 5px;
  font-size: 12px;
  color: #999;
}
.checkout > .section .loginForm,
.checkout > .section .newCustomerForm, .checkout > div > .section .loginForm,
.checkout > div > .section .newCustomerForm, .checkout .section.checkout-subscription .loginForm,
.checkout .section.checkout-subscription .newCustomerForm {
  margin-bottom: 0;
  overflow: hidden;
}
.checkout > .section .loginForm.visible,
.checkout > .section .newCustomerForm.visible, .checkout > div > .section .loginForm.visible,
.checkout > div > .section .newCustomerForm.visible, .checkout .section.checkout-subscription .loginForm.visible,
.checkout .section.checkout-subscription .newCustomerForm.visible {
  margin-bottom: 15px;
}
.checkout > .section .loginForm.open,
.checkout > .section .newCustomerForm.open, .checkout > div > .section .loginForm.open,
.checkout > div > .section .newCustomerForm.open, .checkout .section.checkout-subscription .loginForm.open,
.checkout .section.checkout-subscription .newCustomerForm.open {
  overflow: visible;
}
.checkout > .section.checkout-delivery .deliveryAddress-selection, .checkout > .section.checkout-customerData .deliveryAddress-selection, .checkout > div > .section.checkout-delivery .deliveryAddress-selection, .checkout > div > .section.checkout-customerData .deliveryAddress-selection, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddress-selection, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddress-selection {
  margin-bottom: 5px;
  margin-top: 15px;
  height: auto;
}
.checkout > .section.checkout-delivery .deliveryDate-info, .checkout > .section.checkout-customerData .deliveryDate-info, .checkout > div > .section.checkout-delivery .deliveryDate-info, .checkout > div > .section.checkout-customerData .deliveryDate-info, .checkout .section.checkout-subscription.checkout-delivery .deliveryDate-info, .checkout .section.checkout-subscription.checkout-customerData .deliveryDate-info {
  margin-bottom: 15px;
  background: #eef6ee;
  /* border: 1px solid #e2e2e2; */
  color: #555;
  /* padding: 20px; */
  white-space: nowrap;
  /* box-shadow: 0 0 6px rgba(0, 0, 0, 0.14); */
  display: flex;
  align-items: center;
  width: calc(100% - 48px);
  padding: 24px;
}
.checkout > .section.checkout-delivery .deliveryDate-info > div, .checkout > .section.checkout-customerData .deliveryDate-info > div, .checkout > div > .section.checkout-delivery .deliveryDate-info > div, .checkout > div > .section.checkout-customerData .deliveryDate-info > div, .checkout .section.checkout-subscription.checkout-delivery .deliveryDate-info > div, .checkout .section.checkout-subscription.checkout-customerData .deliveryDate-info > div {
  white-space: normal;
  vertical-align: middle;
}
.checkout > .section.checkout-delivery .deliveryDate-info > div.icon, .checkout > .section.checkout-customerData .deliveryDate-info > div.icon, .checkout > div > .section.checkout-delivery .deliveryDate-info > div.icon, .checkout > div > .section.checkout-customerData .deliveryDate-info > div.icon, .checkout .section.checkout-subscription.checkout-delivery .deliveryDate-info > div.icon, .checkout .section.checkout-subscription.checkout-customerData .deliveryDate-info > div.icon {
  min-width: 80px;
  max-width: 90px;
  padding-right: 25px;
}
.checkout > .section.checkout-delivery .deliveryDate-info > div.icon img, .checkout > .section.checkout-customerData .deliveryDate-info > div.icon img, .checkout > div > .section.checkout-delivery .deliveryDate-info > div.icon img, .checkout > div > .section.checkout-customerData .deliveryDate-info > div.icon img, .checkout .section.checkout-subscription.checkout-delivery .deliveryDate-info > div.icon img, .checkout .section.checkout-subscription.checkout-customerData .deliveryDate-info > div.icon img {
  width: 100%;
  height: auto;
}
.checkout > .section.checkout-delivery .deliveryDate-info > div.notice, .checkout > .section.checkout-customerData .deliveryDate-info > div.notice, .checkout > div > .section.checkout-delivery .deliveryDate-info > div.notice, .checkout > div > .section.checkout-customerData .deliveryDate-info > div.notice, .checkout .section.checkout-subscription.checkout-delivery .deliveryDate-info > div.notice, .checkout .section.checkout-subscription.checkout-customerData .deliveryDate-info > div.notice {
  flex: 1;
}
.checkout > .section.checkout-delivery .deliveryTargets .target,
.checkout > .section.checkout-delivery .customerAccount .target, .checkout > .section.checkout-customerData .deliveryTargets .target,
.checkout > .section.checkout-customerData .customerAccount .target, .checkout > div > .section.checkout-delivery .deliveryTargets .target,
.checkout > div > .section.checkout-delivery .customerAccount .target, .checkout > div > .section.checkout-customerData .deliveryTargets .target,
.checkout > div > .section.checkout-customerData .customerAccount .target, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target {
  margin-bottom: 10px;
}
.checkout > .section.checkout-delivery .deliveryTargets .target .field,
.checkout > .section.checkout-delivery .customerAccount .target .field, .checkout > .section.checkout-customerData .deliveryTargets .target .field,
.checkout > .section.checkout-customerData .customerAccount .target .field, .checkout > div > .section.checkout-delivery .deliveryTargets .target .field,
.checkout > div > .section.checkout-delivery .customerAccount .target .field, .checkout > div > .section.checkout-customerData .deliveryTargets .target .field,
.checkout > div > .section.checkout-customerData .customerAccount .target .field, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .field, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .field {
  margin-right: 10px;
  cursor: pointer;
  float: left;
}
.checkout > .section.checkout-delivery .deliveryTargets .target .field input,
.checkout > .section.checkout-delivery .customerAccount .target .field input, .checkout > .section.checkout-customerData .deliveryTargets .target .field input,
.checkout > .section.checkout-customerData .customerAccount .target .field input, .checkout > div > .section.checkout-delivery .deliveryTargets .target .field input,
.checkout > div > .section.checkout-delivery .customerAccount .target .field input, .checkout > div > .section.checkout-customerData .deliveryTargets .target .field input,
.checkout > div > .section.checkout-customerData .customerAccount .target .field input, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field input,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .field input, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field input,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .field input {
  width: 12px;
  height: 13px;
  cursor: pointer;
}
.checkout > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > .section.checkout-delivery .customerAccount .target .label, .checkout > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > .section.checkout-customerData .customerAccount .target .label, .checkout > div > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > div > .section.checkout-delivery .customerAccount .target .label, .checkout > div > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > div > .section.checkout-customerData .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .label {
  display: inline-block;
  margin-right: 40px;
  line-height: 22px;
  cursor: pointer;
  font-weight: 600;
}
.checkout > .section.checkout-delivery .deliveryAddressForm, .checkout > .section.checkout-customerData .deliveryAddressForm, .checkout > div > .section.checkout-delivery .deliveryAddressForm, .checkout > div > .section.checkout-customerData .deliveryAddressForm, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm {
  height: 0;
  overflow: hidden;
  position: relative;
  /*&.preopen {
      overflow: visible;
      @extend .opacity-100;
      height: 100%;
      height: auto !important;
  }*/
}
.checkout > .section.checkout-delivery .deliveryAddressForm.hide, .checkout > .section.checkout-customerData .deliveryAddressForm.hide, .checkout > div > .section.checkout-delivery .deliveryAddressForm.hide, .checkout > div > .section.checkout-customerData .deliveryAddressForm.hide, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.hide, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.hide {
  display: none;
}
.checkout > .section.checkout-delivery .deliveryAddressForm.open, .checkout > .section.checkout-customerData .deliveryAddressForm.open, .checkout > div > .section.checkout-delivery .deliveryAddressForm.open, .checkout > div > .section.checkout-customerData .deliveryAddressForm.open, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.open, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.open {
  overflow: visible;
}
.checkout > .section.checkout-delivery .deliveryAddressForm input, .checkout > .section.checkout-customerData .deliveryAddressForm input, .checkout > div > .section.checkout-delivery .deliveryAddressForm input, .checkout > div > .section.checkout-customerData .deliveryAddressForm input, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm input, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm input {
  width: 188px;
}
.checkout > .section.checkout-delivery .deliveryAddressForm .webForm, .checkout > .section.checkout-customerData .deliveryAddressForm .webForm, .checkout > div > .section.checkout-delivery .deliveryAddressForm .webForm, .checkout > div > .section.checkout-customerData .deliveryAddressForm .webForm, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm .webForm, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm .webForm {
  float: left;
  margin-right: 25px;
}
.checkout > .section.checkout-delivery .deliveryAddressForm textarea, .checkout > .section.checkout-customerData .deliveryAddressForm textarea, .checkout > div > .section.checkout-delivery .deliveryAddressForm textarea, .checkout > div > .section.checkout-customerData .deliveryAddressForm textarea, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm textarea, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm textarea {
  width: 301px !important;
  resize: none;
}
.checkout > .section.checkout-delivery .deliveryNotice, .checkout > .section.checkout-customerData .deliveryNotice, .checkout > div > .section.checkout-delivery .deliveryNotice, .checkout > div > .section.checkout-customerData .deliveryNotice, .checkout .section.checkout-subscription.checkout-delivery .deliveryNotice, .checkout .section.checkout-subscription.checkout-customerData .deliveryNotice {
  margin-top: 0px;
  margin-left: 2px;
}
.checkout > .section.checkout-delivery .deliveryNotice textarea, .checkout > .section.checkout-customerData .deliveryNotice textarea, .checkout > div > .section.checkout-delivery .deliveryNotice textarea, .checkout > div > .section.checkout-customerData .deliveryNotice textarea, .checkout .section.checkout-subscription.checkout-delivery .deliveryNotice textarea, .checkout .section.checkout-subscription.checkout-customerData .deliveryNotice textarea {
  width: 302px;
  height: 52px;
  padding: 6px;
  line-height: 18px;
  font-size: 12px;
}
.checkout > .section.checkout-delivery .smsOptInCheck, .checkout > .section.checkout-customerData .smsOptInCheck, .checkout > div > .section.checkout-delivery .smsOptInCheck, .checkout > div > .section.checkout-customerData .smsOptInCheck, .checkout .section.checkout-subscription.checkout-delivery .smsOptInCheck, .checkout .section.checkout-subscription.checkout-customerData .smsOptInCheck {
  margin-top: 8px;
  margin-bottom: 10px;
  display: inline-block;
}
.checkout > .section.checkout-delivery .smsOptInCheck > label, .checkout > .section.checkout-customerData .smsOptInCheck > label, .checkout > div > .section.checkout-delivery .smsOptInCheck > label, .checkout > div > .section.checkout-customerData .smsOptInCheck > label, .checkout .section.checkout-subscription.checkout-delivery .smsOptInCheck > label, .checkout .section.checkout-subscription.checkout-customerData .smsOptInCheck > label {
  margin-bottom: 8px;
  white-space: nowrap;
}
.checkout > .section.checkout-delivery .smsOptInCheck > label:first-of-type, .checkout > .section.checkout-customerData .smsOptInCheck > label:first-of-type, .checkout > div > .section.checkout-delivery .smsOptInCheck > label:first-of-type, .checkout > div > .section.checkout-customerData .smsOptInCheck > label:first-of-type, .checkout .section.checkout-subscription.checkout-delivery .smsOptInCheck > label:first-of-type, .checkout .section.checkout-subscription.checkout-customerData .smsOptInCheck > label:first-of-type {
  margin-top: 4px;
}
.checkout > .section.checkout-delivery .smsOptInCheck > label:last-of-type, .checkout > .section.checkout-customerData .smsOptInCheck > label:last-of-type, .checkout > div > .section.checkout-delivery .smsOptInCheck > label:last-of-type, .checkout > div > .section.checkout-customerData .smsOptInCheck > label:last-of-type, .checkout .section.checkout-subscription.checkout-delivery .smsOptInCheck > label:last-of-type, .checkout .section.checkout-subscription.checkout-customerData .smsOptInCheck > label:last-of-type {
  margin-bottom: 0;
}
.checkout > .section.checkout-delivery .smsOptInCheck > label .field, .checkout > .section.checkout-delivery .smsOptInCheck > label .label, .checkout > .section.checkout-customerData .smsOptInCheck > label .field, .checkout > .section.checkout-customerData .smsOptInCheck > label .label, .checkout > div > .section.checkout-delivery .smsOptInCheck > label .field, .checkout > div > .section.checkout-delivery .smsOptInCheck > label .label, .checkout > div > .section.checkout-customerData .smsOptInCheck > label .field, .checkout > div > .section.checkout-customerData .smsOptInCheck > label .label, .checkout .section.checkout-subscription.checkout-delivery .smsOptInCheck > label .field, .checkout .section.checkout-subscription.checkout-delivery .smsOptInCheck > label .label, .checkout .section.checkout-subscription.checkout-customerData .smsOptInCheck > label .field, .checkout .section.checkout-subscription.checkout-customerData .smsOptInCheck > label .label {
  display: inline-block;
  vertical-align: top;
}
.checkout > .section.checkout-delivery .smsOptInCheck > label .label, .checkout > .section.checkout-customerData .smsOptInCheck > label .label, .checkout > div > .section.checkout-delivery .smsOptInCheck > label .label, .checkout > div > .section.checkout-customerData .smsOptInCheck > label .label, .checkout .section.checkout-subscription.checkout-delivery .smsOptInCheck > label .label, .checkout .section.checkout-subscription.checkout-customerData .smsOptInCheck > label .label {
  line-height: 22px;
  margin-left: 10px;
  white-space: normal;
}
.checkout > .section.checkout-delivery .smsOptInCheck .comment, .checkout > .section.checkout-customerData .smsOptInCheck .comment, .checkout > div > .section.checkout-delivery .smsOptInCheck .comment, .checkout > div > .section.checkout-customerData .smsOptInCheck .comment, .checkout .section.checkout-subscription.checkout-delivery .smsOptInCheck .comment, .checkout .section.checkout-subscription.checkout-customerData .smsOptInCheck .comment {
  margin-top: 10px;
  font-size: 11px;
  color: #999;
  max-width: 400px;
  display: inline-block;
  line-height: 16px;
}
.checkout > .section.checkout-final, .checkout > div > .section.checkout-final, .checkout .section.checkout-subscription.checkout-final {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 4px !important;
}
.checkout > .section.checkout-final .info, .checkout > div > .section.checkout-final .info, .checkout .section.checkout-subscription.checkout-final .info {
  margin-bottom: 10px;
}
.checkout > .section.checkout-final .sum, .checkout > div > .section.checkout-final .sum, .checkout .section.checkout-subscription.checkout-final .sum {
  margin-bottom: 0px;
}
.checkout > .section.checkout-final .checkmarks > div, .checkout > div > .section.checkout-final .checkmarks > div, .checkout .section.checkout-subscription.checkout-final .checkmarks > div {
  margin-bottom: 8px;
}
.checkout > .section.checkout-final .checkmarks > div:first-of-type, .checkout > div > .section.checkout-final .checkmarks > div:first-of-type, .checkout .section.checkout-subscription.checkout-final .checkmarks > div:first-of-type {
  margin-top: 4px;
}
.checkout > .section.checkout-final .checkmarks > div:last-of-type, .checkout > div > .section.checkout-final .checkmarks > div:last-of-type, .checkout .section.checkout-subscription.checkout-final .checkmarks > div:last-of-type {
  margin-bottom: 0;
}
.checkout > .section.checkout-final .checkmarks > div .field, .checkout > .section.checkout-final .checkmarks > div .label, .checkout > div > .section.checkout-final .checkmarks > div .field, .checkout > div > .section.checkout-final .checkmarks > div .label, .checkout .section.checkout-subscription.checkout-final .checkmarks > div .field, .checkout .section.checkout-subscription.checkout-final .checkmarks > div .label {
  display: inline-block;
  vertical-align: top;
}
.checkout > .section.checkout-final .checkmarks > div .label, .checkout > div > .section.checkout-final .checkmarks > div .label, .checkout .section.checkout-subscription.checkout-final .checkmarks > div .label {
  line-height: 22px;
  margin-left: 10px;
}
.checkout > .section.checkout-final .finalizeWrapper, .checkout > div > .section.checkout-final .finalizeWrapper, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper {
  margin-right: 15px;
}
.checkout > .section.checkout-final .finalizeWrapper li, .checkout > div > .section.checkout-final .finalizeWrapper li, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper li {
  color: #cc0000;
}
.checkout > .section.checkout-final .finalizeWrapper .orderLimitNotice, .checkout > div > .section.checkout-final .finalizeWrapper .orderLimitNotice, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .orderLimitNotice {
  display: none;
}
.checkout > .section.checkout-final .finalizeWrapper.disabled .orderLimitNotice, .checkout > div > .section.checkout-final .finalizeWrapper.disabled .orderLimitNotice, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper.disabled .orderLimitNotice {
  display: block;
  border-top: 3px solid #e22;
  border: 3px solid #e22;
  margin-top: 17px;
  padding-top: 15px;
  padding-bottom: 19px;
  margin-bottom: 0;
  background: #e00;
  padding: 20px;
  color: #fff;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response {
  color: #464646;
  padding: 13px 15px 8px;
  border: 4px solid #cc0000;
  background: #f2f2f2;
  margin-bottom: 20px;
  margin-top: 5px;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response:empty, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response:empty, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response:empty {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response ul:last-of-type, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response ul:last-of-type, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response ul:last-of-type {
  padding-bottom: 10px;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response li, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response li, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response li {
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response ul > li, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response ul > li, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response ul > li {
  margin-bottom: 2px;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response:empty, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response:empty, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response:empty {
  padding: 4px 0 0 0;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response > div, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response > div, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div {
  line-height: 20px;
  padding-left: 20px;
  color: #cc0000;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response > div:first-child, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response > div:first-child, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div:first-child {
  color: #464646;
  padding-left: 0;
  padding-bottom: 10px;
}
.checkout .checkout-paymentMethod-wrapper {
  position: relative;
}
.checkout .checkout-paymentMethod-wrapper > .title.error {
  color: #cc0000;
}
.checkout .checkout-paymentMethod-wrapper .paymentNotice {
  position: absolute;
  top: 5px;
  right: 0;
  max-width: 45%;
  background: #f2f2f2;
  /* border: 5px solid #eaeaea; */
  padding: 15px 20px 10px 20px;
  opacity: 0;
  transition-delay: 60s;
}
.checkout .checkout-paymentMethod-wrapper .paymentNotice h4, .checkout .checkout-paymentMethod-wrapper .paymentNotice .filterList .filter .label, .filterList .filter .checkout .checkout-paymentMethod-wrapper .paymentNotice .label, .customerManagement .overlay.deliveryTargets .notice .checkout .checkout-paymentMethod-wrapper .paymentNotice .title, .checkout .checkout-paymentMethod-wrapper .paymentNotice .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice .checkout-paymentMethod-wrapper .paymentNotice .title, .checkout .checkout-paymentMethod-wrapper .paymentNotice .subscriptionModificationNotice > .title {
  padding-bottom: 7px;
  border-bottom: 1px dotted #ddd;
  margin-bottom: 7px;
  font-weight: 600;
}
.checkout .checkout-paymentMethod-wrapper .paymentNotice .block.text {
  white-space: normal;
}
.checkout .checkout-paymentMethod-wrapper .paymentNotice .block.logos {
  padding-top: 7px;
  border-top: 1px dotted #ddd;
  margin-top: 13px;
  text-align: left;
  padding: 6px 0 2px 2px;
  border-radius: 2px;
}
.checkout .checkout-paymentMethod-wrapper .paymentNotice .block.logos img {
  padding-top: 5px;
  padding-bottom: 0px;
}
.checkout .checkout-paymentMethod-wrapper:hover .paymentNotice {
  transition-delay: 1s;
  opacity: 1;
}
.checkout .checkout-paymentMethod-wrapper .checkout-paymentMethod.zeroSum {
  min-height: 0 !important;
  padding-bottom: 20px;
}
.checkout .checkout-paymentMethod-wrapper .checkout-paymentMethod.zeroSum .paymentNotice {
  display: none;
}
.checkout .checkout-paymentMethod-wrapper .checkout-paymentMethod .method .info {
  visibility: hidden;
  margin-top: 0;
  opacity: 0;
  display: none;
}
.checkout .checkout-paymentMethod-wrapper .checkout-paymentMethod .method.profile .info {
  display: block;
  transition-property: opacity, margin-top;
  margin: 0;
  max-width: 375px;
  margin-left: 31px;
  padding: 0;
  background: #88aabe;
  color: #fff;
  height: 0;
  overflow: hidden;
}
.checkout .checkout-paymentMethod-wrapper .checkout-paymentMethod .method.profile.active .info {
  padding: 12px 17px;
  visibility: visible;
  opacity: 1;
  margin-top: 10px;
  height: auto;
}
.checkout label {
  cursor: pointer;
}

#mainContent .checkoutModule,
#mainContent .productDetail,
#mainContent .manufacturerDetail {
  margin-right: 0 !important;
}

.paymentInterface, .frontEndMessage, .customerLogout {
  background: #fff url("/img/core/backgrounds/vendorBackground.png") no-repeat center center;
  text-align: center;
  height: 300px;
  margin-bottom: 40px;
  display: table;
  width: 100%;
}
.paymentInterface .verticalWrapper, .frontEndMessage .verticalWrapper, .customerLogout .verticalWrapper {
  display: table-cell;
  vertical-align: middle;
}
.paymentInterface .title, .frontEndMessage .title, .customerLogout .title {
  color: #d2be9e;
}
.paymentInterface .infoText, .frontEndMessage .infoText, .customerLogout .infoText {
  margin-top: 10px;
  padding: 0 75px;
  color: #426530;
}

.frontEndMessage .title {
  color: #cc0000;
}
.frontEndMessage .infoText {
  color: #d2be9e;
}

.customerManagement .alternativeResponseContainer,
.customerManagement .responseContainer,
.webForm-container .responseContainer,
.deliveryTargets .alternativeResponseContainer,
.customerLogin .responseContainer,
.passwordRecovery .responseContainer,
.voucherEntry .responseContainer {
  visibility: hidden;
  float: left;
  margin-top: 18px;
  width: 280px;
  background: #fff url("/img/core/backgrounds/checkout-response-info.png") no-repeat 0 0;
  height: 0;
  position: relative;
  overflow: hidden;
  font-size: 12px;
}
.customerManagement .alternativeResponseContainer .response,
.customerManagement .responseContainer .response,
.webForm-container .responseContainer .response,
.deliveryTargets .alternativeResponseContainer .response,
.customerLogin .responseContainer .response,
.passwordRecovery .responseContainer .response,
.voucherEntry .responseContainer .response {
  font-size: 13px;
  position: absolute;
  top: 15px;
  left: 20px;
  width: 240px;
  color: #fff;
  display: table;
  height: 100px;
}
.customerManagement .alternativeResponseContainer .response > div,
.customerManagement .responseContainer .response > div,
.webForm-container .responseContainer .response > div,
.deliveryTargets .alternativeResponseContainer .response > div,
.customerLogin .responseContainer .response > div,
.passwordRecovery .responseContainer .response > div,
.voucherEntry .responseContainer .response > div {
  display: table-cell;
  vertical-align: middle;
}
.customerManagement .alternativeResponseContainer .response a,
.customerManagement .responseContainer .response a,
.webForm-container .responseContainer .response a,
.deliveryTargets .alternativeResponseContainer .response a,
.customerLogin .responseContainer .response a,
.passwordRecovery .responseContainer .response a,
.voucherEntry .responseContainer .response a {
  color: #fff;
}
.customerManagement .alternativeResponseContainer.visible,
.customerManagement .responseContainer.visible,
.webForm-container .responseContainer.visible,
.deliveryTargets .alternativeResponseContainer.visible,
.customerLogin .responseContainer.visible,
.passwordRecovery .responseContainer.visible,
.voucherEntry .responseContainer.visible {
  visibility: visible;
  height: 200px;
}

.voucherEntry .responseContainer {
  width: 395px;
}
.voucherEntry .responseContainer .response {
  width: 340px;
}
.responseContainer.fluid {
  visibility: visible !important;
  width: 100%;
  background: #fff url("/img/core/backgrounds/response-hedgehog.png") no-repeat left bottom;
  margin: 0 25px;
  max-width: 445px;
  height: auto;
}
.responseContainer.fluid.visible {
  height: auto;
}
.responseContainer.fluid.autoDisplay {
  display: none;
}
.responseContainer.fluid ul {
  margin-left: 0 !important;
}
.responseContainer.fluid .responseHolder {
  margin-bottom: 64px;
  background: #a87358;
  color: #fff;
  padding: 15px 15px 20px;
}
.responseContainer.fluid .responseHolder .response {
  position: relative;
  top: 6px;
  left: 0;
  height: auto;
  width: 320px;
}
.responseContainer.fluid .responseHolder > div:first-child {
  margin-bottom: 10px;
}

.customerForm.registration.newCustomer .responseContainer {
  margin-top: 132px;
}

.deliveryTargets .alternativeResponseContainer {
  position: absolute;
  top: 0;
  left: 445px;
}

.webForm-container .newsletterOptIn, .webForm-container .smsOptIn {
  margin-bottom: 15px;
}
.webForm-container .newsletterOptIn .webForm, .webForm-container .smsOptIn .webForm {
  margin-top: 2px;
}
.webForm-container .newsletterOptIn .webForm input, .webForm-container .smsOptIn .webForm input {
  width: 20px;
}
.webForm-container .newsletterOptIn label, .webForm-container .smsOptIn label {
  cursor: pointer !important;
}
.webForm-container .newsletterOptIn .label, .webForm-container .smsOptIn .label {
  margin-left: 35px;
  line-height: 24px;
}
.webForm-container.newsletterOptIn .column.left, .webForm-container.smsOptIn .column.left {
  max-width: 440px;
  padding-right: 20px;
}
.webForm-container.newsletterOptIn .shopButton, .webForm-container.smsOptIn .shopButton {
  margin-top: 5px;
}

.deliveryTargets .entryNotice div, .customerManagement .entryNotice div {
  display: inline;
  padding-right: 3px;
}
.deliveryTargets .entryNotice .buttons, .customerManagement .entryNotice .buttons {
  display: block;
}

textarea[name=deliveryNotice] {
  transition: none !important;
}

.webForm .fieldSet-pair {
  margin-bottom: 5px;
}
.webForm .fieldSet-pair > div {
  min-width: 200px;
}
.webForm .fieldSet-pair .left {
  float: left;
  margin-right: 25px;
}
.webForm .fieldSet-pair .right {
  float: left;
}
.webForm .fieldSet-pair .entryNotice-container {
  position: relative;
  /*&:hover .entryNotice {
      visibility: visible;
      opacity: 1;
  }*/
}
.webForm .fieldSet-pair .entryNotice-container textarea {
  transition-duration: 0.15s;
  height: 0;
}
.webForm .fieldSet-pair .entryNotice-container .entryNotice {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  border-radius: 2px;
  left: 0;
  background: #b29e7e;
  color: #fff;
  padding: 13px;
  font-size: 12px;
  line-height: 18px;
  opacity: 1;
  visibility: visible;
  text-align: center;
}
.webForm .fieldSet-pair .entryNotice-container .entryNotice .buttons {
  margin-top: 8px;
  display: block;
}
.webForm .fieldSet-pair .entryNotice-container .entryNotice.invisible {
  visibility: hidden;
  opacity: 0;
  display: block;
}
.webForm .fieldSet-pair .entryNotice-container .entryNotice a {
  display: inline-block;
  color: #fff;
  font-weight: 600;
}
.webForm .fieldSet {
  margin-bottom: 5px;
}
.webForm .fieldSet .label {
  color: #464646;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 1px;
}
.webForm .fieldSet .field .main {
  float: left;
  margin-right: 10px;
}
.webForm .fieldSet .field .sub {
  float: left;
}
.webForm .fieldSet .field .group > div {
  float: left;
  margin-right: 5px;
}
.webForm .fieldSet .field .fourDigits input {
  width: 32px !important;
}
.webForm .fieldSet .field .short input {
  width: 141px !important;
}
.webForm input, .webForm textarea, .webForm .fieldDisplay {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  line-height: 14px;
  font-size: 12px;
  border: 1px solid #bbb;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 0 4px;
  background-color: #fff;
}
.webForm input:hover, .webForm input:focus, .webForm textarea:hover, .webForm textarea:focus, .webForm .fieldDisplay:hover, .webForm .fieldDisplay:focus {
  border: 1px solid #999;
}
.webForm input.noResize, .webForm textarea.noResize, .webForm .fieldDisplay.noResize {
  resize: none;
}
.webForm input[type=text] {
  width: 177px;
}
.webForm .fourDigits input {
  width: 100px;
}
.webForm .fieldSet .field .short input {
  width: 130px !important;
}
.webForm .fieldDisplay {
  height: 18px;
  min-width: 80px;
  line-height: 19px;
  padding-left: 6px;
}
.webForm .fieldDisplay:hover, .webForm .fieldDisplay:focus {
  border: 1px solid #bbb;
}
.webForm input {
  height: 18px;
}

.shopButton {
  line-height: 29px;
  height: 29px;
  display: inline-block;
  box-shadow: 0 0 2px rgba(143, 190, 62, 0.15);
  margin-top: 5px;
}
.shopButton a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0 6px 0 8px;
  color: #fff;
  text-decoration: none !important;
  background-color: #8fbe3e;
  background-image: url("/img/core/scraps/button-arrowOverlay-right.png");
  background-position: right 0;
  background-repeat: no-repeat;
  font-size: 18px;
}
.shopButton a:hover {
  background-color: #80b030;
}
.shopButton.small {
  margin-top: 0;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
}
.shopButton.small a {
  background-image: url("/img/core/scraps/button-arrowOverlay-right-small.png");
}
.shopButton.search a {
  display: block;
  position: relative;
  padding: 0 0 0 18px;
}
.shopButton.search a > div.symbol {
  background: transparent url("/img/core/icons/magGlass-white-on-transparent.png") no-repeat left center;
  position: absolute;
  top: 2px;
  left: 5px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.shopButton.search a > div.string {
  margin-left: 6px;
}
.shopButton.wait a {
  cursor: default;
}
.shopButton.wait a:hover {
  background-color: #8fbe3e !important;
}
.shopButton.arrowLeft a {
  background-image: url("/img/core/scraps/button-arrowOverlay-left.png");
  background-position: 0 0;
  padding: 0 0px 0 18px;
}
.shopButton.noArrow a {
  background-image: none;
  background-position: 0 0;
  padding: 0 0 0 10px;
}
.shopButton.right {
  float: right;
}

.selectboxit-container ul li {
  margin-left: 0 !important;
}

.contentArea, #mainContent .checkoutModule,
#mainContent .productDetail,
#mainContent .manufacturerDetail {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #fff;
  margin: 0 16px 25px 0;
  min-height: 249px;
  padding: 16px;
}
.contentArea ul li, #mainContent .checkoutModule ul li,
#mainContent .productDetail ul li,
#mainContent .manufacturerDetail ul li {
  margin-left: 35px;
}
.contentArea > div.wrap, #mainContent .checkoutModule > div.wrap,
#mainContent .productDetail > div.wrap,
#mainContent .manufacturerDetail > div.wrap {
  padding: 16px;
}
.contentArea strong, #mainContent .checkoutModule strong,
#mainContent .productDetail strong,
#mainContent .manufacturerDetail strong {
  font-weight: 600;
}
.contentArea.basic-1-column, #mainContent .basic-1-column.checkoutModule,
#mainContent .basic-1-column.productDetail,
#mainContent .basic-1-column.manufacturerDetail {
  width: 145px;
}
.contentArea.basic-2-columns, #mainContent .basic-2-columns.checkoutModule,
#mainContent .basic-2-columns.productDetail,
#mainContent .basic-2-columns.manufacturerDetail {
  width: 340px;
}
.contentArea.basic-3-columns, #mainContent .basic-3-columns.checkoutModule,
#mainContent .basic-3-columns.productDetail,
#mainContent .basic-3-columns.manufacturerDetail {
  width: 535px;
}
.contentArea.basic-4-columns, #mainContent .basic-4-columns.checkoutModule,
#mainContent .basic-4-columns.productDetail,
#mainContent .basic-4-columns.manufacturerDetail {
  width: 730px;
}
.contentArea.full, #mainContent .full.checkoutModule,
#mainContent .full.productDetail,
#mainContent .full.manufacturerDetail {
  width: 925px;
}
.contentArea.multiPane, #mainContent .multiPane.checkoutModule,
#mainContent .multiPane.productDetail,
#mainContent .multiPane.manufacturerDetail {
  /*min-height: ($box-height - 2 - 32) / 2;*/
  min-height: auto;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.contentArea.right-1-column, #mainContent .right-1-column.checkoutModule,
#mainContent .right-1-column.productDetail,
#mainContent .right-1-column.manufacturerDetail {
  float: right;
  width: 145px;
}
.contentArea.filterHolder, #mainContent .filterHolder.checkoutModule,
#mainContent .filterHolder.productDetail,
#mainContent .filterHolder.manufacturerDetail {
  z-index: 200;
  margin-right: 18px;
}
.contentArea.filterHolder .subTitle, #mainContent .filterHolder.checkoutModule .subTitle,
#mainContent .filterHolder.productDetail .subTitle,
#mainContent .filterHolder.manufacturerDetail .subTitle {
  margin-bottom: 10px;
}
.contentArea.filterHolder .filterText, #mainContent .filterHolder.checkoutModule .filterText,
#mainContent .filterHolder.productDetail .filterText,
#mainContent .filterHolder.manufacturerDetail .filterText {
  margin-top: 10px;
  margin-bottom: 15px;
}
.contentArea.productSearch, #mainContent .productSearch.checkoutModule,
#mainContent .productSearch.productDetail,
#mainContent .productSearch.manufacturerDetail {
  min-height: 0;
  width: 533px;
  float: left;
  margin-bottom: 15px;
}
.contentArea.productSearch .title, #mainContent .productSearch.checkoutModule .title,
#mainContent .productSearch.productDetail .title,
#mainContent .productSearch.manufacturerDetail .title {
  margin-bottom: 10px;
}
.contentArea.productSearch .resultText, #mainContent .productSearch.checkoutModule .resultText,
#mainContent .productSearch.productDetail .resultText,
#mainContent .productSearch.manufacturerDetail .resultText {
  margin-top: 10px;
}
.contentArea.productSearch .searchField, #mainContent .productSearch.checkoutModule .searchField,
#mainContent .productSearch.productDetail .searchField,
#mainContent .productSearch.manufacturerDetail .searchField {
  margin-top: 15px;
}
.contentArea.productSearch .searchField .field, #mainContent .productSearch.checkoutModule .searchField .field,
#mainContent .productSearch.productDetail .searchField .field,
#mainContent .productSearch.manufacturerDetail .searchField .field, .contentArea.productSearch .searchField .button, #mainContent .productSearch.checkoutModule .searchField .button,
#mainContent .productSearch.productDetail .searchField .button,
#mainContent .productSearch.manufacturerDetail .searchField .button {
  float: left;
  margin-right: 5px;
}
.contentArea.productSearch .searchField input, #mainContent .productSearch.checkoutModule .searchField input,
#mainContent .productSearch.productDetail .searchField input,
#mainContent .productSearch.manufacturerDetail .searchField input {
  border: 1px solid #dbdbdb;
  height: 17px;
  box-shadow: 0 0 3px #f4f4f4;
  color: #426530;
  padding: 1px 4px;
}
.contentArea.productSearch .filterBlock, #mainContent .productSearch.checkoutModule .filterBlock,
#mainContent .productSearch.productDetail .filterBlock,
#mainContent .productSearch.manufacturerDetail .filterBlock {
  margin-top: 10px;
}

#mainWrapper.maintainance {
  padding: 0 !important;
}
#mainWrapper.maintainance .frontEndMessage.contentArea.full, #mainWrapper.maintainance #mainContent .frontEndMessage.full.checkoutModule, #mainContent #mainWrapper.maintainance .frontEndMessage.full.checkoutModule,
#mainWrapper.maintainance #mainContent .frontEndMessage.full.productDetail,
#mainContent #mainWrapper.maintainance .frontEndMessage.full.productDetail,
#mainWrapper.maintainance #mainContent .frontEndMessage.full.manufacturerDetail,
#mainContent #mainWrapper.maintainance .frontEndMessage.full.manufacturerDetail {
  padding: 0 !important;
  margin: 23% auto !important;
  width: 100% !important;
}

#overlayWindow-content .webRoot.container > .basic-1-column {
  clear: both;
}

#overlayWindow-content .contentArea, #overlayWindow-content #mainContent .checkoutModule, #mainContent #overlayWindow-content .checkoutModule,
#overlayWindow-content #mainContent .productDetail,
#mainContent #overlayWindow-content .productDetail,
#overlayWindow-content #mainContent .manufacturerDetail,
#mainContent #overlayWindow-content .manufacturerDetail {
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: 0 !important;
  padding: 6px !important;
}
#overlayWindow-content .contentArea.full, #overlayWindow-content #mainContent .full.checkoutModule, #mainContent #overlayWindow-content .full.checkoutModule,
#overlayWindow-content #mainContent .full.productDetail,
#mainContent #overlayWindow-content .full.productDetail,
#overlayWindow-content #mainContent .full.manufacturerDetail,
#mainContent #overlayWindow-content .full.manufacturerDetail {
  width: 750px;
}

.image.float-left {
  float: left;
  margin-right: 18px;
  margin-bottom: 18px;
  z-index: 1;
}
.image.float-right {
  float: right;
  margin-left: 18px;
  margin-bottom: 18px;
  z-index: 1;
}

.genericColumnContainer {
  white-space: nowrap;
  width: 100%;
}
.genericColumnContainer .c50l, .genericColumnContainer .c50r {
  white-space: normal;
  display: inline-block;
  vertical-align: top;
}
.genericColumnContainer .c50l {
  width: 35%;
}
.genericColumnContainer .c50r {
  width: 65%;
}

.fluidInfoBubble {
  /*max-width: 440px;*/
  margin-left: 20px;
}
.fluidInfoBubble .content {
  background: #a87358;
  color: #fff;
  padding: 17px 17px;
  font-size: 13px;
}
.fluidInfoBubble .content a {
  color: #fff;
  text-decoration: underline;
  font-weight: 600;
}
.fluidInfoBubble .content a:hover {
  color: #e0e0e0;
}
.fluidInfoBubble .symbol {
  width: 107px;
  height: 64px;
  background: #fff url("/img/core/scraps/hedgehogWithArrowUp.png") no-repeat center center;
}

.customerLogin, .passwordRecovery {
  /*::-webkit-input-placeholder {
         color: #fff;
     }
     :-moz-placeholder {
         color: #fff;
     }
     ::-moz-placeholder {
         color: #fff;
     }
     :-ms-input-placeholder {
         color: #fff;
     }
  */
}
.customerLogin .fieldWrapper .fields, .customerLogin .fieldWrapper .responseContainer, .passwordRecovery .fieldWrapper .fields, .passwordRecovery .fieldWrapper .responseContainer {
  float: left;
}
.customerLogin .fieldWrapper .fields, .passwordRecovery .fieldWrapper .fields {
  margin-right: 25px;
}
.customerLogin .fieldWrapper .fields.faded, .passwordRecovery .fieldWrapper .fields.faded {
  opacity: 0.35;
}
.customerLogin .fieldWrapper .fields input, .passwordRecovery .fieldWrapper .fields input {
  width: 192px;
}
.customerLogin .responseContainer, .passwordRecovery .responseContainer {
  margin-top: 13px;
}

.customerGate {
  color: #3e3e3e;
  font-size: 13px;
}
.customerGate .responsive {
  display: none;
}
.customerGate .regular {
  display: block;
}

.customerLogin .title, .subscriptionManagement .title, .customerManagement .title, .passwordRecovery .title {
  margin-bottom: 10px;
}
.customerLogin .infoText, .subscriptionManagement .infoText, .customerManagement .infoText, .passwordRecovery .infoText {
  margin-top: 10px;
  margin-bottom: 10px;
}
.customerLogin .collateralInfo .label, .customerLogin .collateralInfo .value, .subscriptionManagement .collateralInfo .label, .subscriptionManagement .collateralInfo .value, .customerManagement .collateralInfo .label, .customerManagement .collateralInfo .value, .passwordRecovery .collateralInfo .label, .passwordRecovery .collateralInfo .value {
  float: left;
  font-weight: 600;
  margin-right: 10px;
  line-height: 16px;
}
.customerLogin .collateralInfo .value, .subscriptionManagement .collateralInfo .value, .customerManagement .collateralInfo .value, .passwordRecovery .collateralInfo .value {
  font-size: 13px;
  font-weight: 600;
}

.customerLogin .infoText,
.passwordRecovery .infoText {
  width: 500px;
}

#overlayWindow .customerLogin .infoText,
#overlayWindow .passwordRecovery .infoText {
  width: 444px;
}

.subscriptionManagement table, .customerManagement table {
  width: 100%;
}
.subscriptionManagement table tr td, .customerManagement table tr td {
  border: 0 !important;
  padding: 0 !important;
}
.subscriptionManagement .subscriptionList, .customerManagement .subscriptionList {
  margin-top: 20px;
}
.subscriptionManagement .subscriptionList .entry .col, .customerManagement .subscriptionList .entry .col {
  border-bottom: 1px solid #d9d9d9 !important;
  padding: 5px 10px !important;
}
.subscriptionManagement .subscriptionList .entry .col.alignRight, .customerManagement .subscriptionList .entry .col.alignRight {
  text-align: right;
}
.subscriptionManagement .subscriptionList .entry .col.alignCenter, .customerManagement .subscriptionList .entry .col.alignCenter {
  text-align: center;
}
.subscriptionManagement .subscriptionList .entry .col a, .customerManagement .subscriptionList .entry .col a {
  font-weight: normal !important;
}
.subscriptionManagement .subscriptionList .entry .col.first, .customerManagement .subscriptionList .entry .col.first {
  width: 50px;
}
.subscriptionManagement .subscriptionList .entry.open .col, .customerManagement .subscriptionList .entry.open .col {
  background-color: #f5f5f5 !important;
  font-weight: 600;
}
.subscriptionManagement .subscriptionList .head, .customerManagement .subscriptionList .head {
  background-color: #d2be9e;
  color: #fff;
}
.subscriptionManagement .subscriptionList .head .col, .customerManagement .subscriptionList .head .col {
  padding: 5px 10px !important;
}
.subscriptionManagement .subscriptionList .head .col.alignRight, .customerManagement .subscriptionList .head .col.alignRight {
  text-align: right;
}
.subscriptionManagement .subscriptionList .head .col.alignCenter, .customerManagement .subscriptionList .head .col.alignCenter {
  text-align: center;
}
.subscriptionManagement .subscriptionList .subscriptionDetails-outerWrapper.open, .customerManagement .subscriptionList .subscriptionDetails-outerWrapper.open {
  border-bottom: 1px solid #d9d9d9 !important;
}
.subscriptionManagement .subscriptionList .subscriptionDetails-outerWrapper .item .col.cartItem-image, .customerManagement .subscriptionList .subscriptionDetails-outerWrapper .item .col.cartItem-image {
  width: 47px;
}
.subscriptionManagement .subscriptionList .detailWrapper > div, .customerManagement .subscriptionList .detailWrapper > div {
  display: table;
}
.subscriptionManagement .subscriptionList .detailWrapper .item, .customerManagement .subscriptionList .detailWrapper .item {
  display: table-row;
}
.subscriptionManagement .subscriptionList .detailWrapper .item > div, .customerManagement .subscriptionList .detailWrapper .item > div {
  display: table-cell;
  white-space: nowrap;
  padding: 6px 10px;
  border-bottom: 1px solid #d9d9d9;
  vertical-align: middle;
}
.subscriptionManagement .subscriptionList .detailWrapper .item > div.price, .customerManagement .subscriptionList .detailWrapper .item > div.price {
  text-align: right;
}
.subscriptionManagement .subscriptionList .detailWrapper .item > div.cartItem-image, .customerManagement .subscriptionList .detailWrapper .item > div.cartItem-image {
  width: 38px;
  padding-right: 13px;
}
.subscriptionManagement .subscriptionList .detailWrapper .item:last-of-type > div, .customerManagement .subscriptionList .detailWrapper .item:last-of-type > div {
  border-bottom: 0;
}
.subscriptionManagement .subscriptionList .detailWrapper .item span, .customerManagement .subscriptionList .detailWrapper .item span {
  padding-right: 3px;
}
.subscriptionManagement td.message, .customerManagement td.message {
  background-color: #f5f5f5 !important;
  padding: 10px 10px !important;
  font-weight: 600 !important;
  border-bottom: 1px solid #d9d9d9 !important;
}

.customerManagement .overlay > .close, .checkout .overlay > .close {
  position: absolute;
  top: 6px;
  right: 7px;
  z-index: 10;
}
.customerManagement .overlay > .close > a, .checkout .overlay > .close > a {
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  display: block;
  line-height: 19px;
  height: 21px;
  width: 21px;
  text-decoration: none;
  text-align: center;
}
.customerManagement .overlay > .close > a:hover, .checkout .overlay > .close > a:hover {
  color: #ddd;
}
.customerManagement .overlay.customerZone, .customerManagement .overlay.checkoutDeliveryTargets, .checkout .overlay.customerZone, .checkout .overlay.checkoutDeliveryTargets {
  width: 800px !important;
  top: -10000px;
  left: -10000px;
  transform: translate(-50%, -50%);
  margin-left: auto;
  margin-top: -40px;
}
.customerManagement .overlay.customerZone.visible, .customerManagement .overlay.checkoutDeliveryTargets.visible, .checkout .overlay.customerZone.visible, .checkout .overlay.checkoutDeliveryTargets.visible {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.customerManagement .overlay.deliveryTargets .webForm-container, .checkout .overlay.deliveryTargets .webForm-container {
  /*margin-top: -1px;*/
}
.customerManagement .overlay.deliveryTargets .submitButton, .checkout .overlay.deliveryTargets .submitButton {
  position: relative;
}
.customerManagement .overlay.deliveryTargets .submitButton .loader, .checkout .overlay.deliveryTargets .submitButton .loader {
  position: absolute;
  cursor: default !important;
  top: 4px;
  left: 5px;
  background: #ddd url("/img/core/loadIndicators/checkout-ddd.gif") no-repeat 0 0 !important;
  background-size: 20px !important;
  width: 0;
  height: 21px;
  opacity: 0;
}
.customerManagement .overlay.deliveryTargets .submitButton a, .checkout .overlay.deliveryTargets .submitButton a {
  text-decoration: none !important;
  background-color: #8fbe3e;
  padding: 5px 10px;
  color: #fff;
  line-height: 19px;
  display: inline-block;
  text-decoration: none;
  background-image: url(/img/core/scraps/button-arrowOverlay-right.png);
  background-position: right 0;
  background-repeat: no-repeat;
  padding-right: 22px;
}
.customerManagement .overlay.deliveryTargets .submitButton a:hover, .checkout .overlay.deliveryTargets .submitButton a:hover {
  background-color: #80b030;
}
.customerManagement .overlay.deliveryTargets .submitButton.busy .loader, .checkout .overlay.deliveryTargets .submitButton.busy .loader {
  opacity: 1;
  width: 22px;
}
.customerManagement .overlay.deliveryTargets .submitButton.busy a, .checkout .overlay.deliveryTargets .submitButton.busy a {
  background-color: #ddd;
  text-indent: 23px;
}
.customerManagement .overlay.deliveryTargets .responseContainer, .checkout .overlay.deliveryTargets .responseContainer {
  max-width: 275px;
  margin: 0 0 15px 0;
}
.customerManagement .overlay.deliveryTargets .notice, .checkout .overlay.deliveryTargets .notice {
  background: #88aabe;
  padding: 14px 18px;
  margin-bottom: 15px;
  margin-right: 15px;
}
.customerManagement .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice .title {
  color: #fff;
  font-weight: 600;
  margin-bottom: 12px;
}
.customerManagement .overlay.deliveryTargets .notice .content, .checkout .overlay.deliveryTargets .notice .content {
  margin-bottom: 12px;
  color: #fff;
}
.customerManagement .overlay.deliveryTargets .notice .list, .checkout .overlay.deliveryTargets .notice .list {
  color: #fff;
  display: table;
  width: 100%;
}
.customerManagement .overlay.deliveryTargets .notice .list > div, .checkout .overlay.deliveryTargets .notice .list > div {
  display: table-row;
}
.customerManagement .overlay.deliveryTargets .notice .list > div > div, .checkout .overlay.deliveryTargets .notice .list > div > div {
  display: table-cell;
}
.customerManagement .overlay.deliveryTargets .notice .list > div > div:first-child, .checkout .overlay.deliveryTargets .notice .list > div > div:first-child {
  font-weight: 600;
}
.customerManagement .overlay > .content > .title, .checkout .overlay > .content > .title {
  background: #b57957;
  color: #fff;
  font-size: 15px;
  padding: 8px 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.customerManagement .overlay > .content > .content, .checkout .overlay > .content > .content {
  padding: 15px 15px 0;
}
.customerManagement .overlay > .submitButton, .checkout .overlay > .submitButton {
  margin: 10px 20px 16px;
}
.customerManagement .overlay .responseContainer, .checkout .overlay .responseContainer {
  margin-bottom: 15px;
}

.checkout .modal, .customerManagement .modal {
  transition-property: opacity;
  transition-duration: 0.18s;
  position: fixed;
  opacity: 0;
  background: rgba(0, 0, 0, 0.75);
  top: -10000px;
  left: -10000px;
  right: auto;
  bottom: auto;
  width: 100vw;
  height: 100vw;
  z-index: 100;
}
.checkout .modal.visible, .customerManagement .modal.visible {
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.checkout .modal.fadeOut, .customerManagement .modal.fadeOut {
  opacity: 0;
}
.checkout .modal.visible > .dialogue, .customerManagement .modal.visible > .dialogue {
  transform: translate(-50%, -50%) scale(1, 1);
  opacity: 1;
  margin-top: -20px;
  top: 50%;
  left: 50%;
}
.checkout .modal.fadeOut > .dialogue, .customerManagement .modal.fadeOut > .dialogue {
  transform: translate(-50%, -50%) scale(0.75, 0.75);
  opacity: 0;
}
.checkout .modal > .dialogue, .customerManagement .modal > .dialogue {
  position: fixed;
  transition-property: transform;
  transition-duration: 0.12s;
  max-width: 380px;
  top: -10000px;
  left: -10000px;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.85, 0.85);
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.checkout .modal > .dialogue > .title, .customerManagement .modal > .dialogue > .title {
  background: #a87358;
  padding: 8px 15px;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}
.checkout .modal > .dialogue > .box, .customerManagement .modal > .dialogue > .box {
  margin-top: -1px;
  padding: 8px 15px;
}
.checkout .modal > .dialogue > .box > .text, .customerManagement .modal > .dialogue > .box > .text {
  font-size: 13px;
}
.checkout .modal > .dialogue > .box > .comment, .customerManagement .modal > .dialogue > .box > .comment {
  padding-top: 6px;
  padding-bottom: 2px;
  font-size: 11px;
  line-height: 14px;
  color: #aaa;
}
.checkout .modal > .dialogue > .box > .buttons, .customerManagement .modal > .dialogue > .box > .buttons {
  border-top: 1px solid #d2d2d2;
  margin-top: 10px;
  padding-top: 10px;
  margin-bottom: 5px;
}
.checkout .modal > .dialogue > .box > .buttons > a, .customerManagement .modal > .dialogue > .box > .buttons > a {
  background: #8fbe3e;
  color: #fff;
  padding: 5px 10px;
  line-height: 19px;
  display: inline-block;
  text-decoration: none !important;
}
.checkout .modal > .dialogue > .box > .buttons > a.confirm, .customerManagement .modal > .dialogue > .box > .buttons > a.confirm {
  float: right;
  background: #cc0000;
}
.checkout .modal > .dialogue > .box > .buttons > a.confirm:hover, .customerManagement .modal > .dialogue > .box > .buttons > a.confirm:hover {
  background: #bb0000;
}
.checkout .modal > .dialogue > .box > .buttons > a:hover, .customerManagement .modal > .dialogue > .box > .buttons > a:hover {
  background: #80b030;
}
.customerManagement .contentArea, .customerManagement #mainContent .checkoutModule, #mainContent .customerManagement .checkoutModule,
.customerManagement #mainContent .productDetail,
#mainContent .customerManagement .productDetail,
.customerManagement #mainContent .manufacturerDetail,
#mainContent .customerManagement .manufacturerDetail {
  min-height: auto;
  margin-bottom: 20px;
}
.customerManagement .contentArea.orderManagement, .customerManagement #mainContent .orderManagement.checkoutModule, #mainContent .customerManagement .orderManagement.checkoutModule,
.customerManagement #mainContent .orderManagement.productDetail,
#mainContent .customerManagement .orderManagement.productDetail,
.customerManagement #mainContent .orderManagement.manufacturerDetail,
#mainContent .customerManagement .orderManagement.manufacturerDetail, .customerManagement .contentArea.subscriptionManagement, .customerManagement #mainContent .subscriptionManagement.checkoutModule, #mainContent .customerManagement .subscriptionManagement.checkoutModule,
.customerManagement #mainContent .subscriptionManagement.productDetail,
#mainContent .customerManagement .subscriptionManagement.productDetail,
.customerManagement #mainContent .subscriptionManagement.manufacturerDetail,
#mainContent .customerManagement .subscriptionManagement.manufacturerDetail {
  background: none;
  box-shadow: none;
  margin: 0;
  margin-bottom: 25px;
  padding: 0;
  border: 0;
  background: #f6f6f6;
}
.customerManagement .contentArea.orderManagement > .title, .customerManagement #mainContent .orderManagement.checkoutModule > .title, #mainContent .customerManagement .orderManagement.checkoutModule > .title,
.customerManagement #mainContent .orderManagement.productDetail > .title,
#mainContent .customerManagement .orderManagement.productDetail > .title,
.customerManagement #mainContent .orderManagement.manufacturerDetail > .title,
#mainContent .customerManagement .orderManagement.manufacturerDetail > .title, .customerManagement .contentArea.subscriptionManagement > .title, .customerManagement #mainContent .subscriptionManagement.checkoutModule > .title, #mainContent .customerManagement .subscriptionManagement.checkoutModule > .title,
.customerManagement #mainContent .subscriptionManagement.productDetail > .title,
#mainContent .customerManagement .subscriptionManagement.productDetail > .title,
.customerManagement #mainContent .subscriptionManagement.manufacturerDetail > .title,
#mainContent .customerManagement .subscriptionManagement.manufacturerDetail > .title {
  background: #b57957;
  color: #fff;
  padding: 8px 14px;
  margin-bottom: 0;
}
.customerManagement .contentArea.orderManagement > .title h2, .customerManagement .contentArea.orderManagement > .title .productSearch .resultList .loadIndicator, .productSearch .resultList .customerManagement .contentArea.orderManagement > .title .loadIndicator, .customerManagement .contentArea.orderManagement > .title .productSearch .resultList .searchResponse, .productSearch .resultList .customerManagement .contentArea.orderManagement > .title .searchResponse, .customerManagement #mainContent .orderManagement.checkoutModule > .title h2, .customerManagement #mainContent .orderManagement.checkoutModule > .title .productSearch .resultList .loadIndicator, .productSearch .resultList .customerManagement #mainContent .orderManagement.checkoutModule > .title .loadIndicator, .customerManagement #mainContent .orderManagement.checkoutModule > .title .productSearch .resultList .searchResponse, .productSearch .resultList .customerManagement #mainContent .orderManagement.checkoutModule > .title .searchResponse, #mainContent .customerManagement .orderManagement.checkoutModule > .title h2, #mainContent .customerManagement .orderManagement.checkoutModule > .title .productSearch .resultList .loadIndicator, .productSearch .resultList #mainContent .customerManagement .orderManagement.checkoutModule > .title .loadIndicator, #mainContent .customerManagement .orderManagement.checkoutModule > .title .productSearch .resultList .searchResponse, .productSearch .resultList #mainContent .customerManagement .orderManagement.checkoutModule > .title .searchResponse,
.customerManagement #mainContent .orderManagement.productDetail > .title h2,
.customerManagement #mainContent .orderManagement.productDetail > .title .productSearch .resultList .loadIndicator,
.productSearch .resultList .customerManagement #mainContent .orderManagement.productDetail > .title .loadIndicator,
.customerManagement #mainContent .orderManagement.productDetail > .title .productSearch .resultList .searchResponse,
.productSearch .resultList .customerManagement #mainContent .orderManagement.productDetail > .title .searchResponse,
#mainContent .customerManagement .orderManagement.productDetail > .title h2,
#mainContent .customerManagement .orderManagement.productDetail > .title .productSearch .resultList .loadIndicator,
.productSearch .resultList #mainContent .customerManagement .orderManagement.productDetail > .title .loadIndicator,
#mainContent .customerManagement .orderManagement.productDetail > .title .productSearch .resultList .searchResponse,
.productSearch .resultList #mainContent .customerManagement .orderManagement.productDetail > .title .searchResponse,
.customerManagement #mainContent .orderManagement.manufacturerDetail > .title h2,
.customerManagement #mainContent .orderManagement.manufacturerDetail > .title .productSearch .resultList .loadIndicator,
.productSearch .resultList .customerManagement #mainContent .orderManagement.manufacturerDetail > .title .loadIndicator,
.customerManagement #mainContent .orderManagement.manufacturerDetail > .title .productSearch .resultList .searchResponse,
.productSearch .resultList .customerManagement #mainContent .orderManagement.manufacturerDetail > .title .searchResponse,
#mainContent .customerManagement .orderManagement.manufacturerDetail > .title h2,
#mainContent .customerManagement .orderManagement.manufacturerDetail > .title .productSearch .resultList .loadIndicator,
.productSearch .resultList #mainContent .customerManagement .orderManagement.manufacturerDetail > .title .loadIndicator,
#mainContent .customerManagement .orderManagement.manufacturerDetail > .title .productSearch .resultList .searchResponse,
.productSearch .resultList #mainContent .customerManagement .orderManagement.manufacturerDetail > .title .searchResponse, .customerManagement .contentArea.subscriptionManagement > .title h2, .customerManagement .contentArea.subscriptionManagement > .title .productSearch .resultList .loadIndicator, .productSearch .resultList .customerManagement .contentArea.subscriptionManagement > .title .loadIndicator, .customerManagement .contentArea.subscriptionManagement > .title .productSearch .resultList .searchResponse, .productSearch .resultList .customerManagement .contentArea.subscriptionManagement > .title .searchResponse, .customerManagement #mainContent .subscriptionManagement.checkoutModule > .title h2, .customerManagement #mainContent .subscriptionManagement.checkoutModule > .title .productSearch .resultList .loadIndicator, .productSearch .resultList .customerManagement #mainContent .subscriptionManagement.checkoutModule > .title .loadIndicator, .customerManagement #mainContent .subscriptionManagement.checkoutModule > .title .productSearch .resultList .searchResponse, .productSearch .resultList .customerManagement #mainContent .subscriptionManagement.checkoutModule > .title .searchResponse, #mainContent .customerManagement .subscriptionManagement.checkoutModule > .title h2, #mainContent .customerManagement .subscriptionManagement.checkoutModule > .title .productSearch .resultList .loadIndicator, .productSearch .resultList #mainContent .customerManagement .subscriptionManagement.checkoutModule > .title .loadIndicator, #mainContent .customerManagement .subscriptionManagement.checkoutModule > .title .productSearch .resultList .searchResponse, .productSearch .resultList #mainContent .customerManagement .subscriptionManagement.checkoutModule > .title .searchResponse,
.customerManagement #mainContent .subscriptionManagement.productDetail > .title h2,
.customerManagement #mainContent .subscriptionManagement.productDetail > .title .productSearch .resultList .loadIndicator,
.productSearch .resultList .customerManagement #mainContent .subscriptionManagement.productDetail > .title .loadIndicator,
.customerManagement #mainContent .subscriptionManagement.productDetail > .title .productSearch .resultList .searchResponse,
.productSearch .resultList .customerManagement #mainContent .subscriptionManagement.productDetail > .title .searchResponse,
#mainContent .customerManagement .subscriptionManagement.productDetail > .title h2,
#mainContent .customerManagement .subscriptionManagement.productDetail > .title .productSearch .resultList .loadIndicator,
.productSearch .resultList #mainContent .customerManagement .subscriptionManagement.productDetail > .title .loadIndicator,
#mainContent .customerManagement .subscriptionManagement.productDetail > .title .productSearch .resultList .searchResponse,
.productSearch .resultList #mainContent .customerManagement .subscriptionManagement.productDetail > .title .searchResponse,
.customerManagement #mainContent .subscriptionManagement.manufacturerDetail > .title h2,
.customerManagement #mainContent .subscriptionManagement.manufacturerDetail > .title .productSearch .resultList .loadIndicator,
.productSearch .resultList .customerManagement #mainContent .subscriptionManagement.manufacturerDetail > .title .loadIndicator,
.customerManagement #mainContent .subscriptionManagement.manufacturerDetail > .title .productSearch .resultList .searchResponse,
.productSearch .resultList .customerManagement #mainContent .subscriptionManagement.manufacturerDetail > .title .searchResponse,
#mainContent .customerManagement .subscriptionManagement.manufacturerDetail > .title h2,
#mainContent .customerManagement .subscriptionManagement.manufacturerDetail > .title .productSearch .resultList .loadIndicator,
.productSearch .resultList #mainContent .customerManagement .subscriptionManagement.manufacturerDetail > .title .loadIndicator,
#mainContent .customerManagement .subscriptionManagement.manufacturerDetail > .title .productSearch .resultList .searchResponse,
.productSearch .resultList #mainContent .customerManagement .subscriptionManagement.manufacturerDetail > .title .searchResponse {
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
}
.customerManagement .contentArea.orderManagement > .infoText, .customerManagement #mainContent .orderManagement.checkoutModule > .infoText, #mainContent .customerManagement .orderManagement.checkoutModule > .infoText,
.customerManagement #mainContent .orderManagement.productDetail > .infoText,
#mainContent .customerManagement .orderManagement.productDetail > .infoText,
.customerManagement #mainContent .orderManagement.manufacturerDetail > .infoText,
#mainContent .customerManagement .orderManagement.manufacturerDetail > .infoText, .customerManagement .contentArea.subscriptionManagement > .infoText, .customerManagement #mainContent .subscriptionManagement.checkoutModule > .infoText, #mainContent .customerManagement .subscriptionManagement.checkoutModule > .infoText,
.customerManagement #mainContent .subscriptionManagement.productDetail > .infoText,
#mainContent .customerManagement .subscriptionManagement.productDetail > .infoText,
.customerManagement #mainContent .subscriptionManagement.manufacturerDetail > .infoText,
#mainContent .customerManagement .subscriptionManagement.manufacturerDetail > .infoText {
  padding: 15px 15px;
  margin: 0;
  line-height: 19px;
}
.customerManagement .contentArea.orderManagement > .breakLine, .customerManagement #mainContent .orderManagement.checkoutModule > .breakLine, #mainContent .customerManagement .orderManagement.checkoutModule > .breakLine,
.customerManagement #mainContent .orderManagement.productDetail > .breakLine,
#mainContent .customerManagement .orderManagement.productDetail > .breakLine,
.customerManagement #mainContent .orderManagement.manufacturerDetail > .breakLine,
#mainContent .customerManagement .orderManagement.manufacturerDetail > .breakLine, .customerManagement .contentArea.subscriptionManagement > .breakLine, .customerManagement #mainContent .subscriptionManagement.checkoutModule > .breakLine, #mainContent .customerManagement .subscriptionManagement.checkoutModule > .breakLine,
.customerManagement #mainContent .subscriptionManagement.productDetail > .breakLine,
#mainContent .customerManagement .subscriptionManagement.productDetail > .breakLine,
.customerManagement #mainContent .subscriptionManagement.manufacturerDetail > .breakLine,
#mainContent .customerManagement .subscriptionManagement.manufacturerDetail > .breakLine {
  display: none;
}
.customerManagement .contentArea.orderManagement > .listBlocks, .customerManagement #mainContent .orderManagement.checkoutModule > .listBlocks, #mainContent .customerManagement .orderManagement.checkoutModule > .listBlocks,
.customerManagement #mainContent .orderManagement.productDetail > .listBlocks,
#mainContent .customerManagement .orderManagement.productDetail > .listBlocks,
.customerManagement #mainContent .orderManagement.manufacturerDetail > .listBlocks,
#mainContent .customerManagement .orderManagement.manufacturerDetail > .listBlocks, .customerManagement .contentArea.subscriptionManagement > .listBlocks, .customerManagement #mainContent .subscriptionManagement.checkoutModule > .listBlocks, #mainContent .customerManagement .subscriptionManagement.checkoutModule > .listBlocks,
.customerManagement #mainContent .subscriptionManagement.productDetail > .listBlocks,
#mainContent .customerManagement .subscriptionManagement.productDetail > .listBlocks,
.customerManagement #mainContent .subscriptionManagement.manufacturerDetail > .listBlocks,
#mainContent .customerManagement .subscriptionManagement.manufacturerDetail > .listBlocks {
  margin-top: 0;
  margin-bottom: 15px;
  padding: 0px 15px;
}
.customerManagement .contentArea.orderManagement > .listBlocks .subscription, .customerManagement #mainContent .orderManagement.checkoutModule > .listBlocks .subscription, #mainContent .customerManagement .orderManagement.checkoutModule > .listBlocks .subscription,
.customerManagement #mainContent .orderManagement.productDetail > .listBlocks .subscription,
#mainContent .customerManagement .orderManagement.productDetail > .listBlocks .subscription,
.customerManagement #mainContent .orderManagement.manufacturerDetail > .listBlocks .subscription,
#mainContent .customerManagement .orderManagement.manufacturerDetail > .listBlocks .subscription, .customerManagement .contentArea.subscriptionManagement > .listBlocks .subscription, .customerManagement #mainContent .subscriptionManagement.checkoutModule > .listBlocks .subscription, #mainContent .customerManagement .subscriptionManagement.checkoutModule > .listBlocks .subscription,
.customerManagement #mainContent .subscriptionManagement.productDetail > .listBlocks .subscription,
#mainContent .customerManagement .subscriptionManagement.productDetail > .listBlocks .subscription,
.customerManagement #mainContent .subscriptionManagement.manufacturerDetail > .listBlocks .subscription,
#mainContent .customerManagement .subscriptionManagement.manufacturerDetail > .listBlocks .subscription {
  background: #fff;
  padding-bottom: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  margin-bottom: 13px;
}
.customerManagement .contentArea.orderManagement > .listBlocks .subscription > .title, .customerManagement #mainContent .orderManagement.checkoutModule > .listBlocks .subscription > .title, #mainContent .customerManagement .orderManagement.checkoutModule > .listBlocks .subscription > .title,
.customerManagement #mainContent .orderManagement.productDetail > .listBlocks .subscription > .title,
#mainContent .customerManagement .orderManagement.productDetail > .listBlocks .subscription > .title,
.customerManagement #mainContent .orderManagement.manufacturerDetail > .listBlocks .subscription > .title,
#mainContent .customerManagement .orderManagement.manufacturerDetail > .listBlocks .subscription > .title, .customerManagement .contentArea.subscriptionManagement > .listBlocks .subscription > .title, .customerManagement #mainContent .subscriptionManagement.checkoutModule > .listBlocks .subscription > .title, #mainContent .customerManagement .subscriptionManagement.checkoutModule > .listBlocks .subscription > .title,
.customerManagement #mainContent .subscriptionManagement.productDetail > .listBlocks .subscription > .title,
#mainContent .customerManagement .subscriptionManagement.productDetail > .listBlocks .subscription > .title,
.customerManagement #mainContent .subscriptionManagement.manufacturerDetail > .listBlocks .subscription > .title,
#mainContent .customerManagement .subscriptionManagement.manufacturerDetail > .listBlocks .subscription > .title {
  display: none;
  font-size: 14px;
  font-weight: 500;
  background: #88aabe;
  padding: 7px 13px;
}
.customerManagement .contentArea.orderManagement > .extendButton, .customerManagement #mainContent .orderManagement.checkoutModule > .extendButton, #mainContent .customerManagement .orderManagement.checkoutModule > .extendButton,
.customerManagement #mainContent .orderManagement.productDetail > .extendButton,
#mainContent .customerManagement .orderManagement.productDetail > .extendButton,
.customerManagement #mainContent .orderManagement.manufacturerDetail > .extendButton,
#mainContent .customerManagement .orderManagement.manufacturerDetail > .extendButton, .customerManagement .contentArea.subscriptionManagement > .extendButton, .customerManagement #mainContent .subscriptionManagement.checkoutModule > .extendButton, #mainContent .customerManagement .subscriptionManagement.checkoutModule > .extendButton,
.customerManagement #mainContent .subscriptionManagement.productDetail > .extendButton,
#mainContent .customerManagement .subscriptionManagement.productDetail > .extendButton,
.customerManagement #mainContent .subscriptionManagement.manufacturerDetail > .extendButton,
#mainContent .customerManagement .subscriptionManagement.manufacturerDetail > .extendButton {
  margin-left: 15px;
  margin-bottom: 20px;
  margin-top: 0;
}
.customerManagement .contentArea .subContainer, .customerManagement #mainContent .checkoutModule .subContainer, #mainContent .customerManagement .checkoutModule .subContainer,
.customerManagement #mainContent .productDetail .subContainer,
#mainContent .customerManagement .productDetail .subContainer,
.customerManagement #mainContent .manufacturerDetail .subContainer,
#mainContent .customerManagement .manufacturerDetail .subContainer {
  padding-left: 10px;
}
.customerManagement .contentArea .subContainer > div, .customerManagement #mainContent .checkoutModule .subContainer > div, #mainContent .customerManagement .checkoutModule .subContainer > div,
.customerManagement #mainContent .productDetail .subContainer > div,
#mainContent .customerManagement .productDetail .subContainer > div,
.customerManagement #mainContent .manufacturerDetail .subContainer > div,
#mainContent .customerManagement .manufacturerDetail .subContainer > div {
  margin-top: 0 !important;
  padding-top: 18px;
}
.customerManagement .contentArea.orderManagement .listBlocks, .customerManagement #mainContent .orderManagement.checkoutModule .listBlocks, #mainContent .customerManagement .orderManagement.checkoutModule .listBlocks,
.customerManagement #mainContent .orderManagement.productDetail .listBlocks,
#mainContent .customerManagement .orderManagement.productDetail .listBlocks,
.customerManagement #mainContent .orderManagement.manufacturerDetail .listBlocks,
#mainContent .customerManagement .orderManagement.manufacturerDetail .listBlocks {
  width: calc(100% - 35px);
}
.customerManagement .contentArea.orderManagement .listBlocks:empty, .customerManagement #mainContent .orderManagement.checkoutModule .listBlocks:empty, #mainContent .customerManagement .orderManagement.checkoutModule .listBlocks:empty,
.customerManagement #mainContent .orderManagement.productDetail .listBlocks:empty,
#mainContent .customerManagement .orderManagement.productDetail .listBlocks:empty,
.customerManagement #mainContent .orderManagement.manufacturerDetail .listBlocks:empty,
#mainContent .customerManagement .orderManagement.manufacturerDetail .listBlocks:empty {
  display: none;
}
.customerManagement .contentArea:last-child, .customerManagement #mainContent .checkoutModule:last-child, #mainContent .customerManagement .checkoutModule:last-child,
.customerManagement #mainContent .productDetail:last-child,
#mainContent .customerManagement .productDetail:last-child,
.customerManagement #mainContent .manufacturerDetail:last-child,
#mainContent .customerManagement .manufacturerDetail:last-child {
  padding-bottom: 0;
}
.customerManagement .subscriptionManagementV2 .listBlocks > div {
  margin-bottom: 5px;
}
.customerManagement .subscriptionManagementV2 .listBlocks > div.emptyList {
  color: #555;
  font-weight: 500;
}
.customerManagement .subscriptionManagementV2 .listBlocks > div.emptyList strong {
  font-weight: 600 !important;
}
.customerManagement .blockContainer {
  margin-top: 15px;
  display: table;
}
.customerManagement .blockContainer .column {
  display: table-cell;
  vertical-align: top;
}
.customerManagement .blockContainer .column.left.slim {
  width: 35%;
}
.customerManagement .blockContainer .column.full {
  width: 100%;
}
.customerManagement .blockContainer .column:last-child {
  margin-right: 0;
}
.customerManagement .blockContainer.set {
  width: 100%;
  margin-bottom: 20px;
}
.customerManagement .blockContainer.triplet {
  display: flex;
}
.customerManagement .blockContainer.triplet > .column {
  display: block;
}
.customerManagement .notice {
  margin: 5px 0 5px;
  position: relative;
  max-width: 535px;
}
.customerManagement .shopButton {
  margin-top: 10px;
}
.customerManagement .webForm {
  margin-right: 0px;
}
.customerManagement .webForm textarea {
  width: 320px;
  height: 68px;
  resize: none;
  padding: 5px;
  line-height: 18px;
}
.customerManagement .column {
  display: inline-block !important;
  width: calc(50% - 10px);
  vertical-align: top;
  margin-right: 20px;
}
.customerManagement .column:last-child {
  margin-right: 0;
}
.customerManagement .column .breakLine {
  margin-right: 10px;
}
.customerManagement .column > .title {
  background: #b57957;
  color: #fff;
  font-size: 16px;
  line-height: 21px;
  padding: 8px 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.customerManagement .column .blockLabel {
  line-height: 19px;
}
.customerManagement .column .summary {
  padding: 12px 15px 10px 15px;
  background: #f6f6f6;
}
.customerManagement .column .summary .summary {
  padding: 0;
}
.customerManagement .column .summary > div {
  margin-bottom: 5px;
}
.customerManagement .column .summary .col {
  display: inline-block;
  vertical-align: top;
}
.customerManagement .column .summary .col:first-child {
  min-width: 140px;
}
.customerManagement .column .summary .col:last-child, .customerManagement .column .summary.addressd {
  font-weight: 600;
}
.customerManagement .column .summary .responseHolder {
  position: relative;
  display: none;
  margin-top: 0;
  margin-bottom: 0;
  opacity: 0;
}
.customerManagement .column .summary .responseHolder.visible {
  display: block;
}
.customerManagement .column .summary .responseHolder.adjusted {
  margin-top: 5px;
  opacity: 1;
}
.customerManagement .column .summary .responseHolder .content {
  padding: 11px 16px;
  color: #fff;
  background: #88aabe;
  /*box-shadow: 0 0 2px rgba(0,0,0,.12);*/
  margin-bottom: 12px;
  font-weight: 400 !important;
  white-space: normal;
}
.customerManagement .column .summary .responseHolder.error .content {
  background: #cc0000;
  color: #fff;
  box-shadow: none;
}
.customerManagement .column .summary .responseHolder .hog {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 65px;
  height: 35px;
  background: transparent url("/img/core/backgrounds/response-hedgehog-small-r-green.png") no-repeat 0 0;
}
.customerManagement .column .summary .responseHolder ul {
  margin-top: 12px;
  margin-bottom: 5px;
}
.customerManagement .column .summary .responseHolder ul li {
  margin-left: 0;
}
.customerManagement .column .summary.newsletterOptIn, .customerManagement .column .summary.smsOptIn {
  white-space: nowrap;
}
.customerManagement .column .summary.newsletterOptIn .webForm, .customerManagement .column .summary.smsOptIn .webForm {
  float: none;
  display: inline-block;
}
.customerManagement .column .summary.newsletterOptIn > .blockLabel, .customerManagement .column .summary.smsOptIn > .blockLabel {
  margin-left: 0;
  margin-bottom: 10px;
  white-space: normal;
}
.customerManagement .column .summary.newsletterOptIn .label, .customerManagement .column .summary.smsOptIn .label {
  margin-bottom: 5px;
  margin-left: 11px;
  float: none;
  padding-top: 2px;
  display: inline-block;
  line-height: 20px;
  vertical-align: top;
  font-weight: 600;
  white-space: normal;
  width: 100%;
}
.customerManagement .column .summary.newsletterOptIn .column.left, .customerManagement .column .summary.smsOptIn .column.left {
  width: auto;
  /*max-width: 75%;*/
}
.customerManagement .column .summary .webForm-container.preferences {
  margin-top: 12px;
  margin-bottom: 0;
}
.customerManagement .column .summary .webForm-container.preferences .fieldSet-pair, .customerManagement .column .summary .webForm-container.preferences .fieldSet {
  margin-bottom: 0;
}
.customerManagement .column .summary .webForm-container.preferences .webForm .label {
  margin-bottom: 14px;
}
.customerManagement .column .summary .webForm-container.preferences .editButton {
  margin-top: 10px;
}
.customerManagement .column .summary .webForm-container.password {
  margin-top: 12px;
}
.customerManagement .column .summary .webForm-container.password input {
  width: 200px;
}
.customerManagement .column .summary .webForm-container.password .fieldSet {
  margin-bottom: 4px;
}
.customerManagement .column .summary .webForm-container.password .fieldSet-pair:last-child {
  margin-bottom: 0;
}
.customerManagement .column .summary .webForm-container.customerCredit h4, .customerManagement .column .summary .webForm-container.customerCredit .filterList .filter .label, .filterList .filter .customerManagement .column .summary .webForm-container.customerCredit .label, .customerManagement .column .summary .webForm-container.customerCredit .checkout .subscriptionModificationNotice > .title, .checkout .customerManagement .column .summary .webForm-container.customerCredit .subscriptionModificationNotice > .title, .customerManagement .column .summary .webForm-container.customerCredit .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice .column .summary .webForm-container.customerCredit .title, .checkout .overlay.deliveryTargets .notice .customerManagement .column .summary .webForm-container.customerCredit .title {
  font-weight: 600;
}
.customerManagement .column .summary.customerCreditInfo {
  white-space: nowrap;
}
.customerManagement .column .summary.customerCreditInfo > div {
  display: inline-block;
  vertical-align: top;
}
.customerManagement .column .summary.customerCreditInfo .value {
  margin-top: -2px;
  margin-left: 10px;
}
.customerManagement .column .summary.customerPreferences .infoText {
  margin-top: 6px !important;
}
.customerManagement .column .summary.customerCreditInfo .infoText, .customerManagement .column .summary.customerPreferences .infoText {
  white-space: normal;
  display: block;
  font-size: 11px;
  margin-top: 4px;
  color: #888;
}
.customerManagement .column .summary.deliveryAddress .deleteButton, .customerManagement .column .summary.deliveryAddress .editButton {
  display: inline-block;
  vertical-align: top;
}
.customerManagement .bundleConfigurator-outer.focus {
  z-index: 231;
  position: fixed;
  top: 25px;
  bottom: 25px;
  width: 926px;
}
.customerManagement .bundleConfigurator-outer.focus .summary {
  background: #fff;
}
.customerManagement .bundleConfigurator-outer.focus .search input:focus {
  border-radius: 3px !important;
  border: 1px solid #bbb !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1) !important;
}
.customerManagement .bundleConfigurator-outer.focus .buttons div.submit {
  display: none;
  margin: 0;
}
.customerManagement .bundleConfigurator-outer.focus .buttons div.change {
  display: inline-block;
}
.customerManagement .bundleConfigurator-outer.focus .textual {
  position: absolute;
  top: 48px;
  left: 14px;
  margin-top: 0;
  right: 14px;
}
.customerManagement .bundleConfigurator-outer.focus .textual .wrap-table {
  border: 1px solid #eee !important;
}
.customerManagement .bundleConfigurator-outer.focus .bundleConfigurator.open .configurator {
  scrollbar-width: thin;
  scrollbar-color: #bbb #fff;
  scrollbar-base-color: #bbb;
  scrollbar-face-color: #bbb;
  scrollbar-3dlight-color: #bbb;
  scrollbar-highlight-color: #aaa;
  scrollbar-track-color: #fff;
  scrollbar-arrow-color: #bbb;
  scrollbar-shadow-color: #bbb;
  scrollbar-dark-shadow-color: #bbb;
  position: relative;
  max-height: calc(100vh - 122px - 200px);
  overflow: auto;
  padding-right: 10px;
  margin-top: 135px;
  padding-top: 5px;
  border-top: 0;
  border-top: 10px solid #eee;
  padding-top: 15px;
}
.customerManagement .bundleConfigurator-outer.focus .bundleConfigurator.open .configurator::-webkit-scrollbar {
  width: 5px;
}
.customerManagement .bundleConfigurator-outer.focus .bundleConfigurator.open .configurator::-webkit-scrollbar-track {
  background-color: transparent;
}
.customerManagement .bundleConfigurator-outer.focus .bundleConfigurator.open .configurator::-webkit-scrollbar-thumb {
  background-color: #ccc;
}
.customerManagement .bundleConfigurator-outer.focus .bundleConfigurator.open .configurator::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}
.customerManagement .bundleConfigurator-outer.focus .bundleConfigurator.open .comment, .customerManagement .bundleConfigurator-outer.focus .bundleConfigurator.open .head {
  display: none;
}
.customerManagement .bundleConfigurator .textual {
  border: 2px solid #e2e2e2;
}
.customerManagement .bundleConfigurator .textual .wrap-table {
  border: 0;
}
.customerManagement .bundleConfigurator .textual .title {
  display: none;
}
.customerManagement .bundleConfigurator .productException .title, .customerManagement .bundleConfigurator .product-searchResult .title, .customerManagement .bundleConfigurator .substitute .title {
  margin-bottom: 0;
}
.customerManagement .bundleConfigurator .summary > div {
  margin-bottom: 0;
}
.customerManagement .bundleConfigurator > .configurator > .row > div > .title {
  font-size: 14px;
}
.customerManagement .bundleConfigurator .tooltip-label {
  width: 19px;
  height: 19px;
  line-height: 18px;
  font-size: 13px;
}
.customerManagement .bundleConfigurator .buttons a {
  font-size: 13px;
  line-height: 19px;
}
.customerManagement .bundleConfigurator .buttons a.submit {
  background-image: url(/img/core/scraps/button-arrowOverlay-right-gray.png);
}
.customerManagement .bundleConfigurator .buttons div.submit {
  margin: 0;
}
.customerManagement .bundleConfigurator.open .textual {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.14);
  border: 1px solid #e2e2e2;
}
.customerManagement .bundleConfigurator.open .buttons {
  display: block;
}
.customerManagement .bundleConfigurator.open .buttons .submit {
  display: inline-block;
}
.customerManagement .bundleConfigurator.open .buttons .change {
  display: none;
}
.customerManagement .bundleConfigurator.open .configurator {
  margin-top: 20px;
}
.customerManagement .editButton, .customerManagement .deleteButton, .customerManagement .submitButton.submit {
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.customerManagement .editButton > a, .customerManagement .deleteButton > a, .customerManagement .submitButton.submit > a {
  text-decoration: none !important;
  background-color: #8fbe3e;
  padding: 5px 10px;
  color: #fff;
  line-height: 19px;
  display: inline-block;
  text-decoration: none;
}
.customerManagement .editButton > a:hover, .customerManagement .deleteButton > a:hover, .customerManagement .submitButton.submit > a:hover {
  background-color: #80b030;
}
.customerManagement .deleteButton > a:hover {
  background-color: #cc0000;
}
.customerManagement .deleteButton .tooltip-container {
  display: none;
}
.customerManagement .deleteButton.disabled .tooltip-container {
  display: block;
}
.customerManagement .deleteButton.disabled > a {
  background-color: #d9d9d9;
  color: #bbb;
  cursor: default;
  cursor: not-allowed;
}
.customerManagement .deleteButton.disabled:hover .tooltip-container .tooltip {
  top: 11px;
  opacity: 1;
}
.customerManagement .submitButton.submit {
  position: relative;
  margin-bottom: 5px;
  /*        &.gray.busy a {
              text-indent: 0;
          }
          &.gray.busy .loader {
              display: none;
          }*/
}
.customerManagement .submitButton.submit > a {
  background-image: url(/img/core/scraps/button-arrowOverlay-right.png);
  background-position: right 0;
  background-repeat: no-repeat;
  padding-right: 22px;
}
.customerManagement .submitButton.submit.gray > a {
  background-image: url(/img/core/scraps/button-arrowOverlay-right-gray.png);
}
.customerManagement .submitButton.submit .loader {
  position: absolute;
  cursor: default !important;
  top: 4px;
  left: 5px;
  background: #ddd url("/img/core/loadIndicators/checkout-ddd.gif") no-repeat 0 0 !important;
  background-size: 20px !important;
  width: 0;
  height: 21px;
  opacity: 0;
}
.customerManagement .submitButton.submit.busy {
  cursor: default !important;
}
.customerManagement .submitButton.submit.busy .loader {
  opacity: 1;
  width: 22px;
}
.customerManagement .submitButton.submit.busy a {
  text-indent: 25px;
  background-color: #ddd !important;
  color: #fff !important;
  cursor: default !important;
  outline: 0 !important;
}
.customerManagement .submitButton.submit.busy:hover {
  cursor: default !important;
}
.customerManagement .submitButton.submit.busy:hover a {
  cursor: default !important;
  background-color: #8fbe3e;
}
.customerManagement .responseContainer {
  margin: 0 0 0 10px;
  width: 320px !important;
  transition-property: opacity;
}
.customerManagement .responseContainer ul {
  padding-left: 17px;
}
.customerManagement .responseContainer ul li {
  margin-bottom: 5px;
  margin-left: 15px !important;
}
.customerManagement .responseContainer.visible .responseHolder {
  display: block;
  opacity: 1;
}
.customerManagement .deliveryTargets .responseContainer.visible {
  padding-bottom: 64px;
  margin-top: 5px;
  margin-left: 10px;
}

.filterList .filter .label {
  color: #8fbe3e;
  background: transparent url("/img/core/icons/arrowRight-small.png") no-repeat right center;
  position: relative;
  cursor: pointer;
}
.filterList .filter ul.settings {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  height: 24px;
  width: 100%;
  max-height: 27px;
  padding-right: 10px;
}
.filterList .filter ul.settings .subContainer {
  position: absolute;
  top: 0;
  left: 155px;
  box-shadow: 0;
  border: 1px solid transparent;
  z-index: 205;
  display: none;
}
.filterList .filter ul.settings:hover .subContainer {
  display: block;
  border: 1px solid #d9d9d9;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  background: #fff;
  padding: 7px 10px;
  width: 140px;
  overflow: scroll;
  max-height: 330px;
}
.filterList .filter ul.settings li {
  list-style: none;
  margin: 0 0 4px;
  padding: 0;
  font-size: 12px;
}
.filterList .filter ul.settings li .checkbox {
  float: left;
  margin-right: 5px;
}
.filterList .filter ul.settings li .settingLabel {
  cursor: pointer;
  margin-right: 5px;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  border-radius: 8px 0 0 8px;
  color: #224510;
}
.filterList .filter ul.filterDisplay {
  margin-bottom: 6px;
  margin-top: 3px;
}
.filterList .filter ul.filterDisplay li {
  font-size: 9px;
  list-style: none;
  float: left;
  margin-left: 0;
  margin-right: 2px;
  margin-top: 2px;
  background-color: #426530;
  padding: 1px 4px;
  border-radius: 2px;
  color: #fff;
}

.productSearch .filterBar-wrapper {
  float: left;
  margin-bottom: 20px;
  width: 197px;
}
.productSearch .resultList .loadIndicator, .productSearch .resultList .searchResponse {
  color: #8fbe3e;
  float: left;
  width: 565px;
  height: 166px;
  background: #fff url("/img/core/backgrounds/vendorBackground-small.png") no-repeat center center;
  line-height: 168px;
  text-align: center;
}
.productSearch .resultList-wrapper {
  width: 583px;
  float: left;
}
.productSearch .resultList-wrapper div.product:nth-of-type(3n) {
  margin-right: 0;
}

.anchorMenu {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  margin-top: -12px;
  margin-bottom: 10px;
  margin-right: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  text-align: center;
}
.anchorMenu > ul {
  display: inline-block;
  list-style: none;
  height: 25px;
}
.anchorMenu > ul > li > a:hover {
  color: #224510;
}
.anchorMenu > ul > li {
  display: table-cell;
  vertical-align: middle;
}
.anchorMenu > ul > li > a {
  color: #426530;
  font-size: 13px;
  line-height: 12px;
  display: inline-block;
  height: 100%;
  margin-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
}
.anchorMenu > ul > li > a .string {
  display: inline-block;
}
.anchorMenu > ul > li:after {
  content: "-";
  width: 30px;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  display: inline;
}
.anchorMenu > ul > li:last-child > a {
  border-right: 0 !important;
}
.anchorMenu > ul > li:last-child > a:after {
  display: none;
}
.anchorMenu > ul > li:last-child:after {
  display: none;
}
.anchorMenu > ul > li.active > a {
  font-weight: 600;
}

.subscriptionManagementV2 .orderLoader, .orderManagement .orderLoader {
  display: none !important;
}
.subscriptionManagementV2 .set, .orderManagement .set {
  margin-bottom: 3px;
  white-space: nowrap;
}
.subscriptionManagementV2 .set.infoDisplay, .orderManagement .set.infoDisplay {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ddd;
}
.subscriptionManagementV2 .set.infoDisplay .value, .orderManagement .set.infoDisplay .value {
  background: #a87358;
  color: #fff;
  padding: 14px 18px;
  font-weight: normal !important;
  position: relative;
  z-index: 10000;
}
.subscriptionManagementV2 .set.infoDisplay h4, .subscriptionManagementV2 .set.infoDisplay .checkout .subscriptionModificationNotice > .title, .checkout .subscriptionManagementV2 .set.infoDisplay .subscriptionModificationNotice > .title, .subscriptionManagementV2 .set.infoDisplay .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice .subscriptionManagementV2 .set.infoDisplay .title, .subscriptionManagementV2 .set.infoDisplay .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice .subscriptionManagementV2 .set.infoDisplay .title, .subscriptionManagementV2 .set.infoDisplay .filterList .filter .label, .filterList .filter .subscriptionManagementV2 .set.infoDisplay .label, .orderManagement .set.infoDisplay h4, .orderManagement .set.infoDisplay .checkout .subscriptionModificationNotice > .title, .checkout .orderManagement .set.infoDisplay .subscriptionModificationNotice > .title, .orderManagement .set.infoDisplay .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice .orderManagement .set.infoDisplay .title, .orderManagement .set.infoDisplay .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice .orderManagement .set.infoDisplay .title, .orderManagement .set.infoDisplay .filterList .filter .label, .filterList .filter .orderManagement .set.infoDisplay .label {
  padding-bottom: 7px;
  border-bottom: 1px dashed #ddd;
  margin-bottom: 7px;
}
.subscriptionManagementV2 .set.infoDisplay .buttons, .orderManagement .set.infoDisplay .buttons {
  opacity: 1;
  margin-top: 15px;
  margin-bottom: 7px;
}
.subscriptionManagementV2 .set.infoDisplay .buttons.fade, .orderManagement .set.infoDisplay .buttons.fade {
  opacity: 0;
}
.subscriptionManagementV2 .set.infoDisplay .buttons a, .orderManagement .set.infoDisplay .buttons a {
  color: #666;
  background: #fff;
  padding: 4px 8px;
  text-decoration: none !important;
  cursor: pointer;
  margin-top: 10px;
}
.subscriptionManagementV2 .set.infoDisplay .buttons a:hover, .orderManagement .set.infoDisplay .buttons a:hover {
  background: #e2e2e2;
}
.subscriptionManagementV2 .set.infoDisplay .buttons a div, .orderManagement .set.infoDisplay .buttons a div {
  display: inline-block;
}
.subscriptionManagementV2 .set.address, .subscriptionManagementV2 .set.subscription, .orderManagement .set.address, .orderManagement .set.subscription {
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  padding-top: 9px;
  padding-bottom: 10px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.subscriptionManagementV2 .set.subscription, .orderManagement .set.subscription {
  border-bottom: 0;
  padding-bottom: 0;
}
.subscriptionManagementV2 .set.hidden, .orderManagement .set.hidden {
  display: none;
}
.subscriptionManagementV2 .set.section, .orderManagement .set.section {
  border-top: 1px dashed #ddd;
  padding-top: 10px;
  margin-top: 13px;
}
.subscriptionManagementV2 .set > div, .orderManagement .set > div {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.subscriptionManagementV2 .set > .label, .orderManagement .set > .label {
  min-width: 170px;
}
.subscriptionManagementV2 .set > .value, .orderManagement .set > .value {
  position: relative;
  font-weight: 600;
}
.subscriptionManagementV2 .orderListEntry:nth-child(odd) > div, .orderManagement .orderListEntry:nth-child(odd) > div {
  background: #fff;
}
.subscriptionManagementV2 .orderListEntry:nth-child(even) > div, .orderManagement .orderListEntry:nth-child(even) > div {
  background: #f4f4f4;
}
.subscriptionManagementV2 .orderListEntry > div:first-child, .orderManagement .orderListEntry > div:first-child {
  padding-left: 10px;
}
.subscriptionManagementV2 .orderListEntry > div:last-child, .orderManagement .orderListEntry > div:last-child {
  padding-right: 10px !important;
}
.subscriptionManagementV2 .orderListEntry .responsiveLabel, .orderManagement .orderListEntry .responsiveLabel {
  display: none;
}
.subscriptionManagementV2 .set.first, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.first, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.first, .orderManagement .set.first, .orderManagement .orderListEntry > div.statusDisplay > div.first, .orderManagement .orderListEntry > div.paymentStatus > div.first {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 11px;
  margin-bottom: 11px;
}
.subscriptionManagementV2 .set.first > .value, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.first > .value, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.first > .value, .orderManagement .set.first > .value, .orderManagement .orderListEntry > div.statusDisplay > div.first > .value, .orderManagement .orderListEntry > div.paymentStatus > div.first > .value {
  background: #eee;
  color: #555;
  padding: 3px 8px;
  border-radius: 3px;
  margin-top: -3px;
  font-weight: 600;
  font-size: 12px;
  border: 1px solid #aaa;
}
.subscriptionManagementV2 .set.status, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status, .orderManagement .set.status, .orderManagement .orderListEntry > div.statusDisplay > div.status, .orderManagement .orderListEntry > div.paymentStatus > div.status {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 11px;
  margin-bottom: 11px;
}
.subscriptionManagementV2 .set.status .icon, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status .icon, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status .icon, .orderManagement .set.status .icon, .orderManagement .orderListEntry > div.statusDisplay > div.status .icon, .orderManagement .orderListEntry > div.paymentStatus > div.status .icon {
  position: absolute;
  top: 2px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background: black;
}
.subscriptionManagementV2 .set.status.active .icon, .subscriptionManagementV2 .set.status.delivered .icon, .subscriptionManagementV2 .set.status.paid .icon, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status.active .icon, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status.delivered .icon, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status.paid .icon, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status.active .icon, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status.delivered .icon, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status.paid .icon, .orderManagement .set.status.active .icon, .orderManagement .set.status.delivered .icon, .orderManagement .set.status.paid .icon, .orderManagement .orderListEntry > div.statusDisplay > div.status.active .icon, .orderManagement .orderListEntry > div.statusDisplay > div.status.delivered .icon, .orderManagement .orderListEntry > div.statusDisplay > div.status.paid .icon, .orderManagement .orderListEntry > div.paymentStatus > div.status.active .icon, .orderManagement .orderListEntry > div.paymentStatus > div.status.delivered .icon, .orderManagement .orderListEntry > div.paymentStatus > div.status.paid .icon {
  background: #8fbe3e;
}
.subscriptionManagementV2 .set.status.inactive .icon, .subscriptionManagementV2 .set.status.cancelled .icon, .subscriptionManagementV2 .set.status.error .icon, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status.inactive .icon, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status.cancelled .icon, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status.error .icon, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status.inactive .icon, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status.cancelled .icon, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status.error .icon, .orderManagement .set.status.inactive .icon, .orderManagement .set.status.cancelled .icon, .orderManagement .set.status.error .icon, .orderManagement .orderListEntry > div.statusDisplay > div.status.inactive .icon, .orderManagement .orderListEntry > div.statusDisplay > div.status.cancelled .icon, .orderManagement .orderListEntry > div.statusDisplay > div.status.error .icon, .orderManagement .orderListEntry > div.paymentStatus > div.status.inactive .icon, .orderManagement .orderListEntry > div.paymentStatus > div.status.cancelled .icon, .orderManagement .orderListEntry > div.paymentStatus > div.status.error .icon {
  background: #cc0000;
}
.subscriptionManagementV2 .set.status.suspended .icon, .subscriptionManagementV2 .set.status.new .icon, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status.suspended .icon, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status.new .icon, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status.suspended .icon, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status.new .icon, .orderManagement .set.status.suspended .icon, .orderManagement .set.status.new .icon, .orderManagement .orderListEntry > div.statusDisplay > div.status.suspended .icon, .orderManagement .orderListEntry > div.statusDisplay > div.status.new .icon, .orderManagement .orderListEntry > div.paymentStatus > div.status.suspended .icon, .orderManagement .orderListEntry > div.paymentStatus > div.status.new .icon {
  background: #88aabe;
}
.subscriptionManagementV2 .set.status.open .icon, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status.open .icon, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status.open .icon, .orderManagement .set.status.open .icon, .orderManagement .orderListEntry > div.statusDisplay > div.status.open .icon, .orderManagement .orderListEntry > div.paymentStatus > div.status.open .icon {
  background: #3a91c3;
}
.subscriptionManagementV2 .set.status.credited .icon, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status.credited .icon, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status.credited .icon, .orderManagement .set.status.credited .icon, .orderManagement .orderListEntry > div.statusDisplay > div.status.credited .icon, .orderManagement .orderListEntry > div.paymentStatus > div.status.credited .icon {
  background: #b57957;
}
.subscriptionManagementV2 .set.status.wait, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status.wait, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status.wait, .orderManagement .set.status.wait, .orderManagement .orderListEntry > div.statusDisplay > div.status.wait, .orderManagement .orderListEntry > div.paymentStatus > div.status.wait {
  padding-bottom: 8px;
}
.subscriptionManagementV2 .set.status.wait .icon, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status.wait .icon, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status.wait .icon, .orderManagement .set.status.wait .icon, .orderManagement .orderListEntry > div.statusDisplay > div.status.wait .icon, .orderManagement .orderListEntry > div.paymentStatus > div.status.wait .icon {
  top: 0px;
  background: #ddd url("/img/core/loadIndicators/checkout-ddd.gif") no-repeat center center;
  width: 19px;
  height: 19px;
  background-size: 15px;
}
.subscriptionManagementV2 .set.status.wait > .value > .label, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status.wait > .value > .label, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status.wait > .value > .label, .orderManagement .set.status.wait > .value > .label, .orderManagement .orderListEntry > div.statusDisplay > div.status.wait > .value > .label, .orderManagement .orderListEntry > div.paymentStatus > div.status.wait > .value > .label {
  position: relative;
  top: -2px;
  line-height: 22px;
  padding-left: 28px;
}
.subscriptionManagementV2 .set.status > .value > .label, .subscriptionManagementV2 .orderListEntry > div.statusDisplay > div.status > .value > .label, .subscriptionManagementV2 .orderListEntry > div.paymentStatus > div.status > .value > .label, .orderManagement .set.status > .value > .label, .orderManagement .orderListEntry > div.statusDisplay > div.status > .value > .label, .orderManagement .orderListEntry > div.paymentStatus > div.status > .value > .label {
  line-height: 18px;
  font-size: 13px;
  color: #666;
  padding-left: 21px;
}
.subscriptionManagementV2 .cartBlock, .orderManagement .cartBlock {
  white-space: nowrap;
}
.subscriptionManagementV2 .cartBlock > div, .orderManagement .cartBlock > div {
  display: inline-block;
  vertical-align: top;
}
.subscriptionManagementV2 .cartBlock > .title, .orderManagement .cartBlock > .title {
  min-width: 170px;
}
.subscriptionManagementV2 .cartBlock > .cart, .orderManagement .cartBlock > .cart {
  position: relative;
  top: -8px;
  left: -1px;
  width: 355px;
  padding-bottom: 0px;
  padding-top: 0;
}
.subscriptionManagementV2 .cartBlock > .cart > div, .orderManagement .cartBlock > .cart > div {
  display: table-row;
}
.subscriptionManagementV2 .cartBlock > .cart > div > div, .orderManagement .cartBlock > .cart > div > div {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 12px;
  padding-bottom: 3px;
  padding-top: 3px;
  border-bottom: 1px solid #eee;
}
.subscriptionManagementV2 .cartBlock > .cart > div > div.cartItem-image, .orderManagement .cartBlock > .cart > div > div.cartItem-image {
  position: relative;
  width: 36px;
  height: 39px;
  padding-right: 52px;
}
.subscriptionManagementV2 .cartBlock > .cart > div > div.cartItem-image img, .orderManagement .cartBlock > .cart > div > div.cartItem-image img {
  position: absolute;
  top: 3px;
  left: 0;
  width: 37px;
  height: auto;
}
.subscriptionManagementV2 .cartBlock > .cart > div > div.cartItem-title, .orderManagement .cartBlock > .cart > div > div.cartItem-title {
  width: 100%;
  padding-right: 28px;
}
.subscriptionManagementV2 .cartBlock > .cart > div > div.unitInfo, .orderManagement .cartBlock > .cart > div > div.unitInfo {
  padding-right: 40px;
}
.subscriptionManagementV2 .cartBlock > .cart > div > div.price, .orderManagement .cartBlock > .cart > div > div.price {
  text-align: right;
}
.subscriptionManagementV2 .cartBlock > .cart > div > div.unitInfo > .unit > span.unit-amount, .orderManagement .cartBlock > .cart > div > div.unitInfo > .unit > span.unit-amount {
  padding-right: 3px;
}
.subscriptionManagementV2 .cartBlock > .cart > div:last-child > div, .orderManagement .cartBlock > .cart > div:last-child > div {
  border-bottom: 0;
}

.subscriptionManagementV2 .infoText {
  margin-top: 10px;
  margin-bottom: 10px;
}
.subscriptionManagementV2 .breakLine {
  margin-top: 10px;
}
.subscriptionManagementV2 .listBlocks {
  margin-top: 15px;
}
.subscriptionManagementV2 .listBlocks > div {
  vertical-align: top;
  margin-bottom: 35px;
}
.subscriptionManagementV2 .listBlocks > div .flap {
  display: block;
}
.subscriptionManagementV2 .listBlocks > div.closed .flap {
  display: none;
}
.subscriptionManagementV2 .listBlocks > div.closed .infoBlock {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.subscriptionManagementV2 .listBlocks > div .flapButton {
  display: none;
}
.subscriptionManagementV2 .listBlocks > div.closed .flapButton {
  display: block;
  margin-left: 170px;
}
.subscriptionManagementV2 .listBlocks > div.closed .flapButton > a {
  text-decoration: none;
  background-color: #8fbe3e;
  padding: 5px 10px;
  display: inline-block;
  color: #fff;
}
.subscriptionManagementV2 .listBlocks > div.closed .flapButton > a:hover {
  background-color: #80b030;
}
.subscriptionManagementV2 .listBlocks > div > .title {
  font-size: 15px;
  padding: 8px 14px;
  background: #b57957;
  color: #fff;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer {
  margin-left: 12px;
  position: relative;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer > div {
  width: 541px;
  margin-top: 15px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .infoBlock {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .infoBlock .dateList > div {
  margin-bottom: 2px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .infoBlock .dateList > div:last-child {
  margin-bottom: 0;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .infoBlock .dateList span {
  display: none;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .infoBlock .dateList span.visible {
  margin-left: 4px;
  color: #bbb;
  display: inline-block;
  font-weight: normal;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .infoBlock .dateList span.visible .tooltip {
  color: #666;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock {
  white-space: nowrap;
  border-top: 1px dashed #ddd;
  padding-top: 11px;
  margin-top: -5px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock .noActionPossible {
  max-width: 360px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > div {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > div.list {
  width: 100%;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .label {
  min-width: 170px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div {
  margin-bottom: 2px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > a {
  color: #8fbe3e;
  display: inline-block;
  outline: 0;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params {
  display: none;
  background: #f2f2f2;
  padding: 10px 15px;
  border-radius: 1px;
  border: 1px dotted #ddd;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params.visible {
  display: block;
  margin-bottom: 10px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .set > .label {
  margin-right: 9px;
  min-width: auto !important;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .tab {
  display: table;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .tab .row {
  display: table-row;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .tab .row .left, .subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .tab .row .right {
  display: table-cell;
  vertical-align: top;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .tab .row .left {
  white-space: nowrap;
  padding-right: 23px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .tab .row .right {
  padding-top: 3px;
  white-space: normal;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .tab .row .right .notice {
  opacity: 0;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .tab:hover .row .right .notice {
  opacity: 1;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .submittion {
  position: relative;
  top: 4px;
  margin-bottom: 10px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .submittion.shopButton {
  line-height: 20px;
  height: 20px;
  margin-top: 0;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .submittion.shopButton .loader {
  background-size: 18px 18px !important;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .submittion.shopButton.busy {
  text-indent: 21px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .submittion.shopButton a {
  text-align: center !important;
  background-color: #8fbe3e;
  background-image: none;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  padding: 4px 6px !important;
  text-decoration: none;
  color: #fff;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .submittion.shopButton a:hover {
  background-color: #80b030;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params.suspend .submittion {
  margin-top: 3px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params.suspend .right {
  padding-top: 6px !important;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .notice {
  position: relative;
  padding-left: 47px;
  margin-bottom: 10px;
  margin-top: 12px;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  padding-top: 10px;
  padding-bottom: 14px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .notice .string {
  min-width: 452px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .notice .icon {
  background: transparent url("/img/core/icons/information.png") 0 40%;
  background-repeat: no-repeat;
  background-size: 31px;
  width: 31px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .notice.bare {
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 11px;
  color: #999;
  line-height: 14px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .notice.bare .string {
  min-width: auto !important;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > .list > div > .params .notice.hide {
  display: none !important;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock .subSection.payment label {
  cursor: pointer;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock .subSection.payment .errorMessage {
  background-color: #f2f2f2 !important;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .responseContainer {
  position: absolute;
  right: 20px;
  top: 20px;
  max-width: 270px;
  margin: 0;
  opacity: 0;
  transition-duration: 1s;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .responseContainer.visible {
  opacity: 1;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .responseContainer.fast {
  transition-duration: 0.2s;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .responseContainer .responseHolder {
  padding: 20px 20px;
}
.subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .responseContainer .responseHolder > div {
  margin-bottom: 0;
}

.orderManagement .overlay, .customerManagement .overlay, .checkout .overlay {
  position: fixed;
  top: 20%;
  left: -50000px;
  margin-left: -360px;
  width: 720px;
  min-height: 200px;
  background: #fff;
  background-image: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 231;
  opacity: 0;
  transition-property: transform, opacity;
  transform: scale(0.9, 0.9);
  overflow-x: hidden;
}
.orderManagement .overlay.visible, .customerManagement .overlay.visible, .checkout .overlay.visible {
  background-image: url("/img/core/loadIndicators/spinner63-fff.gif");
  background-repeat: no-repeat;
  background-position: center center;
  left: 50%;
  opacity: 1;
  transform: scale(1, 1);
}
.orderManagement .overlay.fadeIn, .customerManagement .overlay.fadeIn, .checkout .overlay.fadeIn {
  transition-property: transform, opacity, top;
}
.orderManagement .overlay.loaded, .customerManagement .overlay.loaded, .checkout .overlay.loaded {
  background-image: none;
}
.orderManagement .overlay .title, .customerManagement .overlay .title, .checkout .overlay .title {
  margin-bottom: 0;
}
.orderManagement .overlay .subContainer .mainBlock, .customerManagement .overlay .subContainer .mainBlock, .checkout .overlay .subContainer .mainBlock {
  padding-top: 0;
}
.orderManagement .overlay .payment .subContainer > div, .customerManagement .overlay .payment .subContainer > div, .checkout .overlay .payment .subContainer > div {
  padding-top: 0 !important;
}
.orderManagement .overlay .payment .subContainer > div.paymentMask, .customerManagement .overlay .payment .subContainer > div.paymentMask, .checkout .overlay .payment .subContainer > div.paymentMask {
  padding-top: 12px !important;
}
.orderManagement .overlay .contentArea, .orderManagement .overlay #mainContent .checkoutModule, #mainContent .orderManagement .overlay .checkoutModule,
.orderManagement .overlay #mainContent .productDetail,
#mainContent .orderManagement .overlay .productDetail,
.orderManagement .overlay #mainContent .manufacturerDetail,
#mainContent .orderManagement .overlay .manufacturerDetail, .customerManagement .overlay .contentArea, .customerManagement .overlay #mainContent .checkoutModule, #mainContent .customerManagement .overlay .checkoutModule,
.customerManagement .overlay #mainContent .productDetail,
#mainContent .customerManagement .overlay .productDetail,
.customerManagement .overlay #mainContent .manufacturerDetail,
#mainContent .customerManagement .overlay .manufacturerDetail, .checkout .overlay .contentArea, .checkout .overlay #mainContent .checkoutModule, #mainContent .checkout .overlay .checkoutModule,
.checkout .overlay #mainContent .productDetail,
#mainContent .checkout .overlay .productDetail,
.checkout .overlay #mainContent .manufacturerDetail,
#mainContent .checkout .overlay .manufacturerDetail {
  margin-bottom: 0;
}
.orderManagement .overlay .submitButton.submit, .customerManagement .overlay .submitButton.submit, .checkout .overlay .submitButton.submit {
  margin-bottom: 20px;
}

.orderManagement .infoText {
  margin: 10px 0;
}
.orderManagement .listBlocks {
  display: table;
  width: 100%;
  font-size: 13px;
}
.orderManagement .listBlocks > div {
  display: table-row;
}
.orderManagement .listBlocks > div.active {
  background: #b57957;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 14px;
  color: #fff;
}
.orderManagement .listBlocks > div.active > div {
  cursor: default;
  opacity: 0;
}
.orderManagement .listBlocks > div.active > div:first-child {
  padding-left: 10px;
  border-bottom: 0;
}
.orderManagement .listBlocks > div.active > div > a {
  opacity: 0;
  cursor: default;
  transition: none !important;
  text-decoration: none !important;
}
.orderManagement .listBlocks > div.active > div.orderId {
  opacity: 1;
}
.orderManagement .listBlocks > div.active > div.orderId > a {
  opacity: 1 !important;
  color: #fff !important;
}
.orderManagement .listBlocks > div.active:hover {
  background: #b57957 !important;
}
.orderManagement .listBlocks > div.highlight > div {
  background: #fbffbb;
  border: 0;
}
.orderManagement .listBlocks > div.highlight > div:first-child {
  padding-left: 10px;
}
.orderManagement .listBlocks > div.highlight > div:last-child {
  padding-right: 10px;
}
.orderManagement .listBlocks > div.highlight > div.paymentStatus .status .label {
  font-weight: 600 !important;
}
.orderManagement .listBlocks > div:only-child > div {
  padding-bottom: 10px;
}
.orderManagement .listBlocks > div.highlight:only-child > div {
  padding-bottom: 10px;
}
.orderManagement .listBlocks > div > div {
  display: table-cell;
  white-space: nowrap;
  padding-right: 25px;
  padding-bottom: 8px;
  padding-top: 8px;
}
.orderManagement .listBlocks > div > div:last-child {
  padding-right: 0;
}
.orderManagement .listBlocks > div > div.orderId {
  width: 100%;
  position: relative;
}
.orderManagement .listBlocks > div > div.orderId > a {
  color: #426530;
  font-weight: 600;
}
.orderManagement .listBlocks > div > div.payment {
  text-align: center;
}
.orderManagement .listBlocks > div > div.statusDisplay .status, .orderManagement .listBlocks > div > div.paymentStatus .status {
  position: relative;
  border-bottom: 0;
  margin: 0;
  padding: 0;
}
.orderManagement .listBlocks > div > div.statusDisplay .status .label, .orderManagement .listBlocks > div > div.paymentStatus .status .label {
  margin-left: 21px;
}
.orderManagement .extendButton {
  margin-top: 15px;
}
.orderManagement .extendButton > a {
  text-decoration: none;
  padding: 5px 10px;
  background: #8fbe3e;
  color: #fff !important;
}
.orderManagement .extendButton > a:hover {
  background: #80b030;
}
.orderManagement .overlay .slides {
  left: 0;
  width: 1440px;
  position: relative;
  white-space: nowrap;
}
.orderManagement .overlay .slides > div {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  width: 720px;
}
.orderManagement .overlay .payment {
  background-image: url("/img/core/loadIndicators/spinner63-fff.gif");
  background-repeat: no-repeat;
  background-position: center 50%;
}
.orderManagement .overlay .payment.loaded {
  background: none;
}
.orderManagement .overlay .confirmation {
  display: table;
  height: 100%;
  width: 100%;
}
.orderManagement .overlay .confirmation > div {
  display: table-row;
}
.orderManagement .overlay .confirmation > div > div {
  display: table-cell;
  vertical-align: middle;
}
.orderManagement .overlay .confirmation .response {
  padding: 0 75px;
}
.orderManagement .overlay .confirmation .response .block {
  margin-bottom: 20px;
}
.orderManagement .overlay .confirmation .response .block a {
  display: inline-block;
}
.orderManagement .overlay .confirmation .subContainer {
  height: 100%;
}
.orderManagement .overlay .payment .label label {
  cursor: pointer;
}
.orderManagement .overlay .payment .errorMessage {
  background-color: #f2f2f2 !important;
}
.orderManagement .overlay .payment .subContainer {
  height: calc(100% - 80px);
}
.orderManagement .overlay .payment .subContainer .summary {
  position: relative;
  margin-bottom: 10px;
}
.orderManagement .overlay .payment .subContainer .summary .block {
  font-size: 15px;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}
.orderManagement .overlay .payment .subContainer .summary .block.amount {
  font-weight: 600;
}
.orderManagement .overlay .payment .subContainer .cancelButton {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 22px;
}
.orderManagement .overlay .payment .subContainer .cancelButton a {
  font-size: 12px;
}
.orderManagement .overlay .payment .subContainer .paymentMask {
  background: #f2f2f2;
  padding: 10px 15px;
  border-radius: 1px;
  border: 1px dotted #ddd;
}
.orderManagement .overlay .payment .subContainer .message {
  display: table;
  height: 100%;
}
.orderManagement .overlay .payment .subContainer .message > div {
  display: table-row;
}
.orderManagement .overlay .payment .subContainer .message > div > div {
  display: table-cell;
  vertical-align: middle;
  padding-top: 78px;
}
.orderManagement .overlay .payment .submittion {
  position: relative;
  top: 4px;
  margin-bottom: 10px;
}
.orderManagement .overlay .payment .submittion.shopButton {
  line-height: 20px;
  height: 20px;
  margin-top: 0;
}
.orderManagement .overlay .payment .submittion.shopButton .loader {
  background-size: 18px 18px !important;
}
.orderManagement .overlay .payment .submittion.shopButton.busy {
  text-indent: 21px;
}
.orderManagement .overlay .payment .submittion.shopButton a {
  background-color: #a87358;
  background-image: none;
  font-size: 13px;
  font-weight: 500;
  padding: 3px 0px 3px 10px;
  text-decoration: none;
  color: #fff;
}
.orderManagement .overlay .payment .submittion.shopButton a:hover {
  background-color: #426530;
}
.orderManagement .overlay .order > .title, .orderManagement .overlay .order .row > .title, .orderManagement .overlay .payment > .title, .orderManagement .overlay .payment .row > .title, .orderManagement .overlay .confirmation > .title, .orderManagement .overlay .confirmation .row > .title {
  background: #b57957;
  padding: 8px 14px;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}
.orderManagement .overlay .order > .subContainer, .orderManagement .overlay .payment > .subContainer, .orderManagement .overlay .confirmation > .subContainer {
  padding: 15px 20px 16px 20px;
}
.orderManagement .overlay .order > .subContainer .infoBlock, .orderManagement .overlay .payment > .subContainer .infoBlock, .orderManagement .overlay .confirmation > .subContainer .infoBlock {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.orderManagement .overlay .order > .subContainer .set.paymentStatus .button, .orderManagement .overlay .payment > .subContainer .set.paymentStatus .button, .orderManagement .overlay .confirmation > .subContainer .set.paymentStatus .button {
  margin-left: 12px;
}
.orderManagement .overlay .order > .subContainer .set.paymentStatus .button a, .orderManagement .overlay .payment > .subContainer .set.paymentStatus .button a, .orderManagement .overlay .confirmation > .subContainer .set.paymentStatus .button a {
  background: #8fbe3e;
  color: #fff;
  padding: 3px 9px;
  line-height: 18px;
  text-decoration: none;
  font-size: 12px;
}
.orderManagement .overlay .order > .subContainer .set.paymentStatus .button a:hover, .orderManagement .overlay .payment > .subContainer .set.paymentStatus .button a:hover, .orderManagement .overlay .confirmation > .subContainer .set.paymentStatus .button a:hover {
  background: #80b030;
}
.orderManagement .overlay .order > .subContainer .cartBlock, .orderManagement .overlay .payment > .subContainer .cartBlock, .orderManagement .overlay .confirmation > .subContainer .cartBlock {
  margin-bottom: 0;
  max-height: 175px;
  overflow: auto;
}
.orderManagement .overlay .order > .subContainer .cartBlock::-webkit-scrollbar, .orderManagement .overlay .payment > .subContainer .cartBlock::-webkit-scrollbar, .orderManagement .overlay .confirmation > .subContainer .cartBlock::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.orderManagement .overlay .order > .subContainer .cartBlock::-webkit-scrollbar-thumb, .orderManagement .overlay .payment > .subContainer .cartBlock::-webkit-scrollbar-thumb, .orderManagement .overlay .confirmation > .subContainer .cartBlock::-webkit-scrollbar-thumb {
  background: #bbb;
  border-radius: 3px;
}
.orderManagement .overlay .order > .subContainer .cartBlock::-webkit-scrollbar-thumb:hover, .orderManagement .overlay .payment > .subContainer .cartBlock::-webkit-scrollbar-thumb:hover, .orderManagement .overlay .confirmation > .subContainer .cartBlock::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}
.orderManagement .overlay .order > .subContainer .cartBlock::-webkit-scrollbar-track, .orderManagement .overlay .payment > .subContainer .cartBlock::-webkit-scrollbar-track, .orderManagement .overlay .confirmation > .subContainer .cartBlock::-webkit-scrollbar-track {
  background: #f5f5f5;
}
.orderManagement .overlay .order > .subContainer .cartBlock .cart, .orderManagement .overlay .payment > .subContainer .cartBlock .cart, .orderManagement .overlay .confirmation > .subContainer .cartBlock .cart {
  width: 450px;
}
.orderManagement .overlay .order > .subContainer .actionBlock, .orderManagement .overlay .payment > .subContainer .actionBlock, .orderManagement .overlay .confirmation > .subContainer .actionBlock {
  border-top: 1px dashed #ddd;
  padding-top: 10px;
}
.orderManagement .overlay .order > .subContainer .actionBlock.hidden, .orderManagement .overlay .payment > .subContainer .actionBlock.hidden, .orderManagement .overlay .confirmation > .subContainer .actionBlock.hidden {
  display: none;
}
.orderManagement .overlay .order > .subContainer .actionBlock .list > div, .orderManagement .overlay .payment > .subContainer .actionBlock .list > div, .orderManagement .overlay .confirmation > .subContainer .actionBlock .list > div {
  margin-bottom: 2px;
}
.orderManagement .overlay .order > .subContainer .message, .orderManagement .overlay .payment > .subContainer .message, .orderManagement .overlay .confirmation > .subContainer .message {
  font-size: 16px;
  color: #666;
  width: 100%;
  text-align: center;
}
.orderManagement .overlay .order > .subContainer .response, .orderManagement .overlay .payment > .subContainer .response, .orderManagement .overlay .confirmation > .subContainer .response {
  background: #fff url("/img/core/backgrounds/vendorBackground.png") no-repeat center center;
  text-align: center;
  font-size: 15px;
}
.orderManagement .overlay .order > .subContainer .response.success, .orderManagement .overlay .payment > .subContainer .response.success, .orderManagement .overlay .confirmation > .subContainer .response.success {
  color: #d2be9e;
}
.orderManagement .overlay .order > .subContainer .response.error, .orderManagement .overlay .payment > .subContainer .response.error, .orderManagement .overlay .confirmation > .subContainer .response.error {
  color: #cc0000;
}
.orderManagement .overlay .order > .subContainer .response.error .block.restart, .orderManagement .overlay .payment > .subContainer .response.error .block.restart, .orderManagement .overlay .confirmation > .subContainer .response.error .block.restart {
  margin-top: 15px;
  margin-bottom: 5px;
}
.orderManagement .overlay .order > .subContainer .response.error .block.restart a, .orderManagement .overlay .payment > .subContainer .response.error .block.restart a, .orderManagement .overlay .confirmation > .subContainer .response.error .block.restart a {
  background-color: #8fbe3e;
  background-image: none;
  font-size: 13px;
  font-weight: 500;
  padding: 5px 10px;
  text-decoration: none;
  color: #fff;
}
.orderManagement .overlay .order > .subContainer .response.error .block.restart a:hover, .orderManagement .overlay .payment > .subContainer .response.error .block.restart a:hover, .orderManagement .overlay .confirmation > .subContainer .response.error .block.restart a:hover {
  background-color: #80b030;
}
.orderManagement .overlay .order > .subContainer .response.error a.close, .orderManagement .overlay .payment > .subContainer .response.error a.close, .orderManagement .overlay .confirmation > .subContainer .response.error a.close {
  font-size: 13px;
}
.orderManagement .overlay .order > .subContainer .response .block, .orderManagement .overlay .payment > .subContainer .response .block, .orderManagement .overlay .confirmation > .subContainer .response .block {
  margin-bottom: 10px;
}
.orderManagement .overlay .order > .subContainer .response .block.text, .orderManagement .overlay .payment > .subContainer .response .block.text, .orderManagement .overlay .confirmation > .subContainer .response .block.text {
  color: #666;
}

.productDetail .bundleContents {
  margin-top: 15px;
}
.productDetail .bundleContents > .list {
  flex-wrap: nowrap;
  overflow: hidden;
  margin-top: 10px;
}
.productDetail .bundleContents > .list .flickity-slider > img {
  width: 90px;
  height: auto;
  display: block;
}
.productDetail .bundleContents > .list .flickity-button {
  opacity: 0;
  color: #8fbe3e;
}
.productDetail .bundleContents > .list:hover .flickity-button {
  opacity: 1;
}
.productDetail .bundleContents > .list > div {
  /*@include box;*/
  margin: 0 5px 0px;
  padding: 10px;
  transition-property: opacity;
  position: relative;
}
.productDetail .bundleContents > .list > div > .image > img {
  width: 98px;
  height: auto;
}
.productDetail .bundleContents > .list > div > .titles {
  margin-top: 5px;
}
.productDetail .bundleContents > .list > div > .titles > .title {
  border-top: 1px solid #ddd;
  padding-top: 8px;
  font-family: "Open Sans";
  font-weight: 300;
  font-size: 14px;
  text-align: center;
  max-width: 98px;
  text-overflow: ellipsis;
  overflow: hidden;
  min-height: 47px;
}
.productDetail .bundleContents > .list > div > .titles > .amount {
  margin-top: 5px;
  text-align: center;
  padding: 5px;
  background: #eee;
  color: #666;
  line-height: 15px;
  font-size: 12px;
  font-weight: 600;
}

#overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column {
  height: auto !important;
  min-height: auto !important;
  width: auto !important;
  float: none !important;
}
#overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet {
  height: auto !important;
  min-height: 90px !important;
  text-align: left !important;
  margin-bottom: 0 !important;
  background: #8fbe3e !important;
  margin: 0 !important;
  width: 100% !important;
  border: 0 !important;
  border-bottom: 1px solid #ddd !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}
#overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .backgroundWrapper .background {
  top: auto !important;
  bottom: -2px !important;
  background-size: 150px auto !important;
}
#overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .topLayer {
  background-position: 40px 20px !important;
  background: none !important;
  top: 30px !important;
}
#overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .title {
  z-index: 1 !important;
  text-align: center !important;
  margin-left: 0 !important;
  text-indent: 0 !important;
  color: #fff !important;
  line-height: 29px !important;
  white-space: nowrap !important;
  margin-top: 0 !important;
  padding: 18px 25px 0 !important;
  background: none !important;
  position: relative !important;
  top: 0 !important;
  text-indent: 0 !important;
  left: 0 !important;
}
#overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .title > h1 > .string > .string-content {
  line-height: 0 !important;
  font-size: 0 !important;
}
#overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .title > h1 > .string > .string-content > p {
  font-size: 30px !important;
  line-height: 32px !important;
}
#overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .title p {
  display: inline-block !important;
  padding: 0 !important;
  margin: 0 !important;
}
#overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .title p:after {
  display: none !important;
}
#overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .link {
  position: relative;
  width: auto;
  display: block;
  background: transparent !important;
  text-align: center;
  line-height: 24px;
  height: auto;
  margin: 8px 0;
}
#overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .link > h4, #overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .checkout .subscriptionModificationNotice.link > .title, .checkout #overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .subscriptionModificationNotice.link > .title, #overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .customerManagement .overlay.deliveryTargets .notice .link > .title, .customerManagement .overlay.deliveryTargets .notice #overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .link > .title, #overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .checkout .overlay.deliveryTargets .notice .link > .title, .checkout .overlay.deliveryTargets .notice #overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .link > .title, #overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .filterList .filter .link > .label, .filterList .filter #overlayWindow-content > .webRoot.container .moduleContainer.basic-1-column > .sujet .link > .label {
  font-size: 17px !important;
  font-weight: 300;
}

#overlayWindow-content > .webRoot.container > .moduleContainer {
  min-height: auto !important;
  padding-bottom: 10px !important;
}
#overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea.basic-3-columns, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .basic-3-columns.checkoutModule,
#mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .basic-3-columns.productDetail,
#mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .basic-3-columns.manufacturerDetail {
  padding: 0 15px !important;
  width: 745px;
  padding-top: 25px !important;
  padding-bottom: 15px !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
}

/*.slider {
    clear: both;
    &.imageSlider {
        > div.wrapper {
            width: 100%;
            white-space: nowrap;
            overflow: scroll;
            overflow-x: auto;
            overflow-y: hidden;
            scroll-snap-type: x mandatory;
            scroll-behavior: auto;
            -webkit-overflow-scrolling: touch;
            overflow-scrolling: touch;
            -ms-overflow-style: none;
            scrollbar-width: none;
            &::-webkit-scrollbar { 
                display: none;
            }
            > div {
                scroll-margin: 100%;
                scroll-snap-align: start;
                scroll-snap-stop: normal;
                display: inline-block;
                vertical-align: top;
                img {
                    max-width: 100%;
                }
            }
        }
    }
}*/
/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.flickity-viewport {
  transition: height 0.2s;
}
.flickity-viewport .carousel-cell img {
  display: block;
  width: 100vw;
}

/*******************************************************/
/******** GROUPED MEDIA QUERY OVERWRITES **************/
/*****************************************************/
/* breakpoints */
/* let's make this larger to be more compatible with androids */
#header-responsive, #responsive-search {
  display: none;
}

.sujet.responsive > .regular {
  display: block;
}
.sujet.responsive > .responsive {
  display: none;
}

.productListView.responsiveSlider {
  display: none;
}

.nodeBase.productListView.responsiveSlider {
  display: block;
}
.nodeBase.productListView.responsiveSlider:before {
  display: none;
  content: "RESPONSIVE";
  text-align: center;
  font-weight: 600;
  color: #fff;
  font-size: 9px;
  border-radius: 4px;
  background: #47a;
  padding: 2px 4px;
  min-width: 62px;
  min-height: 13px;
  line-height: 13px;
  position: absolute;
  top: 18px;
  left: 2px;
  z-index: 100;
}
.nodeBase.productListView.responsiveSlider:hover:before {
  display: block;
}
.nodeBase.productListView.responsiveSlider .product {
  height: 85px;
  overflow: hidden;
}
.nodeBase.productListView.responsiveSlider .product img {
  max-width: 55px;
  max-height: 55px;
}

::-webkit-scrollbar, ::scrollbar {
  width: 0px !important;
  background: transparent !important; /* make scrollbar transparent */
  -webkit-appearance: none !important;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) { 
    select, textarea, input {
        font-size: 16px !important;
    }
}*/
@media (max-width: 1024px) {
  img {
    /*image-rendering: -webkit-optimize-contrast;*/
  }
  .cart.compact .deliveryChargeNotice {
    display: none;
  }
  .cart.compact.open .deliveryChargeNotice {
    display: block;
  }
  .cart.full .cartSum.deliveryChargeNotice {
    margin-bottom: 5px !important;
    position: relative;
    top: -4px;
  }
  .cart.full .cartSum.deliveryChargeNotice > .wrapper {
    margin-left: -1px;
  }
  .cart.full .cartSum.deliveryChargeNotice > .wrapper > .label {
    font-size: 12px;
    float: none !important;
    padding: 0px 8px 2px 0 !important;
    background: none !important;
    color: #999 !important;
  }
  .slider {
    display: block !important;
    opacity: 0;
    -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    transition-duration: 1s;
  }
  .slider.visible {
    opacity: 1;
  }
  .contentArea h2, #mainContent .checkoutModule h2,
  #mainContent .productDetail h2,
  #mainContent .manufacturerDetail h2, .contentArea .productSearch .resultList .loadIndicator, .productSearch .resultList .contentArea .loadIndicator, #mainContent .checkoutModule .productSearch .resultList .loadIndicator, .productSearch .resultList #mainContent .checkoutModule .loadIndicator,
  #mainContent .productDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainContent .productDetail .loadIndicator,
  #mainContent .manufacturerDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainContent .manufacturerDetail .loadIndicator, .contentArea .productSearch .resultList .searchResponse, .productSearch .resultList .contentArea .searchResponse, #mainContent .checkoutModule .productSearch .resultList .searchResponse, .productSearch .resultList #mainContent .checkoutModule .searchResponse,
  #mainContent .productDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainContent .productDetail .searchResponse,
  #mainContent .manufacturerDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainContent .manufacturerDetail .searchResponse, .contentArea h1, #mainContent .checkoutModule h1,
  #mainContent .productDetail h1,
  #mainContent .manufacturerDetail h1 {
    font-size: 35px;
    line-height: 39px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    text-indent: 0;
    margin-bottom: 20px;
    /*border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;*/
    background: #80b030;
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 29px;
    padding-left: 18% !important;
    padding-right: 18% !important;
    padding-top: 25px !important;
    padding-bottom: 27px !important;
    display: block;
    text-align: center;
  }
  .contentArea h2 strong, #mainContent .checkoutModule h2 strong,
  #mainContent .productDetail h2 strong,
  #mainContent .manufacturerDetail h2 strong, .contentArea .productSearch .resultList .loadIndicator strong, .productSearch .resultList .contentArea .loadIndicator strong, #mainContent .checkoutModule .productSearch .resultList .loadIndicator strong, .productSearch .resultList #mainContent .checkoutModule .loadIndicator strong,
  #mainContent .productDetail .productSearch .resultList .loadIndicator strong,
  .productSearch .resultList #mainContent .productDetail .loadIndicator strong,
  #mainContent .manufacturerDetail .productSearch .resultList .loadIndicator strong,
  .productSearch .resultList #mainContent .manufacturerDetail .loadIndicator strong, .contentArea .productSearch .resultList .searchResponse strong, .productSearch .resultList .contentArea .searchResponse strong, #mainContent .checkoutModule .productSearch .resultList .searchResponse strong, .productSearch .resultList #mainContent .checkoutModule .searchResponse strong,
  #mainContent .productDetail .productSearch .resultList .searchResponse strong,
  .productSearch .resultList #mainContent .productDetail .searchResponse strong,
  #mainContent .manufacturerDetail .productSearch .resultList .searchResponse strong,
  .productSearch .resultList #mainContent .manufacturerDetail .searchResponse strong, .contentArea h1 strong, #mainContent .checkoutModule h1 strong,
  #mainContent .productDetail h1 strong,
  #mainContent .manufacturerDetail h1 strong {
    font-weight: 600;
  }
  .contentArea h2 a, #mainContent .checkoutModule h2 a,
  #mainContent .productDetail h2 a,
  #mainContent .manufacturerDetail h2 a, .contentArea .productSearch .resultList .loadIndicator a, .productSearch .resultList .contentArea .loadIndicator a, #mainContent .checkoutModule .productSearch .resultList .loadIndicator a, .productSearch .resultList #mainContent .checkoutModule .loadIndicator a,
  #mainContent .productDetail .productSearch .resultList .loadIndicator a,
  .productSearch .resultList #mainContent .productDetail .loadIndicator a,
  #mainContent .manufacturerDetail .productSearch .resultList .loadIndicator a,
  .productSearch .resultList #mainContent .manufacturerDetail .loadIndicator a, .contentArea .productSearch .resultList .searchResponse a, .productSearch .resultList .contentArea .searchResponse a, #mainContent .checkoutModule .productSearch .resultList .searchResponse a, .productSearch .resultList #mainContent .checkoutModule .searchResponse a,
  #mainContent .productDetail .productSearch .resultList .searchResponse a,
  .productSearch .resultList #mainContent .productDetail .searchResponse a,
  #mainContent .manufacturerDetail .productSearch .resultList .searchResponse a,
  .productSearch .resultList #mainContent .manufacturerDetail .searchResponse a, .contentArea h1 a, #mainContent .checkoutModule h1 a,
  #mainContent .productDetail h1 a,
  #mainContent .manufacturerDetail h1 a {
    color: #fff;
    text-decoration: underline;
  }
  .contentArea.full, #mainContent .full.checkoutModule,
  #mainContent .full.productDetail,
  #mainContent .full.manufacturerDetail {
    width: 100% !important;
    width: 100vw !important;
    width: calc(100vw - 30px) !important;
    margin: 0;
    box-shadow: none;
    border: 0;
    padding: 15px 15px;
  }
  .contentArea.full.customerLogin, #mainContent .full.customerLogin.checkoutModule,
  #mainContent .full.customerLogin.productDetail,
  #mainContent .full.customerLogin.manufacturerDetail {
    width: auto !important;
  }
  #toolBar {
    display: none;
  }
  #header {
    display: block;
    position: relative;
    z-index: inherit;
  }
  #header .box-left {
    display: none;
  }
  #header .navigation.main {
    display: none !important;
    margin-left: 0 !important;
    max-width: 100vw !important;
    position: relative;
    top: 55px;
  }
  #header .navigation.main > ul {
    width: 100vw !important;
  }
  #header .navigation.main > ul > li {
    width: 25vw !important;
    max-height: 88px !important;
  }
  #header .navigation.main > ul > li > div, #header .navigation.main > ul > li > div > a {
    background-size: 100%;
  }
  #header .navigation.main .arrowWrapper {
    display: none;
  }
  #pageOverlay {
    z-index: 221;
  }
  #pageOverlay.focus {
    z-index: 221;
  }
  #mainWrapper {
    background-attachment: fixed !important;
  }
  #mainWrapper #header #responsive-search {
    background: #80b030;
    padding: 0;
    border-bottom: 1px solid transparent; /*1px solid rgba(255,255,255,.75);*/
    display: block;
    position: fixed;
    top: 0;
    height: 28px;
    z-index: 221;
    padding: 8px;
    text-align: center;
    -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    transition-property: top;
  }
  #mainWrapper #header #responsive-search input {
    font-family: "Open Sans";
    background: #fff url("/img/responsive/mag-large-brown.png") no-repeat 10px 4px;
    background-size: 18px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #bbb;
    border-radius: 15px;
    border: 0;
    line-height: 28px;
    text-indent: 36px;
    font-weight: 500;
    font-size: 14px;
    color: #4c4c4c;
    width: 100%;
    max-width: 400px;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  #mainWrapper #header #responsive-search input::placeholder {
    color: #bbb;
  }
  #mainWrapper #header #responsive-search .results {
    display: none;
    background: #fff;
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(100vh - 100px);
    padding-top: 0px;
    overflow: auto;
    text-align: left;
    padding-bottom: 50px;
  }
  #mainWrapper #header #responsive-search .results .productListView.basic .listing {
    padding-bottom: 60px;
  }
  #mainWrapper #header #responsive-search .results.visible {
    display: block;
  }
  #mainWrapper #header #responsive-search .results .empty {
    padding: 10px;
    padding-top: 25px;
    text-align: center;
  }
  #mainWrapper #header #responsive-search .results .empty h2, #mainWrapper #header #responsive-search .results .empty .productSearch .resultList .loadIndicator, .productSearch .resultList #mainWrapper #header #responsive-search .results .empty .loadIndicator, #mainWrapper #header #responsive-search .results .empty .productSearch .resultList .searchResponse, .productSearch .resultList #mainWrapper #header #responsive-search .results .empty .searchResponse {
    color: #80b030;
  }
  #mainWrapper #header #responsive-search .results .empty h4, #mainWrapper #header #responsive-search .results .empty .checkout .subscriptionModificationNotice > .title, .checkout #mainWrapper #header #responsive-search .results .empty .subscriptionModificationNotice > .title, #mainWrapper #header #responsive-search .results .empty .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #mainWrapper #header #responsive-search .results .empty .title, #mainWrapper #header #responsive-search .results .empty .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #mainWrapper #header #responsive-search .results .empty .title, #mainWrapper #header #responsive-search .results .empty .filterList .filter .label, .filterList .filter #mainWrapper #header #responsive-search .results .empty .label {
    padding: 5px 11% 0;
  }
  #mainWrapper #header #responsive-search .results > div > a {
    display: block;
    white-space: nowrap;
    text-align: left;
    border-bottom: 2px dotted #eee;
    padding: 8px 18px;
  }
  #mainWrapper #header #responsive-search .results > div > a > div {
    display: inline-block;
    vertical-align: top;
  }
  #mainWrapper #header #responsive-search .results > div > a > .thumb {
    width: 50px;
    min-height: 50px;
    padding-right: 15px;
  }
  #mainWrapper #header #responsive-search .results > div > a > .thumb img {
    width: 50px;
    height: auto;
  }
  #mainWrapper #header #responsive-search .results > div > a > .titles {
    position: relative;
    top: 6px;
  }
  #mainWrapper #header #responsive-search .results > div > a > .titles .title {
    font-size: 16px;
    color: #80b030;
  }
  #mainWrapper #header #responsive-search .results > div > a > .titles .category {
    color: #3e3e3e;
    font-size: 12px;
  }
  #mainWrapper #header #responsive-search {
    width: calc(100vw - 16px);
  }
  #mainWrapper #header.responsive-search-visible #responsive-search {
    top: 55px;
    z-index: 224;
  }
  #mainWrapper #header.responsive-search-visible .navigation.sub {
    margin-top: 57px;
    z-index: 10;
  }
  .productListView {
    zoom: 1;
  }
  .productListView:before, .productListView:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
  }
  .productListView:after {
    clear: both;
  }
  .productListView > .listing {
    zoom: 1;
  }
  .productListView > .listing:before, .productListView > .listing:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
  }
  .productListView > .listing:after {
    clear: both;
  }
  .productListView .categoryLink {
    flex: 0 0 100%;
    display: block !important;
    margin-right: 0;
  }
  .productListView .categoryLink a {
    display: block !important;
    background: #fff !important;
    /*box-shadow: 0 0 3px rgba(0,0,0,.25);*/
    flex: 0 0 100% !important;
    position: relative !important;
    color: #8fbe3e !important;
    text-align: center !important;
    margin: 0 0 0 !important;
    text-decoration: none !important;
    line-height: 57px !important;
    padding-bottom: 4px !important;
    font-size: 18px !important;
    top: -1px !important;
    border-bottom: 0 !important;
    border-top: 1px solid #f2f2f2 !important;
  }
  .productListView .categoryLink a .string {
    display: inline-block !important;
  }
  .productListView .categoryLink a:hover, .productListView .categoryLink a:active {
    background: #80b030 !important;
    color: #fff !important;
  }
  .productListView .categoryLink a:after {
    display: inline-block;
    content: "»";
    font-size: 22px !important;
    width: 10px;
  }
  #header-responsive {
    min-width: 328px !important;
    display: block;
    height: 56px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 226;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  }
  #header-responsive .header-logo {
    position: relative;
    top: 7px;
    left: 16px;
  }
  #header-responsive .header-logo img {
    height: auto;
    width: auto;
    max-width: 140px;
    max-height: 85px;
  }
  #header-responsive > .account {
    background: transparent url("/img/responsive/account-large-lightgray.png") no-repeat 4px 5px;
    background-size: 27px;
    width: 33px;
    height: 35px;
    position: absolute;
    top: 8px;
    right: 98px;
    -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    transition-property: right;
  }
  #header-responsive > .account > .blend {
    -webkit-transition: all 360ms cubic-bezier(0.6, 1, 0, 0.845);
    -webkit-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -khtml-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -moz-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -ms-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -o-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    transition-duration: 550ms;
    position: fixed;
    right: -100vw;
    top: 56px;
    border-top: 1px solid #e2e2e2;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 420px;
    max-height: calc(100% - 56px);
    overflow: auto;
    z-index: 101;
    background: #fff;
    min-height: 20px;
  }
  #header-responsive > .account > .blend .contentArea, #header-responsive > .account > .blend #mainContent .checkoutModule, #mainContent #header-responsive > .account > .blend .checkoutModule,
  #header-responsive > .account > .blend #mainContent .productDetail,
  #mainContent #header-responsive > .account > .blend .productDetail,
  #header-responsive > .account > .blend #mainContent .manufacturerDetail,
  #mainContent #header-responsive > .account > .blend .manufacturerDetail {
    margin: 0;
    box-shadow: 0;
    border: 0;
    padding: 10px;
  }
  #header-responsive > .account > .blend .contentArea .title, #header-responsive > .account > .blend #mainContent .checkoutModule .title, #mainContent #header-responsive > .account > .blend .checkoutModule .title,
  #header-responsive > .account > .blend #mainContent .productDetail .title,
  #mainContent #header-responsive > .account > .blend .productDetail .title,
  #header-responsive > .account > .blend #mainContent .manufacturerDetail .title,
  #mainContent #header-responsive > .account > .blend .manufacturerDetail .title {
    margin-bottom: 2px;
  }
  #header-responsive > .account > .blend .contentArea h2, #header-responsive > .account > .blend #mainContent .checkoutModule h2, #mainContent #header-responsive > .account > .blend .checkoutModule h2,
  #header-responsive > .account > .blend #mainContent .productDetail h2,
  #mainContent #header-responsive > .account > .blend .productDetail h2,
  #header-responsive > .account > .blend #mainContent .manufacturerDetail h2,
  #mainContent #header-responsive > .account > .blend .manufacturerDetail h2, #header-responsive > .account > .blend .contentArea .productSearch .resultList .loadIndicator, .productSearch .resultList #header-responsive > .account > .blend .contentArea .loadIndicator, #header-responsive > .account > .blend #mainContent .checkoutModule .productSearch .resultList .loadIndicator, .productSearch .resultList #header-responsive > .account > .blend #mainContent .checkoutModule .loadIndicator, #mainContent #header-responsive > .account > .blend .checkoutModule .productSearch .resultList .loadIndicator, .productSearch .resultList #mainContent #header-responsive > .account > .blend .checkoutModule .loadIndicator,
  #header-responsive > .account > .blend #mainContent .productDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #header-responsive > .account > .blend #mainContent .productDetail .loadIndicator,
  #mainContent #header-responsive > .account > .blend .productDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainContent #header-responsive > .account > .blend .productDetail .loadIndicator,
  #header-responsive > .account > .blend #mainContent .manufacturerDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #header-responsive > .account > .blend #mainContent .manufacturerDetail .loadIndicator,
  #mainContent #header-responsive > .account > .blend .manufacturerDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainContent #header-responsive > .account > .blend .manufacturerDetail .loadIndicator, #header-responsive > .account > .blend .contentArea .productSearch .resultList .searchResponse, .productSearch .resultList #header-responsive > .account > .blend .contentArea .searchResponse, #header-responsive > .account > .blend #mainContent .checkoutModule .productSearch .resultList .searchResponse, .productSearch .resultList #header-responsive > .account > .blend #mainContent .checkoutModule .searchResponse, #mainContent #header-responsive > .account > .blend .checkoutModule .productSearch .resultList .searchResponse, .productSearch .resultList #mainContent #header-responsive > .account > .blend .checkoutModule .searchResponse,
  #header-responsive > .account > .blend #mainContent .productDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #header-responsive > .account > .blend #mainContent .productDetail .searchResponse,
  #mainContent #header-responsive > .account > .blend .productDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainContent #header-responsive > .account > .blend .productDetail .searchResponse,
  #header-responsive > .account > .blend #mainContent .manufacturerDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #header-responsive > .account > .blend #mainContent .manufacturerDetail .searchResponse,
  #mainContent #header-responsive > .account > .blend .manufacturerDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainContent #header-responsive > .account > .blend .manufacturerDetail .searchResponse {
    font-weight: 500;
    line-height: 20px;
    font-size: 17px;
    margin-bottom: 0 !important;
    padding: 10px 5px !important;
  }
  #header-responsive > .account > .blend .contentArea .breakLine, #header-responsive > .account > .blend #mainContent .checkoutModule .breakLine, #mainContent #header-responsive > .account > .blend .checkoutModule .breakLine,
  #header-responsive > .account > .blend #mainContent .productDetail .breakLine,
  #mainContent #header-responsive > .account > .blend .productDetail .breakLine,
  #header-responsive > .account > .blend #mainContent .manufacturerDetail .breakLine,
  #mainContent #header-responsive > .account > .blend .manufacturerDetail .breakLine {
    display: none;
  }
  #header-responsive > .account > .blend .contentArea .infoText, #header-responsive > .account > .blend #mainContent .checkoutModule .infoText, #mainContent #header-responsive > .account > .blend .checkoutModule .infoText,
  #header-responsive > .account > .blend #mainContent .productDetail .infoText,
  #mainContent #header-responsive > .account > .blend .productDetail .infoText,
  #header-responsive > .account > .blend #mainContent .manufacturerDetail .infoText,
  #mainContent #header-responsive > .account > .blend .manufacturerDetail .infoText {
    width: auto;
  }
  #header-responsive > .account > .blend .contentArea.full, #header-responsive > .account > .blend #mainContent .full.checkoutModule, #mainContent #header-responsive > .account > .blend .full.checkoutModule,
  #header-responsive > .account > .blend #mainContent .full.productDetail,
  #mainContent #header-responsive > .account > .blend .full.productDetail,
  #header-responsive > .account > .blend #mainContent .full.manufacturerDetail,
  #mainContent #header-responsive > .account > .blend .full.manufacturerDetail {
    width: auto;
  }
  #header-responsive > .account:hover {
    height: 50px;
    background-image: url("/img/responsive/account-large-brown.png");
  }
  #header-responsive > .account:hover > .blend {
    right: 0px;
  }
  #header-responsive > .cart {
    background: transparent url("/img/responsive/cart-large-newest-lightgray.png") no-repeat 4px 4px;
    background-size: 30px;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 9px;
    right: 58px;
    -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    transition-property: right;
  }
  #header-responsive > .cart > .blend {
    -webkit-transition: all 360ms cubic-bezier(0.6, 1, 0, 0.845);
    -webkit-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -khtml-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -moz-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -ms-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -o-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    transition-duration: 550ms;
    position: fixed;
    right: -100vw;
    top: 56px;
    padding: 0;
    width: auto;
    z-index: 101;
    background: #fff;
    min-height: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
  }
  #header-responsive > .cart > .blend .cart {
    margin: 0;
    width: 180px;
    min-width: 180px;
    background-size: 46px auto;
    background-position: center 19px;
    height: auto !important;
    padding-bottom: 10px;
  }
  #header-responsive > .cart > .blend .cart.open {
    max-height: calc(100vh - 57px - 20px);
    width: 315px;
  }
  #header-responsive > .cart > .blend .cart .title {
    margin-top: 68px;
  }
  #header-responsive > .cart > .blend .cart .title h2, #header-responsive > .cart > .blend .cart .title .productSearch .resultList .loadIndicator, .productSearch .resultList #header-responsive > .cart > .blend .cart .title .loadIndicator, #header-responsive > .cart > .blend .cart .title .productSearch .resultList .searchResponse, .productSearch .resultList #header-responsive > .cart > .blend .cart .title .searchResponse {
    font-weight: 300 !important;
    font-size: 21px;
  }
  #header-responsive > .cart > .blend .cart .contentWrapper {
    margin-top: 17px;
  }
  #header-responsive > .cart > .blend .cart .checkoutLink h3 a, #header-responsive > .cart > .blend .cart .checkoutLink .shopButton a {
    font-size: 17px;
    font-weight: 500;
  }
  #header-responsive > .cart:hover {
    height: 50px;
    background-image: url("/img/responsive/cart-large-new-brown.png");
  }
  #header-responsive > .cart:hover > .blend {
    right: 0px;
  }
  #header-responsive > .cart.filled {
    background-image: url("/img/responsive/cart-large-newest-lightgray-filled.png");
  }
  #header-responsive > .cart.filled:hover {
    background-image: url("/img/responsive/cart-large-new-brown-filled.png");
  }
  #header-responsive > .cart .sumList .cartSum .wrapper .label {
    text-align: left !important;
  }
  #header-responsive > .search {
    background: transparent url("/img/responsive/mag-large-lightgray.png") no-repeat 4px 2px;
    background-size: 25px;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 11.5px;
    right: 133px;
    -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  }
  #header-responsive > .search.hover, #header-responsive > .search.active, #header-responsive > .search:hover {
    background-image: url("/img/responsive/mag-large-brown.png");
  }
  #header-responsive > .menu {
    background: transparent url("/img/responsive/menu-lightgray.png") no-repeat 4px 4px;
    background-size: 27px;
    display: block;
    position: absolute;
    opacity: 1;
    top: 10px;
    right: 16px;
    width: 34px;
    height: 30px;
  }
  #header-responsive > .menu:hover {
    background-image: url("/img/responsive/menu-brown.png");
  }
  #header-responsive > .menu .blend {
    -webkit-transition: all 360ms cubic-bezier(0.6, 1, 0, 0.845);
    -webkit-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -khtml-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -moz-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -ms-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -o-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    transition-duration: 550ms;
    position: fixed;
    right: -100vw;
    top: 56px;
    width: 100%;
    background: #fff;
    /*box-shadow: 0 -1px 3px rgba(0,0,0,.15);*/
  }
  #header-responsive > .menu .blend .navigation.main {
    overscroll-behavior: contain;
    font-size: 0 !important;
    box-shadow: none !important;
    margin: 0;
    width: auto;
  }
  #header-responsive > .menu .blend .navigation.main > ul {
    display: block;
    white-space: normal;
  }
  #header-responsive > .menu .blend .navigation.main > ul > li, #header-responsive > .menu .blend .navigation.main > ul > li a {
    position: relative;
    z-index: 100;
  }
  #header-responsive > .menu .blend .navigation.main > ul > li {
    display: inline-block;
    width: 50vw;
    height: 50vw;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15) !important;
  }
  #header-responsive > .menu .blend .navigation.main > ul > li > div {
    background-position: 100% 100%;
  }
  #header-responsive > .menu .blend .navigation.main > ul > li > div > a {
    background-position: 100% 100%;
  }
  #header-responsive > .menu .blend .navigation.main > ul > li.active {
    background-color: #fff;
  }
  #header-responsive > .menu .blend .navigation.main > ul > li.active > div > a {
    opacity: 0 !important;
  }
  #header-responsive > .menu .blend .navigation.main > ul > li {
    text-align: center;
    float: none;
  }
  #header-responsive > .menu .blend .navigation.main > ul > li > div {
    display: block;
  }
  #header-responsive > .menu .blend .navigation.main > ul > li.active {
    box-shadow: none;
  }
  #header-responsive > .menu .blend .navigation.main .arrow {
    display: none;
  }
  #header-responsive > .menu .blend .navigation.main a, #header-responsive > .menu .blend .navigation.main div {
    background-size: 100% auto;
  }
  #header-responsive > .menu:hover, #header-responsive > .menu:active {
    height: 50px;
  }
  #header-responsive > .menu:hover .blend, #header-responsive > .menu:active .blend {
    right: 0;
  }
  #undefined-sticky-wrapper, .cart.fluid, .sticky-wrapper {
    display: none !important;
  }
  .sujet.infoBubble {
    display: none !important;
  }
  .sujet.infoBubble .backgroundWrapper .bubbleWrapper {
    height: auto;
    margin: 0;
    width: 100%;
    display: block;
  }
  .sujet.infoBubble .backgroundWrapper .bubbleWrapper .bubbleText {
    padding: 0;
    text-align: center;
    display: block;
    background: #b29e7e;
  }
  .sujet.infoBubble .backgroundWrapper .bubbleWrapper h3, .sujet.infoBubble .backgroundWrapper .bubbleWrapper .shopButton {
    line-height: 22px;
    display: inline-block;
    padding: 10px 0;
    max-width: 60%;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
  }
  .manufacturerListView .image {
    border-bottom: 0;
  }
  .manufacturerListView .image img {
    max-width: none !important;
  }
  .manufacturerListView .clickCorner {
    display: none !important;
  }
  .manufacturerListView .manufacturer {
    min-width: 165px !important;
  }
  .productListView {
    background: #fff;
  }
  .productListView .listing {
    /*            max-width: 740px !important;
                margin: 0 auto;*/
  }
  .productListView .listing .product {
    min-width: 165px !important;
  }
  #overlayWindow > .clickCorner > a {
    background-image: url("/img/core/scraps/overlayWindow-clickCorner-highres.png") !important;
    background-size: 36px 36px !important;
    background-color: transparent !important;
  }
  #overlayWindow > .clickCorner > a:hover {
    background-image: url("/img/core/scraps/overlayWindow-clickCorner-highres-hover.png") !important;
  }
  .productListView.basic .listing, .manufacturerDetail .productListContainer, .manufacturerListView {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    /*max-width: 760px;*/
    background: #fff;
  }
  .productListView.basic .listing .clickCorner, .manufacturerDetail .productListContainer .clickCorner, .manufacturerListView .clickCorner {
    display: none;
  }
  .productListView.basic .listing .manufacturer, .manufacturerDetail .productListContainer .manufacturer, .manufacturerListView .manufacturer {
    padding: 15px !important;
  }
  .productListView.basic .listing .product, .productListView.basic .listing .manufacturer, .manufacturerDetail .productListContainer .product, .manufacturerDetail .productListContainer .manufacturer, .manufacturerListView .product, .manufacturerListView .manufacturer {
    float: none;
    flex: 1;
    height: auto;
    width: auto;
    min-width: 162px;
    box-shadow: none;
    border: 0;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    margin-right: 0;
    margin-bottom: 0;
    padding: 10px;
    padding-bottom: 20px;
  }
  .productListView.basic .listing .product:last-of-type, .productListView.basic .listing .manufacturer:last-of-type, .manufacturerDetail .productListContainer .product:last-of-type, .manufacturerDetail .productListContainer .manufacturer:last-of-type, .manufacturerListView .product:last-of-type, .manufacturerListView .manufacturer:last-of-type {
    border-right: 0;
  }
  .productListView.basic .listing .product .wrapper, .productListView.basic .listing .manufacturer .wrapper, .manufacturerDetail .productListContainer .product .wrapper, .manufacturerDetail .productListContainer .manufacturer .wrapper, .manufacturerListView .product .wrapper, .manufacturerListView .manufacturer .wrapper {
    text-align: center;
  }
  .productListView.basic .listing .product .wrapper .wrapper-inner, .productListView.basic .listing .manufacturer .wrapper .wrapper-inner, .manufacturerDetail .productListContainer .product .wrapper .wrapper-inner, .manufacturerDetail .productListContainer .manufacturer .wrapper .wrapper-inner, .manufacturerListView .product .wrapper .wrapper-inner, .manufacturerListView .manufacturer .wrapper .wrapper-inner {
    width: 155px;
    display: inline-block;
  }
  .productListView.basic .listing .product .details > div, .productListView.basic .listing .manufacturer .details > div, .manufacturerDetail .productListContainer .product .details > div, .manufacturerDetail .productListContainer .manufacturer .details > div, .manufacturerListView .product .details > div, .manufacturerListView .manufacturer .details > div {
    text-align: left;
  }
  .productListView.basic .listing .product .purchase, .productListView.basic .listing .manufacturer .purchase, .manufacturerDetail .productListContainer .product .purchase, .manufacturerDetail .productListContainer .manufacturer .purchase, .manufacturerListView .product .purchase, .manufacturerListView .manufacturer .purchase {
    position: relative;
    width: auto;
    bottom: auto;
    top: auto;
    left: auto;
  }
  .productListView.basic .listing .product .purchase .right, .productListView.basic .listing .manufacturer .purchase .right, .manufacturerDetail .productListContainer .product .purchase .right, .manufacturerDetail .productListContainer .manufacturer .purchase .right, .manufacturerListView .product .purchase .right, .manufacturerListView .manufacturer .purchase .right {
    right: 2px;
  }
  .productListView.basic .listing .product .collateralInfo, .productListView.basic .listing .manufacturer .collateralInfo, .manufacturerDetail .productListContainer .product .collateralInfo, .manufacturerDetail .productListContainer .manufacturer .collateralInfo, .manufacturerListView .product .collateralInfo, .manufacturerListView .manufacturer .collateralInfo {
    opacity: 1;
    right: auto;
    left: 0;
    padding-left: 0;
  }
  #mainWrapper {
    width: auto;
    padding: 0 0 0 0;
  }
  #mainWrapper .navigation.main {
    display: block;
  }
  #mainWrapper .blend > .navigation.sub {
    top: 0 !important;
    margin-top: 0 !important;
    box-shadow: none !important;
    border-top: 1px solid #d2be9e !important;
  }
  #mainWrapper #header .navigation.sub, #mainWrapper .blend > .navigation.sub {
    -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    position: relative;
    margin-top: 0 !important;
    top: 55px;
    border: 0;
    margin-right: 0;
    width: 100vw;
    border-bottom: 3px solid #ddd;
    background: #80b030;
    overflow-x: auto;
    overflow-y: hidden;
    box-shadow: 0 0 3px -13px rgba(0, 0, 0, 0.15);
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
  }
  #mainWrapper #header .navigation.sub::-webkit-scrollbar, #mainWrapper .blend > .navigation.sub::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
  }
  #mainWrapper #header .navigation.sub > ul, #mainWrapper .blend > .navigation.sub > ul {
    height: auto;
    margin: 0;
    white-space: nowrap;
  }
  #mainWrapper #header .navigation.sub > ul > li, #mainWrapper .blend > .navigation.sub > ul > li {
    scroll-margin: 0;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    padding-top: 6px;
    padding-bottom: 1px;
  }
  #mainWrapper #header .navigation.sub > ul > li:first-child, #mainWrapper .blend > .navigation.sub > ul > li:first-child {
    padding-left: 0px;
  }
  #mainWrapper #header .navigation.sub > ul > li:last-child, #mainWrapper .blend > .navigation.sub > ul > li:last-child {
    padding-right: 0px;
  }
  #mainWrapper #header .navigation.sub > ul > li > a, #mainWrapper .blend > .navigation.sub > ul > li > a {
    display: inline-block;
    line-height: 23px;
    padding-left: 10px;
    padding-right: 7px;
    border-radius: 2px;
    margin-right: 0;
    text-transform: uppercase;
    color: #fff !important;
    margin-top: 0;
    font-size: 13px;
    font-weight: 500;
    border-right: 0;
    text-decoration: none !important;
  }
  #mainWrapper #header .navigation.sub > ul > li > a:hover, #mainWrapper .blend > .navigation.sub > ul > li > a:hover {
    color: #fff !important;
  }
  #mainWrapper #header .navigation.sub > ul > li.active > a, #mainWrapper .blend > .navigation.sub > ul > li.active > a {
    color: #fff;
    font-weight: 600;
  }
  #mainWrapper #header .navigation.sub > ul > li:after-pipe, #mainWrapper .blend > .navigation.sub > ul > li:after-pipe {
    display: inline-block;
    content: "|";
    width: 5px;
    height: 20px;
    overflow: hidden;
    font-size: 13px;
    text-align: left;
    padding-right: 4px;
    line-height: 28px;
    color: #e2e2e2;
    position: relative;
    top: 0px;
  }
  #mainWrapper #header .navigation.sub > ul > li:last-child:after, #mainWrapper .blend > .navigation.sub > ul > li:last-child:after {
    display: none;
  }
  #mainWrapper #responsive-search > .results {
    margin-top: 0 !important;
  }
  #mainWrapper .deliveryZones.contentArea, #mainWrapper #mainContent .deliveryZones.checkoutModule, #mainContent #mainWrapper .deliveryZones.checkoutModule,
  #mainWrapper #mainContent .deliveryZones.productDetail,
  #mainContent #mainWrapper .deliveryZones.productDetail,
  #mainWrapper #mainContent .deliveryZones.manufacturerDetail,
  #mainContent #mainWrapper .deliveryZones.manufacturerDetail {
    text-align: center;
  }
  #mainWrapper #mainContent .cart.compact {
    display: none !important;
  }
  #mainWrapper #mainContent, #mainWrapper #responsive-search > .results {
    /*overflow: hidden;*/
    position: inherit;
    margin-top: 53px;
  }
  #mainWrapper #mainContent .webRoot.container, #mainWrapper #responsive-search > .results .webRoot.container {
    width: auto;
    position: inherit;
  }
  #mainWrapper #mainContent .webRoot.container .contentArea .image, #mainWrapper #mainContent .webRoot.container .checkoutModule .image,
  #mainWrapper #mainContent .webRoot.container .productDetail .image,
  #mainWrapper #mainContent .webRoot.container .manufacturerDetail .image, #mainWrapper #responsive-search > .results .webRoot.container .contentArea .image, #mainWrapper #responsive-search > .results .webRoot.container #mainContent .checkoutModule .image, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .checkoutModule .image,
  #mainWrapper #responsive-search > .results .webRoot.container #mainContent .productDetail .image,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .productDetail .image,
  #mainWrapper #responsive-search > .results .webRoot.container #mainContent .manufacturerDetail .image,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .manufacturerDetail .image {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  #mainWrapper #mainContent .webRoot.container .contentArea > .string > .string-content p, #mainWrapper #mainContent .webRoot.container .checkoutModule > .string > .string-content p,
  #mainWrapper #mainContent .webRoot.container .productDetail > .string > .string-content p,
  #mainWrapper #mainContent .webRoot.container .manufacturerDetail > .string > .string-content p, #mainWrapper #responsive-search > .results .webRoot.container .contentArea > .string > .string-content p, #mainWrapper #responsive-search > .results .webRoot.container #mainContent .checkoutModule > .string > .string-content p, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .checkoutModule > .string > .string-content p,
  #mainWrapper #responsive-search > .results .webRoot.container #mainContent .productDetail > .string > .string-content p,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .productDetail > .string > .string-content p,
  #mainWrapper #responsive-search > .results .webRoot.container #mainContent .manufacturerDetail > .string > .string-content p,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .manufacturerDetail > .string > .string-content p {
    text-align: center !important;
  }
  #mainWrapper #mainContent .webRoot.container .container .image, #mainWrapper #responsive-search > .results .webRoot.container .container .image {
    display: block;
    text-align: center;
    float: none;
    margin: 0 0 1px; /* 15px */
    font-size: 0;
    padding: 0;
  }
  #mainWrapper #mainContent .webRoot.container .container .image > div, #mainWrapper #responsive-search > .results .webRoot.container .container .image > div {
    display: inline-block;
  }
  #mainWrapper #mainContent .webRoot.container .container .image img, #mainWrapper #responsive-search > .results .webRoot.container .container .image img {
    width: 100% !important;
    height: auto !important;
  }
  #mainWrapper #mainContent .webRoot.container .container .image.responsive img, #mainWrapper #responsive-search > .results .webRoot.container .container .image.responsive img {
    width: 85vw !important;
  }
  #mainWrapper #mainContent .webRoot.container ul, #mainWrapper #responsive-search > .results .webRoot.container ul {
    list-style: none;
    text-align: center;
    margin: 14px 15%;
  }
  #mainWrapper #mainContent .webRoot.container ul li, #mainWrapper #responsive-search > .results .webRoot.container ul li {
    background: #88aabe;
    color: #fff;
    margin-bottom: 1px;
    padding: 9px 20px;
    margin-left: 0;
    font-weight: 600;
    border-radius: 3px;
    line-height: 19px !important;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    font-size: 14px;
  }
  #mainWrapper #mainContent .webRoot.container ul li:first-letter, #mainWrapper #responsive-search > .results .webRoot.container ul li:first-letter {
    text-transform: uppercase;
  }
  #mainWrapper #mainContent .webRoot.container .moduleContainer, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer {
    float: none;
    width: auto;
    min-height: auto;
    height: auto;
  }
  #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail {
    width: auto;
    margin: 0;
    box-shadow: none;
    border: 0;
    padding: 0 0 30px 0;
  }
  #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea p, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule p,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail p,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail p, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea p, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule p, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule p,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail p,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail p,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail p,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail p {
    font-weight: 300;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    padding-left: 13% !important;
    padding-right: 13% !important;
  }
  #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea h1, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule h1,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail h1,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail h1, #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea h2, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule h2,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail h2,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail h2, #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .productSearch .resultList .loadIndicator, .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .loadIndicator, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .productSearch .resultList .loadIndicator, .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .loadIndicator,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .loadIndicator,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .loadIndicator, #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .productSearch .resultList .searchResponse, .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .searchResponse, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .productSearch .resultList .searchResponse, .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .searchResponse,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .searchResponse,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .searchResponse, #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea h3, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule h3,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail h3,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail h3, #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .shopButton, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .shopButton,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .shopButton,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .shopButton, #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea h4, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule h4,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail h4,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail h4, #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .checkout .subscriptionModificationNotice > .title, .checkout #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .subscriptionModificationNotice > .title, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .checkout .subscriptionModificationNotice > .title, .checkout #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .subscriptionModificationNotice > .title,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .checkout .subscriptionModificationNotice > .title,
  .checkout #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .subscriptionModificationNotice > .title,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .checkout .subscriptionModificationNotice > .title,
  .checkout #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .subscriptionModificationNotice > .title, #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .title, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .title,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .customerManagement .overlay.deliveryTargets .notice .title,
  .customerManagement .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .title,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .customerManagement .overlay.deliveryTargets .notice .title,
  .customerManagement .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .title, #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .title, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .title,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .checkout .overlay.deliveryTargets .notice .title,
  .checkout .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .title,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .checkout .overlay.deliveryTargets .notice .title,
  .checkout .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .title, #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .filterList .filter .label, .filterList .filter #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .label, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .filterList .filter .label, .filterList .filter #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .label,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .filterList .filter .label,
  .filterList .filter #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .label,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .filterList .filter .label,
  .filterList .filter #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .label, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea h1, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule h1, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule h1,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail h1,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail h1,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail h1,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail h1, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea h2, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule h2, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule h2,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail h2,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail h2,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail h2,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail h2, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .productSearch .resultList .loadIndicator, .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .loadIndicator, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .productSearch .resultList .loadIndicator, .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .loadIndicator, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .productSearch .resultList .loadIndicator, .productSearch .resultList #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .loadIndicator,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .loadIndicator,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .loadIndicator,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .loadIndicator,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .loadIndicator, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .productSearch .resultList .searchResponse, .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .searchResponse, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .productSearch .resultList .searchResponse, .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .searchResponse, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .productSearch .resultList .searchResponse, .productSearch .resultList #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .searchResponse,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .searchResponse,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .searchResponse,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .searchResponse,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .searchResponse, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea h3, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule h3, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule h3,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail h3,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail h3,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail h3,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail h3, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .shopButton, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .shopButton, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .shopButton,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .shopButton,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .shopButton,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .shopButton,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .shopButton, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea h4, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule h4, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule h4,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail h4,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail h4,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail h4,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail h4, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .checkout .subscriptionModificationNotice > .title, .checkout #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .subscriptionModificationNotice > .title, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .checkout .subscriptionModificationNotice > .title, .checkout #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .subscriptionModificationNotice > .title, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .checkout .subscriptionModificationNotice > .title, .checkout #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .subscriptionModificationNotice > .title,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .checkout .subscriptionModificationNotice > .title,
  .checkout #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .subscriptionModificationNotice > .title,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .checkout .subscriptionModificationNotice > .title,
  .checkout #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .subscriptionModificationNotice > .title,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .checkout .subscriptionModificationNotice > .title,
  .checkout #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .subscriptionModificationNotice > .title,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .checkout .subscriptionModificationNotice > .title,
  .checkout #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .subscriptionModificationNotice > .title, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .title, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .title, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .title,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .customerManagement .overlay.deliveryTargets .notice .title,
  .customerManagement .overlay.deliveryTargets .notice #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .title,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .customerManagement .overlay.deliveryTargets .notice .title,
  .customerManagement .overlay.deliveryTargets .notice #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .title,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .customerManagement .overlay.deliveryTargets .notice .title,
  .customerManagement .overlay.deliveryTargets .notice #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .title,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .customerManagement .overlay.deliveryTargets .notice .title,
  .customerManagement .overlay.deliveryTargets .notice #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .title, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .title, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .title, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .title,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .checkout .overlay.deliveryTargets .notice .title,
  .checkout .overlay.deliveryTargets .notice #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .title,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .checkout .overlay.deliveryTargets .notice .title,
  .checkout .overlay.deliveryTargets .notice #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .title,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .checkout .overlay.deliveryTargets .notice .title,
  .checkout .overlay.deliveryTargets .notice #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .title,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .checkout .overlay.deliveryTargets .notice .title,
  .checkout .overlay.deliveryTargets .notice #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .title, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .filterList .filter .label, .filterList .filter #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .label, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .filterList .filter .label, .filterList .filter #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .label, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .filterList .filter .label, .filterList .filter #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .label,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .filterList .filter .label,
  .filterList .filter #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .label,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .filterList .filter .label,
  .filterList .filter #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .label,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .filterList .filter .label,
  .filterList .filter #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .label,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .filterList .filter .label,
  .filterList .filter #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .label {
    text-align: center;
  }
  #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea h2, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule h2,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail h2,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail h2, #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .productSearch .resultList .loadIndicator, .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .loadIndicator, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .productSearch .resultList .loadIndicator, .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .loadIndicator,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .loadIndicator,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .loadIndicator, #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .productSearch .resultList .searchResponse, .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .contentArea .searchResponse, #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .productSearch .resultList .searchResponse, .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .checkoutModule .searchResponse,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .productDetail .searchResponse,
  #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainWrapper #mainContent .webRoot.container .moduleContainer .manufacturerDetail .searchResponse, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea h2, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule h2, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule h2,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail h2,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail h2,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail h2,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail h2, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .productSearch .resultList .loadIndicator, .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .loadIndicator, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .productSearch .resultList .loadIndicator, .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .loadIndicator, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .productSearch .resultList .loadIndicator, .productSearch .resultList #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .loadIndicator,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .loadIndicator,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .loadIndicator,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .loadIndicator,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .loadIndicator, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .productSearch .resultList .searchResponse, .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .contentArea .searchResponse, #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .productSearch .resultList .searchResponse, .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .checkoutModule .searchResponse, #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .productSearch .resultList .searchResponse, .productSearch .resultList #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .checkoutModule .searchResponse,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .productDetail .searchResponse,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .productDetail .searchResponse,
  #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer #mainContent .manufacturerDetail .searchResponse,
  #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainContent #mainWrapper #responsive-search > .results .webRoot.container .moduleContainer .manufacturerDetail .searchResponse {
    /*                            border-bottom: 2px solid #e2e2e2;
                                padding-bottom: 30px;*/
    margin-bottom: 0px;
    background: #80b030;
    color: #fff;
    padding: 15px 20px;
  }
  #mainWrapper #mainContent .webRoot.container .sujet, #mainWrapper #responsive-search > .results .webRoot.container .sujet {
    margin: 0;
    width: 100vw;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ddd !important;
    box-shadow: none;
    border: 0;
    position: relative;
    margin-bottom: 0;
    padding-top: 0px;
  }
  #mainWrapper #mainContent .webRoot.container .sujet .title, #mainWrapper #responsive-search > .results .webRoot.container .sujet .title {
    text-align: center;
    margin-left: 0;
    text-indent: 0 !important;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.responsive, #mainWrapper #responsive-search > .results .webRoot.container .sujet.responsive {
    text-align: center;
    display: table;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.responsive > .regular, #mainWrapper #responsive-search > .results .webRoot.container .sujet.responsive > .regular {
    display: none;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.responsive > .responsive, #mainWrapper #responsive-search > .results .webRoot.container .sujet.responsive > .responsive {
    position: relative;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    color: #80b030;
    font-size: 20px;
    padding: 0px 0px;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.responsive > .responsive p, #mainWrapper #responsive-search > .results .webRoot.container .sujet.responsive > .responsive p {
    display: inline-block;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.responsive > .responsive strong, #mainWrapper #responsive-search > .results .webRoot.container .sujet.responsive > .responsive strong {
    font-weight: 600;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.responsive > .responsive > .logo, #mainWrapper #responsive-search > .results .webRoot.container .sujet.responsive > .responsive > .logo {
    display: none;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.responsive > .responsive > .logo img, #mainWrapper #responsive-search > .results .webRoot.container .sujet.responsive > .responsive > .logo img {
    width: auto;
    height: auto;
    max-width: 150px;
    max-height: 150px;
  }
  #mainWrapper #mainContent .webRoot.container .sujet > .backgroundWrapper, #mainWrapper #responsive-search > .results .webRoot.container .sujet > .backgroundWrapper {
    position: relative;
    top: 0;
    left: 0;
    background: none;
  }
  #mainWrapper #mainContent .webRoot.container .sujet > .backgroundWrapper .bubbleWrapper, #mainWrapper #responsive-search > .results .webRoot.container .sujet > .backgroundWrapper .bubbleWrapper {
    position: relative;
    top: calc(50% - 24px);
    display: block;
    text-align: center;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.basic, #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink {
    height: 250px;
    text-align: left;
    margin-bottom: 0;
    background: none;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.basic .backgroundWrapper .background, #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .backgroundWrapper .background, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .backgroundWrapper .background, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .backgroundWrapper .background {
    top: auto;
    bottom: -2px;
    background-size: 150px auto;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.basic .topLayer, #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .topLayer, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .topLayer, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .topLayer {
    background-position: 40px 20px;
    top: 30px;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.basic .title, #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .title, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .title, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .title {
    color: #fff !important;
    line-height: 29px;
    white-space: nowrap;
    margin-top: 164px;
    position: relative;
    top: 0;
    text-indent: 0;
    left: 0;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.basic .title > h1 > .string > .string-content, #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .title > h1 > .string > .string-content, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .title > h1 > .string > .string-content, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .title > h1 > .string > .string-content {
    line-height: 0;
    font-size: 0;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.basic .title > h1 > .string > .string-content > p, #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .title > h1 > .string > .string-content > p, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .title > h1 > .string > .string-content > p, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .title > h1 > .string > .string-content > p {
    font-size: 34px;
    line-height: 36px;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.basic .title p, #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .title p, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .title p, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .title p {
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.basic .title p:after, #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .title p:after, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .title p:after, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .title p:after {
    display: none !important;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.basic .link, #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .link, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .link, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .link {
    position: relative;
    width: auto;
    display: block;
    background: transparent !important;
    text-align: center;
    line-height: 24px;
    height: auto;
    margin: 8px 0;
  }
  #mainWrapper #mainContent .webRoot.container .sujet.basic .link > h4, #mainWrapper #mainContent .webRoot.container .sujet.basic .checkout .subscriptionModificationNotice.link > .title, .checkout #mainWrapper #mainContent .webRoot.container .sujet.basic .subscriptionModificationNotice.link > .title, #mainWrapper #mainContent .webRoot.container .sujet.basic .customerManagement .overlay.deliveryTargets .notice .link > .title, .customerManagement .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .sujet.basic .link > .title, #mainWrapper #mainContent .webRoot.container .sujet.basic .checkout .overlay.deliveryTargets .notice .link > .title, .checkout .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .sujet.basic .link > .title, #mainWrapper #mainContent .webRoot.container .sujet.basic .filterList .filter .link > .label, .filterList .filter #mainWrapper #mainContent .webRoot.container .sujet.basic .link > .label, #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .link > h4, #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .checkout .subscriptionModificationNotice.link > .title, .checkout #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .subscriptionModificationNotice.link > .title, #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .customerManagement .overlay.deliveryTargets .notice .link > .title, .customerManagement .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .link > .title, #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .checkout .overlay.deliveryTargets .notice .link > .title, .checkout .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .link > .title, #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .filterList .filter .link > .label, .filterList .filter #mainWrapper #mainContent .webRoot.container .sujet.basicWithoutLink .link > .label, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .link > h4, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .checkout .subscriptionModificationNotice.link > .title, .checkout #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .subscriptionModificationNotice.link > .title, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .customerManagement .overlay.deliveryTargets .notice .link > .title, .customerManagement .overlay.deliveryTargets .notice #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .link > .title, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .checkout .overlay.deliveryTargets .notice .link > .title, .checkout .overlay.deliveryTargets .notice #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .link > .title, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .filterList .filter .link > .label, .filterList .filter #mainWrapper #responsive-search > .results .webRoot.container .sujet.basic .link > .label, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .link > h4, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .checkout .subscriptionModificationNotice.link > .title, .checkout #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .subscriptionModificationNotice.link > .title, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .customerManagement .overlay.deliveryTargets .notice .link > .title, .customerManagement .overlay.deliveryTargets .notice #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .link > .title, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .checkout .overlay.deliveryTargets .notice .link > .title, .checkout .overlay.deliveryTargets .notice #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .link > .title, #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .filterList .filter .link > .label, .filterList .filter #mainWrapper #responsive-search > .results .webRoot.container .sujet.basicWithoutLink .link > .label {
    font-size: 17px !important;
    font-weight: 300;
  }
  #mainWrapper #mainContent .webRoot.container .productListView.responsiveSlider, #mainWrapper #responsive-search > .results .webRoot.container .productListView.responsiveSlider {
    display: block;
  }
  #mainWrapper #mainContent .webRoot.container .productListView.responsiveSlider .wrapper, #mainWrapper #responsive-search > .results .webRoot.container .productListView.responsiveSlider .wrapper {
    width: 100vw;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    overflow: scroll;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
  }
  #mainWrapper #mainContent .webRoot.container .productListView.responsiveSlider .wrapper::-webkit-scrollbar, #mainWrapper #responsive-search > .results .webRoot.container .productListView.responsiveSlider .wrapper::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
  }
  #mainWrapper #mainContent .webRoot.container .productListView.responsiveSlider .wrapper > div, #mainWrapper #responsive-search > .results .webRoot.container .productListView.responsiveSlider .wrapper > div {
    scroll-margin: 10px;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    border: 0;
    float: none;
    margin: 0;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border-right: 1px solid #e2e2e2;
    height: auto;
    padding: 0;
    padding-bottom: 25px;
    padding-top: 15px;
  }
  #mainWrapper #mainContent .webRoot.container .productListView.responsiveSlider .wrapper > div > .image, #mainWrapper #responsive-search > .results .webRoot.container .productListView.responsiveSlider .wrapper > div > .image {
    border-bottom: 0;
  }
  #mainWrapper #mainContent .webRoot.container .productListView.responsiveSlider .wrapper > div > .image img, #mainWrapper #responsive-search > .results .webRoot.container .productListView.responsiveSlider .wrapper > div > .image img {
    width: auto;
    height: auto;
    max-width: 125px;
    max-height: 125px;
  }
  #mainWrapper #mainContent .webRoot.container .productListView.responsiveSlider .wrapper > div > .details, #mainWrapper #responsive-search > .results .webRoot.container .productListView.responsiveSlider .wrapper > div > .details {
    margin: 0;
  }
  #mainWrapper #mainContent .webRoot.container .productListView.responsiveSlider .wrapper > div > .details > .title, #mainWrapper #responsive-search > .results .webRoot.container .productListView.responsiveSlider .wrapper > div > .details > .title {
    font-size: 13px;
  }
  #mainWrapper #mainContent .webRoot.container .breakLine.nodeSeparator, #mainWrapper #responsive-search > .results .webRoot.container .breakLine.nodeSeparator {
    display: none;
  }
  #mainWrapper #mainContent .webRoot.container .anchorMenu, #mainWrapper #responsive-search > .results .webRoot.container .anchorMenu {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 55px;
    margin: 0;
    border: 0;
    text-align: left;
    width: 100vw;
    font-size: 0;
    background: #88aabe;
    z-index: 220;
    box-shadow: none;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
    border-bottom: 1px solid #ddd;
  }
  #mainWrapper #mainContent .webRoot.container .anchorMenu::-webkit-scrollbar, #mainWrapper #responsive-search > .results .webRoot.container .anchorMenu::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
  }
  #mainWrapper #mainContent .webRoot.container .anchorMenu > ul, #mainWrapper #responsive-search > .results .webRoot.container .anchorMenu > ul {
    display: block;
    height: auto;
    margin: 0;
    padding: 0 2px;
    white-space: nowrap;
    /*border-bottom: 1px solid #ddd;*/
    text-align: center;
  }
  #mainWrapper #mainContent .webRoot.container .anchorMenu > ul > li, #mainWrapper #responsive-search > .results .webRoot.container .anchorMenu > ul > li {
    padding: 0;
    scroll-margin: 0;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    scroll-margin: 0px;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    margin: 0;
    border-right: 0;
    display: inline-block;
  }
  #mainWrapper #mainContent .webRoot.container .anchorMenu > ul > li:first-child, #mainWrapper #responsive-search > .results .webRoot.container .anchorMenu > ul > li:first-child {
    padding-left: 3px;
  }
  #mainWrapper #mainContent .webRoot.container .anchorMenu > ul > li:last-child, #mainWrapper #responsive-search > .results .webRoot.container .anchorMenu > ul > li:last-child {
    padding-right: 3px;
  }
  #mainWrapper #mainContent .webRoot.container .anchorMenu > ul > li p, #mainWrapper #responsive-search > .results .webRoot.container .anchorMenu > ul > li p {
    padding: 0 4px !important;
  }
  #mainWrapper #mainContent .webRoot.container .anchorMenu > ul > li > a, #mainWrapper #responsive-search > .results .webRoot.container .anchorMenu > ul > li > a {
    padding: 3px 3px;
    line-height: 27px;
    font-size: 13px;
    font-weight: 500;
    border-right: 0;
    height: auto;
    color: #fff;
    margin: 0;
    display: inline-block;
  }
  #mainWrapper #mainContent .webRoot.container .anchorMenu > ul > li:after, #mainWrapper #responsive-search > .results .webRoot.container .anchorMenu > ul > li:after {
    display: none !important;
  }
  #mainWrapper #mainContent .webRoot.container .anchorMenu > ul > li:after-dash, #mainWrapper #responsive-search > .results .webRoot.container .anchorMenu > ul > li:after-dash {
    display: inline-block;
    content: "-";
    width: 15px;
    font-size: 13px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
  }
  #mainWrapper #mainContent .webRoot.container .anchorMenu > ul > li:after-pipe, #mainWrapper #responsive-search > .results .webRoot.container .anchorMenu > ul > li:after-pipe {
    display: inline-block;
    content: "|";
    width: 15px;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    color: #ddd;
    position: relative;
    top: -1px;
  }
  #mainWrapper #mainContent .webRoot.container .anchorMenu > ul > li:last-child:after, #mainWrapper #responsive-search > .results .webRoot.container .anchorMenu > ul > li:last-child:after {
    display: none;
  }
  #footer {
    width: auto;
    margin: 0;
    padding: 0;
    background: #fff url("/img/core/backgrounds/footer.png") repeat-x repeat 90% bottom;
    position: relative;
  }
  #footer .leftBlock {
    margin-right: 0;
    float: none;
  }
  #footer .leftBlock .blockWrapper {
    width: auto;
    border: 0;
    z-index: 10;
    position: relative;
  }
  #footer .leftBlock .blockWrapper .content {
    text-align: center;
    padding: 20px;
  }
  #footer .leftBlock .blockWrapper .content .title {
    margin-bottom: 10px;
  }
  #footer .leftBlock .blockWrapper .content .title h3, #footer .leftBlock .blockWrapper .content .title .shopButton {
    font-weight: 600;
  }
  #footer .leftBlock .subBlock {
    /*                position: absolute;
                    bottom: 80px;*/
  }
  #footer .leftBlock .subBlock .image {
    float: none;
    margin: 0;
    text-align: center;
  }
  #footer .leftBlock .subBlock #invtrflfloatbtn {
    display: none;
  }
  #footer .rightBlock {
    overflow: visible;
  }
  #footer .rightBlock .head {
    border-bottom: 0;
    height: auto;
  }
  #footer .rightBlock .head .socialBox {
    position: absolute;
    bottom: 40px;
    left: 20px;
    display: none;
  }
  #footer .rightBlock .head .deliveryCheck {
    margin-top: 10px;
    padding-bottom: 20px;
    float: none;
    text-align: center;
    background: #eee;
  }
  #footer .rightBlock .head .deliveryCheck .title {
    margin: 0;
    padding-top: 10px;
  }
  #footer .rightBlock .head .deliveryCheck > div {
    display: block;
  }
  #footer .rightBlock .head .deliveryCheck .searchBox {
    margin-top: 5px;
    float: none;
  }
  #footer .rightBlock .head .deliveryCheck .searchBox input {
    font-family: "Open Sans";
    background: #fff url("/img/responsive/mag-medium-gray.png") no-repeat 8px 6px;
    background-size: 18px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #bbb;
    border-radius: 0;
    border: 0;
    height: auto;
    line-height: 28px;
    text-indent: 31px;
    font-weight: 500;
    font-size: 14px;
    color: #4c4c4c;
    width: 100%;
    max-width: 240px;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  #footer .rightBlock .head .deliveryCheck .searchBox input::placeholder {
    color: #bbb;
  }
  #footer .rightBlock .head .deliveryCheck .searchButton {
    display: none;
  }
  #footer .rightBlock .navigation {
    margin: 5px 0 0;
    text-align: center;
  }
  #footer .rightBlock .navigation > ul {
    margin: 0;
    padding: 0;
  }
  #footer .rightBlock .navigation > ul > li {
    float: none;
    margin: 0;
    padding: 0;
  }
  #footer .rightBlock .navigation > ul > li > a {
    font-size: 20px;
    line-height: 20px;
    margin-top: 20px;
    display: block;
  }
  #footer .rightBlock .navigation > ul > li > ul {
    margin: 10px 0 0;
    padding: 0;
  }
  #footer .rightBlock .navigation > ul > li > ul > li {
    margin: 0 0 3px;
    padding: 0;
  }
  #footer .rightBlock .navigation > ul > li > ul > li > a {
    font-size: 15px;
    line-height: 15px;
    opacity: 0.8;
  }
  #footer .rightBlock .sub {
    margin: 25px auto 0;
    text-align: center;
    width: 80%;
    max-width: 480px;
  }
  #footer .rightBlock .sub .paymentLogos {
    width: auto;
    padding-bottom: 100px;
  }
  #footer .rightBlock .sub .paymentLogos img {
    width: 100%;
    max-width: 300px;
  }
  .slider.imageSlider {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  #overlayWindow {
    margin: 0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 223 !important;
    overflow: auto;
    box-shadow: none;
    width: 100% !important;
    margin-left: 0 !important;
    overscroll-behavior: contain;
  }
  #overlayWindow #overlayWindow-content {
    padding: 0;
    max-height: calc(100vh - 118px);
    height: calc(100vh - 118px);
    -ms-overflow-style: none;
    overscroll-behavior: contain;
    scrollbar-width: none;
    scrollbar-color: #fff #fff;
    scrollbar-base-color: #fff;
    scrollbar-face-color: #fff;
    scrollbar-3dlight-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #fff;
    scrollbar-shadow-color: #fff;
    scrollbar-dark-shadow-color: #fff;
  }
  #overlayWindow #overlayWindow-content .webRoot.container {
    padding: 0;
  }
  #overlayWindow #overlayWindow-content::-webkit-scrollbar {
    display: none;
    width: 0px;
  }
  #overlayWindow #overlayWindow-content::-webkit-scrollbar-thumb {
    background-color: transparent;
  }
  #overlayWindow #overlayWindow-content::-webkit-scrollbar-thumb:hover {
    background: transparent;
  }
  #overlayWindow.redacted {
    top: 44px !important;
  }
  #overlayWindow.loading {
    bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
  }
  #overlayWindow.visible {
    margin-top: 56px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15) !important;
  }
  #overlayWindow .clickCorner {
    top: 0;
    z-index: 10;
  }
  #overlayWindow .productDetail {
    padding-bottom: 20px;
  }
  #overlayWindow .productDetail .purchaseBox {
    display: none;
  }
  #overlayWindow .image.responsive img {
    width: 100% !important;
    height: 100% !important;
  }
  #overlayWindow .productDetail .head {
    display: flex;
    flex-flow: column;
    margin-top: 15px;
    margin-bottom: 25px;
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #overlayWindow .productDetail .head > div .top > .left {
    display: flex;
    float: none;
    flex-flow: column-reverse;
    margin-right: 0;
  }
  #overlayWindow .productDetail .head .image {
    width: 100%;
    text-align: center;
  }
  #overlayWindow .productDetail .head .image img {
    width: 65%;
    max-width: 365px;
    /*box-shadow: 0 0 8px rgba(0,0,0,0.2);
    border-radius: 190px;
    padding: 20px;*/
  }
  #overlayWindow .productDetail .head .overview {
    margin: 0;
    float: none;
    text-align: center;
  }
  #overlayWindow .productDetail .head .overview .title h2, #overlayWindow .productDetail .head .overview .title .productSearch .resultList .loadIndicator, .productSearch .resultList #overlayWindow .productDetail .head .overview .title .loadIndicator, #overlayWindow .productDetail .head .overview .title .productSearch .resultList .searchResponse, .productSearch .resultList #overlayWindow .productDetail .head .overview .title .searchResponse {
    color: #3e3e3e;
  }
  #overlayWindow .productDetail .head .overview .type h3, #overlayWindow .productDetail .head .overview .type .shopButton {
    color: #8fbe3e;
    font-size: 18px;
  }
  #overlayWindow .productDetail .head .overview .price {
    margin-top: 25px;
  }
  #overlayWindow .productDetail .head .overview .collateral {
    text-align: center;
    vertical-align: top;
  }
  #overlayWindow .productDetail .head .overview .collateral > div {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  #overlayWindow .productDetail .head .overview .collateral .label {
    margin-right: 5px;
  }
  #overlayWindow .productDetail .head .overview .collateral .icon {
    text-indent: 1px;
  }
  #overlayWindow .productDetail .head .overview .selectorWrapper {
    margin-top: 0;
  }
  #overlayWindow .productDetail .head .overview .selectorWrapper .selectorContainer {
    float: none;
    margin-right: 0;
  }
  #overlayWindow .productDetail .head .overview .selectorWrapper .selectorContainer .selector {
    margin-top: 0;
    float: none;
  }
  #overlayWindow .productDetail .head .overview .selectorWrapper .selectorContainer .selector .left {
    margin: 0;
    float: none;
  }
  #overlayWindow .breakLine {
    height: 1px;
    min-height: 1px;
    margin: 0;
    background: #eee;
  }
  #overlayWindow .breakLine:last-of-type {
    display: none;
  }
  #overlayWindow .productDetail .infoBlock {
    background: #fff;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  #overlayWindow .productDetail .infoBlock.breakOnly {
    background: #eee;
    height: 4px;
    margin: 0;
    padding: 0;
  }
  #overlayWindow .productDetail .infoBlock.breakOnly .bar {
    display: none;
  }
  #overlayWindow .productDetail .infoBlock .bar {
    margin-bottom: 10px;
    height: 29px;
    line-height: 29px;
  }
  #overlayWindow .productDetail .infoBlock img {
    background: #fff;
  }
  #overlayWindow .productDetail .infoBlock .content > .col-1 img, #overlayWindow .productDetail .infoBlock .content > .col-2 img {
    height: 45px;
    max-height: 45px;
  }
  #overlayWindow .productDetail .descriptors {
    background: #f8f8f8;
    margin: 0;
    padding: 15px 15px 60px;
  }
  #overlayWindow .productDetail .descriptors > div {
    float: none;
    width: auto;
  }
  #overlayWindow .productDetail .descriptors > div .descriptorPair > div {
    padding-bottom: 5px;
  }
  #overlayWindow .productDetail .descriptors > div .descriptorPair > div.label {
    min-width: 120px;
  }
  #overlayWindow .productDetail .descriptors > div .text {
    padding-right: 0;
  }
  #overlayWindow .manufacturerDetail .productListContainer {
    left: 0 !important;
    margin: 0 !important;
  }
  .productDetail .infoBlock.bundleContents {
    margin-top: 0;
  }
  .productDetail .infoBlock.blockOnly {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .productDetail .infoBlock.blockOnly .bar {
    margin-bottom: 0 !important;
  }
  body > .purchaseBox {
    position: fixed;
    bottom: 0;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.18);
    margin: 0;
    right: 0;
    left: 0;
    padding-top: 12px;
    padding-bottom: 16px;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 224;
    display: flex;
    flex-wrap: none;
    align-content: space-between;
  }
  body > .purchaseBox > div {
    flex: 1;
  }
  body > .purchaseBox .priceAndCollateral {
    white-space: nowrap;
  }
  body > .purchaseBox .priceAndCollateral.hasCollateral {
    position: relative;
    top: -8px;
  }
  body > .purchaseBox .price {
    padding-left: 0 !important;
  }
  body > .purchaseBox .price .string-content {
    font-size: 16px;
  }
  body > .purchaseBox .price h3, body > .purchaseBox .price .shopButton {
    font-size: 16px !important;
    line-height: 33px;
  }
  body > .purchaseBox .collateral {
    position: absolute;
    top: 25px;
  }
  body > .purchaseBox .collateral .label {
    padding-right: 2px;
    line-height: 18px;
  }
  body > .purchaseBox .collateral .label h5, body > .purchaseBox .collateral .label .cart.sumOnly .cartSum.totalSum, .cart.sumOnly body > .purchaseBox .collateral .label .cartSum.totalSum {
    font-size: 12px;
  }
  body > .purchaseBox .collateral .info .icon .overlay {
    transform: scale(0.9, 0.9);
    position: fixed !important;
    left: 5px !important;
    right: 5px !important;
    bottom: 40px !important;
    top: auto !important;
    white-space: normal;
    width: auto !important;
    max-width: auto !important;
  }
  body > .purchaseBox .collateral .info .icon .overlay .string-content {
    padding-top: 4px !important;
    font-size: 13px;
    line-height: 17px;
  }
  body > .purchaseBox .collateral .info .icon .overlay h4, body > .purchaseBox .collateral .info .icon .overlay .checkout .subscriptionModificationNotice > .title, .checkout body > .purchaseBox .collateral .info .icon .overlay .subscriptionModificationNotice > .title, body > .purchaseBox .collateral .info .icon .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement body > .purchaseBox .collateral .info .icon .overlay.deliveryTargets .notice .title, body > .purchaseBox .collateral .info .icon .checkout .overlay.deliveryTargets .notice .title, .checkout body > .purchaseBox .collateral .info .icon .overlay.deliveryTargets .notice .title, body > .purchaseBox .collateral .info .icon .overlay .filterList .filter .label, .filterList .filter body > .purchaseBox .collateral .info .icon .overlay .label {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.9);
    padding-bottom: 10px;
  }
  body > .purchaseBox .collateral .info .icon:hover .overlay {
    transform: scale(1, 1);
  }
  body > .purchaseBox .selectorWrapper {
    text-align: right;
    position: relative;
    top: 0;
    max-height: 37px;
    white-space: nowrap;
  }
  body > .purchaseBox .selectorContainer {
    margin-right: 3px;
    margin-left: 25px;
  }
  body > .purchaseBox .selectorContainer .selector {
    white-space: nowrap !important;
  }
  body > .purchaseBox .selectorContainer .selector > div {
    float: none !important;
    display: inline-block !important;
    vertical-align: top;
  }
  body > .purchaseBox .selectorContainer, body > .purchaseBox .cartButton {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  body > .purchaseBox .selectorContainer .selector, body > .purchaseBox .cartButton .selector {
    margin-top: 0;
  }
  body > .purchaseBox .cartButton {
    background-size: 85% auto;
    width: 36px;
    height: 33px;
  }
  body > .purchaseBox.unavailable .selectorWrapper {
    display: none;
  }
  body > .purchaseBox.unavailable .unavailable-notice {
    display: block;
    top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 120px;
  }
  body > .purchaseBox .tooltip-container .tooltip-label {
    padding-left: 0 !important;
  }
  body > .purchaseBox .tooltip-container .tooltip {
    top: auto !important;
    bottom: -10000px;
    max-width: 70vw;
    white-space: normal;
  }
  body > .purchaseBox .tooltip-container .tooltip:after {
    top: auto;
    bottom: -10px;
    border-bottom: 0;
    border-top: 10px solid #fff;
  }
  body > .purchaseBox .tooltip-container:hover .tooltip {
    bottom: 27px;
  }
  .product.unavailable {
    position: relative;
  }
  .product.unavailable .unavailable-notice {
    top: 60px;
  }
  #footer {
    background-position: 90% bottom;
  }
  form input, .webForm textarea, form textarea, .webForm input {
    width: 100% !important;
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 4px 3px !important;
    text-indent: 4px !important;
  }
  form input, .webForm input {
    max-width: 508px !important;
  }
  .webForm textarea, form textarea {
    text-indent: 0 !important;
    padding-left: 8px !important;
    width: calc(100% - 4px) !important;
  }
  .selectboxit-container .selectboxit {
    line-height: 24px !important;
    height: 24px;
  }
  .selectboxit-container .selectboxit .selectboxit-text {
    line-height: 24px;
    height: 24px;
    text-indent: 2px;
    font-size: 14px;
    font-weight: 500;
    font-family: "Open Sans", Arial !important;
  }
  .selectboxit-container .selectboxit .selectboxit-arrow-container {
    top: 3px;
    right: 3px;
  }
  form .fieldSet .label {
    font-size: 13px !important;
    padding-bottom: 1px !important;
  }
  .fieldWrapper .fields {
    margin-right: 8px !important;
    float: none !important;
  }
  .fieldWrapper {
    display: flex;
    flex-flow: column-reverse;
  }
  .responseContainer {
    margin-top: 0 !important;
    background-color: #a87358 !important;
    width: 100% !important;
  }
  .responseContainer.visible {
    margin-top: 3px !important;
    margin-bottom: 0px !important;
    float: none !important;
    height: auto !important;
  }
  .responseContainer.visible .response {
    display: block !important;
    height: auto !important;
    font-size: 14px !important;
    width: auto !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
  }
  .responseContainer.visible .response > div {
    display: block !important;
    padding: 15px !important;
  }
  .passwordRecovery .infoText {
    width: auto;
    font-size: 14px;
  }
  .passwordRecovery h2, .passwordRecovery .productSearch .resultList .loadIndicator, .productSearch .resultList .passwordRecovery .loadIndicator, .passwordRecovery .productSearch .resultList .searchResponse, .productSearch .resultList .passwordRecovery .searchResponse {
    margin-bottom: 0;
  }
  .webRoot.container .breakLine.basic {
    display: none;
  }
  .productDetail .related .list {
    display: none;
  }
  .customerGate {
    font-size: 14px !important;
    border-right: 0;
  }
  .customerGate .contentArea, .customerGate #mainContent .checkoutModule, #mainContent .customerGate .checkoutModule,
  .customerGate #mainContent .productDetail,
  #mainContent .customerGate .productDetail,
  .customerGate #mainContent .manufacturerDetail,
  #mainContent .customerGate .manufacturerDetail {
    box-shadow: none !important;
  }
  .customerGate input ::-webkit-input-placeholder {
    color: #bbb !important;
  }
  .customerGate input :-moz-placeholder {
    color: #bbb !important;
  }
  .customerGate input ::-moz-placeholder {
    color: #bbb !important;
  }
  .customerGate input :-ms-input-placeholder {
    color: #bbb !important;
  }
  #mainContent .checkoutModule.basic {
    padding: 0;
    border: 0;
    margin-bottom: 0;
  }
  #mainContent .checkoutModule.basic > div.checkout .section {
    padding: 0 16px 10px;
  }
  #mainContent .checkoutModule.basic > div.checkout .section:last-child {
    padding-bottom: 15px !important;
  }
  #mainContent .checkoutModule.basic .checkout > .title {
    margin-top: 16px;
  }
  #mainContent .checkoutModule.basic .checkout > .title:first-child {
    margin-top: 0;
  }
  #mainContent .checkoutModule.basic .checkout > .title > h2, #mainContent .checkoutModule.basic .productSearch .resultList .checkout > .title > .loadIndicator, .productSearch .resultList #mainContent .checkoutModule.basic .checkout > .title > .loadIndicator, #mainContent .checkoutModule.basic .productSearch .resultList .checkout > .title > .searchResponse, .productSearch .resultList #mainContent .checkoutModule.basic .checkout > .title > .searchResponse {
    line-height: 38px !important;
    padding: 10px !important;
    font-size: 20px !important;
    font-weight: 400 !important;
  }
  #mainContent .checkoutModule.basic .checkout-delivery .deliveryNotice .label {
    font-size: 13px !important;
    margin-bottom: 3px;
  }
  #mainContent .checkoutModule.basic .checkout-delivery textarea {
    height: 100px;
  }
  #mainContent .checkoutModule.basic .checkout-delivery .alternativeResponseContainer {
    position: relative;
    left: 0;
    width: 100%;
  }
  #mainContent .checkoutModule.basic .checkout-delivery .alternativeResponseContainer .response {
    font-size: 14px !important;
  }
  #mainContent .checkoutModule.basic .collateralTooltip {
    display: none;
  }
  #mainContent .checkoutModule.basic .cart.full .item {
    border-top: 0;
    border-bottom: 0;
  }
  #mainContent .checkoutModule.basic .cart.full .selector .unit {
    line-height: 26px !important;
    font-size: 14px;
  }
  #mainContent .checkoutModule.basic .cart.full .col.voucher {
    border-top: 0 !important;
  }
  #mainContent .checkoutModule.basic .cart.full .cartItem-product.voucher {
    display: table;
    height: 70px;
  }
  #mainContent .checkoutModule.basic .cart.full .cartItem-product.voucher .basics {
    display: table-cell;
    vertical-align: middle;
  }
  #mainContent .checkoutModule.basic .cart.full .col.cartItem-image {
    padding-right: 0 !important;
  }
  #mainContent .checkoutModule.basic .cart.full .cartItem-image.voucher, #mainContent .checkoutModule.basic .cart.full .cartItem-product.transport .cartItem-image {
    top: -10px;
  }
  #mainContent .checkoutModule.basic .cart.full .cartItem-price.voucher {
    margin-left: 130px;
    padding-top: 8px;
    width: 100%;
    text-align: left;
  }
  #mainContent .checkoutModule.basic .cart.full .cartItem-quantity.purchase.voucher {
    display: none;
  }
  #mainContent .checkoutModule.basic .cart.full .cartItem-product.transport .cartItem-quantity.purchase, #mainContent .checkoutModule.basic .cart.full .cartItem-product.collateralCredit .cartItem-quantity.purchase {
    display: none;
  }
  #mainContent .checkoutModule.basic .cart.full .cartItem-product.transport .cartItem-price, #mainContent .checkoutModule.basic .cart.full .cartItem-product.collateralCredit .cartItem-price {
    border-top: 0 !important;
    margin-left: 140px;
    padding-left: 0;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-top: 0px;
    text-align: left;
  }
  #mainContent .checkoutModule.basic .checkout > .section {
    border-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 3px;
  }
  #mainContent .checkoutModule.basic .webForm {
    float: none;
    margin-right: 0;
  }
  #mainContent .checkoutModule.basic .deliveryTargets .target {
    white-space: nowrap !important;
  }
  #mainContent .checkoutModule.basic .fieldSet {
    margin-right: 10px;
  }
  #mainContent .checkoutModule.basic .fieldSet-pair {
    margin-bottom: 0;
  }
  #mainContent .checkoutModule.basic .fieldSet-pair:nth-child(3) .right {
    margin-bottom: 0 !important;
  }
  #mainContent .checkoutModule.basic .fieldSet-pair .left, #mainContent .checkoutModule.basic .fieldSet-pair .right {
    margin-bottom: 10px !important;
    float: none;
    margin-right: 0;
  }
  #mainContent .checkoutModule.basic .fieldSet-pair .fourDigits {
    margin-bottom: 5px;
  }
  #mainContent .checkoutModule.basic .fieldSet-pair .fourDigits input {
    width: 44px !important;
  }
  #mainContent .checkoutModule.basic .fieldSet-pair .short input {
    min-width: 200px;
  }
  #mainContent .checkoutModule.basic .fieldSet-pair .selectboxit-container .selectboxit {
    width: 100% !important;
    min-width: 120px;
  }
  #mainContent .checkoutModule.basic .fieldSet-pair .selectboxit-container .selectboxit .selectboxit-text {
    width: 100%;
    min-width: 100px;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container {
    margin-top: 10px;
    width: 100%;
    float: none;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container div {
    float: none;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .comment {
    width: auto;
    font-size: 12px;
    padding-top: 4px;
    margin-bottom: 3px;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .voucherEntry {
    white-space: nowrap;
    width: 100%;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .voucherEntry .comment {
    white-space: normal;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .voucherEntry .label, #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .voucherEntry .webForm.inputField, #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .voucherEntry .button {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .voucherEntry input {
    max-width: 100px;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .voucherEntry .responseContainer.visible {
    width: 100% !important;
    margin-top: 5px !important;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .voucherEntry .responseContainer.visible .response {
    font-size: 14px !important;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .voucherEntry .responseContainer.visible .response p {
    display: inline;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .response > div {
    padding: 12px 17px !important;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .label {
    line-height: 15px;
    position: relative;
    top: -1px;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .button .shopButton {
    margin-left: 10px;
    height: auto;
    font-weight: 500;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .button .shopButton a {
    font-size: 14px;
    line-height: 28px;
  }
  #mainContent .checkoutModule.basic .cart.full .cartSum .wrapper .value {
    padding-right: 0;
  }
  #mainContent .checkoutModule.basic .itemList > div {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 2px dotted #e2e2e2 !important;
    position: relative;
  }
  #mainContent .checkoutModule.basic .itemList > div.collateralCredit .col.cartItem-image {
    text-align: center;
    left: 17px;
  }
  #mainContent .checkoutModule.basic .itemList > div.collateralCredit img {
    width: 100px !important;
    height: auto !important;
  }
  #mainContent .checkoutModule.basic .itemList > div.collateralCredit .content {
    font-size: 13px;
    padding-top: 5px;
  }
  #mainContent .checkoutModule.basic .itemList > div.collateralCredit .col.purchase, #mainContent .checkoutModule.basic .itemList > div.collateralCredit .col.price {
    border-top: 0 !important;
  }
  #mainContent .checkoutModule.basic .itemList > div.collateralCredit .col.price {
    margin-left: 130px;
    padding-top: 3px;
  }
  #mainContent .checkoutModule.basic .itemList > div:last-of-type {
    margin-bottom: 0;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col {
    display: block;
    padding-top: 0px;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-image {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-image img {
    width: 120px;
    height: auto;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product {
    width: auto;
    height: auto;
    flex-grow: 1;
    margin-left: 140px;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product .title h4, #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product .title .checkout .subscriptionModificationNotice > .title, .checkout #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product .title .subscriptionModificationNotice > .title, #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product .title .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product .title .title, #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product .title .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product .title .title, #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product .title .filterList .filter .label, .filterList .filter #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product .title .label {
    font-weight: 500;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product .priceInfo .content {
    white-space: nowrap;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product .selectboxit-container .selectboxit {
    line-height: 22px !important;
    height: 22px;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product .selectboxit-container .selectboxit .selectboxit-text {
    line-height: 22px;
    height: 22px;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product .selectboxit-container .selectboxit .selectboxit-arrow-container {
    top: 2px;
    right: 3px;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product .removeLink {
    padding-top: 2px;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-image, #mainContent .checkoutModule.basic .itemList > div > .col.cartItem-product {
    padding-bottom: 0;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col.breaker {
    padding: 15px 0 0;
    flex-basis: 100%;
    width: 0;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col.purchase {
    margin-left: 141px;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col.purchase, #mainContent .checkoutModule.basic .itemList > div > .col.price {
    border-top: 1px dotted #ddd;
    padding-top: 4px;
  }
  #mainContent .checkoutModule.basic .itemList > div > .col.price {
    line-height: 14px;
    font-size: 14px;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 0;
    padding-top: 12px;
  }
  #mainContent .checkoutModule.basic .itemList > div .itemOptions > .label {
    display: block;
    float: none;
  }
  #mainContent .checkoutModule.basic .itemList > div .itemOptions .cartItem-options .selectboxit-btn {
    min-width: 120px !important;
  }
  #mainContent .checkoutModule.basic .itemList > div .itemOptions .cartItem-options .selectboxit-text {
    min-width: 100px !important;
  }
  #mainContent .checkoutModule.basic .genericColumnContainer {
    width: auto;
  }
  #mainContent .checkoutModule.basic .section.checkout-cart .cartSum.total.totalSum {
    margin-right: 0;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription {
    border-bottom: 0;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription > div {
    display: block;
    width: auto;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .itemList {
    width: 100%;
    border-bottom: 0 !important;
    margin-bottom: 10px;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .itemList div {
    font-size: 13px !important;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .itemList > div {
    white-space: normal !important;
    border-bottom: 0 !important;
    width: 100%;
    display: table-row;
    padding-bottom: 0px;
    margin-bottom: 0;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .itemList > div > div {
    border-bottom: 0 !important;
    padding-bottom: 2px;
    padding-top: 2px;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .itemList > div > .cartItem-title {
    padding-right: 25px;
    min-width: 110px;
    white-space: nowrap;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .itemList > div > .unitInfo {
    width: 100%;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .tooltip-container .tooltip {
    width: auto;
    min-width: 210px;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .sumList > div {
    line-height: 23px;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .subscriptionFrequency {
    border-top: 2px dotted #ddd;
    padding-top: 15px;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .subscriptionFrequency .label {
    line-height: 24px !important;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .subscriptionFrequency .selectboxit-container .selectboxit {
    min-width: 160px !important;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .subscriptionFrequency .selectboxit-container .selectboxit-text {
    min-width: 140px !important;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .c50r > div {
    margin-left: 0;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .c50r > div p {
    font-size: 13px !important;
  }
  #mainContent .checkoutModule.basic .section.checkout-subscription .c50r > div h3, #mainContent .checkoutModule.basic .section.checkout-subscription .c50r > div .shopButton {
    font-weight: 400;
  }
  #mainContent .checkoutModule.basic .section.checkout-delivery {
    display: flex;
    flex-direction: column-reverse;
  }
  #mainContent .checkoutModule.basic .section.checkout-delivery > div {
    flex: 1;
  }
  #mainContent .checkoutModule.basic .deliveryAddress-selection .list.deliveryAddress {
    border-bottom: 0;
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  #mainContent .checkoutModule.basic .deliveryAddress-selection .list.deliveryAddress .entry {
    max-width: none;
    width: 100%;
    margin-right: 0;
  }
  #mainContent .checkoutModule.basic .deliveryAddress-selection .list.deliveryAddress .entry.create {
    flex: 1;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets, #mainContent .customerManagement .overlay.deliveryTargets {
    position: fixed;
    top: 55px;
    bottom: 0;
    right: 0;
    width: 100%;
    margin-left: 0;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets .notice, #mainContent .customerManagement .overlay.deliveryTargets .notice {
    margin-right: 0;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets.visible, #mainContent .customerManagement .overlay.deliveryTargets.visible {
    left: 0;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets .webForm-container, #mainContent .customerManagement .overlay.deliveryTargets .webForm-container {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets .webForm-container .webForm .fieldSet-pair .left, #mainContent .customerManagement .overlay.deliveryTargets .webForm-container .webForm .fieldSet-pair .left {
    float: none;
    margin-right: 10px;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets .webForm-container .webForm .fieldSet-pair .right, #mainContent .customerManagement .overlay.deliveryTargets .webForm-container .webForm .fieldSet-pair .right {
    margin-right: 10px;
    float: none;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets .webForm-container .webForm > .notice, #mainContent .customerManagement .overlay.deliveryTargets .webForm-container .webForm > .notice {
    max-width: 480px;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets .webForm-container .responseContainer, #mainContent .customerManagement .overlay.deliveryTargets .webForm-container .responseContainer {
    margin-bottom: 12px !important;
    max-width: none !important;
    background-image: none;
    font-size: 13px;
    display: none;
    padding-bottom: 0;
    margin: 0;
    width: auto !important;
    max-width: 516px !important;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets .webForm-container .responseContainer.visible, #mainContent .customerManagement .overlay.deliveryTargets .webForm-container .responseContainer.visible {
    display: block;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets .webForm-container .responseContainer .responseHolder, #mainContent .customerManagement .overlay.deliveryTargets .webForm-container .responseContainer .responseHolder {
    padding-bottom: 8px !important;
    margin-bottom: 0;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets .webForm-container .responseContainer .responseHolder:empty, #mainContent .customerManagement .overlay.deliveryTargets .webForm-container .responseContainer .responseHolder:empty {
    display: none !important;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets .webForm-container .responseContainer .responseHolder ul, #mainContent .customerManagement .overlay.deliveryTargets .webForm-container .responseContainer .responseHolder ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets .webForm-container .responseContainer .responseHolder ul li, #mainContent .customerManagement .overlay.deliveryTargets .webForm-container .responseContainer .responseHolder ul li {
    margin-left: 25px !important;
    margin-bottom: 2px !important;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets .webForm-container .responseContainer .responseHolder ul li:last-child, #mainContent .customerManagement .overlay.deliveryTargets .webForm-container .responseContainer .responseHolder ul li:last-child {
    margin-bottom: 0px !important;
  }
  #mainContent .checkoutModule.basic .overlay.deliveryTargets .webForm-container .responseContainer .responseHolder ul li:last-child:only-child, #mainContent .customerManagement .overlay.deliveryTargets .webForm-container .responseContainer .responseHolder ul li:last-child:only-child {
    margin-left: 0 !important;
    list-style: none;
  }
  .checkout-paymentMethod .selection .method, .checkout > div > .section.checkout-paymentMethod .selection .method, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method {
    white-space: nowrap;
  }
  .checkout-paymentMethod .selection .method .field {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  .checkout-paymentMethod .selection .method .label {
    position: relative;
    top: 0;
    white-space: normal;
    line-height: 21px;
  }
  #mainContent .checkoutModule h2, #mainContent .checkoutModule .productSearch .resultList .loadIndicator, .productSearch .resultList #mainContent .checkoutModule .loadIndicator, #mainContent .checkoutModule .productSearch .resultList .searchResponse, .productSearch .resultList #mainContent .checkoutModule .searchResponse {
    line-height: 38px !important;
    padding: 0 !important;
    padding: 10px !important;
    font-size: 20px !important;
    font-weight: 400 !important;
  }
  .section.checkout-paymentMethod, .checkout > .section.checkout-paymentMethod, .checkout > div > .section.checkout-paymentMethod, .checkout .section.checkout-subscription.checkout-paymentMethod {
    display: flex;
    flex-flow: column-reverse;
  }
  .checkout-paymentMethod-wrapper > .title {
    margin-bottom: 0 !important;
  }
  .section.checkout-paymentMethod, .checkout > .section.checkout-paymentMethod, .checkout > div > .section.checkout-paymentMethod, .checkout .section.checkout-subscription.checkout-paymentMethod {
    border-bottom: 0 !important;
  }
  .section.checkout-paymentMethod .paymentNotice, .checkout > div > .section.checkout-paymentMethod .paymentNotice, .checkout .section.checkout-subscription.checkout-paymentMethod .paymentNotice {
    margin-top: 10px;
    transition-delay: 0s !important;
    opacity: 1 !important;
    display: block !important;
    position: relative !important;
    right: auto;
    top: 0;
    max-width: 100% !important;
    width: auto;
    margin-bottom: 15px;
  }
  .section.checkout-paymentMethod .paymentNotice .block.logos img {
    width: 100% !important;
    max-width: 350px !important;
  }
  .section.checkout-paymentMethod .method.profile .info {
    margin-left: 0 !important;
    max-width: auto !important;
    white-space: normal !important;
  }
  .checkmarks {
    margin-bottom: 10px;
    white-space: nowrap !important;
  }
  .checkmarks .label {
    white-space: normal !important;
    margin-right: 10px;
  }
  .shopButton.small a {
    padding: 0 5px 0 5px !important;
  }
  .shopButton a {
    padding: 0 3px 0 3px !important;
    text-align: center;
  }
  .shopButton.submit {
    font-size: 15px !important;
    font-weight: 500 !important;
  }
  .shopButton.submit a {
    padding-right: 12px !important;
  }
  .shopButton.finalize {
    height: auto !important;
    display: block;
    margin-top: 25px;
    margin-bottom: 5px;
  }
  .shopButton.finalize .loader {
    top: 10px !important;
    left: 13px !important;
  }
  .shopButton.finalize.right {
    float: none;
  }
  .shopButton.finalize a {
    background-size: 22px;
    background-image: url("/img/core/scraps/button-arrowOverlay-right-large.png");
    display: inline-block;
    font-size: 19px !important;
    width: auto !important;
    line-height: 32px;
    height: 34px;
    font-weight: 500 !important;
    text-align: left !important;
    padding: 5px 33px 5px 10px !important;
    text-indent: 9px !important;
  }
  .shopButton.finalize.busy {
    text-indent: 0;
  }
  .shopButton.finalize.busy a {
    text-indent: 33px !important;
  }
  .paymentMethods .method .info {
    white-space: normal !important;
    padding-top: 5px;
  }
  #customerGate .responsive {
    padding: 10px;
    display: block;
  }
  #customerGate .responsive .block {
    color: #fff;
    margin-bottom: 1px;
    text-indent: 2px;
  }
  #customerGate .responsive .block.customer {
    background: #80b030 url("/img/responsive/account-large-white.png") no-repeat 8px 5px;
    background-size: 30px;
    text-indent: 38px;
    line-height: 30px;
    height: 32px;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 10px;
  }
  #customerGate .responsive .block a {
    color: #444 !important;
    font-size: 14px;
    padding: 6px 10px;
    display: block;
    text-decoration: none !important;
    background: #eee;
  }
  #customerGate .responsive .block a:hover {
    background: #8fbe3e;
    color: #fff !important;
  }
  #customerGate .responsive .block.checkout {
    background-size: 22px;
  }
  #customerGate > .regular {
    display: none;
  }
  #customerGate .customerGate {
    font-size: 20px !important;
  }
  .sumList-container {
    float: none !important;
  }
  .sumList-container .cartSum > .wrapper {
    float: none !important;
  }
  .sumList-container .sumList {
    font-size: 14px;
    border-top: 4px solid #eee;
    margin-top: 15px !important;
    padding-top: 17px;
  }
  .sumList-container .sumList .cartSum {
    float: none;
  }
  .sumList-container .sumList .cartSum.deliveryChargeNotice {
    width: 100%;
  }
  .sumList-container .sumList .cartSum.deliveryChargeNotice > .wrapper {
    display: block;
  }
  .sumList-container .sumList .cartSum.deliveryChargeNotice > .wrapper > .label {
    margin-right: 0;
  }
  .sumList-container .sumList .cartSum .wrapper {
    display: flex;
  }
  .sumList-container .sumList .cartSum .label, .sumList-container .sumList .cartSum .value {
    float: none !important;
  }
  .sumList-container .sumList .cartSum .label {
    text-align: left !important;
  }
  .sumList-container .sumList .cartSum .value {
    text-align: right;
    flex-grow: 1;
  }
  body {
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
  }
  .customerManagement > .contentArea.full, #mainContent .customerManagement > .full.checkoutModule,
  #mainContent .customerManagement > .full.productDetail,
  #mainContent .customerManagement > .full.manufacturerDetail {
    padding: 0;
    width: 100vw !important;
  }
  .customerManagement > .contentArea.full > .infoText, #mainContent .customerManagement > .full.checkoutModule > .infoText,
  #mainContent .customerManagement > .full.productDetail > .infoText,
  #mainContent .customerManagement > .full.manufacturerDetail > .infoText, .customerManagement > .contentArea.full .blockContainer, #mainContent .customerManagement > .full.checkoutModule .blockContainer,
  #mainContent .customerManagement > .full.productDetail .blockContainer,
  #mainContent .customerManagement > .full.manufacturerDetail .blockContainer {
    padding: 0 16px 5px !important;
  }
  .customerManagement > .contentArea.full > .infoText, #mainContent .customerManagement > .full.checkoutModule > .infoText,
  #mainContent .customerManagement > .full.productDetail > .infoText,
  #mainContent .customerManagement > .full.manufacturerDetail > .infoText {
    text-align: center;
  }
  .customerManagement > .contentArea.full .blockContainer, #mainContent .customerManagement > .full.checkoutModule .blockContainer,
  #mainContent .customerManagement > .full.productDetail .blockContainer,
  #mainContent .customerManagement > .full.manufacturerDetail .blockContainer {
    display: block;
    width: auto;
  }
  .customerManagement .blockContainer.set > .column:first-child {
    margin-bottom: 20px;
  }
  .customerManagement .title > h2, .customerManagement .productSearch .resultList .title > .loadIndicator, .productSearch .resultList .customerManagement .title > .loadIndicator, .customerManagement .productSearch .resultList .title > .searchResponse, .productSearch .resultList .customerManagement .title > .searchResponse {
    font-weight: 400 !important;
    line-height: 26px !important;
    padding-top: 19px !important;
    padding-bottom: 22px !important;
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  .customerManagement .column {
    display: block !important;
    width: 100%;
  }
  .customerManagement .overlay {
    z-index: 222 !important;
  }
  .customerManagement .tooltip {
    width: 100vw;
    max-width: 280px;
  }
  .customerManagement .backToOverview {
    display: none !important;
  }
  .customerManagement .overlay.customerZone {
    transform: none !important;
  }
  .customerManagement .overlay.customerZone.visible .content .fourDigits input, .customerManagement .overlay.deliveryTargets.visible .content .fourDigits input {
    width: 60px !important;
  }
  .customerManagement .overlay.customerZone.visible {
    width: 100vw !important;
    left: 0 !important;
    margin-left: 0 !important;
    top: 56px !important;
    height: 100vh;
    margin-top: 0 !important;
  }
  .customerManagement .overlay.customerZone.visible .content {
    padding-bottom: 50px;
  }
  .customerManagement .overlay.customerZone.visible .content input {
    width: 100% !important;
  }
  .customerManagement .overlay.customerZone.visible .content .fourDigits input {
    width: 80px !important;
  }
  .customerManagement .overlay.customerZone.visible .webForm {
    margin-right: 10px;
  }
  .customerManagement .overlay.customerZone.visible .webForm .submitButton a {
    font-size: 14px !important;
    line-height: 18px !important;
  }
  .customerManagement .overlay.customerZone.visible .webForm .left {
    float: none;
    margin-right: 0;
  }
  .customerManagement .overlay.customerZone.visible .webForm .right {
    float: none;
  }
  .customerManagement .overlay.customerZone.visible .webForm-container {
    flex-wrap: wrap-reverse;
  }
  .customerManagement .overlay.customerZone.visible .webForm-container .webForm {
    float: none;
  }
  .customerManagement .overlay.customerZone.visible .webForm-container .responseContainer {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
    width: 100% !important;
  }
  .customerManagement .overlay.customerZone.visible .webForm-container .responseContainer.visible {
    height: auto;
    margin-bottom: 15px !important;
  }
  .customerManagement .overlay.customerZone.visible .webForm-container .responseContainer .responseHolder {
    margin-bottom: 0;
    font-size: 13px !important;
    padding-bottom: 15px;
  }
  .customerManagement .overlay.customerZone.visible .close a {
    font-size: 20px !important;
    line-height: 19px !important;
  }
  .customerManagement .column .summary .col:first-child {
    line-height: 18px;
    min-width: 125px;
  }
  .customerManagement .webForm {
    float: none;
  }
  .customerManagement .blockContainer .column.left.slim {
    width: 100%;
  }
  .customerManagement .column .summary.customerPreferences {
    margin-bottom: 15px;
  }
  .customerManagement .editButton a, .customerManagement .deleteButton a, .customerManagement .flapButton a {
    font-size: 13px !important;
    line-height: 19px !important;
  }
  .customerManagement .newsletterOptIn .responseContainer {
    display: none !important;
  }
  .customerManagement .summary.smsOptIn {
    margin-bottom: 20px;
  }
  .customerManagement .subscriptionManagementV2 .subscriptionManagement > .title, .customerManagement .orderManagement .orderManagement > .title {
    background: none;
    padding: 0;
  }
  .customerManagement .subscriptionManagementV2 .subscriptionManagement > .title h2, .customerManagement .subscriptionManagementV2 .subscriptionManagement > .title .productSearch .resultList .loadIndicator, .productSearch .resultList .customerManagement .subscriptionManagementV2 .subscriptionManagement > .title .loadIndicator, .customerManagement .subscriptionManagementV2 .subscriptionManagement > .title .productSearch .resultList .searchResponse, .productSearch .resultList .customerManagement .subscriptionManagementV2 .subscriptionManagement > .title .searchResponse, .customerManagement .orderManagement .orderManagement > .title h2, .customerManagement .orderManagement .orderManagement > .title .productSearch .resultList .loadIndicator, .productSearch .resultList .customerManagement .orderManagement .orderManagement > .title .loadIndicator, .customerManagement .orderManagement .orderManagement > .title .productSearch .resultList .searchResponse, .productSearch .resultList .customerManagement .orderManagement .orderManagement > .title .searchResponse {
    line-height: 38px !important;
    padding: 10px !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
  }
  .customerManagement .subscriptionManagementV2 .subscriptionManagement .emptyList, .customerManagement .orderManagement .orderManagement .emptyList {
    padding-bottom: 15px;
  }
  .customerManagement .orderManagement .listBlocks, .customerManagement .subscriptionManagement .listBlocks {
    display: block;
  }
  .customerManagement .orderManagement .listBlocks .responsiveLabel, .customerManagement .subscriptionManagement .listBlocks .responsiveLabel {
    display: inline-block;
    min-width: 120px;
  }
  .customerManagement .orderManagement .listBlocks > div, .customerManagement .subscriptionManagement .listBlocks > div {
    display: block;
  }
  .customerManagement .orderManagement .listBlocks > div > div, .customerManagement .subscriptionManagement .listBlocks > div > div {
    display: block;
  }
  .customerManagement .orderManagement .listBlocks .orderListEntry, .customerManagement .subscriptionManagement .listBlocks .orderListEntry {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .customerManagement .orderManagement .listBlocks .orderListEntry > div, .customerManagement .subscriptionManagement .listBlocks .orderListEntry > div {
    padding: 3px 5px 3px 15px;
  }
  .customerManagement .orderManagement .listBlocks .orderListEntry > div.orderLoader, .customerManagement .subscriptionManagement .listBlocks .orderListEntry > div.orderLoader {
    display: block !important;
    padding: 10px 15px 3px;
  }
  .customerManagement .orderManagement .listBlocks .orderListEntry > div.orderLoader > div, .customerManagement .subscriptionManagement .listBlocks .orderListEntry > div.orderLoader > div {
    display: inline-block;
  }
  .customerManagement .orderManagement .listBlocks .orderListEntry > div.orderId, .customerManagement .subscriptionManagement .listBlocks .orderListEntry > div.orderId {
    padding: 7px 12px;
    background: #a87358;
    width: auto;
  }
  .customerManagement .orderManagement .listBlocks .orderListEntry > div.orderId a, .customerManagement .subscriptionManagement .listBlocks .orderListEntry > div.orderId a {
    color: #fff !important;
    font-size: 14px !important;
  }
  .customerManagement .orderManagement .listBlocks .orderListEntry > div.statusDisplay .status, .customerManagement .subscriptionManagement .listBlocks .orderListEntry > div.statusDisplay .status {
    display: inline-block;
  }
  .customerManagement .orderManagement .listBlocks .orderListEntry > div.paymentStatus .status, .customerManagement .subscriptionManagement .listBlocks .orderListEntry > div.paymentStatus .status {
    display: inline-block;
  }
  .customerManagement .orderManagement .listBlocks .orderListEntry > div.sumDisplay .sum, .customerManagement .subscriptionManagement .listBlocks .orderListEntry > div.sumDisplay .sum {
    display: inline-block;
    font-weight: 600;
  }
  .customerManagement .orderManagement .listBlocks .action, .customerManagement .subscriptionManagement .listBlocks .action {
    text-align: left;
    padding-left: 120px;
  }
  .customerManagement .orderManagement .listBlocks .action > div, .customerManagement .subscriptionManagement .listBlocks .action > div {
    display: inline-block;
  }
  .customerManagement .orderManagement .listBlocks .action.payment, .customerManagement .subscriptionManagement .listBlocks .action.payment {
    padding-bottom: 0 !important;
  }
  .customerManagement .orderManagement .listBlocks .action.download-invoice, .customerManagement .subscriptionManagement .listBlocks .action.download-invoice {
    padding-bottom: 15px;
  }
  .customerManagement .subscriptionManagementV2 .listBlocks > div > .subContainer > div {
    width: auto;
    margin-right: 20px;
  }
  .customerManagement .subscriptionManagement .selectboxit-text {
    font-size: 13px !important;
  }
  .customerManagement .subscriptionManagement .label {
    min-width: 148px;
  }
  .customerManagement .subscriptionManagement .listBlocks div.closed .flapButton {
    margin-left: 0;
  }
  .customerManagement .subscriptionManagement .cartBlock {
    overflow: hidden;
  }
  .customerManagement .subscriptionManagement .cartBlock > .title {
    display: none;
  }
  .customerManagement .subscriptionManagement .cartBlock div {
    font-size: 13px !important;
  }
  .customerManagement .subscriptionManagement .cartBlock > div.cart {
    display: table;
    width: 100%;
    max-width: 340px;
  }
  .customerManagement .subscriptionManagement .cartBlock .price {
    text-align: right;
  }
  .customerManagement .subscriptionManagement .cartBlock .cartItem-image {
    padding-right: 10px !important;
    min-width: 40px;
  }
  .customerManagement .subscriptionManagement .cartBlock .cartItem-title {
    width: 100% !important;
    padding-right: 20px !important;
  }
  .customerManagement .subscriptionManagement .cartBlock .unitInfo {
    padding-right: 25px !important;
  }
  .customerManagement .orderManagement .extendButton {
    margin-bottom: 5px !important;
  }
  .customerManagement .orderManagement .extendButton a {
    font-size: 14px !important;
    display: inline-block;
    margin-bottom: 15px;
  }
  .customerManagement .subscriptionManagementV2 .contentArea.full, .customerManagement .subscriptionManagementV2 #mainContent .full.checkoutModule, #mainContent .customerManagement .subscriptionManagementV2 .full.checkoutModule,
  .customerManagement .subscriptionManagementV2 #mainContent .full.productDetail,
  #mainContent .customerManagement .subscriptionManagementV2 .full.productDetail,
  .customerManagement .subscriptionManagementV2 #mainContent .full.manufacturerDetail,
  #mainContent .customerManagement .subscriptionManagementV2 .full.manufacturerDetail, .customerManagement .orderManagement .contentArea.full, .customerManagement .orderManagement #mainContent .full.checkoutModule, #mainContent .customerManagement .orderManagement .full.checkoutModule,
  .customerManagement .orderManagement #mainContent .full.productDetail,
  #mainContent .customerManagement .orderManagement .full.productDetail,
  .customerManagement .orderManagement #mainContent .full.manufacturerDetail,
  #mainContent .customerManagement .orderManagement .full.manufacturerDetail {
    width: 100vw !important;
  }
  .customerManagement .subscriptionManagementV2 .listBlocks {
    padding-bottom: 10px !important;
  }
  .customerManagement .subscriptionManagementV2 .keepPaymentProfile {
    margin-left: 0 !important;
  }
  .customerManagement .subscriptionManagementV2 .integration {
    margin-left: 0 !important;
  }
  .customerManagement .subscriptionManagementV2 .actionBlock > .label {
    min-width: 120px !important;
  }
  .customerManagement .subscriptionManagementV2 .actionBlock > div.list {
    width: auto !important;
    width: calc(100% - 120px) !important;
  }
  .customerManagement .subscriptionManagementV2 .subContainer .mainBlock {
    display: flex;
    flex-flow: column;
  }
  .customerManagement .subscriptionManagementV2 .subContainer .mainBlock > div {
    order: 2;
  }
  .customerManagement .subscriptionManagementV2 .infoDisplay h4, .customerManagement .subscriptionManagementV2 .infoDisplay .checkout .subscriptionModificationNotice > .title, .checkout .customerManagement .subscriptionManagementV2 .infoDisplay .subscriptionModificationNotice > .title, .customerManagement .subscriptionManagementV2 .infoDisplay .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice .subscriptionManagementV2 .infoDisplay .title, .checkout .overlay.deliveryTargets .notice .customerManagement .subscriptionManagementV2 .infoDisplay .title, .customerManagement .subscriptionManagementV2 .infoDisplay .filterList .filter .label, .filterList .filter .customerManagement .subscriptionManagementV2 .infoDisplay .label {
    font-weight: 400 !important;
  }
  .customerManagement .subscriptionManagementV2 .infoDisplay.complete {
    opacity: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .customerManagement .subscriptionManagementV2 .infoDisplay.complete .label {
    display: none;
  }
  .customerManagement .subscriptionManagementV2 .infoDisplay.complete .value {
    height: 0 !important;
    top: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
  }
  .customerManagement .subscriptionManagementV2 .infoDisplay .value {
    position: fixed;
    top: 86px;
    left: 25px;
    right: 25px;
    bottom: auto;
  }
  .customerManagement .subscriptionManagementV2 .subContainer .mainBlock .responseContainer {
    order: 1;
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    height: 0;
    max-width: 100% !important;
    width: 100% !important;
  }
  .customerManagement .subscriptionManagementV2 .subContainer .mainBlock .responseContainer.visible {
    height: auto;
    margin-bottom: 15px !important;
  }
  .customerManagement .subscriptionManagementV2 .subContainer .mainBlock .responseContainer.visible .responseHolder {
    margin-bottom: 0 !important;
    padding: 15px !important;
    font-size: 13px !important;
  }
  .customerManagement .subscriptionManagementV2 .subContainer .mainBlock .responseContainer.visible .responseHolder h4, .customerManagement .subscriptionManagementV2 .subContainer .mainBlock .responseContainer.visible .responseHolder .checkout .subscriptionModificationNotice > .title, .checkout .customerManagement .subscriptionManagementV2 .subContainer .mainBlock .responseContainer.visible .responseHolder .subscriptionModificationNotice > .title, .customerManagement .subscriptionManagementV2 .subContainer .mainBlock .responseContainer.visible .responseHolder .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice .subscriptionManagementV2 .subContainer .mainBlock .responseContainer.visible .responseHolder .title, .checkout .overlay.deliveryTargets .notice .customerManagement .subscriptionManagementV2 .subContainer .mainBlock .responseContainer.visible .responseHolder .title, .customerManagement .subscriptionManagementV2 .subContainer .mainBlock .responseContainer.visible .responseHolder .filterList .filter .label, .filterList .filter .customerManagement .subscriptionManagementV2 .subContainer .mainBlock .responseContainer.visible .responseHolder .label {
    font-weight: 400;
  }
  .customerManagement .subscriptionManagementV2 .notice .string {
    min-width: auto !important;
  }
  .customerManagement .subscriptionManagementV2 .params .label {
    display: block !important;
    padding-bottom: 4px;
  }
  .customerManagement .subscriptionManagementV2 .paymentMethods .method {
    margin-bottom: 0;
  }
  .customerManagement .subscriptionManagementV2 .paymentMethods .method.cc {
    padding-bottom: 5px;
  }
  .customerManagement .subscriptionManagementV2 .paymentMethods .label {
    display: inline-block !important;
  }
  .customerManagement .subscriptionManagementV2 .tab {
    display: block !important;
  }
  .customerManagement .subscriptionManagementV2 .tab .row {
    display: block !important;
  }
  .customerManagement .subscriptionManagementV2 .tab .row .left {
    display: block !important;
  }
  .customerManagement .subscriptionManagementV2 .tab .row .right {
    display: block !important;
  }
  .customerManagement .subscriptionManagementV2 .tab .notice {
    opacity: 1 !important;
  }
  .customerManagement .subscriptionManagementV2 .params.suspend .selectboxit-btn {
    width: 100% !important;
    padding-right: 10px;
    white-space: nowrap !important;
  }
  .customerManagement .subscriptionManagementV2 .params.suspend .selectboxit-text {
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .customerManagement .orderManagement .overlay.visible {
    left: 0;
    margin-left: 0;
    width: 100vw;
    top: 56px;
  }
  .customerManagement .orderManagement .overlay.loaded {
    height: calc(100vh - 56px);
  }
  .customerManagement .orderManagement .overlay .title {
    line-height: 21px !important;
  }
  .customerManagement .orderManagement .overlay .slides > div {
    width: 100vw;
  }
  .customerManagement .orderManagement .overlay .close a {
    font-size: 20px !important;
    line-height: 19px !important;
  }
  .customerManagement .orderManagement .overlay .confirmation .response {
    padding-left: 60px;
    padding-right: 60px;
  }
  .customerManagement .orderManagement .overlay .set.cc .value {
    white-space: normal !important;
  }
  .customerManagement .orderManagement .overlay .cartBlock {
    width: 100vw;
  }
  .customerManagement .orderManagement .overlay .cartBlock > .title {
    display: none;
  }
  .customerManagement .orderManagement .overlay .cartBlock .cart {
    display: table;
    top: -4px;
    width: calc(100vw - 38px) !important;
    margin-top: 0;
  }
  .customerManagement .orderManagement .overlay .cartBlock .cart .cartItem-image {
    padding-right: 17px;
  }
  .customerManagement .orderManagement .overlay .cartBlock .cart .cartItem-title {
    width: auto;
  }
  .customerManagement .orderManagement .overlay .cartBlock .cart div {
    font-size: 13px;
  }
  .customerManagement .orderManagement .overlay .cartBlock .cart .price {
    text-align: right;
  }
  .customerManagement .orderManagement .overlay .confirmation > div > div {
    vertical-align: top;
  }
  .customerManagement .orderManagement .overlay .subContainer .infoBlock {
    overflow: hidden;
  }
  .customerManagement .orderManagement .overlay .subContainer .response {
    padding-top: 30px;
  }
  .customerManagement .orderManagement .overlay .subContainer .response h1 {
    font-size: 26px !important;
    line-height: 31px !important;
  }
  .customerManagement .orderManagement .overlay .subContainer .response h3, .customerManagement .orderManagement .overlay .subContainer .response .shopButton {
    font-size: 17px !important;
  }
  .customerManagement .contentArea.subscriptionManagement, .customerManagement #mainContent .subscriptionManagement.checkoutModule, #mainContent .customerManagement .subscriptionManagement.checkoutModule,
  .customerManagement #mainContent .subscriptionManagement.productDetail,
  #mainContent .customerManagement .subscriptionManagement.productDetail,
  .customerManagement #mainContent .subscriptionManagement.manufacturerDetail,
  #mainContent .customerManagement .subscriptionManagement.manufacturerDetail {
    margin-bottom: 20px;
  }
  .webRoot.container > .manufacturerDetail {
    margin-top: 0;
    padding-bottom: 55px;
  }
  .webRoot.container > .manufacturerDetail > .head {
    position: relative;
    margin: 0;
  }
  .webRoot.container > .manufacturerDetail > .head > .image {
    margin-right: 0;
    margin: 0;
    font-size: 0;
    float: none;
    position: relative;
  }
  .webRoot.container > .manufacturerDetail > .head > .image img {
    width: 100%;
    height: auto;
    max-width: none !important;
  }
  .webRoot.container > .manufacturerDetail > .head > .titleBar {
    display: block;
    white-space: nowrap;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    background: #8fbe3e;
    height: auto;
    min-height: auto;
    padding: 8px 10px;
    z-index: 1000;
  }
  .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper {
    position: relative;
    text-align: center;
  }
  .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper h2, .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper .productSearch .resultList .loadIndicator, .productSearch .resultList .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper .loadIndicator, .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper .productSearch .resultList .searchResponse, .productSearch .resultList .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper .searchResponse, .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper h3, .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper .shopButton {
    font-weight: 400;
    color: #fff;
  }
  .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper .mainTitle {
    padding: 5px 10px;
  }
  .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper h2, .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper .productSearch .resultList .loadIndicator, .productSearch .resultList .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper .loadIndicator, .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper .productSearch .resultList .searchResponse, .productSearch .resultList .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper .searchResponse {
    font-size: 6vw;
    line-height: 6vw;
    font-weight: 500;
  }
  .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper h3, .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper .shopButton {
    font-size: 4.2vw;
    line-height: 4.2vw;
    font-weight: 400;
    padding: 0 0 0 2px;
    display: inline-block;
    color: rgba(255, 255, 255, 0.8);
  }
  .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper .location {
    margin-top: 0;
  }
  .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper .location h3, .webRoot.container > .manufacturerDetail > .head > .titleBar > .subWrapper .location .shopButton {
    padding: 2px 0 0 2px;
    font-size: 3vw;
    line-height: 3vw;
    font-weight: 300;
  }
  .webRoot.container > .manufacturerDetail .sloganBlock {
    padding: 0;
    margin: 15px 0 0;
    border: 0;
  }
  .webRoot.container > .manufacturerDetail .sloganBlock .slogan {
    position: relative;
    margin: 0;
    left: 0;
    font-style: normal;
    text-align: center;
  }
  .webRoot.container > .manufacturerDetail .sloganBlock .slogan > div {
    font-size: 13px !important;
    font-weight: 500;
    color: #80b030;
  }
  .webRoot.container > .manufacturerDetail .sloganBlock .slogan h3, .webRoot.container > .manufacturerDetail .sloganBlock .slogan .shopButton {
    font-size: 17px !important;
    font-style: italic;
  }
  .webRoot.container > .manufacturerDetail .description {
    padding: 20px 12%;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    text-align: center;
    margin: 0;
  }
  .webRoot.container > .manufacturerDetail .description.empty {
    border-top: 1px solid #fff;
    padding: 0;
  }
  .webRoot.container > .manufacturerDetail .products {
    margin-bottom: 60px;
  }
  .webRoot.container > .manufacturerDetail .products .productList-title {
    padding: 15px 20px;
    text-align: center;
    background: #8fbe3e;
    color: #fff;
    z-index: 2;
  }
  .webRoot.container > .manufacturerDetail .products .productList-title h2, .webRoot.container > .manufacturerDetail .products .productList-title .productSearch .resultList .loadIndicator, .productSearch .resultList .webRoot.container > .manufacturerDetail .products .productList-title .loadIndicator, .webRoot.container > .manufacturerDetail .products .productList-title .productSearch .resultList .searchResponse, .productSearch .resultList .webRoot.container > .manufacturerDetail .products .productList-title .searchResponse {
    font-size: 17px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
  }
  #overlayWindow-content > .webRoot.container > .moduleContainer {
    width: auto !important;
    float: none;
  }
  #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail {
    width: auto !important;
    float: none;
    padding: 0 !important;
    margin: 0;
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 300 !important;
    color: #464646 !important;
    text-align: center;
    padding-bottom: 80px !important;
  }
  #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea h1, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule h1,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail h1,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail h1, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea h2, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule h2,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail h2,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail h2, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .productSearch .resultList .loadIndicator, .productSearch .resultList #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .loadIndicator, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .productSearch .resultList .loadIndicator, .productSearch .resultList #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .loadIndicator,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .loadIndicator,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .loadIndicator, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .productSearch .resultList .searchResponse, .productSearch .resultList #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .searchResponse, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .productSearch .resultList .searchResponse, .productSearch .resultList #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .searchResponse,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .searchResponse,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .searchResponse, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea h3, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule h3,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail h3,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail h3, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .shopButton, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .shopButton,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .shopButton,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .shopButton, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea h4, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule h4,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail h4,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail h4, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .checkout .subscriptionModificationNotice > .title, .checkout #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .subscriptionModificationNotice > .title, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .checkout .subscriptionModificationNotice > .title, .checkout #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .subscriptionModificationNotice > .title,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .checkout .subscriptionModificationNotice > .title,
  .checkout #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .subscriptionModificationNotice > .title,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .checkout .subscriptionModificationNotice > .title,
  .checkout #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .subscriptionModificationNotice > .title, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .title, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .title,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .customerManagement .overlay.deliveryTargets .notice .title,
  .customerManagement .overlay.deliveryTargets .notice #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .title,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .customerManagement .overlay.deliveryTargets .notice .title,
  .customerManagement .overlay.deliveryTargets .notice #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .title, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .title, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .title,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .checkout .overlay.deliveryTargets .notice .title,
  .checkout .overlay.deliveryTargets .notice #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .title,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .checkout .overlay.deliveryTargets .notice .title,
  .checkout .overlay.deliveryTargets .notice #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .title, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .filterList .filter .label, .filterList .filter #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .label, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .filterList .filter .label, .filterList .filter #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .label,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .filterList .filter .label,
  .filterList .filter #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .label,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .filterList .filter .label,
  .filterList .filter #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .label {
    margin: 0 0 0px;
    text-align: center !important;
  }
  #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea h2, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule h2,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail h2,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail h2, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .productSearch .resultList .loadIndicator, .productSearch .resultList #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .loadIndicator, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .productSearch .resultList .loadIndicator, .productSearch .resultList #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .loadIndicator,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .loadIndicator,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .productSearch .resultList .loadIndicator,
  .productSearch .resultList #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .loadIndicator, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .productSearch .resultList .searchResponse, .productSearch .resultList #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .searchResponse, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .productSearch .resultList .searchResponse, .productSearch .resultList #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .searchResponse,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .searchResponse,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .productSearch .resultList .searchResponse,
  .productSearch .resultList #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .searchResponse, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea h3, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule h3,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail h3,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail h3, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .shopButton, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .shopButton,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .shopButton,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .shopButton {
    background-color: #88aabe;
    padding: 12px 20px !important;
    font-size: 17px;
    line-height: 24px;
    color: #fff;
    font-weight: 300;
  }
  #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .breakLine, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .breakLine,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .breakLine,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .breakLine {
    display: none;
  }
  #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .image img, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .image img,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .image img,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .image img {
    width: 100%;
    height: auto;
  }
  #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea p, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule p,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail p,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail p {
    padding: 0 10%;
    text-align: center !important;
  }
  #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea h4, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule h4,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail h4,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail h4, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .checkout .subscriptionModificationNotice > .title, .checkout #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .subscriptionModificationNotice > .title, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .checkout .subscriptionModificationNotice > .title, .checkout #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .subscriptionModificationNotice > .title,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .checkout .subscriptionModificationNotice > .title,
  .checkout #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .subscriptionModificationNotice > .title,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .checkout .subscriptionModificationNotice > .title,
  .checkout #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .subscriptionModificationNotice > .title, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .title, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .title,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .customerManagement .overlay.deliveryTargets .notice .title,
  .customerManagement .overlay.deliveryTargets .notice #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .title,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .customerManagement .overlay.deliveryTargets .notice .title,
  .customerManagement .overlay.deliveryTargets .notice #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .title, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .title, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .title,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .checkout .overlay.deliveryTargets .notice .title,
  .checkout .overlay.deliveryTargets .notice #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .title,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .checkout .overlay.deliveryTargets .notice .title,
  .checkout .overlay.deliveryTargets .notice #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .title, #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .filterList .filter .label, .filterList .filter #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .label, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .filterList .filter .label, .filterList .filter #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .label,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .filterList .filter .label,
  .filterList .filter #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .label,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .filterList .filter .label,
  .filterList .filter #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .label {
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 300 !important;
    color: #464646 !important;
    padding: 0 10%;
  }
  #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea ul, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule ul,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail ul,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail ul {
    list-style: none;
    text-align: center;
    margin: 0 10%;
  }
  #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea ul li, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule ul li,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail ul li,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail ul li {
    text-align: center !important;
    background: #8fbe3e;
    color: #fff;
    margin-bottom: 3px;
    padding: 15px 35px;
    margin-left: 0;
    font-weight: 500;
    border-radius: 200px;
    line-height: 19px !important;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    font-size: 14px;
  }
  #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea ul li:first-letter, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule ul li:first-letter,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail ul li:first-letter,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail ul li:first-letter {
    text-transform: uppercase;
  }
  #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .image, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .image,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .image,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .image {
    float: none !important;
    margin: 0 0 10px;
  }
  #overlayWindow-content > .webRoot.container > .moduleContainer > .contentArea .image img, #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .checkoutModule .image img,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .productDetail .image img,
  #mainContent #overlayWindow-content > .webRoot.container > .moduleContainer > .manufacturerDetail .image img {
    width: 100vw !important;
    height: auto !important;
  }
  .sujet .upperTitle {
    line-height: 21px !important;
    margin-top: 0 !important;
  }
  .sujet .mainTitle {
    position: relative !important;
    top: -1px;
  }
  #checkout-response ul {
    margin: 0 !important;
  }
  #checkout-response ul li {
    background: #cc0000 !important;
    text-align: left !important;
  }
  #overlayWindow-content > .webRoot.container > .string > .string-content {
    padding: 25px 25px 60px;
  }
  .product .cartButton {
    background-image: url("/img/core/scraps/into-cart-large.png") !important;
    background-size: 24px !important;
  }
  #mainWrapper.maintainance {
    background: #fff !important;
  }
  #mainWrapper.maintainance .frontEndMessage.contentArea.full, #mainWrapper.maintainance #mainContent .frontEndMessage.full.checkoutModule, #mainContent #mainWrapper.maintainance .frontEndMessage.full.checkoutModule,
  #mainWrapper.maintainance #mainContent .frontEndMessage.full.productDetail,
  #mainContent #mainWrapper.maintainance .frontEndMessage.full.productDetail,
  #mainWrapper.maintainance #mainContent .frontEndMessage.full.manufacturerDetail,
  #mainContent #mainWrapper.maintainance .frontEndMessage.full.manufacturerDetail {
    max-width: 75vw !important;
  }
  #mainWrapper.maintainance .frontEndMessage.contentArea.full h1 .title p, #mainWrapper.maintainance #mainContent .frontEndMessage.full.checkoutModule h1 .title p, #mainContent #mainWrapper.maintainance .frontEndMessage.full.checkoutModule h1 .title p,
  #mainWrapper.maintainance #mainContent .frontEndMessage.full.productDetail h1 .title p,
  #mainContent #mainWrapper.maintainance .frontEndMessage.full.productDetail h1 .title p,
  #mainWrapper.maintainance #mainContent .frontEndMessage.full.manufacturerDetail h1 .title p,
  #mainContent #mainWrapper.maintainance .frontEndMessage.full.manufacturerDetail h1 .title p {
    color: #fff !important;
  }
  #mainWrapper.maintainance .frontEndMessage.contentArea.full h1, #mainWrapper.maintainance #mainContent .frontEndMessage.full.checkoutModule h1, #mainContent #mainWrapper.maintainance .frontEndMessage.full.checkoutModule h1,
  #mainWrapper.maintainance #mainContent .frontEndMessage.full.productDetail h1,
  #mainContent #mainWrapper.maintainance .frontEndMessage.full.productDetail h1,
  #mainWrapper.maintainance #mainContent .frontEndMessage.full.manufacturerDetail h1,
  #mainContent #mainWrapper.maintainance .frontEndMessage.full.manufacturerDetail h1 {
    margin: 0 25px 25px;
  }
  #mainWrapper.maintainance #mainContent {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  #mainWrapper.maintainance #mainContent .verticalWrapper {
    padding-bottom: 50px;
  }
  body::after { /* image preloader */
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url(/img/core/scraps/overlayWindow-clickCorner-highres.png) url(/img/core/scraps/overlayWindow-clickCorner-highres-hover.png) url(/img/responsive/mag-medium-gray.png) url(/img/responsive/account-blank-white.png) url(/img/responsive/account-large-lightgray.png) url(/img/responsive/account-large-brown.png) url(/img/responsive/cart-large-newest-lightgray.png) url(/img/responsive/cart-large-new-brown.png) url(/img/responsive/cart-large-newest-lightgray-filled.png) url(/img/responsive/cart-large-new-brown-filled.png) url(/img/responsive/mag-large-lightgray.png) url(/img/responsive/mag-large-brown.png);
  }
  #subscriptionTooltip .tooltip-container {
    margin-left: -140px;
    top: 25px;
  }
  #subscriptionTooltip .tooltip-container .tooltip {
    max-width: 50vw;
  }
  .checkout-paymentMethod .tooltip-container .tooltip, .checkout > div > .section.checkout-paymentMethod .tooltip-container .tooltip, .checkout .section.checkout-subscription.checkout-paymentMethod .tooltip-container .tooltip {
    max-width: 80vw !important;
  }
  .checkout-paymentMethod .selection .method.cc.active > .label {
    min-width: calc(100vw - 68px) !important;
    margin-right: 0;
  }
  .productDetail .infoBlock .col-1 {
    min-width: 100px;
    margin-right: 25px;
    width: auto;
  }
  .checkout-paymentMethod .selection .method .integration {
    overflow: hidden !important;
    max-width: 240px;
  }
  .checkout-paymentMethod .selection .method .integration iframe {
    width: 325px;
  }
  .webForm .field.address {
    width: calc(100% + 4px);
  }
  .checkout-delivery .webForm .field.address {
    margin-top: 5px !important;
    width: calc(100% - 6px);
  }
  .webForm .field.address {
    align-items: flex-end;
    flex-wrap: wrap;
  }
  .webForm .field.address > div {
    margin-right: 0;
    vertical-align: top;
    /*margin-right: 10px;*/
    width: calc(100vw - 44px);
    min-width: 80px;
    margin-top: 10px;
  }
  .webForm .field.address > div:last-child {
    margin-right: 0;
  }
  .webForm .field.address > div input {
    width: 60px !important;
  }
  .webForm .field.address > div:first-child {
    margin-top: 0;
    display: block;
    flex: 0;
    min-width: 100%;
    margin-right: 0;
  }
  .webForm .field.address > div:first-child input {
    width: 100% !important;
  }
  .webForm .field.address > div ul.suggestionPicker {
    top: 28px !important;
  }
  .webForm .field.address > div ul.suggestionPicker li {
    text-align: left !important;
    background: #fff !important;
    border-radius: 0 !important;
    color: #666 !important;
  }
  .webForm .field.address > div ul.suggestionPicker li .street {
    font-size: 13px;
  }
  .webForm .field.address > div ul.suggestionPicker li .site {
    font-size: 11px;
  }
  .webForm .field.address .streetInput input {
    width: 100% !important;
  }
  .customerManagement .overlay.customerZone.visible .content input.house_number, .customerManagement .overlay.customerZone.visible .content input.entrance, .customerManagement .overlay.customerZone.visible .content input.floor, .customerManagement .overlay.customerZone.visible .content input.door {
    width: 60px !important;
  }
  .responseHolder ul {
    margin: 10px 0 10px !important;
    padding: 0 0 0 30px !important;
    list-style: disc !important;
  }
  .responseHolder ul li {
    background: none !important;
    color: #fff !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
  }
  .descriptorPair .outer .comment {
    margin-bottom: 3px;
  }
  .bundleContents .list {
    margin-left: 10px;
    margin-right: 10px;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator .textual {
    box-shadow: none;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator .textual .stage {
    /*background-image: none;*/
    background-size: 40px;
    padding-left: 55px;
    height: 44px;
    background-position: 0 9px;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator .textual .stage br {
    content: " ";
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator .textual .stage br::after {
    content: " ";
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row {
    display: block;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row .productSelect {
    margin-bottom: 15px;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > div > .title {
    line-height: 20px;
    position: relative;
    padding-left: 26px;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > div > .title .tooltip-container {
    position: absolute !important;
    right: auto !important;
    left: 0 !important;
    top: 1px !important;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > div > .title .tooltip-container.left .tooltip-label, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > div > .title .tooltip-container.right .tooltip-label {
    margin-left: 0 !important;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > div > .title .tooltip-container.left .tooltip, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > div > .title .tooltip-container.right .tooltip {
    left: 0 !important;
    top: 27px !important;
    max-width: calc(100vw - 62px) !important;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > div > .title .tooltip-container.left .tooltip:after, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > div > .title .tooltip-container.right .tooltip:after {
    display: none !important;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list {
    border: 1px solid #d9d9d9;
    width: calc(100% - 2px);
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    overflow-x: hidden;
    display: block;
    min-width: auto;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list:empty {
    border: 0;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup {
    box-shadow: none;
    /*flex: 1;*/
    position: relative;
    width: auto;
    padding: 8px 10px;
    border: 0;
    margin: 0;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    background: #fff;
    transition: none;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup:hover {
    background: #f6f6f6;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup:last-child {
    border-bottom: 0;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .image {
    position: relative;
    display: inline-block;
    padding: 5px;
    vertical-align: top;
    background: #fff;
    font-size: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin-bottom: 0;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    padding-left: 14px;
    padding-bottom: 0;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title {
    margin-bottom: 0;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .examples {
    margin-top: 0;
    padding-top: 3px;
    font-size: 12px;
    white-space: nowrap;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .examples > div {
    display: inline-block;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .examples .list {
    color: #8fbe3e;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .examples .label {
    line-height: 14px;
    color: #444;
    margin-right: 4px;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .checkmark {
    position: absolute;
    top: calc(50% - 16px);
    right: 20px;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .checkmark > label {
    display: flex;
    flex-flow: row-reverse;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .checkmark > label > div {
    flex: 0;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .checkmark .label {
    margin-right: 8px;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .checkmark .label label.substitution {
    display: none;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .checkmark .label label.regular {
    display: block;
    line-height: 17px;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .productSelect > .results > .list > .product-searchResult,
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .productSelect .results .placeholder > .productException {
    padding: 17px 14px;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title h4, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .checkout .subscriptionModificationNotice > .title, .checkout #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .subscriptionModificationNotice > .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .filterList .filter .label, .filterList .filter #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .label,
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .title h4,
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .title .checkout .subscriptionModificationNotice > .title,
  .checkout #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .title .subscriptionModificationNotice > .title,
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .title .customerManagement .overlay.deliveryTargets .notice .title,
  .customerManagement .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .title .title,
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .title .checkout .overlay.deliveryTargets .notice .title,
  .checkout .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .title .title,
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .title .filterList .filter .label,
  .filterList .filter #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .title .label {
    font-size: 13px !important;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles,
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles {
    padding-left: 12px !important;
    padding-top: 0 !important;
    margin-top: -1px !important;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .productSelect, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect {
    margin-top: 20px;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .productSelect .results .placeholder {
    box-shadow: none !important;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .productSelect > .search > input {
    width: calc(100% - 12px) !important;
    font-size: 13px !important;
    line-height: 19px !important;
    padding: 7px 5px !important;
    text-indent: 27px !important;
    height: auto !important;
    background-position: 7px 6px !important;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .productSelect > .search > input:focus {
    border-radius: 0 !important;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect {
    display: none;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect.inUse {
    display: block;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .image {
    padding: 5px !important;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .image img {
    width: 39px;
    min-height: 39px;
    height: auto;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .image img,
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .image img, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .image img,
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .image img, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row .productSelect > .results > .list > .bundleGroup .image img,
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row .productSelect > .results > .items > .substitute .image img {
    width: 43px;
    min-height: 43px;
    height: auto;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .placeholder .image, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .placeholder .image, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row .productSelect > .results > .placeholder .image {
    left: 10px;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .placeholder .labels, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .placeholder .labels, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row .productSelect > .results > .placeholder .labels {
    padding-left: 59px;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .titles, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .titles, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles {
    display: inline-block;
    vertical-align: top;
    padding-top: 1px !important;
    padding-left: 14px !important;
    padding-bottom: 0 !important;
    font-weight: 400 !important;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title h4, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .checkout .subscriptionModificationNotice > .title, .checkout #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .subscriptionModificationNotice > .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .filterList .filter .label, .filterList .filter #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .title .label, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .titles .title h4, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .titles .title .checkout .subscriptionModificationNotice > .title, .checkout #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .titles .title .subscriptionModificationNotice > .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .titles .title .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .titles .title .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .titles .title .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .titles .title .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .titles .title .filterList .filter .label, .filterList .filter #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .titles .title .label, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .titles .title h4, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .titles .title .checkout .subscriptionModificationNotice > .title, .checkout #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .titles .title .subscriptionModificationNotice > .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .titles .title .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .titles .title .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .titles .title .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .titles .title .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .titles .title .filterList .filter .label, .filterList .filter #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .titles .title .label, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles .title h4, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles .title .checkout .subscriptionModificationNotice > .title, .checkout #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles .title .subscriptionModificationNotice > .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles .title .customerManagement .overlay.deliveryTargets .notice .title, .customerManagement .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles .title .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles .title .checkout .overlay.deliveryTargets .notice .title, .checkout .overlay.deliveryTargets .notice #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles .title .title, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles .title .filterList .filter .label, .filterList .filter #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles .title .label {
    font-size: 14px !important;
    font-weight: 500 !important;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .examples, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .titles .examples, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .titles .examples, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles .examples {
    margin-top: 0 !important;
    padding-top: 2px !important;
    font-size: 12px;
    white-space: nowrap;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .examples > div, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .titles .examples > div, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .titles .examples > div, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles .examples > div {
    display: block;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .examples .list, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .titles .examples .list, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .titles .examples .list, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles .examples .list {
    color: #8fbe3e;
    font-weight: 400 !important;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .titles .examples .label, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .groupSelect > .items > .substitute .titles .examples .label, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .list > .bundleGroup .titles .examples .label, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute .titles .examples .label {
    line-height: 14px !important;
    color: #666;
    margin-right: 4px;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row.sub {
    display: block;
    border-top: 0;
    padding-top: 0;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator > .row.sub > div {
    width: auto;
    margin-right: 0;
    max-width: none;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator .productException {
    min-width: auto;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator .productException .image, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator .productException .product-searchResult .image {
    margin-bottom: 8px !important;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator .product-searchResult {
    min-width: auto;
  }
  #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator .bundleGroup .image, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator .product-searchResult .image, #mainWrapper #mainContent .webRoot.container .bundleConfigurator > .configurator .productException .image {
    padding: 5px !important;
  }
  .checkout-bundleConfig > .section {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 475px) {
  .bundleConfigurator .row .list > .bundleGroup > .titles > .examples {
    padding-top: 0 !important;
  }
  .bundleConfigurator .row .list > .bundleGroup > .titles > .examples > div {
    display: block !important;
  }
}
@media (max-width: 420px) {
  .bundleConfigurator > .configurator > .row > .groupSelect > .list > .bundleGroup .checkmark .label,
  .bundleConfigurator > .configurator > .row > .productSelect > .results > .placeholder > .productException .checkmark .label,
  .bundleConfigurator > .configurator > .row > .productSelect > .results > .list > .product-searchResult .checkmark .label,
  .bundleConfigurator > .configurator > .row > .substituteSelect > .items > .substitute > .checkmark .label {
    display: none;
  }
}
@media (max-width: 360px) {
  .bundleConfigurator .textual .stage {
    background-image: none !important;
    padding-left: 0 !important;
  }
}
@media (max-width: 375px) {
  .manufacturerListView .manufacturer {
    width: calc(50vw - 32px) !important;
    max-width: 0 !important;
    min-width: calc(50vw - 32px) !important;
  }
}
@media (min-width: 402px) and (max-width: 587px) {
  .manufacturerListView .manufacturer:last-of-type {
    /*border-right: 1px solid #f2f2f2;*/
  }
  #mainWrapper #mainContent .moduleContainer.basic-3-columns > .sujet {
    /*max-width: calc(50vw);*/
    /*border-right: 1px solid #f2f2f2 !important;*/
  }
  #mainWrapper #mainContent .moduleContainer.basic-3-columns > .sujet:last-of-type {
    /*border-right: 1px solid #f2f2f2 !important;
    border-bottom: 0 !important;*/
  }
}
@media (min-width: 680px) {
  .webRoot.container > .manufacturerDetail .titleBar h3, .webRoot.container > .manufacturerDetail .titleBar .shopButton {
    font-size: 27px !important;
    line-height: 27px !important;
  }
  .webRoot.container > .manufacturerDetail .titleBar h2, .webRoot.container > .manufacturerDetail .titleBar .productSearch .resultList .loadIndicator, .productSearch .resultList .webRoot.container > .manufacturerDetail .titleBar .loadIndicator, .webRoot.container > .manufacturerDetail .titleBar .productSearch .resultList .searchResponse, .productSearch .resultList .webRoot.container > .manufacturerDetail .titleBar .searchResponse {
    font-size: 39px !important;
    line-height: 46px !important;
  }
  .webRoot.container > .manufacturerDetail .titleBar .location h3, .webRoot.container > .manufacturerDetail .titleBar .location .shopButton {
    font-size: 16px !important;
    line-height: 16px !important;
  }
}
@media (max-width: 740px) {
  .subscriptionManagementV2 .actionBlock .label {
    display: none !important;
  }
  .subscriptionManagementV2 .listBlocks > div > .subContainer .mainBlock .actionBlock > div.list {
    width: 100% !important;
  }
}
@media (max-width: 470px) {
  .subscriptionManagementV2 .subContainer .mainBlock .set.status.wait > .label {
    display: none !important;
  }
  .subscriptionManagementV2 .params.suspend .selectboxit-text {
    max-width: 240px !important;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .subscriptionManagement .flap > .set {
    white-space: normal !important;
    margin-bottom: 15px;
  }
  .subscriptionManagement .flap > .set > div {
    display: block;
  }
  .subscriptionManagement .flap > .set > div:first-child {
    margin-bottom: 2px;
  }
  .subscriptionManagement .flap > .set.dates {
    margin-bottom: 0;
  }
  .subscriptionManagement .flap > .set.dates.moreDates .label {
    display: none !important;
  }
  .subscriptionManagement .flap > .set.dates.moreDates {
    padding-top: 2px;
  }
}
@media (max-width: 400px) {
  .subscriptionManagementV2 .params.suspend .selectboxit-text {
    max-width: 205px !important;
  }
}
@media (max-width: 380px) {
  .customerManagement .subscriptionManagement .label {
    min-width: 80px !important;
  }
  .subscriptionManagementV2 .params.suspend .selectboxit-text {
    max-width: 195px !important;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .voucherEntry input {
    max-width: 60px;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .voucherEntry .label {
    display: block !important;
  }
}
@media (max-width: 360px) {
  .subscriptionManagementV2 .params.suspend .selectboxit-text {
    max-width: 157px !important;
  }
}
@media (max-width: 320px) {
  .customerManagement .overlay.customerZone.visible .content .fourDigits > input {
    width: 60px !important;
  }
  .subscriptionManagementV2 .params.suspend .selectboxit-text {
    max-width: 136px !important;
  }
}
@media (max-width: 300px) {
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .voucherEntry .button {
    display: block;
  }
  #mainContent .checkoutModule.basic .cart.full .voucherEntry-container .voucherEntry .button > div {
    margin-left: 0;
    margin-top: 5px;
  }
  .cart.full .col.cartItem-product .priceInfo .label {
    float: none;
  }
  .selectboxit-container .selectboxit .selectboxit-text {
    font-size: 13px;
  }
  #mainContent .checkoutModule.basic .itemList > div .itemOptions .cartItem-options .selectboxit-btn {
    min-width: 80px !important;
  }
  .customerManagement .orderManagement .action.download-invoice > div {
    margin-top: 2px;
  }
  .customerManagement .orderManagement .action.download-invoice .responsiveLabel {
    display: none;
  }
  .subscriptionManagementV2 .params.suspend .selectboxit-text {
    max-width: 116px !important;
  }
}
@media (max-width: 280px) {
  .customerManagement .overlay.customerZone.visible .content .fourDigits > input {
    width: 40px !important;
  }
  .webForm .fieldSet-pair > div {
    min-width: 80px !important;
  }
  .subscriptionManagementV2 .params.suspend .selectboxit-text {
    max-width: 115px !important;
  }
}
@media (max-width: 440px) { /* this is doing one item per row on iphone*/
  .checkout-delivery .deliveryDate-info .icon {
    max-width: 80px !important;
    min-width: 65px !important;
  }
  .subscriptionManagementV2 .params .label {
    display: block !important;
  }
  .subscriptionManagementV2 .cartBlock .unitInfo .unit > span:nth-child(2) {
    /*display: none !important;*/
  }
  .subscriptionManagementV2 .listBlocks {
    min-width: 226px !important;
  }
}
@media (max-width: 586px) {
  .checkout-delivery .deliveryDate-info .icon {
    max-width: 50px !important;
  }
  /* this is doing one item per row on iphone*/
  .productListView.basic > div.listing .product:last-of-type {
    border-right: 1px solid #f2f2f2;
  }
}
@media (max-width: 345px) {
  .checkout-delivery .deliveryDate-info .icon {
    display: none;
  }
  .itemList.cartContent .col.purchase {
    padding-bottom: 8px !important;
    border-bottom: 1px dotted #ddd;
  }
  .itemList.cartContent .col.cartItem-price {
    margin-top: 2px;
    margin-left: 141px !important;
    padding-left: 0 !important;
    padding-top: 10px !important;
    width: 100%;
    border-top: 0 !important;
    text-align: left;
    font-size: 13px !important;
  }
  .itemList.cartContent .col.cartItem-price::before {
    content: "Summe:";
    font-weight: 500;
    padding-right: 8px;
  }
}
@media (max-width: 365px) { /* this is doing one item per row on iphone*/
  #mainContent .checkoutModule.basic .section.checkout-subscription .itemList {
    min-width: auto;
  }
  .cart.subscriptionInfo .sumList {
    min-width: auto;
  }
  .productListView.basic > div.listing .product {
    max-width: none !important;
  }
  .productListView.basic .product {
    flex: 0 1 100% !important;
    border-bottom: 1px solid #eee !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .productListView.basic .product .wrapper-inner {
    width: 170px !important;
  }
  .productListView.basic .product .image img {
    max-width: 170px !important;
    width: 170px !important;
  }
}
@media (min-width: 800px) and (max-width: 1024px) {
  .productDetail .descriptors {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: baseline;
  }
  .productDetail .descriptors > div {
    width: 50% !important;
    padding-right: 50px;
  }
  .productDetail .descriptors > div:last-child {
    padding-right: 0;
  }
  .productDetail .descriptors > div > .descriptorPair {
    display: block;
  }
  .productDetail .descriptors > div > .descriptorPair > div {
    display: block !important;
    padding-bottom: 1px !important;
  }
  .productDetail .descriptors > div > .descriptorPair > div:last-child {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 572px) {
  #header-responsive > .menu .blend .navigation.main > ul {
    display: block;
    white-space: normal;
  }
  #header-responsive > .menu .blend .navigation.main > ul > li {
    display: inline-block;
    width: 25vw;
    height: 25vw;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15) !important;
  }
}

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