html {height: 100%}
form.aspNetForm, div.nextOuterWrapper, div.nextInnerWrapper {height: 100%; margin: 0}
div.nextOuterWrapperNoEvents {height: 100%; margin: 0; pointer-events: none}
.store {vertical-align: top; margin: 0}
.main {background-color: white; background-image: none; text-align: left; vertical-align: top; margin: 0; font: 10pt soleil,sans-serif; color: black; padding: 0 5px 0 5px}
.margin, .modal {background-color: white; background-image: none; text-align: left; font: 10pt soleil,sans-serif; color: black; padding: 0 2px 0 2px}
h1 {margin: 0}
hr {height: 1px}
.main hr, .margin hr {color: black; background-color: black; border-width: 0px}
.cart {background-color: white; background-image: none; text-align: center; vertical-align: top; margin: 0; font: 10pt soleil,sans-serif; color: black}
.persist {background-color: white; background-image: none; text-align: left; vertical-align: top; margin: 0; font: 10pt soleil,sans-serif; color: black}
.persist hr {color: black; background-color: black}
body.master {background-color: white; background-image: none; margin: 0 auto 0 auto}
td {font: inherit}
table.frame {background: none transparent; table-layout: auto; text-align: center; height: 100%}
table.nextInnerTable {width: 100%; height: 100%}
tr.invisible {display: none}
td.top {background-color: white; background-image: none; text-align: left}
td.bottom {background-color: white; background-image: none; text-align: left}
td.left {background-color: white; background-image: none; vertical-align: middle}
td.right {background-color: white; background-image: none; vertical-align: middle}
.font1 {font: 10pt soleil,sans-serif}
.font1small {font: 8pt soleil,sans-serif}
.font1large {font: 12pt soleil,sans-serif}
.font2 {font: 10pt soleil,sans-serif}
.font2small {font: 8pt soleil,sans-serif}
.font2large {font: 12pt soleil,sans-serif}
.labelSubText {font-size: 8pt; display: block}
.welcome {text-align: center}
.main a {color: #43bcee}
.main a:hover {color: #139ad2}
.main img {border-color: #43bcee}
.cart a {color: #43bcee}
.cart a:hover {color: #139ad2}
.cart img {border-color: #43bcee}
.persist a {color: #43bcee}
.persist a:hover {color: #139ad2}
.persist img {border-color: #43bcee}
.margin a, .modal a {color: #43bcee}
.margin a:hover, .modal a:hover {color: #139ad2}
.margin img, .modal img {border-color: #43bcee}
a.nounderline, .nounderline a {text-decoration: none; color: darkgoldenrod}
.main a.disguise, .main a.disguise:hover, .margin a.disguise, .margin a.disguise:hover, .modal a.disguise, .modal a.disguise:hover {text-decoration: none; color: black}
.main .banner1 {background-color: #777777; background-image: none; font: bold 10pt soleil,sans-serif; color: white}
.main .banner1 h1.nextBannerText {font: bold 10pt soleil,sans-serif; color: white; margin-bottom: 0px}
.main .banner2 {background-color: #777777; background-image: none; font: bold 10pt soleil,sans-serif; color: white}
.cart .banner1 {background-color: black; background-image: none; font: bold 10pt soleil,sans-serif; color: white}
.persist .banner1 {background-color: black; background-image: none; font: bold 10pt soleil,sans-serif; color: white}
.margin .banner1, .modal .banner1 {background-color: #777777; background-image: none; font: bold 10pt soleil,sans-serif; color: white}
.margin .banner2, .modal .banner2 {background-color: #777777; background-image: none; font: bold 10pt soleil,sans-serif; color: white}
.main .bannerStoreFront {background-color: black; background-image: none}
.main .bannerStoreFront .nextStoreFrontBannerNameCell {font-weight: bold; color: white}
.modal {border: solid 1px black}
.shade {background-color: black; opacity: 0.65}
a.closeX {font-weight: normal; color: white; text-decoration: none; border-width: 1px; border-style: solid; padding: 1px}
a.closeX:hover {font-weight: bold; color: white}
.updateProgress {background-color: white; position: absolute; padding: 0; margin: 0; opacity: 0.7}
.updateProgress div {padding: 4px; position: absolute; top: 20%; left: 50%}
.watermark {background-color: #f1f1f1; font-style: italic; text-align: center}
.tab {visibility: visible !important}
.tab .ajax__tab_tab {margin-right: 0px; outline: none}
.tab .ajax__tab_outer {background-color: #777777; background-image: none; border: 1px solid black; border-bottom: 0px; margin-left: 3px; padding: 3px}
.tab .ajax__tab_outer span {color: white}
.tab .ajax__tab_hover, .addthis_button_compact {cursor: pointer}
.tab .ajax__tab_hover .ajax__tab_outer, .tab .ajax__tab_active .ajax__tab_outer {background-color: #777777; background-image: none}
.tab .ajax__tab_hover .ajax__tab_outer span, .tab .ajax__tab_active .ajax__tab_outer span {color: white}
.tab .ajax__tab_active .ajax__tab_outer, .nextZoomContainer {position: relative}
.tab .ajax__tab_body {border: 1px solid black; padding: 3px; margin-top: -1px}
.ajax__validatorcallout_error_message_cell {color: black}
.pac-container {z-index: 100001}
.nextCatDisc, .pac-item {font-family: soleil,sans-serif}
.nextStatus, .nextSKUOptions, .nextSearchStatement, .nextArticleSearchStatement, .nextCatDisc, .nextCatDiscText, .nextMultiLinePrevNext, .nextSKUShipText, .nextSharingDiscountLimit, .nextPurchaseSetQtyMsg, .nextMisCustomer, .nextOrderPadSampleLink, .nextCartPolicy, .nextCartCurrency, .nextCartProdSavings, .nextViewCoupon, .nextRemoveCoupon, .nextRemoveGiftCert, .nextRemoveGiftCard, .nextCartCalculator, .nextCartSmallButton, .nextPoweredBy, .nextShippingDisclaimer td, .nextNewCustomerCancel, .nextNoApplicationCoupon, .nextEmptyCartGiftCert, .nextEmptyCartGiftCard, .nextCartLoyaltyRedemption, .nextPendingCancelLink, .nextGroupCreditCardMessage, .nextGroupNoCreditCardMessage, .nextGroupPendingOnlyMessage, .nextGroupSubcustomerMessageCell, .nextGroupCreditCardMessageCell, .nextGroupNoCreditCardMessageCell, .nextGroupACHMessageCell, .nextGroupNoACHMessageCell, .nextGroupPendingOnlyMessageCell, .nextApprovalExplanationCell, .nextRequisitionerExplanationCell, .nextApproverExplanationCell, .nextGroupEmailExplanationCell, .nextNewMembersExplanationCell, .nextPendingMemberExplanationCell {font-size: 8pt}
.nextSoldOut, .nextProductDetailTabbed .nextProdName, .nextProductDetailTabbed .nextPrice, .nextNewCustomerLink, .nextExpressOrderTotals, .nextOrderPadTotalLabel, .nextOrderPadTotalQuantity, .nextOrderPadUpload, .nextInvoicePaymentFooter {font-size: 12pt}
.nextCategoryDisplay .nextCatName, .nextAttributes, .nextExpressOrderAttributes, .nextAppendHeader {font: 10pt soleil,sans-serif}
.nextProduct, .nextAdvancedSearch, .nextUndoSearch, .nextProductDetailTop, .nextProductDetailStacked .nextProdName, .nextExpressOrderProducts .nextProdName, .nextLongDescription, .nextArticleSearchDescription, .nextArticleSearchLink, .nextCartTop, .nextShoppingCart, .nextRegisterHeader, .nextPasswordTextCell, .nextTrusteeTextCell, .nextLargeTextLink {font: 10pt soleil,sans-serif}
.nextArticleSearchTitle {font: 12pt soleil,sans-serif}
.nextCategory .nextCatName {font: 10pt soleil,sans-serif}
.nextOrderDiscounts, .nextSoldOut, .nextHierarchyTitle, .nextArticleSearchLink, .nextCartEmpty, .nextCartStatus, .nextMinimumViolatedMessage, .nextSharingDiscountMessage, .nextMinimumOrderMessage, .nextMinimumExpeditedMessage, .nextShippingDisclaimer td, .nextAdvancedSearchInstructions, .nextNoOrders, .nextNoAddresses, .nextNoCreditCards, .nextNoBankAccounts, .nextNoNotifications, .nextNoGroups, .nextNoMembers, .nextNoInvoices, .nextNoPending {font-style: italic}
.nextSearchBox, .nextSharingDiscountLimit, .nextPurchaseSetQtyMsg {font-weight: normal}
.nextSoldOut, .nextProductDetailTabbed .nextProdName, .nextProductDetailStacked .nextProdName, .nextExpressOrderProducts .nextProdName, .nextProductDetailTabbed .nextPrice, .nextProductDetailTabbedTable .nextSKU, .nextCustomField1, .nextCustomField2, .nextCustomField3, .nextCustomField4, .nextCustomField5, .nextCustomField6, .nextCustomField7, .nextCustomField8, .nextCustomField9, .nextCustomField10, .nextCustomField11, .nextCustomField12, .nextCustomField13, .nextCustomField14, .nextCustomField15, .nextCustomField16, .nextCustomField17, .nextCustomField18, .nextCustomField19, .nextCustomField20, .nextUOM, .nextShipWeight, .nextAllocation, .nextInventory, .nextSharingDiscountNotification, .nextAttributeLabel label, .nextWriteInLabel label, .nextCategoryDisplay .nextCatName, .nextHierarchyTitle, .nextHierarchyFinalText, .nextNewCustomerLink, .nextCartPendingEdit, .nextHelpDeskProductLabel, .nextHelpDeskCategoryLabel, .nextExpressOrderTotals, .nextOrderPadTotalLabel, .nextOrderPadTotalQuantity, .nextLargeTextLink, .nextReasonCanceled, .nextOrderCustomerCommentsLabel, .nextOrderCompanyCommentsLabel {font-weight: bold}
.nextCategory .nextCatName, .nextCatDisc a, .nextPoweredBy a {text-decoration: none}
.nextPoweredBy a:hover {text-decoration: underline}
.nextPersistentCategory :focus {outline: 0}
.nextCatDiscRule hr {color: #43bcee; background-color: #43bcee}
hr.nextCatUnderbar {width: 100%; height: 3px; clear: both; border-width: 0px; color: ; background-color: }
.main .nextSoldOut, .main .nextProdDiscount, .main .nextCartDiscount, .main .nextCartSavings, .main .nextCartSubscription, .main .nextCartOrderSubscription, .main .nextCartReservation, .main .nextExpiredDate, .nextCustomerShipperWarning, .nextCartWarningsWrapper, .nextGroupNoCreditCardMessage, .nextGroupPendingOnlyMessage, .nextGroupNoCreditCardMessageCell, .nextGroupNoACHMessageCell, .nextGroupPendingOnlyMessageCell {color: black}
.persist .nextSoldOut, .persist .nextProdDiscount {color: black}
.cart .nextCartDiscount, .cart .nextCartSavings, .cart .nextCartSubscription, .cart .nextCartOrderSubscription, .cart .nextCartReservation, .cart .nextCartWarningsWrapper {color: black}
.nextPopupText {white-space: normal}
.nextSortBy, .nextSingleLinePrevNext, .nextPreviousProductTextCell, .nextNextProductTextCell, .nextProductDetailTabbed .nextPrice, .nextRatingIcons, .nextRelatedThread, .nextCartDiscount, .nextBannerCell, .nextInternalCustomerInformationPopup .nextPopupText, .filterLineGroup, .nextShipName, .nextOrderPadUploadSample, .nextAffiliateDropDownCell, .nextBookAddress, .nextAddToCartQuantity, .nextExpressOrderQuantity, .nextOrderPadQuantityCell, .nextEnterTrusteeRow .nextEmailLabelCell, .nextPendingCommitRow, .nextPendingMinQtyRow, .nextPendingCancelRow, .nextInvoiceShipToAddress, .nextInvoicePickupAddress, .nextInvoiceEmailToAddress, .nextInvoiceBillToAddress, .nextCanceledApprovals, .nextMemberFilterCell {white-space: nowrap}
.nextCategoryDiscount, .nextCatDiscRule, .nextRelatedThreadBackTo, .nextRelatedThreadProducts, .nextTabbedProduct, .nextExpressOrderList, .nextDescriptionLink, .productList .nextPagesTicker, .productList .nextBottomPlaceholder, .nextProductDetailStacked .nextAttributes, .nextProductDetailStacked .nextPriceDetails, .nextProductDetailStacked .nextSpecifications, .nextProductDetailTabbed .nextMainImage, .nextProductDetailTabbed .nextProdImage, .nextGallery, .nextMiniThumb, .nextRelatedColumnProduct, .nextCartPolicy, .nextButtonEdit, .nextButtonDelete, .nextPendingCheckbox, .nextPendingRequiredLineItemCheckbox {float: left}
.nextSearch, .productList .nextSortBy {float: right}
.nextGallery div, .nextCouponSharingButtons {clear: left}
.nextProductDetailTabbed .nextLargeImageLink, .nextProductDetailTabbed .nextGalleryWrap, .nextProductDetailTabbedTable, .nextCategoryDiscount, .nextHeaderFooter, .nextAddToCartButtonMsg, .nextCategoryDescription, .nextProductDetailTop, .nextProductDetailBottom, .nextGallery, .nextRelatedSpacer, .nextRelatedCategory, .nextRelatedRule, .nextProductSeparator, .nextCartProducts, .nextLoginBtoC, .nextLoginForm, .nextHelpDeskProductLabel, .nextHelpDeskCategoryLabel {clear: both}
.nextRelatedProductsColumn {clear: left; float: left}
.nextHierarchyTable, .nextHierarchyCell, .nextRelatedCategory, .nextPopupText, .nextShipNameInstructions, .nextShippingDisclaimer td, .nextBannerCellLeft, .nextBannerCellLeftButton {text-align: left}
.nextCatDiscText, .nextOrderDiscounts, .nextSingleLinePrevNext, .nextAdvancedSearch, .nextUndoSearch, .nextSearchStatement, .nextDescriptionLink, .nextPagesTicker, .nextSKUPagesTicker, .nextProductDetailStacked .nextSKUShipText, .nextMainImage, .nextCentered, .persist .nextSortBy, .nextAdvancedSearchInstructions, .nextTopImage, .nextOrderPadQuantityLabelCell, .nextOrderPadTotalQuantity, .nextOrderPadUpload, .nextOrderPadUploadSample, .nextLoginWelcome, .nextLoginPasswordReset, .nextInvalidLoginMessage1, .nextInvalidLoginMessage2, .nextRegisterHeader, .nextBannerCellCenter, .nextOrderPadNumRows, .nextPasswordTextCell, .nextTrusteeTextCell, .nextTrusteeEmailConfirmation, .nextNoOrders, .nextNoAddresses, .nextNoCreditCards, .nextNoBankAccounts, .nextNoNotifications, .nextNoGroups, .nextNoMembers, .nextNoPending, .nextEditPendingAddressBook, .nextEditSubscriptionAddressBook, .nextLegalDisclaimer, .nextCustomerShipperWarning, .nextEditPendingText, .nextPlacePendingOrderText, .nextApproveOrderText, .nextRejectOrderText, .nextCancelPendingOrderText, .nextPlaceSubscriptionOrderText, .nextSkipSubscriptionOrderText, .nextSubscriptionSuspendText, .nextPaypalInstructions, .nextPaypalTransfer, .nextOrderAddendum, .nextBulkOrderText, .nextNoInvoices, .nextOrderPaymentSeparatorRow td, .nextOrderApprovals, .nextCanceledApprovals, .nextApproveReject, .nextPendingLineItemActions, .nextPendingEditAddress, .nextPendingEditPayment, .nextGroupConfirmationPopup, .nextPendingGroupAccept, .nextOrderStatusLogo {text-align: center}
.productList .nextSortBy, .nextRelatedColumnProduct, .nextExpressOrderAttributeLabel, .nextExpressOrderQuantity, .nextBannerCellRight, .nextCloseXCell, .nextExpressOrderTotals, .nextExpressOrderATC, .nextOrderPadTotalLabel, .nextAffiliateLabelCell, .nextCustomerCustomFieldLabelCell {text-align: right}
.nextCurrentCategorySearch td, .nextRelatedThreadBackTo, .nextRelatedThreadProducts, .nextMainImageWrap, .nextMainImage, .nextTabbedProduct, .nextPriceDetails, .nextSpecifications, .nextAddToCart, .nextAttributes, .nextExpressOrderAttributes, .nextRelatedColumn, .nextTabs, .nextRelatedColumnProduct, .nextOrderPadTotalLabel, .nextOrderPadTotalQuantity, .nextNewCustomer, .nextReturningCustomer, .nextOrderBillToAddress, .nextOrderPaymentInformation, .nextOrderShipToAddress, .nextPendingBillToAddress, .nextPendingPaymentInformation, .nextPendingShipToAddress, .nextPendingActions, .nextSubscriptionBillToAddress, .nextSubscriptionPaymentInformation, .nextSubscriptionShipToAddress, .nextSubscriptionActions, .nextTrusteePickupAddress, .nextAccountAdditionalAddress, .nextAccountCreditCard, .nextOrderCustomerComments, .nextOrderCompanyComments, .nextPendingLineItems, .nextPendingEditAddress, .nextPendingEditPayment, .nextMemberFilterCell, .nextMemberCell, .nextOrderStatus, .nextOrderStatusBillToAddress, .nextOrderStatusPayment {vertical-align: top}
.nextSearch, .nextCartBottomButton, .nextShippingDisclaimer td, .nextPendingLineItemActions, .nextOrderApprovals {vertical-align: middle}
.nextProductList .nextPickupSelect, .nextProductDetail .nextPickupSelect .nextPickupSelectQuickShop {vertical-align: bottom}
.nextCategoryTable {border-spacing: 6px; width: 100%}
.nextInvoiceTable {border-spacing: 0}
.nextEditContactTable, .nextEditAddressTable, .nextEditCreditCardTable, .nextEditShipToTable, .nextEditBillToTable, .nextCommentsTable {border-spacing: 1px}
.nextShippingDisclaimer, .nextEditContactTable, .nextEditAddressTable, .nextEditCreditCardTable, .nextEditShipToTable, .nextEditBillToTable, .nextInvoiceTable, .nextCommentsTable {border-width: 0}
.nextRelatedTileProduct {width: 33%; text-align: left; vertical-align: top}
.nextCategory {text-align: left; vertical-align: bottom}
.nextProdName, .nextLargeImageLink, .nextOrderPadSampleImage, .nextOrderPadUploadImage, .nextOrderPadUploadImage, .nextCartPolicy, .nextCartBannerImage, .nextCheckOutButton, .nextCartSavings, .nextShippingCoupon, .nextShippingPriceOverrideText, .nextCartBottomButton, .nextCartRequiredProductMultiple, .nextPendingCheckbox, .nextPendingRequiredLineItemCheckbox, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextLargeTextLink, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextGroupEdit, .nextGroupDelete {display: block}
.nextHTMLButton {display: inline}
.nextPriceWrapper, .nextZoomContainer {display: inline-block}
.nextUpsell .nextRelatedEmpty {display: none}
.nextSharingTools .nextAddThis, .nextSharingTools .nextTweet, .nextSharingTools .nextPinIt, .nextSharingTools .nextFBShare {display: inline-block; vertical-align: middle}
.nextCartBottomButton {float: none}
.nextRelatedThread, .nextProductDetailStacked .nextStandardAttributes, .nextProductDetailStacked .nextWriteInAttributes, .nextCartBannerImage, .nextTellAFriendCaptcha, .nextQuestionCaptcha, .nextReviewCaptcha, .nextOrderPadSampleImage, .nextOrderPadUploadImage, .nextAffiliateCaptcha, .nextRegisterCaptcha, .nextPasswordCaptcha, .nextTrusteeCaptcha, .nextOrderPaymentSeparatorRow td div, .nextInvoicePaymentTable {margin-left: auto; margin-right: auto}
.nextShipToRow, .nextOrderList, .nextSubscriptionList, .nextPendingList, .nextTrusteeList, .nextLoyaltyList, .nextTrusteeList, .nextSubscriptionOrderList, .nextGroupOrderList, .nextGroupSubscriptionList, .nextGroupPendingList {margin-top: 2px}
.nextSharingTools .nextSharingDiscountNotification,.nextSharingDiscountNotificationQuickShop, .nextOrderCommentsForApprovers, .nextEditPendingButton, .nextPendingActivationButton, .nextPendingNoActivation, .nextPendingNoAction, .nextPendingApprovals, .nextPendingCommentsForApprovers, .nextApproveButton, .nextRejectButton, .nextPendingCancel, .nextEditPendingAddressBook, .nextEditSubscriptionAddressBook {margin-top: 4px}
.nextRelatedColumnProduct, .nextLargeTextLink, .nextEnterLinkWrapper, .nextOrderPaymentSeparatorRow td div {margin-top: 5px}
.nextTellAFriend, .nextBookmark, .nextAddThis, .nextTweet, .nextPinIt, .nextFBShare, .nextFBShareQuickShop, .nextAddThisCouponSharing, .nextFBCouponSharing, .nextHelpDeskAskLogo, .nextHelpDeskThankYou {margin-top: 10px}
.nextGallery {margin-top: 12px}
.nextLargeImageLink, .nextCartBannerImage {margin-top: 15px}
.nextHelpDeskProductLabel, .nextHelpDeskCategoryLabel {margin-top: 20px}
.nextCategoryDisplay .nextCatName, .nextCatDiscRule, .nextTabbedProduct .nextATCButton, .nextOrderPadStatusDisplay {margin-left: 5px}
.nextMiniThumb {margin-right: 1px; margin-bottom: 1px}
.nextBuyNowButton {margin-top: 2px; margin-bottom: 2px}
.nextCatDiscRule, .nextHierarchyTitle, .nextRelatedThreadBackTo, .nextLockIcon, .nextRelatedProductsColumn, .nextHelpDeskProdThumb {margin-right: 5px}
.nextLargeTextLink, .nextOrderPaymentSeparatorRow td div {margin-bottom: 5px}
.nextRelatedProducts, .nextViewedProducts, .nextNoApplicationCoupon, .nextEmptyCartGiftCert, .nextEmptyCartGiftCard, .nextTweetButtonCoupon, .nextAddToCartButtonMsg {margin-bottom: 10px}
table.nextHierarchy, .nextPaypalTransfer {margin-bottom: 20px}
.nextMainImage, .nextRelatedRule, .nextExpressOrderProducts {margin: 2px}
.nextDiscountThumbnail, .nextAffiliateFormLogo {margin: 10px}
.nextGiftMessageWrap, .nextRegisterHeader, .nextPendingOrderAddendum {margin: 10px 0}
.nextCheckOutButton, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton {margin: 8px auto}
.nextTabbedRule, .nextShipName, .nextCartBottomButton {margin: 5px 0}
.nextCartProducts, .nextCartCalculator {margin: 4px 0}
.nextProductDetailBottom {margin: 20px 0 8px 0}
.nextCartProdImage img {margin: 2px 5px 2px 0}
.nextGroupActionList, .nextSubscriptionActionList {margin: 5px 0 0 2px}
.nextTabbedProduct .nextAttributeLabel, .nextTabbedProduct .nextAttributeSelect {padding-top: 4px}
.nextRSS, .nextTabbedProduct .nextTellAFriend, .nextTabbedProduct .nextPrice, .nextTweetCoupon {padding-top: 6px}
.nextCartContents, .nextGroupEmailExplanationCell {padding-top: 10px}
.nextPendingEditAddress, .nextPendingEditPayment {padding-top: 20px}
.nextSubscriptionWarning, .nextPendingOrderWarning {padding-left: 3px}
.nextBannerCellLeft .nextBannerText, .nextBannerCellLeftButton .nextBannerText {padding-left: 6px}
.nextRelatedProducts ul, .nextViewedProducts ul, .nextGroupActionList, .nextSubscriptionActionList {padding-left: 15px}
td.nextProdThumb {padding-right: 5px}
.nextBannerCellRight .nextBannerText, .nextExpressOrderAttributeSelect {padding-right: 6px}
.nextBannerCellLeftButton .nextBannerText, .nextOrderPadUploadSample, .nextContactAddress {padding-right: 12px}
.nextCustomerResetTextCell {padding-bottom: 12px}
.nextEnterShipTo {padding: 5px}
.nextTabbedProduct .nextAddToCart {padding: 12px 0}
.nextCartProducts td {padding: 5px 2px}
.nextShoppingCart {padding: 0 5px}
.nextHierarchyTable {padding: 6px 0 10px 0}
.nextProductTicker {padding: 5px 0 8px 0}
.nextSelectOptions {padding: 8px 0 4px 0}
.nextOrderPadProductImage {padding: 0 5px 0 2px}
.nextCloseXCell, .nextOrderPadSKULabelCell, .nextOrderPadQuantityLabelCell, .nextEnterTrusteeRow .nextEmailLabelCell {width: 1px}
.nextProductSpacer, .nextAttributeSpacer, .nextGiftCertButtonSpacer, .nextShipToSpacer, .nextPickupSpacer, .nextEmailToSpacer, .nextOrderPadSpacerCell {width: 10px}
.nextCatDiscRule {width: 15px}
.nextOrderPadUploadImage {width: 75px}
.nextStoreFrontBannerSpacerCell, .nextStoreFrontBannerSearchCell {width: 150px}
.nextGiftMessagePopup {width: 250px}
.nextTellAFriendCaptcha, .nextQuestionCaptcha, .nextReviewCaptcha, .nextAffiliateCaptcha, .nextRegisterCaptcha, .nextPasswordCaptcha, .nextTrusteeCaptcha {width: 304px}
.nextEnterShipToPopup {width: 350px}
.nextShipperAccountPopup, .nextCouponPopup, .nextLoyaltyRedemptionPopup, .nextCurrencyConverterPopup, .nextGiftCardPopup, .nextRedeemGiftCertificatePopup, .nextCartValidationError, .nextInternalMemoPopup, .nextPasswordPopup, .nextInviteTrusteePopup {width: 400px}
.nextPendingCanceledPopup, .nextPendingActivatedPopup, .nextPendingActivateNowPopup, .nextCancelPendingPopup, .nextSubscriptionOrderNowPopup, .nextSubscriptionSkipPopup, .nextSubscriptionSuspendPopup {width: 450px}
.nextTellAFriendPopup, .nextNotifyInstockPopup, .nextUpsell, .nextEditPendingPopup, .nextAddressValidationPopup, .nextVelocityFailurePopup {width: 500px}
.nextNotificationPopup, .nextEnterQuestionPopup, .nextEnterReviewPopup, .nextEditAddressPopup, .nextCreditCardPopup, .nextEditPendingAddressPopup, .nextEditSubscriptionAddressPopup {width: 550px}
.nextCartCalculatorPopup, .nextTrackingPopup {width: 650px}
.nextEditPendingPaymentPopup, .nextEditSubscriptionPaymentPopup{width: 700px}
.nextExpressOrderPopup {width: 900px}
.nextPendingLineItemActions {width: 25%}
.nextProductDetailStacked .nextAttributes, .nextButtonEdit, .nextButtonDelete, .nextReasonCanceledLabel, .nextReasonCanceled, .nextOrderBillToAddress, .nextOrderPaymentInformation, .nextOrderShipToAddress, .nextOrderApprovals, .nextPendingBillToAddress, .nextPendingPaymentInformation, .nextPendingShipToAddress, .nextPendingActions, .nextSubscriptionBillToAddress, .nextSubscriptionPaymentInformation, .nextSubscriptionShipToAddress, .nextSubscriptionActions, .nextTrusteePickupAddress, .nextAccountAdditionalAddress, .nextAccountCreditCard, .nextOrderCustomerCommentsLabel, .nextOrderCustomerComments, .nextOrderCompanyCommentsLabel, .nextOrderCompanyComments {width: 50%}
.nextRelatedThread, .nextOrderPaymentSeparatorRow td div {width: 60%}
.nextPendingLineItems {width: 75%}
.nextMemberCell {width: 80%}
.nextProductDetailTop, .nextProductDetailBottom, .nextRelatedColumnProduct, .nextExpressOrderProducts, .nextBannerCellLeft, .nextBannerCellCenter, .nextBannerCellRight, .nextBannerCellButton, .nextEditContactTable, .nextEditAddressTable, .nextEditPendingAddressTable, .nextEditSubscriptionAddressTable, .nextEditCreditCardTable, .nextEditShipToTable, .nextEditBillToTable, .nextInvoiceTable, .nextPaymentInfoCell, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextMemberTable, .nextTabbedProduct .nextBuyNowButton, .nextOrderPadProducts, .nextOrderPadUpload {width: 100%}
.productList .nextExpressOrderList, .productList .nextDescriptionLink, .productList .nextPagesTicker, .productList .nextSortBy, .productList .nextBottomPlaceholder {min-width: 33%; max-width: 50%}
.nextOrderPadSpacerRow {height: 2px}
.nextRelatedSpacer, .nextRelatedRule, .nextCartBannerSpacer {height: 5px}
.nextOrderPadUpload {height: 100px}
.nextProductTicker, .nextProductDetailBottom, .nextRelatedThread, .nextTweetButton, .nextTweetButtonCoupon, .nextCartPolicies, .nextCartSmallButtons, .nextCartBottomButtons, .nextLoyaltyRedemptionButton {overflow: hidden}
.nextCartProdImageSmall img {max-width: initial; max-height: initial}
.nextCartProdImageLarge img {max-width: initial; max-height: initial}
.nextExpressOrderProductRow .nextProdThumb img, .nextExpressOrderSKURow .nextProdThumb img {max-width: 120px; max-height: initial}
.nextExpressOrderSKURow {background-color: transparent; background-image: none}
.nextFBShareButtonWrapper, .nextCartProductEdit, .nextCartProductDelete, .nextPercentAdjustLink {cursor: pointer}
.nextFBShareButton, .nextTweetButton, .nextFBShareButtonCoupon, .nextTweetButtonCoupon {border: none}
.nextProductDetailTop, .nextFBShareButton, .nextFBShareButtonCoupon {overflow: visible}
.nextInternalCustomerInformationPopup, .nextAddressBookPopup {border: 1px solid black}
.nextSubmitGiftMessage, .nextOrderPadUpload {border: 2px solid black}
.nextTabbedRule, .nextRelatedRule {border-bottom: 1px solid black}
.nextOrderPaymentSeparatorRow td div {border-bottom: 1px dashed black}
.nextOrderPadUpload {border-radius: 10px}
.nextOrderDiscounts li {list-style-type: none}
.nextPercentAdjustPopup {background-color: white; background-image: none}
.nextClear {clear: both; height: 0; line-height: 0}
a.nextFacebookShareButton {background: url(//cdn.nexternal.com/shared/storefront/images/facebookbg.jpg) top repeat-x #5F78AB; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 0px 4px 2px 4px; border: 1px solid #29447E; text-decoration: none}
a.nextFacebookShareButton:hover {background-color: #4B649A; background-image: none; color: #ffffff}
.nextFacebook, .nextTwitter {padding: 10px; margin: 10px; border: solid 1px #ccc; background-color: #eee}
.nextTwitterUpdate {width: 585px; text-align: left}
.nextTwitterUpdate textarea {width: 580px}
a.nextTwitterUpdateButton, a.nextTwitterShareButton {padding: 0px 5px 1px 25px; height: 20px; border: 1px solid #d8dfea; text-decoration: none; color: #777; font-size: 15px; text-align: left; background: #fff url(//cdn.nexternal.com/shared/storefront/images/twitter_t_logo_outline.png) no-repeat 3px center}
a.nextTwitterUpdateButton:hover, a.nextTwitterShareButton:hover {background: #32cbff url(//cdn.nexternal.com/shared/storefront/images/twitter_t_logo_outline.png) no-repeat 3px center; color: #fff}
a.nextTwitterUpdateButton {width: 105px}
a.nextTwitterShareButton {width: 150px}
.nextPopupTransferEffect, .nextATCTransfer {border: 3px solid black; background-color: white; background-image: none}
.nextATCTransfer { background-repeat: no-repeat; background-position: center; background-size: auto 80%; text-align: center }
.nextATCTransfer .nextATCTextWrapperOuter {width: 100%; height: 100%; display: table}
.nextATCTransfer .nextATCTextWrapperInner, .nextCartProdText, .nextCartProdImage, .nextOrderPadProductDescription, .nextOrderPadProductImage, .nextOrderPadUpload, .nextOrderPadUploadSample, .nextSubscriptionStatus, .nextSubscriptionWarning, .nextPendingStatus, .nextPendingOrderWarning {display: table-cell; vertical-align: middle}
.nextInternalCustomerInformationPopup {background-color: white; background-image: none; color: black; padding: 10px}
.nextAddressBookSearchElements {display: block;background-color: #eee;margin: 2px 2px 2px 0;border-style: none;padding: 0;min-height: 24px;}
.nextAddressBookSearchInput { background-color: #eee;margin: 0 0 2px 0;border-style: none;padding: 0 0 0 2px;height: 24px;vertical-align: middle;position: relative }
.nextAddressBookClearSearch { background-color: #eee;margin: 0 0 2px 0;border-style: none;padding: 0 0 0 0; background-image: none, url('//cdn.nexternal.com/shared/ordermgmt/images/clearButton.png');background-size: 22px;height: 22px;width: 22px; }
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {display: none !important;}
.nextToolTip {border: solid 1px #ccc; background-color: white; z-index: 100005; width: 200px; padding: 10px; box-shadow: 2px 2px 10px #888 }
.nextZoomIcon {position: absolute; right: 0}
.nextZoomContainer {zoom:1; /*for IE7*/ *display:inline; /*for IE7*/}
.nextShipToCell {width: 30%}
div.nextFavoritesWrapper {position: relative;}
.nextContainerQuickShop {position:relative;}
.nextContainerQuickShop a.nextProdThumb {display: block;}
.nextContainerQuickShop a.nextProdThumb img {max-width: 100%; max-height: 100%; width: auto !important; height: auto!important; position: absolute;}
.nextQuickShopContent table.nextProductDetailTop {table-layout:fixed; width:100%}
.nextQuickShopContent td.nextMainImageWrap {width: 330px;}
.nextQuickShopContent td.nextMainImageWrap div, .nextQuickShopContent td.nextTabbedProduct {max-width: 330px;}
.nextQuickShopButton {position: absolute; display: none; width:100%; left: 0; top: 0; margin-top: calc(100% - 30px); text-align: center; background: rgba(250, 250, 246,0.8); cursor: pointer; text-decoration: none; padding: 0; height: 30px; border: none; letter-spacing: .06rem; justify-content: center; align-items: center;}
.nextAspectRatioContainer {padding: 0 0 100% 0; position: relative;}
.nextAbsoluteContainer {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.nextFlexContainer, .nextFlexContainer .adaProdThumbWrap {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.nextQuickShopAllDetails {margin: 0; display: block; text-align: center; cursor: pointer; margin-bottom: 1em; font-style: normal;}
.nextProdThumb:focus~.nextQuickShopButton, .nextProdThumb:hover~.nextQuickShopButton, .nextProdThumb a:focus~.nextQuickShopButton, .nextProdThumb a:hover~.nextQuickShopButton, .nextQuickShopButton:focus, .nextQuickShopButton:hover, .nextContainerQuickShop:focus-within .nextQuickShopButton {display: flex;}
.nextQuickShopPopup {width: 700px; max-height: 460px;}
.nextQuickShopPadding {padding: 0 4.5%;}
.nextQuickShopContent {max-height: 400px; overflow:auto}
.nextQuickShopContent::-webkit-scrollbar {width: 5px; height: 5px;}
.nextQuickShopContent::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 5px;}
.nextQuickShopContent::-webkit-scrollbar-thumb {background: #888; border-radius: 5px;}
.nextQuickShopContent::-webkit-scrollbar-thumb:hover {background: #555;}
.nextQuickShopCarouselContainer {width: 100%; position: relative;}
.nextQuickShopCarouselMain {width: 95%; max-width: 300px; padding: 0 10px; margin: 0 auto; position: relative;}
.nextQuickShopSelected {border: 2px solid #393939 !important}
.nextFavoriteProductButton {position: absolute; top: 0; right: 0; cursor: pointer; padding: 10px;}
.filterPanel {margin-top: 5px;}
.filterGroup {padding-top: 5px;}
.filterHeader {padding-top: 5px; font-weight: bold; border-top: 1px solid #eeeeee; overflow: hidden;}
.filterHeaderLast {margin-top: 5px; border-top: 1px solid #eeeeee; overflow: hidden;}
.filterHeader:hover {cursor: pointer;}
div.filterLine span.filterCB input[type="checkbox"], label, div.filterPriceRange {cursor: pointer;}
div.filterLine:hover, div.filterLineClear:hover, div.filterRefineLine:hover,div.clearRefinements:hover {background-color:rgba(0, 0, 0, .07); cursor: pointer}
.filterLine .nextRatingIcons img {vertical-align: top}
.filterSelected {color: #000; font-weight: 700}
.collapsePanelStatus {float: right; margin-right: 10px}
.removeHierarchyFilterDetail:hover {text-decoration: underline}
.nextHierarchyDivSeparator {float: left; padding-right: 10px; background-color: #eee; border-radius: 5px; display: inline-block; margin: 10px 10px 0 0}
.clearRefinements, .filterLblClear {font-style: italic; padding-right: 5px}
.clearHierarchyFilterRefinements {font-style :italic; margin: 0 0 0 15px}
.removeFilterGroup, .nextHierarchyFilterSeparator {margin: 0 0 0 15px}
.filterBanner {margin: 40px 0 0}
.removeFilter {padding: 0}
.removeFilterX {background-color: #bbb; width: 12px; height:12px; border-radius: 99px; padding:0; display: inline-block; margin :0 0 0 2px; text-align: center; vertical-align :middle; outline: none; text-indent: 100%; white-space: nowrap; overflow: hidden; background: rgba(0,0,0,.3) url('//cdn.nexternal.com/common/images/filterX.png') 50% 50% no-repeat}
div.filterRefineLine:hover > .removeFilterX, .removeFilterGroup:hover > .removeFilterX, .removeFilter:hover > .removeFilterX, .removeFilterX:hover {background-color: rgba(0,0,0,.5); text-decoration: none}
.removeFilterGroup:hover {text-decoration: underline}
.filterLine > * {vertical-align: middle}
.nextCloseIconCell {padding-right: 2px}
.nextPendingBillToAddress .nextHTMLButton, .nextPendingPaymentInformation .nextHTMLButton, nextPendingShipToAddress .nextHTMLButton {display: inline-block; text-align: center; margin-left: 5px}
.directCheckout .nextPasswordReminder .nextHTMLButton {width: auto}
.nextAlternateInvoiceRow {background: #e9e9ea}
.nextSimpleImageCentered {display: block; margin-left: auto; margin-right: auto; max-width:100%; max-height: 300px;}
.nextQuickShopPopup .nextAddToCartTable { margin-right: 0; width: 100%;}
.nextQuickShopPopup .nextHTMLButton.nextATCButton, .nextQuickShopPopup .nextHTMLButton.nextBuyNowButton, .nextProductList .nextAddToCartTable .nextHTMLButton.nextBuyNowButton {width:100%; margin-left: 0; margin-right: 0;}
.nextQuickShopAllDetails {margin-bottom: 1em}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.nextProdThumb:focus ~ .nextQuickShopButton, .nextProdThumb:hover ~ .nextQuickShopButton, .nextProdThumb a:focus ~ .nextQuickShopButton, .nextProdThumb a:hover ~ .nextQuickShopButton, .nextQuickShopButton:focus, .nextQuickShopButton:hover {display: block;}
.nextContainerQuickShop a.nextProdThumb img{top: 0; left: 0;}
}
.nextIconInactive {color:#a5a5a5;}
.nextFontHeartActive {color:red;}
.nextFontStarActive {color:#f7e729;}
.nextFontShopListActive {color:#e09c1e;}
.nextFontBookmarkActive {color:blue;}
.nextAddToFavoritesButton {display: block; text-align: center; cursor: pointer; margin-bottom: 1em; font-style: normal;}
.nextFavoriteProductButton .nextTooltipText {visibility: hidden; width: 120px; background-color: #fff; color: black; text-align: center; border-radius: 6px; border: 2px solid black; padding: 5px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s;}
.nextFavoriteProductButton .nextTooltipText::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;}
.nextFavoriteProductButton .nextTooltipText::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;}
.nextFavoriteProductButton:hover .nextTooltipText, .nextFavoriteProductButton:focus .nextTooltipText {visibility: visible; opacity: 1;}
.nextOrderPadProductInvalid {border: 2px solid red; border-radius: 5px}
.nextSubcategoryLevel1 {margin-left: 10px}
.nextSubcategoryLevel2 {margin-left: 20px}
.nextSubcategoryLevel3 {margin-left: 30px}
.nextSubcategoryLevel4 {margin-left: 40px}
.nextSubcategoryLevel5 {margin-left: 50px}
.nextSubcategoryLevel6 {margin-left: 60px}
.nextSubcategoryLevel7 {margin-left: 70px}
.nextSubcategoryLevel8 {margin-left: 80px}
.nextSubcategoryLevel9 {margin-left: 90px}
.nextSubcategoryLevel10 {margin-left: 100px}
.nextSubcategoryLevel11 {margin-left: 110px}
.nextSubcategoryLevel12 {margin-left: 120px}
.nextSubcategoryLevel13 {margin-left: 130px}
.nextSubcategoryLevel14 {margin-left: 140px}
.nextSubcategoryLevel15 {margin-left: 150px}
/*vanillabean124*/
/*----------------------------------------------------------------
..GLOBAL
------------------------------------------------------------------*/
body, body.master {
font-family:soleil,sans-serif;
font-size:14px;
line-height:1.375;
margin:0;
}
.ui-autocomplete {font-size:12px;}
.nextAdvancedSearch a {font-size:11px;}
img {border:0;}
a {
color:#43bcee;
text-decoration:none;
transition: color 0.1s ease-in, background-color 0.1s ease-in
}
a:hover {
color:#139ad2;
}
.clearfix:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
*display:auto; /*for IE7 */
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]):not([type=button]) {
padding:7px 8px;
border:1px solid #CCC;
border-radius:0;
}
label {
padding-right:5px;
}
input::-moz-focus-inner{
border: 0;
padding: 0;
}
/*----------------------------------------------------------------
..TOP HTML
------------------------------------------------------------------*/
/* theme.css */
.borderingHTML label {
margin-bottom:13px;
margin-top:24px;
}
@media only screen and (max-width: 480px) {
.grid--rev,
.site-footer__newsletter-label,
.site-footer__section-title {
text-align: center !important
}
.grid--rev .grid__item {
padding-left: 0 !important
}
.footer-logo img {
margin-left: 0 !important
}
.product-single__description {
margin: auto;
max-width: 340px
}
.related-products .product-card__name {
font-size: 12px !important
}
.site-header__cart {
display: block !important;
top: -2px !important;
z-index: 100 !important;
right: 10px !important;
float: left !important;
position: absolute !important;
line-height: 20px !important
}
}
@media only screen and (min-width: 481px) and (max-width: 750px) {
.product-single__description {
margin: auto;
max-width: 500px
}
.product-single__photo img {
max-height: 500px !important
}
.site-header__cart {
display: block !important;
top: -2px !important;
z-index: 100 !important;
right: 10px !important;
float: left !important;
position: absolute !important;
line-height: 20px !important
}
}
.borderingHTML input,
.borderingHTML textarea,
.borderingHTML select {
border: 1px solid #fff;
border-radius: 0;
max-width: 100%
}
.borderingHTML input:focus,
.borderingHTML textarea:focus,
.borderingHTML select:focus {
border-color: #e6e6e6
}
.borderingHTML input, .borderingHTML textarea {
padding: 13px 15px;
padding-right: 15px;
padding-left: 15px;
}
button {
font-size: 14px;
font-family: soleil;
color: #000;
line-height: 1.375;
}
.grid {
*zoom: 1
}
.grid:after {
content: '';
display: table;
clear: both
}
.grid {
list-style: none;
margin: 0;
padding: 0;
margin-left: -20px
}
.grid__item {
float: left;
padding-left: 20px;
width: 100%
}
.grid__item[class*="--push"] {
position: relative
}
.grid--rev {
direction: rtl;
text-align: left
}
.grid--rev>.grid__item {
direction: ltr;
text-align: left;
float: right
}
.one-whole {
width: 100%
}
.one-half {
width: 50%
}
.one-third {
width: 33.33333%
}
.two-thirds {
width: 66.66667%
}
.one-quarter {
width: 25%
}
.two-quarters {
width: 50%
}
.three-quarters {
width: 75%
}
.one-fifth {
width: 20%
}
.two-fifths {
width: 40%
}
.three-fifths {
width: 60%
}
.four-fifths {
width: 80%
}
.one-sixth {
width: 16.66667%
}
.two-sixths {
width: 33.33333%
}
.three-sixths {
width: 50%
}
.four-sixths {
width: 66.66667%
}
.five-sixths {
width: 83.33333%
}
.one-eighth {
width: 12.5%
}
.two-eighths {
width: 25%
}
.three-eighths {
width: 37.5%
}
.four-eighths {
width: 50%
}
.five-eighths {
width: 62.5%
}
.six-eighths {
width: 75%
}
.seven-eighths {
width: 87.5%
}
.one-tenth {
width: 10%
}
.two-tenths {
width: 20%
}
.three-tenths {
width: 30%
}
.four-tenths {
width: 40%
}
.five-tenths {
width: 50%
}
.six-tenths {
width: 60%
}
.seven-tenths {
width: 70%
}
.eight-tenths {
width: 80%
}
.nine-tenths {
width: 90%
}
.one-twelfth {
width: 8.33333%
}
.two-twelfths {
width: 16.66667%
}
.three-twelfths {
width: 25%
}
.four-twelfths {
width: 33.33333%
}
.five-twelfths {
width: 41.66667%
}
.six-twelfths {
width: 50%
}
.seven-twelfths {
width: 58.33333%
}
.eight-twelfths {
width: 66.66667%
}
.nine-twelfths {
width: 75%
}
.ten-twelfths {
width: 83.33333%
}
.eleven-twelfths {
width: 91.66667%
}
.show {
display: block !important
}
.hide {
display: none !important
}
.text-left {
text-align: left !important
}
.text-right {
text-align: right !important
}
.text-center {
text-align: center !important
}
@media only screen and (max-width: 749px) {
.small--one-whole {
width: 100%
}
.small--one-half {
width: 50%
}
.small--one-third {
width: 33.33333%
}
.small--two-thirds {
width: 66.66667%
}
.small--one-quarter {
width: 25%
}
.small--two-quarters {
width: 50%
}
.small--three-quarters {
width: 75%
}
.small--one-fifth {
width: 20%
}
.small--two-fifths {
width: 40%
}
.small--three-fifths {
width: 60%
}
.small--four-fifths {
width: 80%
}
.small--one-sixth {
width: 16.66667%
}
.small--two-sixths {
width: 33.33333%
}
.small--three-sixths {
width: 50%
}
.small--four-sixths {
width: 66.66667%
}
.small--five-sixths {
width: 83.33333%
}
.small--one-eighth {
width: 12.5%
}
.small--two-eighths {
width: 25%
}
.small--three-eighths {
width: 37.5%
}
.small--four-eighths {
width: 50%
}
.small--five-eighths {
width: 62.5%
}
.small--six-eighths {
width: 75%
}
.small--seven-eighths {
width: 87.5%
}
.small--one-tenth {
width: 10%
}
.small--two-tenths {
width: 20%
}
.small--three-tenths {
width: 30%
}
.small--four-tenths {
width: 40%
}
.small--five-tenths {
width: 50%
}
.small--six-tenths {
width: 60%
}
.small--seven-tenths {
width: 70%
}
.small--eight-tenths {
width: 80%
}
.small--nine-tenths {
width: 90%
}
.small--one-twelfth {
width: 8.33333%
}
.small--two-twelfths {
width: 16.66667%
}
.small--three-twelfths {
width: 25%
}
.small--four-twelfths {
width: 33.33333%
}
.small--five-twelfths {
width: 41.66667%
}
.small--six-twelfths {
width: 50%
}
.small--seven-twelfths {
width: 58.33333%
}
.small--eight-twelfths {
width: 66.66667%
}
.small--nine-twelfths {
width: 75%
}
.small--ten-twelfths {
width: 83.33333%
}
.small--eleven-twelfths {
width: 91.66667%
}
.grid--uniform .small--one-half:nth-child(2n+1),
.grid--uniform .small--one-third:nth-child(3n+1),
.grid--uniform .small--one-quarter:nth-child(4n+1),
.grid--uniform .small--one-fifth:nth-child(5n+1),
.grid--uniform .small--one-sixth:nth-child(6n+1),
.grid--uniform .small--two-sixths:nth-child(3n+1),
.grid--uniform .small--three-sixths:nth-child(2n+1),
.grid--uniform .small--two-eighths:nth-child(4n+1),
.grid--uniform .small--four-eighths:nth-child(2n+1),
.grid--uniform .small--five-tenths:nth-child(2n+1),
.grid--uniform .small--one-twelfth:nth-child(12n+1),
.grid--uniform .small--two-twelfths:nth-child(6n+1),
.grid--uniform .small--three-twelfths:nth-child(4n+1),
.grid--uniform .small--four-twelfths:nth-child(3n+1),
.grid--uniform .small--six-twelfths:nth-child(2n+1) {
clear: both
}
.small--show {
display: block !important
}
.small--hide {
display: none !important
}
.small--text-left {
text-align: left !important
}
.small--text-right {
text-align: right !important
}
.small--text-center {
text-align: center !important
}
}
@media only screen and (min-width: 750px) {
.medium-up--one-whole {
width: 100%
}
.medium-up--one-half {
width: 50%
}
.medium-up--one-third {
width: 33.33333%
}
.medium-up--two-thirds {
width: 66.66667%
}
.medium-up--one-quarter {
width: 25%
}
.medium-up--two-quarters {
width: 50%
}
.medium-up--three-quarters {
width: 75%
}
.medium-up--one-fifth {
width: 20%
}
.medium-up--two-fifths {
width: 40%
}
.medium-up--three-fifths {
width: 60%
}
.medium-up--four-fifths {
width: 80%
}
.medium-up--one-sixth {
width: 16.66667%
}
.medium-up--two-sixths {
width: 33.33333%
}
.medium-up--three-sixths {
width: 50%
}
.medium-up--four-sixths {
width: 66.66667%
}
.medium-up--five-sixths {
width: 83.33333%
}
.medium-up--one-eighth {
width: 12.5%
}
.medium-up--two-eighths {
width: 25%
}
.medium-up--three-eighths {
width: 37.5%
}
.medium-up--four-eighths {
width: 50%
}
.medium-up--five-eighths {
width: 62.5%
}
.medium-up--six-eighths {
width: 75%
}
.medium-up--seven-eighths {
width: 87.5%
}
.medium-up--one-tenth {
width: 10%
}
.medium-up--two-tenths {
width: 20%
}
.medium-up--three-tenths {
width: 30%
}
.medium-up--four-tenths {
width: 40%
}
.medium-up--five-tenths {
width: 50%
}
.medium-up--six-tenths {
width: 60%
}
.medium-up--seven-tenths {
width: 70%
}
.medium-up--eight-tenths {
width: 80%
}
.medium-up--nine-tenths {
width: 90%
}
.medium-up--one-twelfth {
width: 8.33333%
}
.medium-up--two-twelfths {
width: 16.66667%
}
.medium-up--three-twelfths {
width: 25%
}
.medium-up--four-twelfths {
width: 33.33333%
}
.medium-up--five-twelfths {
width: 41.66667%
}
.medium-up--six-twelfths {
width: 50%
}
.medium-up--seven-twelfths {
width: 58.33333%
}
.medium-up--eight-twelfths {
width: 66.66667%
}
.medium-up--nine-twelfths {
width: 75%
}
.medium-up--ten-twelfths {
width: 83.33333%
}
.medium-up--eleven-twelfths {
width: 91.66667%
}
.grid--uniform .medium-up--one-half:nth-child(2n+1),
.grid--uniform .medium-up--one-third:nth-child(3n+1),
.grid--uniform .medium-up--one-quarter:nth-child(4n+1),
.grid--uniform .medium-up--one-fifth:nth-child(5n+1),
.grid--uniform .medium-up--one-sixth:nth-child(6n+1),
.grid--uniform .medium-up--two-sixths:nth-child(3n+1),
.grid--uniform .medium-up--three-sixths:nth-child(2n+1),
.grid--uniform .medium-up--two-eighths:nth-child(4n+1),
.grid--uniform .medium-up--four-eighths:nth-child(2n+1),
.grid--uniform .medium-up--five-tenths:nth-child(2n+1),
.grid--uniform .medium-up--one-twelfth:nth-child(12n+1),
.grid--uniform .medium-up--two-twelfths:nth-child(6n+1),
.grid--uniform .medium-up--three-twelfths:nth-child(4n+1),
.grid--uniform .medium-up--four-twelfths:nth-child(3n+1),
.grid--uniform .medium-up--six-twelfths:nth-child(2n+1) {
clear: both
}
.medium-up--show {
display: block !important
}
.medium-up--hide {
display: none !important
}
.medium-up--text-left {
text-align: left !important
}
.medium-up--text-right {
text-align: right !important
}
.medium-up--text-center {
text-align: center !important
}
}
@media only screen and (min-width: 990px) {
.large-up--one-whole {
width: 100%
}
.large-up--one-half {
width: 50%
}
.large-up--one-third {
width: 33.33333%
}
.large-up--two-thirds {
width: 66.66667%
}
.large-up--one-quarter {
width: 25%
}
.large-up--two-quarters {
width: 50%
}
.large-up--three-quarters {
width: 75%
}
.large-up--one-fifth {
width: 20%
}
.large-up--two-fifths {
width: 40%
}
.large-up--three-fifths {
width: 60%
}
.large-up--four-fifths {
width: 80%
}
.large-up--one-sixth {
width: 16.66667%
}
.large-up--two-sixths {
width: 33.33333%
}
.large-up--three-sixths {
width: 50%
}
.large-up--four-sixths {
width: 66.66667%
}
.large-up--five-sixths {
width: 83.33333%
}
.large-up--one-eighth {
width: 12.5%
}
.large-up--two-eighths {
width: 25%
}
.large-up--three-eighths {
width: 37.5%
}
.large-up--four-eighths {
width: 50%
}
.large-up--five-eighths {
width: 62.5%
}
.large-up--six-eighths {
width: 75%
}
.large-up--seven-eighths {
width: 87.5%
}
.large-up--one-tenth {
width: 10%
}
.large-up--two-tenths {
width: 20%
}
.large-up--three-tenths {
width: 30%
}
.large-up--four-tenths {
width: 40%
}
.large-up--five-tenths {
width: 50%
}
.large-up--six-tenths {
width: 60%
}
.large-up--seven-tenths {
width: 70%
}
.large-up--eight-tenths {
width: 80%
}
.large-up--nine-tenths {
width: 90%
}
.large-up--one-twelfth {
width: 8.33333%
}
.large-up--two-twelfths {
width: 16.66667%
}
.large-up--three-twelfths {
width: 25%
}
.large-up--four-twelfths {
width: 33.33333%
}
.large-up--five-twelfths {
width: 41.66667%
}
.large-up--six-twelfths {
width: 50%
}
.large-up--seven-twelfths {
width: 58.33333%
}
.large-up--eight-twelfths {
width: 66.66667%
}
.large-up--nine-twelfths {
width: 75%
}
.large-up--ten-twelfths {
width: 83.33333%
}
.large-up--eleven-twelfths {
width: 91.66667%
}
.grid--uniform .large-up--one-half:nth-child(2n+1),
.grid--uniform .large-up--one-third:nth-child(3n+1),
.grid--uniform .large-up--one-quarter:nth-child(4n+1),
.grid--uniform .large-up--one-fifth:nth-child(5n+1),
.grid--uniform .large-up--one-sixth:nth-child(6n+1),
.grid--uniform .large-up--two-sixths:nth-child(3n+1),
.grid--uniform .large-up--three-sixths:nth-child(2n+1),
.grid--uniform .large-up--two-eighths:nth-child(4n+1),
.grid--uniform .large-up--four-eighths:nth-child(2n+1),
.grid--uniform .large-up--five-tenths:nth-child(2n+1),
.grid--uniform .large-up--one-twelfth:nth-child(12n+1),
.grid--uniform .large-up--two-twelfths:nth-child(6n+1),
.grid--uniform .large-up--three-twelfths:nth-child(4n+1),
.grid--uniform .large-up--four-twelfths:nth-child(3n+1),
.grid--uniform .large-up--six-twelfths:nth-child(2n+1) {
clear: both
}
.large-up--show {
display: block !important
}
.large-up--hide {
display: none !important
}
.large-up--text-left {
text-align: left !important
}
.large-up--text-right {
text-align: right !important
}
.large-up--text-center {
text-align: center !important
}
}
@media only screen and (min-width: 750px) {
.medium-up--push-one-half {
left: 50%
}
.medium-up--push-one-third {
left: 33.33333%
}
.medium-up--push-two-thirds {
left: 66.66667%
}
.medium-up--push-one-quarter {
left: 25%
}
.medium-up--push-two-quarters {
left: 50%
}
.medium-up--push-three-quarters {
left: 75%
}
.medium-up--push-one-fifth {
left: 20%
}
.medium-up--push-two-fifths {
left: 40%
}
.medium-up--push-three-fifths {
left: 60%
}
.medium-up--push-four-fifths {
left: 80%
}
.medium-up--push-one-sixth {
left: 16.66667%
}
.medium-up--push-two-sixths {
left: 33.33333%
}
.medium-up--push-three-sixths {
left: 50%
}
.medium-up--push-four-sixths {
left: 66.66667%
}
.medium-up--push-five-sixths {
left: 83.33333%
}
.medium-up--push-one-eighth {
left: 12.5%
}
.medium-up--push-two-eighths {
left: 25%
}
.medium-up--push-three-eighths {
left: 37.5%
}
.medium-up--push-four-eighths {
left: 50%
}
.medium-up--push-five-eighths {
left: 62.5%
}
.medium-up--push-six-eighths {
left: 75%
}
.medium-up--push-seven-eighths {
left: 87.5%
}
.medium-up--push-one-tenth {
left: 10%
}
.medium-up--push-two-tenths {
left: 20%
}
.medium-up--push-three-tenths {
left: 30%
}
.medium-up--push-four-tenths {
left: 40%
}
.medium-up--push-five-tenths {
left: 50%
}
.medium-up--push-six-tenths {
left: 60%
}
.medium-up--push-seven-tenths {
left: 70%
}
.medium-up--push-eight-tenths {
left: 80%
}
.medium-up--push-nine-tenths {
left: 90%
}
.medium-up--push-one-twelfth {
left: 8.33333%
}
.medium-up--push-two-twelfths {
left: 16.66667%
}
.medium-up--push-three-twelfths {
left: 25%
}
.medium-up--push-four-twelfths {
left: 33.33333%
}
.medium-up--push-five-twelfths {
left: 41.66667%
}
.medium-up--push-six-twelfths {
left: 50%
}
.medium-up--push-seven-twelfths {
left: 58.33333%
}
.medium-up--push-eight-twelfths {
left: 66.66667%
}
.medium-up--push-nine-twelfths {
left: 75%
}
.medium-up--push-ten-twelfths {
left: 83.33333%
}
.medium-up--push-eleven-twelfths {
left: 91.66667%
}
}
.borderingHTML *,
.borderingHTML *:before,
.borderingHTML *:after {
box-sizing: border-box
}
.visually-hidden,
.icon__fallback-text {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
.js-focus-hidden:focus {
outline: none
}
.skip-link:focus {
clip: auto;
width: auto;
height: auto;
margin: 0;
color: #000;
background-color: #fff;
padding: 10px;
z-index: 10000;
transition: none
}
.page-width {
*zoom: 1;
max-width: 1180px;
margin: 0 auto;
padding: 0 10px
}
.page-width:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 750px) {
.page-width {
padding: 0 20px
}
}
.main-content {
display: block;
margin-top: 0;
padding-bottom: 20px
}
@media only screen and (min-width: 750px) {
.main-content {
padding-bottom: 40px
}
}
.icon {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px
}
.supports-no-svg .icon {
display: none
}
.supports-no-svg .icon__fallback-text {
position: static !important;
overflow: inherit;
clip: none;
height: auto;
width: auto;
margin: 0
}
svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) rect {
fill: inherit;
stroke: inherit
}
.payment-icons {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: default
}
.payment-icons .icon {
width: 40px;
height: 24px
}
.social-icons .icon {
width: 24px;
height: 24px
}
.borderingHTML ul,
.borderingHTML ol {
margin: 0;
padding: 0
}
.list--inline {
padding: 0;
margin: 0
}
.list--inline li {
display: inline-block;
margin-bottom: 0
}
.rte ul,
.rte ol {
margin: 0 0 10px 20px
}
.rte ul {
list-style: disc outside
}
.rte ul ul {
list-style: circle outside
}
.rte ul ul ul {
list-style: square outside
}
.text-center.rte ul,
.text-center.rte ol,
.text-center .rte ul,
.text-center .rte ol {
margin-left: 0;
list-style-position: inside
}
.rte__table-wrapper {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch
}
.btn,
.btn--secondary,
.rte .btn--secondary,
.rte .btn,
.rte .btn--secondary {
display: inline-block;
width: auto;
text-decoration: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
cursor: pointer;
border: 1px solid transparent;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #43bcee;
color: #fff
}
.btn:hover,
.btn--secondary:hover,
.rte .btn:hover,
.rte .btn--secondary:hover {
background-color: #15abe9;
color: #fff
}
.btn:active,
.btn--secondary:active,
.btn:focus,
.btn--secondary:focus,
.rte .btn:active,
.rte .btn--secondary:active,
.rte .btn:focus,
.rte .btn--secondary:focus {
background-color: #1189ba;
color: #fff
}
.btn[disabled],
[disabled].btn--secondary,
.rte .btn[disabled],
.rte [disabled].btn--secondary {
cursor: default;
color: #757575;
background-color: #d5d5d5
}
.btn .icon,
.btn--secondary .icon,
.rte .btn .icon,
.rte .btn--secondary .icon {
fill: currentColor;
path: currentColor
}
.btn--secondary,
.rte .btn--secondary {
background-color: #030303
}
.btn--secondary:hover,
.rte .btn--secondary:hover {
background-color: #101010;
color: #fff
}
.btn--secondary:active,
.btn--secondary:focus,
.rte .btn--secondary:active,
.rte .btn--secondary:focus {
background-color: #292929;
color: #fff
}
.text-link {
display: inline;
border: 0 none;
background: none;
padding: 0;
margin: 0
}
@media only screen and (max-width: 749px) {
.responsive-table thead {
display: none
}
.responsive-table tr {
display: block
}
.responsive-table tr,
.responsive-table td {
float: left;
clear: both;
width: 100%
}
.responsive-table th,
.responsive-table td {
display: block;
text-align: right;
padding: 10px;
margin: 0
}
.responsive-table td:before {
content: attr(data-label);
float: left;
text-align: center;
font-size: 14px;
padding-right: 10px
}
}
.responsive-table__row {
border-bottom: 1px solid #fff
}
svg:not(:root) {
overflow: hidden
}
.video-wrapper {
position: relative;
overflow: hidden;
max-width: 100%;
padding-bottom: 56.25%;
height: 0;
height: auto
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.label--hidden {
position: absolute;
height: 0;
width: 0;
margin-bottom: 0;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px)
}
.ie9 .label--hidden {
position: static;
height: auto;
width: auto;
margin-bottom: 2px;
overflow: visible;
clip: initial
}
label[for] {
cursor: pointer
}
.site-header__logo img {
display: block;
width: 100%;
max-width: 450px
}
.site-nav li {
display: inline-block
}
.site-nav__link {
display: block;
white-space: nowrap
}
.site-nav__link .icon-arrow-down {
position: relative
}
.site-nav__dropdown {
display: none;
position: absolute;
left: auto !important;
padding: 0;
margin: 0;
z-index: 5
}
.site-nav__dropdown li {
display: block
}
.giftcard__qr-code img {
margin: 0 auto
}
.giftcard__apple-wallet-image {
display: block;
margin: 0 auto
}
.giftcard__wrap {
margin: 0 auto 20px
}
.main-content {
margin-top: 0;
padding-bottom: 40px
}
@media only screen and (min-width: 750px) {
.main-content {
margin-top: 0;
padding-bottom: 80px
}
}
.main-content--flush {
margin-top: 0
}
.full-width {
padding: 80px 20px;
background-color: #fff
}
.full-width--return-link {
margin-bottom: 0;
padding-top: 0
}
@media only screen and (min-width: 750px) {
.full-width--return-link {
margin-bottom: 0
}
}
.content-block+.full-width--return-link {
margin-top: -20px
}
.coffeeclub-button {
text-align: center;
width: 80%;
margin: 0 10% !important;
background-color: #896e4f;
line-height: 40px
}
.coffeeclub-button-a {
color: #fff;
text-transform: uppercase;
width: 100%;
letter-spacing: 2px;
text-decoration: none
}
.coffeeclub-button-a:hover {
color: #fff !important
}
.page-empty {
padding: 120px 0;
margin-bottom: 20px
}
.index-section {
position: relative
}
.index-section:last-child {
margin-bottom: 0
}
.index-section--page-content {
margin-bottom: 0
}
@media only screen and (min-width: 750px) {
.index-section--page-content {
margin-top: 80px;
margin-bottom: 80px
}
}
.grid--half-gutters {
margin-left: -10px
}
.grid--half-gutters>.grid__item {
padding-left: 10px
}
.grid--no-gutters {
margin-left: 0
}
.grid--no-gutters>.grid__item {
padding-left: 0
}
.grid--table {
display: table;
table-layout: fixed;
width: 100%;
margin-left: 0
}
.grid--table>.grid__item {
float: none;
display: table-cell;
vertical-align: middle;
padding-left: 0
}
.medium-up--hide {
display: none
}
.medium-up--grid--table {
display: table;
table-layout: fixed;
width: 100%;
margin-left: 0
}
.medium-up--grid--table>.grid__item {
float: none;
display: table-cell;
vertical-align: middle;
padding-left: 0
}
@media only screen and (max-width: 749px) {
.medium-up--grid--table {
display: block
}
.medium-up--grid--table>.grid__item {
display: block
}
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
color: #000;
margin: 0 0 0.71429em
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
color: inherit;
text-decoration: none;
font-weight: 100
}
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
letter-spacing: inherit;
text-transform: inherit;
font-weight: 300
}
h1,
.h1 {
font-family: soleil,sans-serif;
font-weight: 100;
letter-spacing: 0.1em;
text-transform: uppercase;
font-size: 2.14286em
}
@media only screen and (min-width: 750px) {
h1,
.h1 {
font-size: 2.57143em
}
}
h2,
.h2 {
font-size: 2.14286em
}
h3,
.h3 {
font-size: 1.71429em
}
h4,
.h4 {
font-size: 1.28571em;
letter-spacing: 1.2px;
text-transform: uppercase
}
h5,
.h5 {
font-size: 1.42857em
}
h6,
.h6 {
font-size: 1.14286em
}
.rte {
*zoom: 1;
margin-bottom: 20px
}
.rte:after {
content: '';
display: table;
clear: both
}
.rte:last-child {
margin-bottom: 0
}
.rte h1,
.rte .h1,
.rte h2,
.rte .h2,
.rte h3,
.rte .h3,
.rte h4,
.rte .h4,
.rte h5,
.rte .h5,
.rte h6,
.rte .h6 {
margin-top: 40px
}
.rte h1:first-child,
.rte .h1:first-child,
.rte h2:first-child,
.rte .h2:first-child,
.rte h3:first-child,
.rte .h3:first-child,
.rte h4:first-child,
.rte .h4:first-child,
.rte h5:first-child,
.rte .h5:first-child,
.rte h6:first-child,
.rte .h6:first-child {
margin-top: 0
}
.rte p {
margin: 0 0 20px
}
.rte li {
margin-bottom: 10px
}
.rte li:last-child {
margin-bottom: 0
}
p {
margin: 0 0 10px
}
.list--no-bullets {
list-style: none
}
.list--bold {
font-weight: 300;
font-size: 1.07143em
}
::-webkit-input-placeholder {
color: #000;
opacity: 0.6
}
:-moz-placeholder {
color: #000;
opacity: 0.6
}
:-ms-input-placeholder {
color: #000;
opacity: 0.6
}
::-ms-input-placeholder {
color: #000;
opacity: 0.6;
opacity: 1
}
input[disabled],
textarea[disabled],
select[disabled] {
color: rgba(0, 0, 0, 0.4)
}
input.input--error,
textarea.input--error,
select.input--error {
color: #fff
}
input.input--error::-webkit-input-placeholder,
textarea.input--error::-webkit-input-placeholder,
select.input--error::-webkit-input-placeholder {
color: #fff;
opacity: 0.6
}
input.input--error:-moz-placeholder,
textarea.input--error:-moz-placeholder,
select.input--error:-moz-placeholder {
color: #fff;
opacity: 0.6
}
input.input--error:-ms-input-placeholder,
textarea.input--error:-ms-input-placeholder,
select.input--error:-ms-input-placeholder {
color: #fff;
opacity: 0.6
}
input.input--error::-ms-input-placeholder,
textarea.input--error::-ms-input-placeholder,
select.input--error::-ms-input-placeholder {
color: #fff;
opacity: 0.6;
opacity: 1
}
.form-vertical input,
.form-vertical select,
.form-vertical textarea {
display: block;
width: 100%;
margin-bottom: 10px
}
.form-vertical input[type="radio"],
.form-vertical input[type="checkbox"] {
display: inline-block;
width: auto;
margin-right: 5px
}
.form-vertical input[type="submit"],
.form-vertical .btn,
.form-vertical .btn--secondary {
display: inline-block
}
textarea {
min-height: 100px
}
.note,
.form-success,
.errors {
padding: 13px;
margin: 0 0 10px
}
.note {
border: 1px solid #fff
}
.form-success {
background-color: #59ac6c;
color: #fff
}
.errors {
background-color: #ec523e;
color: #fff
}
.errors ul {
list-style: none;
padding: 0;
margin: 0
}
.input-group {
position: relative;
display: table;
width: 100%;
border-collapse: separate
}
.form-vertical .input-group {
margin-bottom: 20px
}
.input-group__field,
.input-group__btn {
display: table-cell;
vertical-align: middle;
margin: 0
}
.input-group__field,
.input-group__btn .btn,
.input-group__btn .btn--secondary {
height: 48px;
padding-top: 0;
padding-bottom: 0
}
.input-group__field {
width: 100%
}
.form-vertical .input-group__field {
margin: 0
}
.input-group__btn {
white-space: nowrap;
width: 1%
}
.input-group__btn .icon-arrow-right {
width: 14px;
height: 17px
}
.btn,
.btn--secondary,
.rte .btn--secondary,
.btn--secondary {
font-size: 0.92857em;
font-weight: 300;
letter-spacing: 0.15em;
text-transform: uppercase;
padding: 15px 45px;
transition: color 0.1s ease-in, background-color 0.1s ease-in
}
.btn--narrow {
padding-left: 15px;
padding-right: 15px
}
.btn--full {
display: block;
width: 100%
}
.link-accent-color {
color: #43bcee;
text-decoration: none;
transition: color 0.1s ease-in, background-color 0.1s ease-in
}
a:focus,
.link-accent-color:hover,
.link-accent-color:focus {
color: #139ad2
}
.text-link {
transition: color 0.1s ease-in, background-color 0.1s ease-in
}
.link-body-color {
color: #000;
transition: color 0.1s ease-in, background-color 0.1s ease-in
}
.link-body-color:hover,
.link-body-color:focus {
color: #43bcee
}
.return-link {
display: block;
text-align: center;
margin-bottom: 0;
font-size: 1.71429em
}
.return-link .icon {
fill: currentColor
}
.template-giftcard {
background-color: #000
}
.giftcard__header {
margin: 80px auto 40px
}
.giftcard__content {
background-color: #fff;
max-width: 540px;
margin: 0 auto 40px;
padding: 20px
}
.giftcard__shop-url {
display: none
}
.giftcard__wrap {
position: relative
}
.giftcard__wrap:before,
.giftcard__wrap:after {
content: '';
display: block;
position: absolute;
background-color: #fff;
height: 40px;
width: 40px;
border: 1px solid rgba(0, 0, 0, 0.1)
}
.giftcard__wrap:before {
top: -2px;
left: -2px;
border-radius: 12px 0 100% 0;
box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05)
}
.giftcard__wrap:after {
bottom: -2px;
right: -2px;
border-radius: 100% 0 12px 0;
box-shadow: -2px -2px 1px rgba(0, 0, 0, 0.05)
}
.giftcard__image {
display: block;
border-radius: 12px;
overflow: hidden
}
.giftcard__amount-wrapper {
position: absolute;
top: 6.66667px;
right: 10px
}
.giftcard__amount,
.giftcard__amount-remaining {
color: #fff
}
.giftcard__amount {
font-size: 2em;
margin-bottom: 0;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1)
}
@media only screen and (min-width: 750px) {
.giftcard__amount {
font-size: 2.85714em
}
}
.giftcard__code {
position: absolute;
left: 0;
right: 0;
bottom: 20px
}
.giftcard__code-bubble {
position: relative;
display: inline-block;
background-color: #fff;
color: #000;
padding: 10px 20px;
font-size: 1.07143em;
border-radius: 4px
}
@media only screen and (min-width: 750px) {
.giftcard__code-bubble {
font-size: 1.42857em
}
}
.giftcard__code-bubble:after {
content: '';
display: block;
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
border: 1px dashed #000;
border-radius: 4px;
opacity: 0.3
}
@media print {
.giftcard__shop-url {
display: block
}
.giftcard__wrap:before,
.giftcard__wrap:after {
display: none
}
.giftcard__amount-wrapper {
background-color: #fff;
border-radius: 4px;
padding: 0 6.66667px
}
}
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block
}
.slick-track:before,
.slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir="rtl"] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-loading .slick-list {
background: #fff url(//cdn.shopify.com/s/files/1/1365/4413/t/10/assets/ajax-loader.gif?18358413009664821771) center center no-repeat
}
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
margin-top: -10px\9;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25
}
.slick-prev:before,
.slick-next:before {
font-family: "slick-icons, sans-serif";
font-size: 20px;
line-height: 1;
color: #000;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-prev {
left: -25px
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px
}
.slick-prev:before {
content: "\2190"
}
[dir="rtl"] .slick-prev:before {
content: "\2192"
}
.slick-next {
right: -25px
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto
}
.slick-next:before {
content: "\2192"
}
[dir="rtl"] .slick-next:before {
content: "\2190"
}
.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -45px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "\2022";
width: 20px;
height: 20px;
font-family: "slick-icons, sans-serif";
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
color: #fff;
opacity: 0.75
}
.site-header {
width: 100%;
height: 100%
}
.site-header__upper {
position: relative;
z-index: 10;
background-color: #000
}
.site-header__logo-link {
position: relative;
z-index: 7;
display: inline-block;
float: left;
margin: 13px 20px 0px 20px;
line-height: 50px
}
.site-header__logo-link-mobile {
position: absolute;
z-index: 7;
display: inline-block;
float: left;
left: 0;
width: 100%;
top: 10px;
margin: 0;
line-height: 0
}
.site-header__logo-link img,
.site-header__logo-link-mobile img {
max-width: 150px !important
}
.footer-logo {
margin-left: 10px;
text-align: left
}
.footer-logo img {
max-width: 180px !important;
text-align: center;
margin-left: 20px
}
.site-header__logo {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
max-width: 100%
}
.site-header__logo a {
display: block;
color: #fff
}
@media only screen and (min-width: 750px) {
.site-header__logo a {
display: block;
float: left
}
}
.site-header__shop-name--small {
font-size: 20px
}
.template-giftcard .site-header__logo-link {
display: inline-block;
float: none
}
#SiteNavSearchCart {
position: relative;
display: inline-block !important;
z-index: 7
}
.site-header__link {
display: inline-block;
color: #fff;
padding: 10px;
line-height: 1
}
.site-header__link .icon {
width: 22px;
height: 22px;
fill: currentColor
}
.site-header__link .icon-cart {
position: relative;
top: -1px
}
.site-header__link:hover,
.site-header__link:focus {
color: #43bcee
}
.site-header__menu-toggle--close {
display: none
}
.site-header__link.js-drawer-open .site-header__menu-toggle--open {
display: none
}
.site-header__link.js-drawer-open .site-header__menu-toggle--close {
display: block
}
.site-header__cart {
display: inherit;
float: left;
position: relative;
line-height: 80px
}
.site-header__cart-indicator {
position: absolute;
bottom: 19px;
right: 8px;
background-color: #43bcee;
height: 10px;
width: 10px;
border-radius: 10px
}
.supports-no-svg .site-header__cart-indicator {
bottom: auto;
top: -6px;
right: -10px
}
.site-header__search {
position: relative;
float: left;
line-height: 100px
}
.site-header__search-inner {
position: absolute;
right: 0;
top: -4px;
bottom: 0;
display: block;
width: 200px
}
@media only screen and (min-width: 990px) {
.site-header__search-inner {
width: 250px
}
}
.site-header__search-input {
position: absolute;
opacity: 0;
margin: 42px 0;
right: 4px;
width: 0;
top: -5px;
padding: 10px 0;
font-size: 0.92857em;
color: #fff;
background-color: #141414;
transition: opacity 0.15s ease-in, width 0.15s ease-in;
z-index: 1
}
.site-header__search-input:focus,
.site-header__search-input.site-header__search-input--visible {
width: 100%;
opacity: 1;
padding-left: 10px;
padding-right: 30px
}
.site-header__search-input::-webkit-input-placeholder {
color: #fff;
opacity: 0.6
}
.site-header__search-input:-moz-placeholder {
color: #fff;
opacity: 0.6
}
.site-header__search-input:-ms-input-placeholder {
color: #fff;
opacity: 0.6
}
.site-header__search-input::-ms-input-placeholder {
color: #fff;
opacity: 0.6;
opacity: 1
}
.site-header__search-submit {
position: relative;
z-index: 2
}
.nav-bar {
position:fixed;
width:100%;
border-top: 1px solid #0d0d0d;
background-color: #000;
z-index: 5;
top:32px
}
.nocart .nav-bar {
top:0
}
.nav-bar:after {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: #000;
pointer-events: none;
z-index: 6
}
.grid__item .meganav__list li {
float: none !important
}
.sticky {
position: relative;
z-index: 5
}
.sticky--active {
position: fixed;
top: 0;
left: 0;
width: 100%;
-ms-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
.sticky--open {
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1)
}
.sticky--active .sticky-hidden {
display: none
}
.sticky-only {
position: relative;
display: none;
z-index: 7
}
.sticky--active .sticky-only {
display: block
}
.site-nav {
margin-left: -20px;
white-space: nowrap
}
.site-nav__item--no-columns {
position: relative
}
.site-nav__item--no-columns .meganav {
right: auto;
min-width: 200px
}
.site-nav__item--no-columns .meganav__list {
width: 100%
}
.site-nav__link {
font-size: .7em;
text-transform: uppercase;
letter-spacing: .6px;
font-weight: bold;
position: relative;
color: #fff;
color: rgba(255, 255, 255, 0.6);
padding: 0px 10px;
line-height: 60px;
z-index: 7
}
.site-nav__link .icon {
position: relative;
top: -1.5px;
width: 9px;
height: 9px;
fill: currentColor
}
.site-nav__link:hover,
.site-nav__link:focus,
.site-nav--active .site-nav__link {
color: #fff
}
.site-nav__link--compressed {
margin-left: -20px
}
.site-nav__link--compressed .icon {
width: 22px;
height: 22px
}
.site-nav li {
float: left
}
.site-nav li:first-of-type,
.site-nav li:nth-of-type(7),
.site-footer__list li:first-of-type {
display: none
}
.site-nav li ul li:first-of-type,
.site-nav li ul li:nth-of-type(7),
.site-footer__list li ul li:first-of-type {
display: block
}
.site-nav__link-menu-label {
display: none
}
@media only screen and (min-width: 750px) {
.site-nav__link-menu-label {
display: inline-block
}
}
.customer-login-links a {
display: inline-block;
color: #fff;
color: rgba(255, 255, 255, 0.6)
}
.customer-login-links a:hover,
.customer-login-links a:focus {
color: #fff
}
.meganav {
display: block;
visibility: hidden;
right: auto;
background-color: #fff;
overflow: hidden
}
.meganav.meganav--active {
visibility: visible;
z-index: 8
}
.site-header .meganav {
opacity: 0;
-ms-transform: translate3d(0, -15%, 0);
-webkit-transform: translate3d(0, -15%, 0);
transform: translate3d(0, -15%, 0);
transition: none
}
.site-header .meganav.meganav--active {
opacity: 1;
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.site-header .meganav.meganav--no-animation {
transition: none
}
.drawer__nav .meganav {
max-height: 0;
transition: all 0.2s cubic-bezier(0.33, 0.59, 0.14, 1)
}
.drawer__nav .meganav.meganav--active {
max-height: 350px;
transition: all 0.45s cubic-bezier(0.33, 0.59, 0.14, 1)
}
.meganav__nav {
position: relative;
list-style: none
}
.meganav__list {
padding: 10px 20px 10px 20px
}
.meganav__list--has-title {
padding-top: 70px
}
.meganav__title {
position: absolute;
top: 30px;
font-size: 1.71429em;
margin-bottom: 0
}
.meganav__link {
display: block;
color: #000;
padding: 5px 10px;
margin-left: 10px
}
.meganav__link:hover,
.meganav__link:focus {
color: #43bcee
}
.meganav__link--active {
color: #000;
font-weight: 300
}
.meganav__product .product-card {
border-bottom-width: 0
}
.meganav__product:last-child .product-card {
border-right-width: 1px
}
.site-nav__dropdown {
box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px
}
.meganav--drawer {
background-color: #fff
}
.meganav--drawer .product-card {
margin-top: 1px
}
.meganav--drawer .meganav__product {
margin-left: -4px
}
.drawer__nav-toggle--open {
display: block
}
.meganav--active .drawer__nav-toggle--open {
display: none
}
.drawer__nav-toggle--close {
display: none
}
.meganav--active .drawer__nav-toggle--close {
display: block
}
.meganav__scroller {
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.drawer__nav--template-index .meganav__scroller {
background-color: #fff;
border-top: 1px solid #fff
}
.meganav__scroller .grid__item {
float: none;
display: inline-block;
width: 180px;
vertical-align: top;
white-space: normal
}
.drawer__nav .meganav__scroller--has-list {
padding-left: 20px
}
html {
background-color: #030303
}
.site-footer {
background-color: #030303;
color: #fff;
color: rgba(255, 255, 255, 0.6);
padding-top: 20px
}
@media only screen and (min-width: 750px) {
.site-footer {
padding-top: 40px
}
}
.site-footer a {
color: #fff;
color: rgba(255, 255, 255, 0.6)
}
.site-footer a:hover,
.site-footer a:focus {
color: #fff
}
.site-footer p {
margin-bottom: 10px
}
@media only screen and (max-width: 749px) {
.site-footer .page-width {
padding: 0 20px
}
}
.site-footer__section {
padding-bottom: 20px
}
@media only screen and (min-width: 750px) {
.site-footer__section {
padding-bottom: 40px
}
}
.site-footer__subsection {
margin-bottom: 20px
}
.site-footer__subsection:last-child {
margin-bottom: 0
}
.site-footer__copyright {
border-top: 1px solid #101010;
padding: 10px 0
}
.site-footer__section-title {
color: #fff;
font-size: 1.71429em
}
.site-footer__list {
list-style: none
}
.site-footer__list-item {
margin-bottom: 10px;
width: 24%;
display: inline-block
}
.site-footer__newsletter-label {
display: block;
color: #fff;
color: rgba(255, 255, 255, 0.6);
font-family: soleil,sans-serif;
font-size: inherit;
font-weight: 100;
text-transform: inherit
}
.site-footer__newsletter-input {
color: #1c1d1d;
background-color: #fff
}
.site-footer__newsletter-input::-webkit-input-placeholder {
color: #fff;
opacity: 0.8
}
.site-footer__newsletter-input:-moz-placeholder {
color: #fff;
opacity: 0.8
}
.site-footer__newsletter-input:-ms-input-placeholder {
color: #fff;
opacity: 0.8
}
.site-footer__newsletter-input::-ms-input-placeholder {
color: #fff;
opacity: 0.8;
opacity: 1
}
.site-footer .social-icons .icon,
.site-footer .payment-icons .icon {
fill: currentColor
}
.site-footer .social-icons .icon {
margin-right: 10px
}
.site-footer .payment-icons {
padding: 5px 0
}
.site-footer .payment-icons li {
padding: 5px 0
}
.social-icons .icon-google-plus {
width: 38px
}
.content-block {
background-color: #fff;
padding: 20px;
margin-bottom: 20px
}
.content-block:last-child {
margin-bottom: 0
}
@media only screen and (min-width: 750px) {
.content-block--large {
padding: 40px
}
}
.content-block__no-padding {
margin-left: -20px;
margin-right: -20px;
margin-bottom: -20px
}
.content-block__title {
text-align: center;
margin-bottom: 20px
}
.content-block--search-results {
padding-bottom: 0
}
.content-block__item {
margin-bottom: 20px
}
.content-block__full-image {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 20px
}
.content-block__full-image img {
display: block;
margin: 0 auto
}
.content-block__full-image:first-child {
margin-top: -20px
}
@media only screen and (min-width: 750px) {
.content-block__full-image--large {
margin-left: -40px;
margin-right: -40px;
margin-bottom: 40px
}
.content-block__full-image--large:first-child {
margin-top: -40px
}
}
.sidebar {
background-color: #eee !important
}
.rte--indented-images .rte__image-indent {
position: relative;
margin-left: -20px;
margin-right: -20px
}
@media only screen and (min-width: 750px) {
.rte--indented-images .rte__image-indent {
margin-left: -40px;
margin-right: -40px
}
}
.section-header {
margin-bottom: 40px
}
@media only screen and (max-width: 749px) {
.section-header__item+.section-header__item {
margin-top: 20px
}
}
.section-header__title,
.section-header__subtext {
margin-bottom: 0
}
.hero-wrapper {
position: relative
}
.hero {
background-color: #1a1a1a;
height:330px;
margin-bottom:-30px;
display:none;
}
.btob.nextLogin .hero {
display:block;
}
@media only screen and (min-width: 750px) {
.hero {
height: 400px;
margin-bottom: -60px
}
}
.hero .hero__slide,
.hero .slick-list,
.hero .slick-track {
height: 100%
}
.hero__pause:focus {
clip: auto;
width: auto;
height: auto;
margin: 0;
color: #fff;
background-color: #000;
padding: 10px;
z-index: 10000;
transition: none
}
.hero__pause:focus .icon {
fill: currentColor
}
.hero__pause-stop {
display: block
}
.is-paused .hero__pause-stop {
display: none
}
.hero__pause-play {
display: none
}
.is-paused .hero__pause-play {
display: block
}
.hero .slick-dots {
margin: 0;
bottom: 10px
}
.hero .slick-dots li {
margin: 0;
vertical-align: middle
}
.hero .slick-dots li button {
position: relative
}
.hero .slick-dots li button:before {
text-indent: -9999px;
background-color: #fff;
border-radius: 100%;
border: 2px solid transparent;
width: 10px;
height: 10px;
margin: 5px 0 0 5px;
opacity: 1;
transition: all 0.2s
}
.hero .slick-dots li.slick-active button:before {
background-color: transparent;
border-color: #fff;
opacity: 1;
width: 12px;
height: 12px;
margin: 4px 0 0 4px
}
.hero .slick-dots li button:active:before {
opacity: 0.5
}
.hero .slick-prev,
.hero .slick-next {
top: 0;
height: 100%;
margin-top: 0;
width: 40px
}
.hero .slick-prev {
left: 0
}
.hero .slick-next {
right: 0
}
.hero__slide {
position: relative
}
.hero__image {
position: relative;
opacity: 0;
transition: opacity 0.8s cubic-bezier(0.44, 0.13, 0.48, 0.87)
}
.slick-initialized .hero__image,
.supports-no-js .hero__image {
opacity: 1
}
.hero__image img {
display: block;
width: 100%
}
.ie9 .hero__slide {
z-index: 1 !important
}
.ie9 .slick-dots {
z-index: 2
}
.hero__image {
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
.hero__text-wrap {
position: absolute;
bottom: 45px;
left: 0;
right: 10px
}
@media only screen and (min-width: 750px) {
.hero__text-wrap {
bottom: 120px
}
}
.hero__text-content {
opacity: 0;
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
transform: translateY(40px);
transition: all 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
transition-delay: 0.3s
}
.slick-active .hero__text-content,
.supports-no-js .hero__text-content {
opacity: 1;
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0)
}
.hero__title-wrap {
margin-bottom: 8px
}
.hero__title {
display: inline;
font-size: 2.57143em;
line-height: 1;
margin: 0;
padding: 0 10px;
background-color: #000;
color: #fff;
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone
}
@media only screen and (min-width: 750px) {
.hero__title {
font-size: 4.28571em
}
}
.hero__title--has-link {
transition: background-color 0.15s ease-in
}
.hero__title--has-link:hover,
.hero__title--has-link:focus {
background-color: #1a1a1a
}
.hero__link {
color: inherit
}
.hero__link:hover,
.hero__link:focus {
color: inherit
}
.hero__subtitle,
.hero__arrow {
display: inline;
line-height: 2;
padding: 10px;
background-color: #000;
color: #fff;
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone
}
@media only screen and (min-width: 750px) {
.hero__subtitle,
.hero__arrow {
font-size: 1.42857em
}
}
.hero__subtitle.hero__link,
.hero__arrow {
transition: background-color 0.15s ease-in
}
.hero__subtitle.hero__link:hover,
.hero__subtitle.hero__link:focus,
.hero__arrow:hover,
.hero__arrow:focus {
color: #fff;
background-color: #141414
}
.hero__arrows {
display: inline;
color: #fff;
margin-right: 1px
}
.supports-no-js .hero__arrows {
display: none
}
.hero__arrow {
cursor: pointer;
padding-right: 15px;
padding-left: 15px
}
.hero__arrow .icon {
position: relative;
top: -3px;
left: 3px;
width: 11px;
height: 11px;
fill: currentColor
}
.hero__arrow--next {
border-left: 1px solid #0d0d0d
}
.is-transitioning {
display: block !important;
visibility: visible !important
}
.js-drawer-open .page-container:after {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10
}
.js-drawer-open {
overflow: hidden
}
.drawer {
display: none;
position: fixed;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
top: 0;
bottom: 0;
max-width: 95%;
z-index: 1;
background-color: #fff;
transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1)
}
.drawer--left {
width: 300px;
left: -300px
}
.js-drawer-open-left .drawer--left {
display: block;
-ms-transform: translateX(300px);
-webkit-transform: translateX(300px);
transform: translateX(300px)
}
.supports-no-csstransforms .js-drawer-open-left .drawer--left {
left: 0
}
.drawer--right {
width: 300px;
right: -300px
}
.js-drawer-open-right .drawer--right {
display: block;
-ms-transform: translateX(-300px);
-webkit-transform: translateX(-300px);
transform: translateX(-300px)
}
.supports-no-csstransforms .js-drawer-open-right .drawer--right {
right: 0
}
.is-moved-by-drawer {
transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1)
}
.js-drawer-open-left .is-moved-by-drawer {
-ms-transform: translateX(300px);
-webkit-transform: translateX(300px);
transform: translateX(300px)
}
.supports-no-csstransforms .js-drawer-open-left .is-moved-by-drawer {
left: 300px
}
.js-drawer-open-right .is-moved-by-drawer {
-ms-transform: translateX(-300px);
-webkit-transform: translateX(-300px);
transform: translateX(-300px)
}
.supports-no-csstransforms .js-drawer-open-right .is-moved-by-drawer {
left: -300px
}
.page-container {
position: relative;
background-color: #fff;
z-index: 2
}
.is-moved-by-drawer {
transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1)
}
.js-drawer-open .is-moved-by-drawer {
transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1)
}
.js-drawer-open-left .is-moved-by-drawer {
box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px
}
.js-drawer-open-right .is-moved-by-drawer {
box-shadow: rgba(0, 0, 0, 0.1) 0 0 -5px
}
.drawer--left {
left: -75px
}
.js-drawer-open-left .drawer--left {
-ms-transform: translateX(75px);
-webkit-transform: translateX(75px);
transform: translateX(75px)
}
.drawer {
overflow: visible;
color: #000
}
.drawer__inner {
position: absolute;
top:35px;
left: 0;
right: 0;
bottom: 0;
overflow-y: auto;
overflow-x: hidden
}
.nocart .drawer__inner {
top:0;
}
.drawer__search {
position: relative;
background-color: #fff;
padding: 10px
}
.drawer__search-input {
display: block;
width: 100%;
padding-left: 15px;
background-color: #fff
}
.drawer__search-input[type="search"] {
padding-right: 60px
}
.drawer__search-input::-webkit-search-decoration {
display: none
}
.drawer__search-submit {
position: absolute;
right: 0;
top: 0;
bottom: 0;
padding: 0 20px
}
.drawer__search-submit .icon {
width: 25px;
height: 25px;
fill: #000
}
.drawer__nav {
list-style: none
}
.drawer__nav--template-index {
position: relative;
margin-bottom: -10px;
background-color: #fff
}
.drawer__nav--margin {
margin-bottom: 30px
}
.drawer__nav-item {
display: block;
border-bottom: 1px solid #fff
}
.drawer__nav-link {
font-family: soleil,sans-serif;
font-weight: 100;
letter-spacing: 0.1em;
text-transform: uppercase;
display: block;
padding: 13.33333px 20px;
font-size: 1.85714em;
color: #000
}
.drawer__nav-link:hover,
.drawer__nav-link:focus {
color: #000;
background-color: #fafafa
}
.drawer__nav-has-sublist {
display: table;
width: 100%
}
.drawer__nav-has-sublist .drawer__nav-link {
display: table-cell;
vertical-align: middle;
width: 100%
}
.drawer__nav-toggle {
position: relative;
display: table-cell;
vertical-align: middle;
width: 1%
}
.drawer__nav-toggle-btn {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 10px 20px;
color: #000;
line-height: 1
}
.drawer__nav-toggle-btn .icon {
width: 18px;
height: 18px;
fill: currentColor
}
.drawer__nav-toggle-btn:hover,
.drawer__nav-toggle-btn:focus {
opacity: 0.6;
border-left: 1px solid #fff
}
.drawer__nav-toggle--open {
display: block
}
.drawer__nav-toggle--close {
display: none
}
.collection-sort {
display: inline-block;
text-align: left;
max-width: auto
}
.collection-sort+.collection-sort {
margin-left: 20px
}
@media only screen and (max-width: 749px) {
.collection-sort {
width: 80%
}
.collection-sort+.collection-sort {
margin: 20px 0 0
}
}
.collection-sort__label {
display: block;
text-align: center
}
@media only screen and (min-width: 750px) {
.collection-sort__label {
text-align: left;
padding-left: 6.66667px;
margin-bottom: 0
}
}
.collection-sort__input {
background-color: transparent;
font-weight: 300;
padding-top: 6.66667px;
padding-bottom: 6.66667px;
padding-left: 6.66667px
}
@media only screen and (max-width: 749px) {
.collection-sort__input {
width: 100%;
border: 1px solid #e6e6e6
}
}
.collection {
margin-bottom: 30px
}
.collection:last-child {
margin-bottom: 0
}
.collection-card {
position: relative;
box-sizing: content-box;
display: block;
background-color: #fff;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
padding: 0;
height: 315px;
z-index: 1
}
.collection-card:focus {
z-index: 2
}
@media only screen and (min-width: 750px) {
.collection-card {
padding: 0
}
}
.collection-card:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: 0.4;
z-index: 1;
transition: opacity 0.2s ease
}
.collection-card:hover:after,
.collection-card:focus:after {
opacity: 0.5
}
.collection-card__meta {
display: block;
position: absolute;
bottom: 20px;
left: 0;
margin-right: 10px;
z-index: 2
}
@media only screen and (min-width: 750px) {
.collection-card__meta {
bottom: 40px
}
}
.collection-card__title {
display: inline;
background-color: #43bcee;
color: #fff;
margin-bottom: 10px;
padding: 2px 10px;
letter-spacing: 0;
font-size: 1.85714em;
line-height: 1.2;
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone
}
@media only screen and (min-width: 990px) {
.collection-card__title {
font-size: 2.28571em
}
}
.collection-card__subtext {
font-size: 1em;
font-weight: 300;
letter-spacing: 0.6px;
text-transform: uppercase;
margin: 10px 0 0 10px;
font-size: 0.92857em;
color: #fff
}
.social-sharing .icon {
width: 24px;
height: 24px;
fill: currentColor
}
.social-sharing .icon-google-plus {
width: 35px
}
@media only screen and (max-width: 749px) {
.social-sharing__title {
display: inline-block;
margin-bottom: 10px
}
}
.social-sharing__link {
color: #000;
opacity: 0.7
}
.social-sharing__link:hover,
.social-sharing__link:focus {
opacity: 1;
color: #43bcee
}
.social-sharing__link+.social-sharing__link {
margin-left: 10px
}
.notification {
visibility: hidden;
position: absolute;
width: 100%;
top: 0;
opacity: 0;
transition: top 0.25s, visibility 0.25s, opacity 0.15s;
transition-timing-function: cubic-bezier(0.33, 0.59, 0.14, 1);
z-index: 4
}
.notification--promo {
position: static;
display: none
}
.notification--active {
display: block;
visibility: visible;
top: 100%;
opacity: 1
}
.notification__link {
display: block;
padding: 10px 0
}
.notification__link:hover u {
text-decoration: none
}
.notification__inner {
position: relative;
overflow: visible;
padding: 10px 0
}
.notification__inner--has-link {
padding: 0
}
.notification__message {
display: block;
padding: 0 60px;
text-align: center;
font-weight: 100
}
.notification__message span {
text-decoration: underline;
white-space: nowrap
}
.notification--success,
.notification--promo {
background-color: #43bcee;
color: #fff;
min-height: 40px;
height: auto;
text-align: center
}
.notification--success a,
.notification--promo a {
color: #fff;
display: inline-block
}
.notification--success strong,
.notification--promo strong {
font-weight: 600
}
.notification--error {
background-color: #ec523e;
color: #fff
}
.notification--error a {
color: #fff
}
.notification__close {
position: absolute;
top: 0;
bottom: 0;
right: 20px;
padding: 0 10px;
color: inherit
}
.notification__close .icon {
fill: currentColor
}
.featured-card {
display: block;
position: relative;
height: 380px;
text-align: center;
border-color: #fff;
border-style: solid;
border-width: 0 0 1px 1px;
background-color: #fff
}
.featured-card:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
transition: opacity 0.15s ease-in;
z-index: 1
}
.featured-card:hover:before {
opacity: 1
}
.featured-card--cover {
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
border-width: 0
}
.featured-card__image-wrapper {
position: absolute;
bottom: 25px;
left: 0;
right: 0;
height: 62%
}
.featured-card__image {
display: block;
margin: 0 auto;
max-height: 100%
}
.featured-card__header {
position: relative;
display: inline-block;
padding: 30px 5% 10px;
z-index: 1
}
.featured-card__title {
font-size: 2em;
margin-bottom: 0;
color: #1a1a1a
}
.featured-card__action {
font-size: 1em;
font-weight: 300;
letter-spacing: 0.6px;
text-transform: uppercase;
font-size: 0.92857em;
color: #886e4b
}
.featured-card:hover .featured-card__action {
color: inherit
}
.swatch {
margin: 1em 0
}
.swatch .header {
margin: 0.5em 0
}
.swatch input {
display: none
}
.swatch label {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 50%;
float: none;
min-width: 50px !important;
margin: 0;
border: #ccc 1px solid;
background-color: #ddd;
font-size: 13px;
text-align: center;
line-height: 35px;
white-space: nowrap;
text-transform: uppercase;
display: inline-block;
height: 68px;
width: 68px;
background-position: -16px -12px
}
.swatch-element label {
padding: 5px 0
}
.color.swatch-element label {
padding: 0
}
.swatch input:checked+label {
-webkit-box-shadow: 0px 0px 0px 3px #886e4b;
-moz-box-shadow: 0px 0px 0px 3px #886e4b;
box-shadow: 0px 0px 0px 3px #886e4b;
border-color: transparent;
padding-top: 5px
}
.swatch .swatch-element {
float: left;
-webkit-transform: translateZ(0);
-webkit-font-smoothing: antialiased;
margin: 0px 0px 10px 0;
position: relative
}
.crossed-out {
position: inherit;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.swatch .swatch-element .crossed-out {
display: none
}
.swatch .swatch-element.soldout .crossed-out {
display: block
}
.swatch .swatch-element.soldout label {
filter: alpha(opacity=60);
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6
}
.swatch .tooltip {
text-align: center;
background: gray;
color: #fff;
bottom: 100%;
padding: 10px;
display: block;
position: absolute;
width: 100px;
left: -23px;
margin-bottom: 15px;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
z-index: 10000;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.swatch .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%
}
.swatch .tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid gray 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0
}
.swatch .swatch-element:hover .tooltip {
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px)
}
.swatch.error {
background-color: #e8d2d2 !important;
color: #333 !important;
padding: 1em;
border-radius: 5px
}
.swatch.error p {
margin: 0.7em 0
}
.swatch.error p:first-child {
margin-top: 0
}
.swatch.error p:last-child {
margin-bottom: 0
}
.swatch.error code {
font-family: monospace
}
.product-form {
width: 100%
}
.full.single-pro-glag {
display: inline-block;
float: none;
padding: 0 15px;
text-align: center;
width: auto
}
.swatch .swatch-element {
width: 22%
}
.flag-section {
float: left;
text-align: center;
width: 100%
}
.full.single-pro-glag>a {
display: inline-block;
width: 100%
}
.swatch .swatch-element {
display: inline-block;
float: none;
text-align: center;
width: 30%;
vertical-align: top
}
.swatch.clearfix {
float: left;
text-align: center;
width: 100%
}
.swatch .header,
.flag-section>h2,
.flag-section>.h2 {
font-size: 21px;
font-weight: bold;
margin: 0.5em 0;
color: #222
}
.lable-tag {
color: #222;
font-size: 13px;
margin: 8px 0 !important
}
.full.single-pro-glag img {
width: 32px
}
.product-single__description {
padding: 0;
margin-top: 10px;
width: 100%;
font-size: 14px;
text-align: justify
}
.rte.product-single__description>div {
font-size: 12px
}
.rte.product-single__description img {
vertical-align: middle
}
#AddToCart {
background: #886e4b none repeat scroll 0 0;
COLOR: #FFF
}
.product-single__title {
font-size: 29px
}
.qty-n-addcart {
float: left;
text-align: center;
width: 100%
}
.product-form__item.product-form__item--quantity {
display: inline-block;
float: none
}
#cross-sell {
margin: 0 auto !important;
max-width: 1180px
}
.related-products .product-card {
float: left;
float: left;
max-height: 250px;
overflow: hidden
}
.related-products .product-card__info {
text-align: center
}
.span12 {
text-align: center
}
.span12 h1,
.span12 .h1 {
font-size: 2em !important;
line-height: 3em !important
}
.swatch.clearfix[data-option-index="0"] .swatch-element label {
height: 47px;
width: 23px;
background-position: -3px center
}
.rte.product-single__description a {
color: blue
}
.frequency {
position: relative;
font-size: 21px;
font-family: "Soleil", "HelveticaNeue", "Helvetica Neue", sans-serif;
font-weight: 700;
left: 53%
}
.bolt-blog {
margin-bottom: 5px;
width: 100%;
position: relative;
background-size: cover;
background-position: center;
overflow: hidden
}
.bolt-full {
min-height: 600px
}
.bolt-between {
min-height: 450px
}
.bolt-half {
min-height: 300px
}
.bolt-micro {
min-height: 150px;
padding-bottom: 20px
}
.bolt-blog span.logo {
position: absolute;
max-width: 200px;
height: auto;
bottom: 5%;
margin: 0 0 0% 22%
}
.bolt-header {
margin: 0;
color: #fff;
display: inline-block
}
.blog-block-type,
.blog-block-type-full {
width: 42%;
display: grid;
top: 80px;
margin: 0 0 0 10%;
position: absolute;
z-index: 1
}
.bolt-infographic {
max-height: 600px;
width: auto;
text-align: center;
background-color: #fff
}
.bolt-infographic img {
max-height: 600px;
width: auto
}
.reviews {
top: 50px !important
}
.reviews p {
font-size: 1.2em;
height: 400px !important;
line-height: 1.5em !important
}
.slick-slide-reviews {
width: 100%
}
.infographic {
margin-top: -80px
}
.infographic ul {
width: 100%;
height: 300px
}
.infographic ul li {
width: 33.333%;
list-style: none;
height: 100%;
float: left;
background-image: url(//cdn.shopify.com/s/files/1/1365/4413/t/10/assets/shadow.png?18358413009664821771);
background-position: left;
background-size: 6% 100%;
background-repeat: no-repeat;
padding: 0 30px
}
.infographic ul li .infocopy-1 {
margin: 15% auto
}
.infographic ul li .infocopy-1 img {
max-height: 50px;
margin-bottom: 10px
}
.infographic ul li .infocopy-2 {
margin: 20% auto
}
.infographic ul li .infocopy-2 img {
max-height: 70px;
margin-bottom: 10px
}
.infographic ul li .infocopy-3 {
margin: 15% auto
}
.infographic ul li .infocopy-3 img {
max-height: 120px;
margin-bottom: 10px
}
.infographic ul li .info-3 {
margin-top: 30%
}
.infographic ul li:first-child {
background-image: none
}
.infographic h3.h2,
.infographic .h2.h3 {
color: #685e4a;
font-size: 1.5em
}
.script-copy {
max-width: 340px
}
.script-copy img {
width: 100%;
height: auto
}
@media only screen and (max-width: 800px) {
.blog-block-type,
.blog-block-type-full {
top: 50px
}
.blog-block-type p {
line-height: 1.6em !important;
font-size: 12px
}
.bolt-header {
font-size: 1.5em;
margin-top: 15px
}
.wheretobuy {
top: 80px
}
.bolt-micro {
min-height: 100px
}
.info-graphic-half {
height: 600px !important
}
.infographic {
margin-top: -50px
}
.infographic ul li {
width: 100%;
height: 200px;
background-image: url(//cdn.shopify.com/s/files/1/1365/4413/t/10/assets/shadow-btm.png?18358413009664821771);
background-position: top;
background-size: 100% 13%;
background-repeat: no-repeat
}
.infographic ul li .infocopy {
margin: 5% 0
}
.infographic ul li .infocopy-2 {
margin: 12% 0 !important
}
.info-3 {
margin-top: 5% !important
}
}
@media only screen and (max-width: 480px) {
.blog-block-type h2,
.blog-block-type .h2,
.blog-block-type-full h2,
.blog-block-type-full .h2 {
font-size: 1.8em
}
.blog-block-type span {
margin-top: 120px
}
.reviews-title {
margin-top: 10px !important
}
.reviews {
top: 60px !important
}
.bolt-header {
font-size: 1.2em !important
}
.infographic ul li .infocopy {
margin: 8% 0
}
.info-3 {
margin-top: 8% !important
}
.locations-mobile {
margin-top: 50px
}
.reviews p {
margin: 10px auto 10px auto !important
}
.organiclogos {
width: 90px !important;
margin-top: 5px !important
}
}
.blog-block-type-full {
width: 100% !important;
margin: 0% !important
}
.blog-block-type-full h2,
.blog-block-type-full .h2 {
margin-bottom: 0px
}
.blog-block-type h2,
.blog-block-type .h2,
.blog-block-type-full h2,
.blog-block-type-full .h2 {
color: #b3935c;
text-transform: uppercase;
font-weight: bold;
line-height: 1em
}
.blog-block-type span {
color: #999;
line-height: 1.5em
}
.blog-block-type p,
.blog-block-type-full p {
color: #333;
line-height: 2em
}
.slick-slide-reviews {
width: 100%
}
.slick-initialized .slick-slide {
width: 9.5%
}
.blog-block-type p strong,
.blog-block-type-full p strong {
font-weight: bold
}
.right {
margin-left: 50%
}
.reviews-title {
margin-top: 30px
}
.reviews p {
width: 80%;
margin: 10px 10%;
line-height: 1.5em !important;
margin-bottom: 100%
}
.organiclogos {
width: 120px;
margin-top: 15px
}
.wheretobuybtn,
.wheretobuybtn-2 {
width: 300px;
margin: auto;
background-color: #b79555
}
.wheretobuybtn a,
.wheretobuybtn-2 a {
color: #fff !important
}
.wheretobuybtn:hover,
.wheretobuybtn-2:hover {
background-color: #b79555
}
.wheretobuybtn-2 {
margin: 15px 0
}
/*----------------------------------------------------------------
..BOTTOM HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..LEFT HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..RIGHT HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..RESPONSIVE BORDERING HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..SHOPPING CART
------------------------------------------------------------------*/
td.cart {
background:none;
width:24%;
*width:250px;
min-width:260px;
}
.nextCartWrapper {
}
.nextCartData {
box-shadow:0 5px 10px rgba(0, 0, 0, .3);
padding:0 6px 6px;
background:#777;
border-radius:5px;
}
#upCartData {
background:#FFF;
border-radius:4px;
padding:0 0 6px;
}
.nextShoppingCartBanner {
display:none;
}
#nextCartHeading {
color: #FFF;
font-size:16px;
font-weight: normal;
padding:9px 0 7px;
margin: 0 10px;
text-align: left;
letter-spacing:.5px;
background:url(//cdn.nexternal.com/common/images/banner_cart.png) 100% 50% no-repeat;
font-family: Georgia, "Times New Roman", Times, serif;
}
.nextCartContents {
margin:0;
padding:0;
border-radius:14px;
padding-bottom:20px;
}
.nextPoweredBy {
margin:10px 10px 0;
padding:0;
color:inherit;
text-align:center;
}
.nextPoweredBy a, .nextPoweredBy a:hover {
color:inherit;
}
.nextCartProducts td.nextCartShipTo {
background:#999;
color:#FFF;
border-radius:5px 5px 0 0;
padding:8px 11px;
border:0;
}
.nextCartShipTo b {
text-transform:uppercase;
font-weight:normal;
}
.nextShoppingCart {
margin:8px 6px 20px;
padding:0;
border:1px solid #999;
border-radius:5px;
overflow:hidden;
background:#FFF;
}
.nextShipMethodTable {
float:right;
}
/* ..invoice subtotal table*/
.nextCartSubtotal,
.nextInvoice .nextCartSubtotal td:nth-child(2),
.nextInvoice .nextCartSubtotal td:nth-child(3){
background:#EEE;
background:rgba(0,0,0,.03);
}
.nextInvoice .nextCartSubtotal {
background:none;
}
.nextCartCategoryDiscount{
background:none;
background:rgba(0,0,0,.05);
}
.nextOrderDiscount {
background:none;
background:rgba(0,0,0,.06);
}
.nextCustomerDiscount {
background:none;
background:rgba(0,0,0,.07);
}
.nextCouponDiscount {
background:#E7E7E7;
background:rgba(0,0,0,.08);
}
.nextSalesTax {
background:#DDD;
background:rgba(0,0,0,.1);
}
.nextShipping {
background:#CCC;
background:rgba(0,0,0,.15);
}
.nextGiftCert {
background:rgba(0, 0, 0, .03);
}
.nextInvoice .nextCartSubtotal td,
.nextInvoice .nextCustomerDiscount td,
.nextInvoice .nextCartCategoryDiscount td,
.nextInvoice .nextOrderDiscount td,
.nextInvoice .nextCouponDiscount td,
.nextInvoice .nextSalesTax td,
.nextInvoice .nextShipping td,
.nextInvoice .nextGiftCert td {
padding:6px 12px;
}
.nextCartProducts {
border-collapse:collapse;
border-spacing:0;
padding:0;
margin:0;
font-size:12px;
}
.nextCartProducts td {
padding:15px 2px;
border-top:1px solid #999;
}
.nextCartProducts tbody tr:first-child td {
border-top:0;
}
.nextCartSubtotal td, .nextCouponDiscount td, .nextSalesTax td, .nextShipping td, .nextGiftCert td {
padding:6px 2px;
}
.nextCartTotal td {
background:#454545;
background:rgba(0,0,0,.7);
border:0;
color:#FFF;
font-size:12px;
text-transform:uppercase;
line-height:1;
}
.nextInvoice .nextCartTotal td,
.directCheckout .nextCartTotal td {
padding:12px;
}
.cart .nextCartSubtotal td {
font-weight:bold;
}
.nextMisCustomer {
margin:5px auto 0 auto;
}
.nextCartEmpty {
padding:10px 5px;
font-size:18px;
color:#CCC;
line-height:1;
}
#spnScrollTarget {
display:block; /* eliminates gap below cart policies in IE7 */
font-size:0 !important;
}
/* override js sizing of coupon popup */
.nextCartBottomButtons div#mpeCoupon_foregroundElement .modal.nextSocialSaleCouponPopup {
height:auto !important;
}
body .nextCreditCardPopup {
width:600px;
}
/* pencil and trash - replace edit and delete (pencil and trash) icons with custom images */
td.cart div.nextButtonEdit, td.cart div.nextButtonDelete {
line-height:13px; /* match this to the icon height to vertically align legend text */
display:none;
}
*html td.cart .nextButtonEdit a, *html td.cart .nextButtonDelete a {
margin-left:10px; /* for IE6 and less */
}
td.cart .nextButtonEdit a, td.cart .nextCartProductEdit {
width:8px;
height:12px;
display:block;
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 -13px no-repeat;
margin:0 0 0 20px;
float:left;
opacity:.5;
}
td.cart .nextCartProductEdit {
margin:0 3px; /* pencil anchor margins */
}
td.cart .nextButtonEdit a img, td.cart .nextCartProductEdit img {
display:none;
}
td.cart .nextButtonEdit a:hover, td.cart .nextCartProductEdit:hover {
/*background-position: -14px -14px;*/
opacity:.9;
}
td.cart .nextButtonDelete a, td.cart .nextCartProductDelete {
width:8px;
height:10px;
display:block;
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 0 no-repeat;
margin:0 0 0 20px;
float:left;
opacity:.5;
}
/* white x in cart total row */
td.cart tr.nextCartTotal .nextCartProductDelete {
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 -28px no-repeat;
opacity:.7;
margin-bottom:1px;
}
td.cart tr.nextCartTotal .nextCartProductDelete:hover {
/*background-position:0 0;*/
opacity:1;
}
td.cart .nextCartProductDelete {
margin:0 3px; /* trash anchor margins */
}
td.cart .nextButtonDelete a img, td.cart .nextCartProductDelete img {
display:none;
}
td.cart .nextButtonDelete a:hover, td.cart .nextCartProductDelete:hover {
/*background-position:-14px 0px;*/
opacity:.9;
}
td.cart .nextButtonEdit label, td.cart .nextButtonDelete label {
float:left;
margin-left:5px;
}
td.cart .nextCartProdEdit {
padding-left:4px !important; /* quantity number padding */
}
a.nextCartProductEdit, a.nextCartProductDelete {
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
-ms-transition:none;
transition:none;
}
.nextCartAddendum {
margin:0 0 20px 6px;
background:url(//cdn.nexternal.com/common/images/alert.png) 0 50% no-repeat;
padding:2px 6px 2px 27px;
text-align:left;
font-size:12px;
min-height:15px;
}
/***** ..custom cart footers | ..kickers *****/
#cartFooter {
margin:10px 0 0;
}
#cartFooter h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
margin:0 0 5px;
font-weight:normal;
}
#cartFooter p {
margin:0;
padding:0;
font-size:14px;
}
.cartFooterBox {
margin:0 0 10px;
padding:10px;
color:#333;
text-align:left;
border-top:1px solid #CCC;
}
#cartShippingInfo p {
font-size:12px;
}
span.nextCartProdText {
padding-left:5px;
}
.nextMinimumOrderMessage {
margin:10px 6px;
color:#C33A43;
font-weight:bold;
text-align:left;
}
.nextCartCurrency {
margin:0 17px 20px;
text-align:left;
}
/*----------------------------------------------------------------
..PERSISTENT CATEGORY
------------------------------------------------------------------*/
td.persist{
width:20%;
*width:180px; /*IE7*/
}
.nextPersistWrapper {
min-width:130px;
}
#searchField {
width:100%;
*width:168px; /* IE7 */
min-width:80px;
border:1px solid #999;
padding:6px 8px 6px 25px !important;
border-radius:0;
background:#FFF url(//cdn.nexternal.com/common/images/bg_search_field.png) 3px 50% no-repeat;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
margin:0 0 15px 0;
}
.persist h4 {
margin:10px 0;
color:#111;
font-size:17px;
font-style: normal;
letter-spacing: 1px;
line-height: 1.2em;
text-align:left;
font-weight:400;
font-family: Georgia, "Times New Roman", Times, serif;
}
.nextPersistentCategory a {
text-decoration:none; /* all persistent category links */
display:block; /* all persistent category links - this makes the anchors 100% wide */
padding:10px 5px;
margin:0;
font-size:14px;
color:#666;
position: relative;
}
.nextPersistentCategory a:hover {
color:#000; /* all persistent category links hover */
background-color:#F8F8F8;
background-color:rgba(0, 0, 0, .07);
}
.nextTopCategory a {
border-bottom:1px solid #CCC;
}
.nextActiveCategory a, .nextActiveCategory a:hover {
color:#000;
background:#E5E5E5;
background:rgba(0, 0, 0, .1) url(//cdn.nexternal.com/common/images/chevron_dark.png) 100% 50% no-repeat;
padding-right:22px;
}
.nextTopCategory.nextActiveCategory a {
/*color:#000; /* active category */
/*background:none !important; /* for IE6 */
}
.nextTopCategory a:hover {
/*color:#000; /* active category hover */
}
.nextSubcategoryLevel1 a, .nextSubcategoryLevel2 a, .nextSubcategoryLevel3 a, .nextSubcategoryLevel4 a, .nextSubcategoryLevel5 a, .nextSubcategoryLevel6 a {
/*font-size:12px; /* all sub categories (extend this list if necessary) *//*padding:3px 0 3px 18px;*//*color:#999;*/
}
.nextSubcategoryLevel1 a {
padding-left:17px; /* first level subcategory */
}
.nextSubcategoryLevel2 a {
padding-left:27px; /* second level subcategory */
}
.nextSubcategoryLevel3 a {
padding-left:37px; /* third level subcategory */
}
.nextSubcategoryLevel4 a {
padding-left:47px; /* fourth level subcategory */
}
.nextSubcategoryLevel5 a {
padding-left:57px; /* fifth level subcategory */
}
.nextSubcategoryLevel6 a {
padding-left:67px; /* sixth level subcategory */
}
.nextSubcategoryLevel1, .nextSubcategoryLevel2, .nextSubcategoryLevel3, .nextSubcategoryLevel4, .nextSubcategoryLevel5, .nextSubcategoryLevel6 {
margin-left:0;
}
.nextExpandableCategory a:after {
content:"+";
position: absolute;
top:10px;
right:10px;
font-size: 16px;
font-weight: bold;
}
.nextExpandedCategory a:after {
content:"-";
position: absolute;
top:10px;
right:10px;
font-size: 16px;
font-weight: bold;
}
.nextActiveCategory a:after {
display: none;
}
.nextExpandableCategory > a,
.nextExpandedCategory > a{
padding-right: 25px;
}
/*----------------------------------------------------------------
..STORE CONTENT
------------------------------------------------------------------*/
#aspnetForm {
height:auto !important;
/*display:table; this centers content even when it blows out beyond max-width setting, but then padding is ignored*/
display:block;
margin:80px auto;
width:100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
max-width:1800px;
*width:1200px; /*IE7*/
/*min-width:768px;*/
padding:0 10px; /*padding no longer works on display:table elements, but we're now setting this do display:block by default*/
background:#FFF;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#aspnetForm {
display:block; /* safari only - display:table causes safari to ignore max-width -- Oct 2013 this affects chrome now, and safari and crome now respect display:table with max-width*/
}
}
#aspnetForm, #threadWrapper {
opacity:0; /* we'll fade these in as soon as the DOM loads */
}
.nextStoreFront #threadWrapper {
display:none;
}
body .nextSharingTools {
opacity:0; /* we'll fade this in with JS a few seconds after the DOM loads */
padding:0;
margin-top:30px;
width:253px; /* prevent jumpiness on product detail page */
}
.pageWidth {
max-width:1800px; /* double the padding when you calculate this */
min-width:668px;
margin:0 auto;
padding:0 10px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
td.main {
padding:0 30px;
}
.nocart td.main {
padding:0;
}
.nopersist td.main {
padding-left:0;
}
.nocart td.main {
padding-right:0;
}
/***** ..WHITE SPACE AND DEFAULT FORMATTING *****/
body td.main #threadWrapper {
font-size:12px;
}
.nextMainImage {
margin:0 30px 10px 0; /* main image margins */
}
.nextZoomIcon {
opacity:.85;
}
.nextCartAccountInfo, .nextCartTop {
margin:0 0 10px; /* margin above returning customer in shopping cart */
}
.nextHierarchyFinalText, .nextHierarchyFinalSeparator {
display:none;
}
hr.nextCatUnderbar {
height:1px;
}
.nextLargeImage {
padding:10px;
}
.nextSearchStatement {
padding-bottom:10px;
font-size:14px;
text-align:left;
}
.nextProductDetailTabbed .nextMainImage {
float:none; /*fix IE7 image overlap */
}
.nextPlusOne {
clear: both;
padding: 9px 0 0;
}
.main a.nextCatName {
display:block;
margin-top:10px;
margin-bottom:10px;
font-weight:normal;
font-size:16px;
}
.nextCurrentCategory {
margin:0 auto 0 0;
}
.nextProdImage {
float:none !important;
}
.nextNoAddresses, .nextNoCreditCards {
padding-top:10px;
}
#tdPriceDetails>span {
padding:8px 0 13px;
display:block;
}
.nextPriceDetailsLink {
font-style:italic;
padding-left:5px;
font-size:12px;
}
.nextPriceDetailsLink a:hover {
text-decoration:underline;
}
td.nextProduct {
padding:15px 5px 5px;
}
.nextProduct.nextFirst > td {
padding-top:30px;
}
.nextLegalDisclaimer {
padding:20px 0;
}
.nextRelatedThread {
width:auto;
margin-bottom:20px;
}
.nextRelatedListProduct ul {
list-style:none;
padding:0;
}
.nextProductDetail .nextStatus {
margin-bottom:15px;
}
#ui-id-1 {
font-size:12px;
}
.nextSortBy {
padding:3px 0;
font-size:11px;
}
.nextSortBy b {
font-weight:normal;
}
.nextNoProductsText {
text-align:left;
}
.nextHierarchyTitle {
display:none;
}
.nextSingleLinePrevNext {
margin-bottom:20px;
}
.nextSingleLinePrevNext a.disguise {
color:#558EA1;
font-size:12px;
}
td.nextCategory {
vertical-align:top;
}
.nextCategoryDescription {
padding-bottom:20px;
}
body.moveInvoiceButtonsJS tr.nextCartSubtotal a.nextEnterCoupon, body.moveInvoiceButtonsJS tr.nextCartSubtotal a.nextEnterGiftCert {
display:none; /* these buttons have been moved with JS on the invoice page */
}
.nextPickupRow > td {
padding:5px 3px 2px 0;
}
.nextPickupLabel {
white-space:nowrap;
}
.nextAddToCartCell {
text-align:left;
}
.nextAddToCartQuantity input {
width:21px;
}
body .pagination:empty {
display:none;
}
.nextInvoice .nextOrderNotificationTable {
float:left;
}
.nextOrderNotificationTable td {
padding:20px 5px 30px;
}
.nextHierarchyShopping {
display:inline-block;
margin-bottom:10px;
}
.nextPolicyWrapper {
margin-top:25px;
}
td.nextNewCustomer,
td.nextReturningCustomer {
padding-top:15px;
}
.nextShipToAddressBookRow td,
.nextBillToAddressBookRow td {
padding-bottom:15px;
}
#threadWrapper.empty {
display:none; /* new for vanillaBean122 */
}
/***** END WHITE SPACE AND DEFAULT FORMATTING *****/
/***** PRODUCT LIST STYLING *****/
/*
.nextProductList .nextProductWrapper *:not(.margin, .margin *) {
font-size:13px;
font-weight:normal !important;
}
*/
a.nextProdName, .nextTileProducts .nextShortDesc, .nextPrice, .nextBidPrice, .nextStatus, .nextVisibility {
display:block;
margin-bottom:8px;
}
.directCheckout .nextPrice {
display:table-cell;
}
a.nextProdName {
text-transform:uppercase;
margin-bottom:5px;
font-size:12px;
text-decoration:none;
}
a.nextProdName:hover {
text-decoration:underline;
}
a.nextProdThumb {
margin:0 0 10px 0; /* margins for product thumbnails on product list pages */
display:inline-block; /* necessary for the right margin to work */
}
.main td.nextProdThumb {
padding-right:15px;
}
.nextTileProducts {
margin-top:10px; /* margin below banner on product detail screen */
}
.nextProductList .nextShortDesc {
margin-bottom:5px;
}
.nextCustomField1 b,
.nextCustomField1 b,
.nextCustomField2 b,
.nextCustomField3 b,
.nextCustomField4 b,
.nextCustomField5 b,
.nextCustomField6 b,
.nextCustomField1,
.nextCustomField1,
.nextCustomField2,
.nextCustomField3,
.nextCustomField4,
.nextCustomField5,
.nextCustomField6 {
font-style:normal;
font-weight:normal;
}
.nextProductList .nextPrice,
.nextProductList .nextAllocation,
.nextProductList .nextCustomField1,
.nextProductList .nextCustomField2,
.nextProductList .nextCustomField3,
.nextProductList .nextCustomField4,
.nextProductList .nextCustomField5,
.nextProductList .nextCustomField6 {
margin-bottom:5px;
}
.nextTileProductBanner td {
text-align:left;
}
.nextProductSpacer div {
width:30px;
}
.nextShipToSelect {
white-space:nowrap;
}
.nextProductList .nextShipToSelect select,
.nextProductList .nextShipToSelect option {
font-size:11px;
}
.nextShipToSelect label,
.nextPickupSelect label {
font-size:12px;
}
.nextShipToSelect select {
/*margin-left:5px;*/
}
.nextShipToLabel input,
.nextPickupLabel input {
margin:0 5px 0 0;
}
.nextShipToSpacer,
.nextPickupSpacer {
width:0;
}
.nextProductList .nextShipToCell,
.nextProductDetail .nextShipToCell {
padding:0 0 4px 0;
}
.nextPickupSelect,
.nextPickupLabel {
white-space:nowrap;
}
.nextPickupLabel span {
padding-right:5px;
}
.nextPickupInnerTable {
margin-top:5px;
}
.nextAddToCartCell {
padding-top:8px;
}
.nextProductList .nextRatingContainer {
display:none;
}
.nextProductList .nextRatingIcons {
padding-left:5px;
display: inline-block;
padding: 0 0 0 4px;
}
.nextProductList .nextRatingIcons img {
height:15px;
float:left;
}
.nextAddToCartInnerTable {
margin:0 auto 0 0;
}
.nextShipToInnerTable {
margin:0 auto 0 0;
}
.infoBtn {
display:inline-block;
margin:-1px 0 0 0;
vertical-align:middle;
}
.nextPickupSelect a {
opacity:.7;
display:inline-block;
outline:0;
}
.nextPickupSelect a:hover {
opacity:1;
}
.nextPickupRow td {
padding-top:5px;
}
.nextListProducts tr.nextProduct > td {
vertical-align:top;
padding-left:7px;
}
.nextListProducts tr.nextProduct > td:first-child {
padding-left:0;
}
.nextExpressOrderProducts .nextProdThumb img {
/*max-height:200px;*/
}
.nextExpressOrderProductRow .nextProdThumb a, .nextExpressOrderSKURow .nextProdThumb a {
display: inline-block;
margin: 6px 10px 6px 0;
}
/***** END PRODUCT LIST STYLING *****/
/***** ..depricated POPUP CSS OVERRIDE 2.2 updated with :not(.oms) 6/1/2018 ******/
/*depricated, use the one in the collapsible cart section instead
body:not(.nextCartShowing):not(.oms) .modal:not(.nextEnterShipToPopup):not(.nextNotifyInstockPopup):not(.nextRedeemGiftCertificatePopup):not(.nextCreditCardPopup), body:not(.nextCartShowing):not(.oms) div.margin:not(.nextAddressBookPopup):not(.nextPriceDetailsPopup), body:not(.nextCartShowing):not(.oms) .nextCartPolicies div.margin, body:not(.nextCartShowing):not(.oms) .nextPrivacyPolicyPopup {
top:250px !important;
}
*/
#mpeAddressValidation_foregroundElement, #mpeCalculator_foregroundElement, #mpeEditAddress_foregroundElement, #mpeCreditCard_foregroundElement, #mpeTracking_foregroundElement {
position:absolute !important;
}
.nextPickupLocationPopup,
.nextSusbscriptionDescriptionPopup {
position:fixed !important;
}
.modal.nextUpsell {
display:table;
}
/* experimental: move gift message textbox into gift message popup
body:not(.nextInvoice) .margin.nextGiftMessage {
position:relative !important;
border:0;
display:block !important;
visibility:visible !important;
box-shadow: none;
top:0 !important;
left:0 !important;
}
body:not(.nextInvoice) .nextGiftMessageRow td {
vertical-align:top;
}
body:not(.nextInvoice) .nextSubmitGiftMessage,
body:not(.nextInvoice) .nextGiftMessageTargetLink {
display:none;
}
*/
/***** END POPUP CSS OVERRIDE ******/
/***** ...ACTION BLOCKS *****/
.nextProductDetailTabbed h1.nextProdName, .nextProductDetailTabbed .nextPrice, .nextSharingTools h3, .nextAttributes h3 {
font-family: Georgia, "Times New Roman", Times, serif; /* action blocks headings font */
}
/* Action Blocks - Background Color */
.nextTabbedDetails, .nextSharingTools, .nextProductDetailTabbedTable tr:nth-child(odd) td {
/*background:#FBFBFB !important; /* Action Blocks - Background Color */
}
.nextTabbedDetails, .nextSharingTools, .nextProductDetailTabbedTable, .nextProductDetailTabbedTable td, .nextSharingTools h3, .nextAttributes h3 {
border-color:#CCCCCC !important; /* Action Blocks - Border Color */
}
body .nextProductDetailTabbedTable tr:nth-child(odd) td,
body .nextProductDetailTabbedTable tr:nth-child(even) td,
body .nextProductDetailTabbedTable td {
background: none;
}
body .nextTabbedDetails, body .nextSharingTools {
border-radius:2px;
background:none;
border:none;
padding:0;
}
/***** END ACTION BLOCKS *****/
/***** ...TABBER *****/
body #tcTabs_header {
font-family: Georgia, "Times New Roman", Times, serif;
}
.tab .ajax__tab_outer {
background:#F7F7F7; /* inactive tab background */
border-color: #CCC; /* inactive tab border color */
font-weight: 400; /* inactive tab font weight */
padding:0; /* all tabs padding */
cursor:pointer;
margin:0;
font-size:15px;
border-bottom:1px solid #CCC;
border-radius:2px 2px 0 0;
}
.tab .ajax__tab_outer span {
color: #666; /* inactive tab text color */
}
.tab .ajax__tab_outer:hover span {
color: #666; /* inactive tab hover text color */
}
.tab .ajax__tab_outer:hover {
background:#EEE; /* inactive tab hover background*/
}
.tab .ajax__tab_active .ajax__tab_outer {
background:#FFF; /* active tab background */
border-color: #CCC; /* active tab border color */
font-weight: 400; /* active tab font weight */
border-bottom:1px solid #FFF;
box-shadow:2px 0 0 rgba(0, 0, 0, 0.1);
}
.tab .ajax__tab_active .ajax__tab_outer span {
color:#666 /*active tab text color */
}
.tab .ajax__tab_active .ajax__tab_outer:hover span {
color:#666 /*active tab hover text color */
}
.ajax__tab_inner a span {
padding:8px 15px;
display:block;
}
.tab .ajax__tab_body {
background:#FFF; /* tabber content background */
border:0;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:20px 10px;
}
.ajax__tab_header a {
outline:0;
}
.nextRatingIcons {
vertical-align:bottom;
}
.nextRatingIcons img {
vertical-align:middle;
}
/***** END TABBER *****/
/***** ...BANNERS AND HEADINGS *****/
body .nextProductDetailTabbed h1.nextProdName,
body .modal tr.banner1,
body div.margin tr.banner1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:22px;
color:#594F46;
margin:0 0 25px;
font-weight:normal;
}
.main .banner1,
.main .banner2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
}
.nextTileProductBanner tr.banner1 td, .nextSubcategoriesBanner tr.banner1 td, tr.bannerStoreFront td, .nextNoProductsBanner td, .nextRelatedProducts .nextAppendHeader, .main .banner1 h1.nextBannerText, .nextPolicies tr.banner1 td {
color:#444;
text-align:left;
background:none;
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:300;
padding:0;
line-height:1;
}
.nextTileProductBanner tr.banner1, .nextSubcategoriesBanner tr.banner1, .main tr.bannerStoreFront, .nextNoProductsBanner tr.banner1, .nextPolicies tr.banner1 {
background:none;
}
.nextTileProductBanner, .nextSubcategoriesBanner, .nextTopBanner, .nextNoProductsBanner {
margin-bottom:25px;
}
.nextTileProductBanner tr.banner1 .nextBannerText, .nextSubcategoriesBanner tr.banner1 .nextBannerText, .bannerStoreFront .nextBannerText, .nextNoProductsBanner .nextBannerText {
padding:0;
}
.bannerStoreFront .nextStoreFrontBannerSpacerCell {
width:0;
}
.nextBannerText {
padding:3px 6px;
display:block;
}
.nextRelatedProducts .nextAppendHeader {
border-bottom: 1px solid #E6E6E6;
margin: 40px 0 20px;
font-size:18px;
padding:0 0 3px;
}
.nextRelatedProducts .nextAppendHeader b {
font-weight:normal;
}
.nextBottomBanner {
margin:10px 0 0 0;
display:none;
}
.nextBannerCellButton img {
vertical-align:middle;
}
.modal .nextBannerText,
.margin .nextBannerText {
white-space:normal;
}
.modal {
/*display:table;*/
}
.nextListProducts .nextPrice {
padding:15px;
}
/***** END BANNERS *****/
/***** ..security disclaimer (login page) *****/
.nextSecurityDisclaimer {
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
padding: 20px 0 27px;
margin-top:100px;
/*display:table;*/
width:100%;
}
.nextSecurityDisclaimer img {
margin:0 20px 10px 0;
}
.nextLogin .main .nextTopBanner {
display:none;
}
.nextLogin .nextUpsell .nextTopBanner {
display:block;
}
/***** ..security disclaimer (login page) *****/
/* ..customer comments */
.nextCustomerComments {
background-color: #EEE;
border: 1px solid #999;
box-sizing: border-box;
color: #333;
margin-top: 14px;
padding: 5px;
width: 100%;
}
.nextCommentsTable {
width:100%;
}
/*----------------------------------------------------------------
..HTMLBUTTONS
------------------------------------------------------------------*/
input.nextHTMLButton, a.nextHTMLButton, a.nextAddEditButton {
color:#FFF;
background:#43bcee;
padding:8px 12px;
border:0;
border-radius:0;
font-weight:normal;
font-size:13px !important;
cursor:pointer;
font-family: Helvetica, Arial, sans-serif;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
-webkit-appearance: none;
text-decoration:none;
text-transform: uppercase;
}
input.nextHTMLButton:hover, a.nextHTMLButton:hover, a.nextAddEditButton:hover {
background-color:#139ad2;
color:#FFF;
}
input.nextHTMLButton:active, a.nextHTMLButton:active, a.nextAddEditButton:active {
box-shadow:inset 0px 2px 5px rgba(0, 0, 0, .5);
}
input.nextHTMLButton.nextATCButton {
margin:5px 0 5px 5px;
display:inline-block;
background-image:url(//cdn.nexternal.com/common/images/atc_plus.png);
background-position:100% 50%;
background-repeat:no-repeat;
padding-right:25px;
}
a.nextAddEditButton {
padding:1px 10px 1px 25px;
background-position:7px 50%;
background-repeat:no-repeat;
}
a.nextEditButton {
background-image:url(//cdn.nexternal.com/common/images/bg_edit.png);
/*background-image:url(//cdn.nexternal.com/common/images/bg_edit_dark.png);*/
}
a.nextAddButton {
background-image:url(//cdn.nexternal.com/common/images/bg_add.png);
/*background-image:url(//cdn.nexternal.com/common/images/bg_add_dark.png);*/
}
.nextSearchButton input.nextHTMLButton {
margin-left:4px;
}
.cart #btnCheckOutTop, .cart #btnCancelOrderTop {
display:none;
}
.nextClubCustomerType #memberSavings {
display:none;
}
#memberSavings:hover {
opacity:.8;
}
#pnlDisplayLoyaltyPoints {
padding: 10px 10px 0;
text-align: left;
}
.cart .nextCartLoyaltyRedemption {
margin-top:10px;
}
.moveInvoiceButtonsJS .nextCartSubtotal a.nextEnterGiftCard,
.moveInvoiceButtonsJS .nextCartSubtotal a.nextEnterGiftCard + span {
display:none;
}
/*a.nextCartDetermineSTP, a.nextCartEditSTP, .nextGiftMessageWrap div>a, .nextCartBottomButtons a, a.nextEnterGiftCert, a.nextEnterCoupon*/
a.nextCartDetermineSTP, a.nextCartEditSTP, .nextGiftMessageWrap div>a, .nextCartBottomButtons > a, a.nextEnterGiftCert, a.nextEnterCoupon, #memberSavings, a.nextEnterGiftCard {
display:block;
padding:6px 30px 6px 12px;
margin:0 6px 3px;
text-decoration:none;
font-size:11px;
font-weight:normal;
text-align:left;
line-height:1;
/*background:#777 url(//cdn.nexternal.com/common/images/arrow_rt_light.png) 100% 50% no-repeat;*/
background:#DDD url(//cdn.nexternal.com/common/images/arrow_rt_dark.png) 100% 50% no-repeat;
text-align:left;
/*color:#FFF;*/
color:#333;
border-radius:3px;
vertical-align:top;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
a.nextCartDetermineSTP:hover, a.nextCartEditSTP:hover, .nextGiftMessageWrap div>a:hover, .nextCartBottomButtons a:hover, a.nextEnterGiftCert:hover, a.nextEnterCoupon:hover, a.nextEnterGiftCard:hover {
opacity:.8;
color:#333;
/*color:#FFF;
background-color:#666;
background-image: url(//cdn.nexternal.com/common/images/arrow_rt_light.png);*/
}
#memberSavings {
background:#777 url(//cdn.nexternal.com/common/images/arrow_rt_light.png) 100% 50% no-repeat;
color:#FFF;
}
.nextInvoice a.nextEnterGiftCert, .nextInvoice a.nextEnterCoupon, .nextInvoice a.nextEnterGiftCard {
margin:0 auto;
font-size:13px;
background:#777;
background:rgba(0,0,0,.5) url(//cdn.nexternal.com/common/images/arrow_rt_light.png) 100% 50% no-repeat;
color:#FFF;
}
.nextInvoice a.nextEnterCoupon {
background-color:rgba(0,0,0,.4);
}
.nextInvoice a.nextEnterGiftCard {
background-color:rgba(0,0,0,.6);
}
.nextGiftMessageWrap, .nextCartCalculator, .nextCartBottomButton {
margin:0;
padding:0;
}
.oms .nextCartData input.nextHTMLButton.nextCheckOutButtonTop, .oms .emptyCart input.nextHTMLButton.nextCheckOutButtonTop, .oms .nextCheckOutButton.nextCheckOutButtonBottom {
display:inline-block;
margin:5px 0;
}
input.nextHTMLButton.nextCheckOutButton, .oms input#btnCancelOrderBottom, .editPendingOrder input#btnCancelOrderBottom, .oms input#btnCancelOrderEmptySuperCart {
background-image:url(//cdn.nexternal.com/common/images/arrow_rt_light.png);
background-position: 100% 50%;
background-repeat:no-repeat;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
text-align:left;
display:none;
padding-right:30px;
}
input.nextHTMLButton.nextCheckOutButtonBottom, .oms input#btnCancelOrderBottom, .oms input#btnCancelOrderEmptySuperCart {
width:100%;
margin:0;
font-size:16px !important;
}
.nextCheckOutButtonBottomWrapper input.nextHTMLButton.nextCheckOutButton, .oms .nextCheckOutButtonBottomWrapper input#btnCancelOrderBottom, .oms .nextCheckOutButtonBottomWrapper input#btnCancelOrderEmptySuperCart {
display:block;
}
.account input.nextHTMLButton.nextCheckOutButton, .checkout input.nextHTMLButton.nextCheckOutButton {
background-image:url(//cdn.nexternal.com/common/images/arrow_lt_light.png);
background-position:0 50%;
text-align:center;
padding-left:30px;
padding-right:12px;
}
input.nextHTMLButton.nextCheckOutButtonTop {
display:none;
}
.nextCheckOutButtonBottomWrapper {
padding:20px 6px 14px;
}
.nextCheckOutButtonBottomWrapper, input.nextHTMLButton.nextCheckOutButton {
display:none;
}
.nextCheckOutButtonBottomWrapper input.nextHTMLButton.nextCheckOutButton {
display:block;
}
input.nextHTMLButton.nextCheckOutButton,
.nextCentered input.nextHTMLButton {
/*opacity:.7;*/
}
input.nextHTMLButton.nextCheckOutButton:hover {
/*opacity:1;*/
}
/* Order submit button */
.nextOrderInfo .nextCentered .nextHTMLButton, .nextInvoice .nextHTMLButton {
padding:10px 20px;
margin-top:10px;
font-size:16px !important;
}
/*----------------------------------------------------------------
..TOGGLE PERSIST CUSTOM
------------------------------------------------------------------*/
body .nextPersistWrapper, body #searchWrapper {
top:35px;
}
body.article #threadWrapper {
display:none;
}
/* custom break point for persist toggle (customize the min-width and max-width below) */
/*
@media (min-width: 768px) {
body #searchWrapper,
body .nextPersistWrapper {
display:block !important;
}
body #persistToggle,
body #searchToggle {
display:none !important;
}
body td.persist{
width:20%;
position:relative;
}
body .nextPersistWrapper,
body #searchWrapper {
background:#FFF;
border:none;
border-radius:0;
padding:0;
width:auto;
z-index:0;
display:block;
top:0;
}
body #persistToggle,
body #searchToggle,
body #persistToggle.untouched,
body #searchToggle.untouched {
display:none;
}
}
@media (max-width: 767px) {
body td.persist{
width:0;
position:absolute;
}
body .nextPersistWrapper,
body #searchWrapper {
background:#FFF;
border:1px solid #CCCCCC;
border-radius:5px;
left:0px;
padding:0 10px 10px;
position:relative;
top:35px;
width:300px;
z-index:1;
display:none;
clear:both;
}
body #persistToggle,
body #searchToggle,
body #persistToggle.untouched,
body #searchToggle.untouched {
display:inline-block;
}
}
*/
/*----------------------------------------------------------------
..CLUB LOGIN FORM CUSTOM
------------------------------------------------------------------*/
body #clubLogin, body .loginMessage {
margin: 0;
padding: 10px 0;
background:#EEE;
color:#333;
clear:both;
}
body #clubLogin h3 {
font-size:16px;
margin:0 0 0 5px;
color:#333;
}
body.nextLogin #clubLogin,
body.nextRegister #clubLogin{
display:none;
}
#clubLogin * {
vertical-align:middle;
}
/*----------------------------------------------------------------
..CLUB PRICING 2.0
------------------------------------------------------------------*/
.nextClubCustomerType .hideClubPricingFromClubMemebers .clubPrice {
display: none;
}
.clubPricing .priceLabel,
.clubPricing .nextPriceDetailsLink,
.noClubPricing .priceLabel,
.noClubPricing .nextPriceDetailsLink{
/*font-size:.8em;*/
font-size:.8rem;
}
.nextProductDetail .clubPricing .priceLabel,
.nextProductDetail .noClubPricing .priceLabel{
/*font-size:.6em;*/
font-size:.6rem;
}
.nextProductDetail .clubPricing .nextPrice b,
.nextProductDetail .noClubPricing .nextPrice b{
font-weight: normal;
}
.clubPricing .nextTabbedProduct .nextPrice {
margin: 0;
padding: 0;
}
.clubPricing #tabMotion .nextPrice {
/*font-size: 18px;*/
font-size:1.2rem;
}
/*----------------------------------------------------------------
..PROGRESS TRACKER CUSTOM
------------------------------------------------------------------*/
#progress {
margin:0 auto;
text-align:center;
position:relative;
display:none;
background:#FFF;
padding-top:30px;
}
.nextLogin #progress, .nextRegister #progress, .nextOrderInfo #progress, .nextInvoice #progress {
display:block;
}
.nextLogin.hideProgress #progress {
display:none;
}
#progress h3 {
font-weight:normal;
font-size:22px;
color:#666;
line-height:24px;
margin: 0 0 20px;
font-family:Georgia, "Times New Roman", Times, serif;
clear:both;
}
#progressBar {
position:absolute;
top:105px;
left:50%;
width:400px;
margin-left:-205px;
border-bottom:1px solid #999;
box-shadow:0 3px 6px rgba(0, 0, 0, .3);
}
#progress ul {
margin:0 auto;
text-align:center;
padding:0;
*width:614px; /*for IE7-*/
}
#progress ul li {
display:inline-block;
position:relative;
width:200px;
font-size:13px;
margin:0;
padding:0;
*float:left; /*for IE7-*/
list-style:none;
}
#progress ul li span {
display:inline-block;
border-radius:99px;
color:#FFF;
font-size:12px;
font-weight:bold;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
outline:0;
position:relative;
text-align:center;
text-decoration:none;
background:#aaa;
list-style:none;
width:30px;
height:30px;
line-height:30px;
margin:0 auto 5px;
box-shadow:0 3px 6px rgba(0, 0, 0, .3);
}
.nextLogin li#progress1 span, .nextRegister li#progress1 span, .nextOrderInfo #progress li#progress2 span, .nextInvoice #progress li#progress3 span {
background:#000;
}
#progress ul li em {
display:block;
color:#888;
font-style:normal;
}
#progressContinueShopping {
text-decoration:none;
float:left;
font-size:12px;
}
.nextOrderConfirmation #progressContinueShopping {
display:none;
}
/*----------------------------------------------------------------
..INTERNAL ORDER PAGES
------------------------------------------------------------------*/
.oms #trTop, .oms #trBottom, .oms #searchField, .oms #memberSavings, .oms #searchToggle {
display:none !important;
}
.oms .cart #btnCheckOutTop, .oms .cart #btnCancelOrderTop, .editPendingOrder .cart #btnCancelOrderTop {
display:none;
}
body.oms input#btnCancelOrderBottom, body.oms input#btnCancelOrderEmptySuperCart, body.editPendingOrder input#btnCancelOrderBottom {
background-color:#000;
background-image:url(//cdn.nexternal.com/common/images/x_white.png);
margin-top:3px;
opacity:1;
color:#FFF;
}
body.oms input#btnCancelOrderBottom:hover, body.oms input#btnCancelOrderEmptySuperCart:hover {
opacity:.7;
}
.oms .main input[type="submit"] {
margin-right:5px;
}
.oms .nextCartTop {
background: white;
border-radius: 5px;
padding-bottom:10px;
}
/*----------------------------------------------------------------
..Buy A Case (..Add Case to Cart Button)
------------------------------------------------------------------*/
.acTrigger {
margin:1px 10px 5px 5px;
cursor:pointer;
}
.addCaseMessage {
color:#B82727;
font-size:13px;
line-height:1.1;
}
.nextShortDesc .acTrigger,
.nextShortDesc .addCaseMessage {
display:none;
}
/*----------------------------------------------------------------
..Buy A Case 2.0
------------------------------------------------------------------*/
.buyACaseRow a.nextHTMLButton.buyCase {
display: block;
margin:0;
}
.buyACaseCell a.nextHTMLButton.buyCase {
margin:0 0 0 7px;
}
a.nextHTMLButton.buyCase {
background:rgba(0, 0, 0, .1);
color: #777;
text-align: center;
}
.hasCaseBtn .nextAddToCartQuantity input {
margin: 0 7px 8px 0;
}
.hasCaseBtn input.nextHTMLButton.nextATCButton {
margin: 0;
width:100%;
}
.hasCaseBtn .nextAddToCartTable {
margin-top:5px;
}
.hasCaseBtn .nextAddToCartTable td {
vertical-align: top;
}
/*----------------------------------------------------------------
..RETILE.CSS CUSTOM (requires retile.js and retile.css)
------------------------------------------------------------------*/
body .fluidContainer .nextCatLinks, body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:100%; /* Tile 1 products across (ignore padding for this - containers are set to box-sizing: border-box) */
text-align:left;
/*padding:0 1.5% 5%; */
padding:0; /* padding on display:table elements stopped working in 2015, so now we pad .tileContent */
}
body .fluidContainer .nextCatLinks {
text-align: center;
}
.tileContent {
padding:0 4.5% 15%;
}
.nextCatLinks .tileContent {
padding-bottom:1%;
}
body .relatedWrap a {
padding:0 .5em;
display:inline-block;
}
@media only screen and (min-width: 767px) {
body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:49.9%; /* Tile up to 2 products across at this resolution */
}
body .fluidContainer .nextCatLinks {
width:49.9%; /* Tile up to 2 categories across at this resolution */
}
}
@media only screen and (min-width: 1300px) {
body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:33.2%; /* Tile up to 3 products across at this resolution */
}
}
@media only screen and (min-width: 1600px) {
body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:24.9%; /* Tile up to 4 products across at this resolution */
}
}
/* oneTile 2.0 break point - requires onetile JS and retile.js, retile.css (1 product per row product list break point) */
/*
@media only screen and (max-width: 900px) {
body:not(.preserveOrder) .main a.nextProdThumb {
display:inline-block;
}
body:not(.preserveOrder) .fluidContainer .nextProductWrapper{
width:100%;
}
body:not(.preserveOrder) .tileCol {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-table;
margin: 0 3% 0 0;
padding: 0;
vertical-align: top;
width: 24%;
}
body:not(.preserveOrder) .tileCol.prodTileRt {
width: 32%;
}
body:not(.preserveOrder) .prodThumbWrap.tileCol {
}
body:not(.preserveOrder) .fluidContainer .nextProductWrapper table {
margin: 0 0 10px;
}
body:not(.preserveOrder) a.nextProdThumb img {
max-width:100%;
}
body:not(.preserveOrder) a.nextProdName {
line-height:1;
}
body:not(.preserveOrder) .nextSelectOptions {
text-align:right;
}
}
*/
/* onetile 1.0 break point (depricated) - requires onetile JS and retile.js, retile.css (1 product per row product list break point) */
/*
@media only screen and (max-width: 1023px) {
body .main a.nextProdThumb {
display:inline-block;
}
body .fluidContainer .nextProductWrapper{
width:100%;
}
.prodThumbWrap {
float:left;
margin-right:5%;
width:24.5%;
}
.prodTileRt {
display:inline-block;
width:70%;
text-align:left;
}
a.nextProdName {
line-height:1;
}
body .fluidContainer .nextProductWrapper table {
margin-left:auto;
margin-right:0;
}
.nextSelectOptions {
text-align:right;
}
}
*/
.fluidContainer .nextProductWrapper table {
margin-left:0;
margin-right:auto;
}
.fluidContainer .nextProductWrapper .modal table {
margin-left:0;
}
.nextProductList.nextCategory21 div.fluidContainer {
/*min-width:650px; /* we must set a min width on the product wrapper on an allocated product list page to maintain 3 products across */
}
/*----------------------------------------------------------------
..FLUID 2.2
------------------------------------------------------------------*/
/***** ..fluid thumbs *****/
body .nextCatThumb, body a.nextProdThumb, body .nextRelatedThumb {
*width:auto !important;/*IE7*/
margin:0 auto 10px;
display:inline-block;
}
.nextCatThumb img, a.nextProdThumb img, .nextRelatedThumb img {
width:100% !important;
display:inline-block;
max-width:100%;
*width:auto; /* IE7 */
margin:0;
height:auto !important;
}
.nextCategoryTable {
width:100%; /* for Safari */
}
/***** end fluid thumbs *****/
/***** ..fluid main images *****/
.nextMainImage > div {
display:inline-block;
min-width:150px;
}
.nextProdImage {
display:inline-block;
max-width:100%;
width:100% !important;
*width:auto !important;
height:auto !important;
}
.nextDCProdDetail .nextProdImage{
width:auto;
}
td.nextMainImageWrap {
/*width:100%; /* experimental - force cell that contains main image to be as wide as possible. */
}
/***** end fluid main images *****/
/***** ..fluid gallery thumbs (adjust max-width to determine how many thumbs per row, and select a max-width for their continer .nextGallery) *****/
/**/
.nextGalleryWrap {
width:100%;
}
.nextGallery {
text-align:center;
width:100%;
font-size:0;
float:none;
margin:12px auto;
max-width:400px;
}
.nextGallery div {
display:inline;
}
.nextMiniThumb {
display:inline-block;
max-width:17.5%;
margin:1%;
float:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nextMiniThumb img {
display:inline-block;
max-width:100%;
width:100%;
vertical-align:top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/**/
/***** end fluid gallery thumbs *****/
/***** ..fluid form fields *****/
.nextLogin .nextLoginForm input:not([type=submit]) {
width:86%;
}
.nextRegister td.main input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]) {
width:86%;
}
.nextOrderInfo td.main input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]) {
width:80%;
}
/***** end fluid form fields *****/
/*----------------------------------------------------------------
..CC Collapsible Cart
------------------------------------------------------------------*/
.CCartActive.oms #trTop {
display: table-row !important;
}
.CCartActive.oms .hideInternal{
display:none !important;
}
.CCartActive.nocart #nextCartMask {
display:none !important;
}
.CCartActive .nextPrivacyPolicyPopup, .nextShippingPolicyPopup, .nextReturnPolicyPopup {
z-index:1010;
}
.CCartActive .nextCheckOutButton.nextCheckOutButtonBottom {
/*display:block !important;*/
}
.CCartActive #nextCartMask {
display:none;
position:fixed;
width:100%;
height:100%;
background:#000;
z-index:10;
top:0;
left:0;
}
.CCartActive #cartUtilityWrap {
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.CCartActive #cartUtilityWrap > ul {
float:left;
margin-right:10px;
}
.CCartActive.nextNotLoggedIn #cartUtilityWrap > ul {
margin-right:0px;
}
.CCartActive #cartUtilityWrap > ul li{
margin:5px 0 0;
}
.CCartActive .triggerCart {
float:right;
}
.CCartActive .ui-effects-transfer {
border: 2px solid #666;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:auto 100%;
border-radius:5px;
z-index:1010;
}
.CCartActive #cartUtilityWrap #btnCheckOutTop {
display:inline-block;
}
.CCartActive #cartUtilityWrap .nextHTMLButton {
display:inline-block;
margin:0 0 0 5px;
line-height:1;
}
.CCartActive #checkoutBtnPlaceholder {
display:inline-block;
}
body.CCartActive.nextLogin .nextCartFooter {
/*display:none;*/
}
.CCartActive .persist .nextCartFooter {
margin-top:40px;
}
.CCartActive .persist .cartFooterBox:first-child {
border:none;
}
/* high res - collapsible cart inactive*/
@media only screen and (min-width: 9999px) {
body.hoverView.nextCartShowing .nextTileProductWrapper .quickViewContent {
z-index:1; /*fix hoverview issue when cc is inactive*/
}
.CCartActive.nextCartShowing #nextCartMask {
display:none !important;
}
.CCartActive .nextCartWrapper {
display:block !important;
}
.CCartActive #responsiveUtilityWrapper,
.CCartActive #closeCart,
.CCartActive #cartUtilityWrap .nextCartTrigger {
display:none;
}
.CCartActive #cartUtilityWrap {
padding-bottom:5px;
min-height:28px;
}
.CCartActive #checkoutBtnPlaceholder {
margin-top:5px;
display:none;
}
/***** ..POPUP CSS OVERRIDE 2.3 ******/
body:not(.oms) .modal:not(.nextEnterShipToPopup):not(.nextNotifyInstockPopup):not(.nextRedeemGiftCertificatePopup):not(.nextCreditCardPopup), body:not(.oms) div.margin:not(.nextAddressBookPopup):not(.nextPriceDetailsPopup), body:not(.oms) .nextCartPolicies div.margin, body:not(.oms) .nextPrivacyPolicyPopup {
/*top:250px !important;*/
}
}
/* low res - collapsible cart active*/
@media only screen and (max-width: 9999px) {
body.CCartActive {
padding-top:29px;
}
body.CCartActive.nocart {
padding-top:0;
}
.CCartActive #responsiveUtilityWrapper {
background:#777;
text-align:right;
position:fixed;
z-index:1010;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display:block;
padding:3px 0;
top:0;
left:0;
line-height:1;
}
body.CCartActive.nocart #responsiveUtilityWrapper {
display:none;
}
.CCartActive td.cart{
width:0;
min-width:0;
}
.CCartActive .nextCartWrapper {
z-index:1000;
position: absolute;
top: 20px;
left: 50%;
width: 400px;
margin-left: -200px;
display:none;
}
.CCartActive td.cart #cartUtilityWrap {
display:none;
}
.CCartActive #cartUtilityWrap {
padding:0;
}
.CCartActive .nextUtilityParent > span {
color:#FFF;
}
.CCartActive #cartUtilityWrap > ul {
float:right;
}
.CCartActive.nextNotLoggedIn #cartUtilityWrap > ul > li:first-child {
float:right;
margin-top:0;
margin-left:10px;
}
.CCartActive.nextCartShowing #nextCartMask {
display:block;
}
.CCartActive #closeCart {
background: url("//cdn.nexternal.com/common/images/bg_closeX_3.png") no-repeat scroll 0 50% transparent;
font-size:0;
font-weight: bold;
height: 39px;
width: 39px;
line-height: 0;
position: absolute;
right: -19px;
text-align: center;
text-indent: -9999px;
top: -19px;
cursor:pointer;
display:block;
}
.CCartActive .cart #cartFooter {
background:#FFFFFF;
border-radius: 5px;
overflow: hidden;
}
.CCartActive #cartUtilityWrap li.nextUtilityParent {
background-image: url("//cdn.nexternal.com/common/images/utilityDownArrowWhite.png");
}
}
/***** end collapsible cart *****/
/*----------------------------------------------------------------
..DARKK - styles for dark bg stores
------------------------------------------------------------------*/
/*
#aspnetForm {
background:#000;
}
body .nextProductDetailTabbed h1.nextProdName, body .modal tr.banner1, body div.margin tr.banner1 {
color:#FFF;
}
.nextTileProductBanner tr.banner1 td, .nextSubcategoriesBanner tr.banner1 td, tr.bannerStoreFront td, .nextNoProductsBanner td, .nextRelatedProducts .nextAppendHeader, .main .banner1 h1.nextBannerText {
color:#FFF;
}
.tab .ajax__tab_outer {
background:#333;
border-color: #666;
border-bottom:1px solid #666;
}
.tab .ajax__tab_outer span {
color: #FFF;
}
.tab .ajax__tab_outer:hover span {
color: #FFF;
}
.tab .ajax__tab_outer:hover {
background:#666;
}
.tab .ajax__tab_active .ajax__tab_outer {
background:#000;
border-color: #666;
border-bottom:1px solid #000;
}
.tab .ajax__tab_active .ajax__tab_outer span {
color:#FFF
}
.tab .ajax__tab_active .ajax__tab_outer:hover span {
color:#FFF
}
.tab .ajax__tab_body {
background:#000;
border-top:1px solid #666;
border-bottom:1px solid #666;
}
.modal,
.margin,
.margin td,
div.main{
background:#222;
color:#FFF;
}
body #cartUtilityWrap ul ul {
background:#222;
}
body #cartUtilityWrap li li a:hover,
body #cartUtilityWrap li li span:hover {
background:#444;
}
#progress {
background:none;
}
body .pagination ul > li > a, body .pagination ul > li > span {
background:#444;
}
.nextInvoice .nextCartSubtotal td:nth-child(2),
.nextInvoice .nextCartSubtotal td:nth-child(3) {
background:#EEE;
background:rgba(255,255,255, .03);
}
.nextInvoice .nextCartSubtotal {
background:none;
}
.nextInvoice .nextCartCategoryDiscount {
background:rgba(255,255,255, .05);
}
.nextInvoice .nextOrderDiscount {
background:rgba(255,255,255, .06);
}
.nextInvoice .nextCustomerDiscount {
background:rgba(255,255,255, .07);
}
.nextInvoice .nextCouponDiscount {
background:rgba(255,255,255, .08);
}
.nextInvoice .nextSalesTax {
background:rgba(255,255,255, .1);
}
.nextInvoice .nextShipping {
background:rgba(255,255,255, .15);
}
.nextInvoice .nextCartTotal td {
background:rgba(255,255,255, .3);
color:#FFF;
}
.nextUtilityParent {
color:#FFF;
}
.nextUtilityParent a,
.nextUtilityParent a:hover {
color:#FFF;
}
.cartFooterBox {
color:#999;
border-top:1px solid #666;
}
.nextPrice {
color:#FFF;
}
body .pagination {
border-bottom: 1px dotted #666;
border-top: 1px dotted #666;
}
body .nextSharingTools h3, body .nextAttributes h3 {
color:#FFF;
}
*/
/*----------------------------------------------------------------
..VIDEOS
------------------------------------------------------------------*/
body .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top:30px;
}
body .video-container iframe, body .video-container object, body .video-container embed {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*--------------------------------
..Slider Custom Styles
---------------------------------*/
/*
#pnlPersistentCategory42,
#nav li.cat42,
#storefrontWrap li.cat42 {
display:none;
}
*/
/*----------------------------------------------------------------
..RENDERSTOREFRONT.JS Custom Styles
------------------------------------------------------------------*/
/*
#storefrontWrap li.tile {
width:16.6%;
padding:0 1.5% 2%;
}
*/
/*----------------------------------------------------------------
..NAV.JS Custom Styles
------------------------------------------------------------------*/
/*
#nav{
font-family: inherit;
}
*/
/*----------------------------------------------------------------
..Edit Pending Order
------------------------------------------------------------------*/
.editPendingOrder .nextCartAddendum,
.editPendingOrder.nextClubCustomerType #memberSavings {
display:none;
}
/* removed 11/6/2018 - gift certificates now can be used on pending orders.
.editPendingOrder .nextCartEnterGiftCert {
display:none;
}
*/
.nextCartPendingEdit {
margin:0 0 17px;
text-align:left;
padding:0 5px;
}
.editPendingOrder input#btnCheckOutBottom {
margin-bottom:10px;
}
/*----------------------------------------------------------------
..saleStickers (activate via JS)
------------------------------------------------------------------*/
.nextProductList .onSale.nextProductWrapper,
.onSale .nextMainImage {
position:relative;
}
.nextProductList .onSale.nextProductWrapper:after,
.onSale .nextMainImage:after {
content:"Sale!";
position:absolute;
left:8px;
top:8px;
text-transform:uppercase;
opacity:.95;
background:#d26e4b;
width:55px;
height:55px;
line-height:55px;
border-radius:999px;
font-size:16px;
color:#ffffff;
font-weight:bold;
text-align:center;
}
@media only screen and (min-width: 1025px) {
.onSale .nextMainImage:after {
width:90px;
height:90px;
line-height:90px;
font-size:28px;
}
}
/*----------------------------------------------------------------
..tabMotion (requires tabMotion.js
------------------------------------------------------------------*/
.tabMotion td.nextMainImageWrap {
width:50%;
}
.hiddenTab {
display:none;
}
/*reveiws and questions*/
#tabMotion #reviewsQuestionsWrap {
margin:20px 0 20px;
font-size:12px;
}
#tabMotion #reviewsQuestionsWrap * {
vertical-align:bottom;
}
#tabMotion .questionsDiv {
font-size:0;
}
#tabMotion .questionsDiv p {
font-size:15px;
}
#tabMotion .nextRatingIcons {
padding-right:11px;
}
#tabMotion #reviewsQuestionsWrap .pipe {
display:inline-block;
padding:0 7px;
margin:0;
color:#aaadb1;
}
#tabMotion #readReviews,
#tabMotion .nextSubmitReviewLink,
#tabMotion #readQuestions,
#tabMotion #reviewsQuestionsWrap a {
display:inine-block;
cursor:pointer;
white-space:nowrap;
}
#tabMotion .reviewSpacer {
line-height:8px;
}
#tabMotion #reviewContent,
#tabMotion #questionContent {
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
margin:0 0 20px;
position:relative;
}
#tabMotion #reviewToggle,
#tabMotion #questionToggle {
top:5px;
right:0;
cursor:pointer;
position:absolute;
}
#tabMotion #reviewToggle:after,
#tabMotion #questionToggle:after {
content:"\00d7";
display:inline-block;
font:normal normal normal 20px/1 arial;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translate(0, 0);
color:#888;
}
#tabMotion #reviewContent .nextRatingIcons {
float:left;
}
#tabMotion #reviewContent .nextRatingIcons > img {
vertical-align: top;
width:16px;
}
#tabMotion #reviewContent > div {
padding-bottom:10px;
border-bottom:1px dotted #ccc;
}
#tabMotion #questionContent {
padding-top:10px;
}
@media only screen and (max-width: 1362px) {
#tabMotion #reviewsQuestionsWrap {
min-width:263px;
}
#tabMotion .nextRatingIcons {
display:block;
margin-bottom:5px;
}
}
#tabMotion .nextReviewsQuestions2 > p {
padding:0;
margin:7px 0;
}
#tabMotion .nextReviewsQuestions2 > p:nth-child(even) {
padding:0 0 10px;
margin:0 0 10px;
border-bottom:1px dotted #ccc;
}
#tabMotion .nextReviewsQuestions2 > p:last-of-type {
border-bottom:none;
padding:0;
}
/*end reviews and questions*/
/*long description*/
#tabMotion .nextLongDescription {
margin: 20px 0 10px;
}
/*specifications*/
body.tabMotionSpecs #tdSpecifications {
display:none;
}
#tabMotion .nextSpecifications {
border-spacing:0;
}
#tabMotion .nextSpecifications td {
font-weight:normal !important;
font-size:13px;
padding:3px 0 3px 10px;
text-align:left;
}
#tabMotion .nextSpecifications > tbody > tr > td:nth-child(1) {
text-transform:uppercase;
padding-left:6px;
}
/*headings*/
.tabMotion .nextSharingTools h3,
.tabMotion .nextAttributes h3,
#tabMotion h3.contentHeading {
border-bottom: 1px solid #ccc;
color: #333;
font-size:18px;
font-weight: normal;
margin: 40px 0 15px;
font-family: Georgia, "Times New Roman", Times, serif;
}
.tabMotion .nextSharingTools h3 {
margin-bottom:0;
}
/*attributes*/
.tabMotion .nextAttributes {
}
.tabMotion .nextAttributes table {
border-spacing:0;
}
.tabMotion .nextAttributes td {
padding-left:0;
}
/*custom fields*/
#tabMotion .nextProductDetailTabbedTable {
border-top:none;
margin:0;
}
/*price*/
#tabMotion .nextPrice {
margin-bottom:0;
/*font-size:0;*/
padding:0;
}
#tabMotion .nextPrice span {
font-size:18px;
}
/*short description*/
#tabMotion .nextShortDesc {
margin:20px 0 0;
padding-top:0;
}
/*h1*/
body.tabMotion .nextProductDetailTabbed h1.nextProdName {
margin-bottom:10px;
}
/*status*/
#tabMotion #statusWrap .status {
margin-top:4px;
min-height:1em;
}
/*atc*/
.tabMotion .nextAddToCart {
padding:0;
margin:30px 0 0;
}
/*visibility*/
#tabMotion .nextVisibility {
margin:5px 0 0;
}
/*interal store*/
.oms #tabMotion #reviewsQuestionsWrap .pipe.beforeAskQ,
.oms #tabMotion #reviewsQuestionsWrap .pipe.forReviews {
display:none;
}
/*hide empty tabber*/
.nextProductDetailBottom.allTabsMoved {
display:none;
}
/*price details*/
.tabMotionPriceDetails .nextDetailsTabTable #tblBannerHeader {
display:none;
}
.tabMotionPriceDetails .nextDetailsTabTable .banner2 {
background: none;
color: inherit;
}
.tabMotionPriceDetails .nextPriceListTable {
width:auto !important;
}
.tabMotionPriceDetails .nextPriceListTable td{
padding:0 35px 3px 0;
}
.tabMotionPriceDetails #tdPriceDetails > span{
padding-top:0;
}
/*----------------------------------------------------------------
..discount label customization for category discounts and
customer type discoutns that display as line items in the cart
------------------------------------------------------------------*/
/*
td.cart .nextCustomerDiscount > td:nth-child(2),
.nextInvoice .nextCustomerDiscount > td:nth-child(1){
font-size:0;
}
td.cart .nextCustomerDiscount > td:nth-child(2):after,
.nextInvoice .nextCustomerDiscount > td:nth-child(1):after{
content: "Club Membeer Discount - 20% off all wine";
font-size:100%;
}
td.cart .nextCartCategoryDiscount > td:nth-child(2),
td.cart .nextCartCategoryDiscount > td:nth-child(2) span,
.nextInvoice .nextCartCategoryDiscount > td:nth-child(1),
.nextInvoice .nextCartCategoryDiscount > td:nth-child(1) span{
font-size:0;
}
td.cart .nextCartCategoryDiscount > td:nth-child(2):after,
.nextInvoice .nextCartCategoryDiscount > td:nth-child(1):after{
content: "Case Discount - 15% off 12 or more bottles";
font-size:100%;
}
*/
/*----------------------------------------------------------------
..increment/decrement styling
------------------------------------------------------------------*/
/*
.main .nextATCPlusMinus,
.nextAddToCartQuantity input,
.nextExpressOrderRow input,
.nextExpressOrderAlternateRow input,
.nextExpressOrderQuantity > span > * {
border: 1px solid #e3e3e3;
height: 41px;
padding: 7px 10px 8px;
font-size:16px;
border-radius:0;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:auto;
line-height:23px;
vertical-align:top;
margin:5px 0 0;
text-align:center;
min-width: 30px;
}
.nextAddToCartQuantity .nextATCPlusMinus:nth-child(1),
.nextExpressOrderQuantity > span > .nextATCPlusMinus:nth-child(1),
.nextExpressOrderRow span > .nextATCPlusMinus:nth-child(1),
.nextExpressOrderAlternateRow span > .nextATCPlusMinus:nth-child(1) {
border-right:none;
}
.nextAddToCartQuantity .nextATCPlusMinus:nth-of-type(2),
.nextExpressOrderQuantity > span > .nextATCPlusMinus:nth-of-type(2),
.nextExpressOrderRow span > .nextATCPlusMinus:nth-of-type(2),
.nextExpressOrderAlternateRow span > .nextATCPlusMinus:nth-of-type(2) {
border-left:none;
}
.nextAddToCartQuantity {
vertical-align:top;
}
.nextAddToCartQuantity input {
min-width:45px;
}
.cart .nextCartLogin.nextHTMLButton {
padding: 3px 9px;
}
*/
/*----------------------------------------------------------------
..elegantCart 3.0
------------------------------------------------------------------*/
.elegantCart .nextUtility1,
.elegantCart .nextUtility2,
.elegantCart .nextUtility3 {
display:none !important;
}
.elegantCart .cart .nextCartLogin.nextHTMLButton,
.elegantCart .cart #cartUtilityWrap a.nextHTMLButton {
padding: 3px 9px;
}
.elegantCart .cart #cartUtilityWrap {
float:right;
width:auto;
}
.elegantCart #nextCartHeading {
float:left;
color:#000;
padding:0;
margin:0 10px 0 0;
background:none;
}
.elegantCart .nextCartData {
clear:both;
}
.elegantCart.nextNotLoggedIn #cartUtilityWrap li.logoutLink {
display:none;
}
.elegantCart.CCartActive #cartUtilityWrap > ul li {
margin:0;
}
.elegantCart.CCartActive .cart #cartUtilityWrap > ul li {
margin-top:-2px;
}
.elegantCart.CCartActive.nextNotLoggedIn #cartUtilityWrap > ul > li:first-child {
margin-left:0;
}
.elegantCart .nextCartData {
background:none;
box-shadow:none;
padding:0;
margin:20px 0 0;
border-radius:0;
}
.elegantCart .nextCartEmpty {
padding:20px 0 10px;
text-align:left;
font-size:1.1rem;
}
.elegantCart .nextNoApplicationCoupon {
text-align: left;
margin-bottom: 40px;
}
.elegantCart a.nextCartDetermineSTP,
.elegantCart a.nextCartEditSTP,
.elegantCart .nextGiftMessageWrap div > a,
.elegantCart .nextCartBottomButtons > a,
.elegantCart a.nextEnterGiftCert,
.elegantCart a.nextEnterCoupon,
.elegantCart #memberSavings {
margin:0 0 3px;
}
.elegantCart.ccModeOn .nextCartWrapper {
background: #fff;
padding: 10px 8px 5px;
}
.elegantCart .nextCartAddendum {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: darkred;
font-style: italic;
margin: 0 0 20px;
padding: 0;
}
.elegantCart .nextShoppingCart {
margin:8px 0 20px;
border:none;
border-radius:0;
}
.elegantCart .nextCartProducts td.nextCartShipTo {
background:none;
color:#333;
border-radius:0;
}
.elegantCart .nextCartTotal td {
background:none;
color:#000;
border-top:1px solid #666;
}
.elegantCart .nextInvoice .nextCartTotal td {
border-top:none;
}
.elegantCart .nextCartSubtotal,
.elegantCart .nextInvoice .nextCartSubtotal td:nth-child(2),
.elegantCart .nextInvoice .nextCartSubtotal td:nth-child(3),
.elegantCart .nextCartCategoryDiscount,
.elegantCart .nextOrderDiscount,
.elegantCart .nextCustomerDiscount,
.elegantCart .nextCouponDiscount,
.elegantCart .nextSalesTax,
.elegantCart .nextShipping {
background:none;
color:#333;
}
.elegantCart .nextCartProducts td.nextCartShipTo {
padding:8px 0;
}
.elegantCart .nextCheckOutButtonBottomWrapper {
padding:20px 0 14px;
}
.elegantCart .nextCartWrapper {
min-width:280px;
}
.elegantCart.oms .nextCartTop {
clear: both;
padding: 0;
margin: 0;
}
.elegantCart #cartUtilityWrap .nextHTMLButton {
margin:0 0 0 5px;
}
.elegantCart .nextCartCurrency {
margin:0 0 30px 0;
}
.elegantCart .cartFooterBox {
padding-left:0;
padding-right:0;
}
.elegantCartFooterBox {
padding-top:0;
padding-bottom: 0;
border:none;
margin:0 0 5px;
}
.elegantCartFooterBox .footerLabel {
padding: 0 5px 0 0;
}
.elegantCart #cartFooter,
.elegantCart #cartFooter p,
.elegantCart .cartFooterBox{
font-size:.8rem;
}
.elegantCart #cartFooter h3 {
font-size: 1rem;
}
.elegantCartFooterBox a {
display: inline-block;
margin: 0 15px 0 0;
}
.elegantCart .nextPoweredBy {
text-align:left;
margin:20px 0 10px;
color:#999;
}
.addedByElegantCart.nextCartFooter {
margin-top:30px;
}
.elegantCart .nextPoweredBy {
border: none;
}
.elegantCart .nativeCartFooter .nextPoweredBy{
border-top:1px solid #ccc;
padding-top:20px;
}
.elegantCart .nativeCartFooter .elegantCartFooterWrap{
border-top:1px solid #ccc;
padding-top:20px;
}
.elegantCart #closeCart {
background: none;
top: 5px;
right: 2px;
color: #999;
text-indent: 0;
z-index: 99999;
line-height: 1;
font-size: 28px;
font-weight: normal;
}
/*..end elegantCart*/
/*----------------------------------------------------------------
..hoverView
------------------------------------------------------------------*/
.hoverView input.nextHTMLButton, .hoverView a.nextHTMLButton, .hoverView a.nextAddEditButton {
box-sizing: border-box;
}
body.hoverView .fluidContainer .nextProductWrapper, body.hoverView .nextAllocation, body.hoverView .nextProductList .nextStatus, body.hoverView .nextProductList .nextInventory, body.hoverView .relatedWrap {
text-align: center;
}
.hoverView .fluidContainer .nextProductWrapper {
margin-bottom: 40px;
}
.hoverView .tileContent {
padding-bottom: 0;
}
body.hoverView input.nextHTMLButton.nextATCButton {
margin: 0;
}
.hoverView td.nextAddToCartButton {
padding-left: 6px;
}
.hoverView a.nextProdName {
font-size: 1.1rem;
font-weight: 700;;
}
.hoverView a.nextProdName,
.hoverView .nextPrice {
font-size: 1.1rem;
}
.hoverView .nextPrice b {
font-weight: 300;
}
.hoverView .nextTileProductWrapper {
position: relative;
transition: 400ms all;
}
.hoverView .quickViewContent > * {
margin: 10px 0 0;
}
@media only screen and (max-width: 1023px) {
.hoverView .fluidContainer .nextProductWrapper {
padding-bottom: 20px;
}
}
.hoverView .nextTileProductWrapper .quickViewContent {
padding: 0 15px;
}
@media only screen and (min-width: 1024px) {
.hoverView .nextTileProductWrapper:hover {
box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.11);
}
.hoverView .nextTileProductWrapper .quickViewContent {
position: absolute;
top: 100%;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 1;
background: #ffffff;
transition: 400ms all;
box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.11);
padding-bottom: 15px;
}
.hoverView .nextTileProductWrapper:hover .quickViewContent {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
.hoverView .nextSOButton {
display: block;
width: 100%;
box-sizing: border-box;
}
.hoverView .nextAddToCart {
margin-top: 20px;
}
.hoverView .nextAddToCartTable {
margin: 10px 0 0;
width: 100%;
}
.hoverView input.nextHTMLButton.nextATCButton {
width: 100%;
margin: 5px 0 0;
}
.hoverView .nextAddToCartQuantity {
width: 1px;
padding-right:0;
}
.hoverView .nextStatus, .hoverView .nextInventory {
text-transform: lowercase;
}
.hoverView .nextInventory {
margin-top: 0;
}
.hoverView a.nextHTMLButton.detailsLink {
width: 100%;
display: block;
clear: both;
text-align: center;
background: #999;
margin: 10px 0 0;
color: #FFF;
border-color: #999;
border: none;
}
.hoverView a.nextHTMLButton.detailsLink:hover {
background: #777;
}
/*end hoverView*/
/*----------------------------------------------------------------
..elegantSelect
------------------------------------------------------------------*/
/*
select {
padding: 0.25rem;
padding-right: 1.5rem;
font-size: .875rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #cacaca;
-webkit-border-radius: 0;
border-radius: 0;
background-color: #FFF;
font-family: inherit;
font-weight: 300;
background-image: url("data:image/svg+xml;utf8,");
-webkit-background-origin: content-box;
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
-webkit-background-size: 9px 6px;
background-size: 9px 6px;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
select {
padding-right: .25em;
}
}
*/
/*end elegantSelect*/
/*----------------------------------------------------------------
..Font Override
------------------------------------------------------------------*/
.main,
.cart,
.persist {
font-family: inherit;
line-height: 1.3;
}
#nextCartHeading,
#cartFooter h3,
.nextCartFooter h3,
.persist h4,
.nextProductDetailTabbed h1.nextProdName,
.nextProductDetailTabbed .nextPrice,
.nextSharingTools h3,
.nextAttributes h3,
body #tcTabs_header,
body .nextProductDetailTabbed h1.nextProdName,
body .modal tr.banner1,
body div.margin tr.banner1,
.main .banner1,
.main .banner2,
.nextTileProductBanner tr.banner1 td,
.nextSubcategoriesBanner tr.banner1 td,
tr.bannerStoreFront td,
.nextNoProductsBanner td,
.nextRelatedProducts .nextAppendHeader,
.main .banner1 h1.nextBannerText,
.nextPolicies tr.banner1 td,
#progress h3,
.tabMotion .nextSharingTools h3,
.tabMotion .nextAttributes h3,
#tabMotion h3.contentHeading {
font-family:soleil,sans-serif; /*headings font*/
}
.main,
/*
.margin,
.modal,
*/
body div.modal,
body div.margin,
.cart,
.persist,
.font1,
.font2,
.main .banner1,
/*.main .banner1 h1.nextBannerText,*/
.main .banner2,
.cart .banner1,
.persist .banner1,
.margin .banner1,
.modal .banner1,
.margin .banner2,
.modal .banner2,
.nextCategory .nextCatName,
.nextProduct,
.nextAdvancedSearch,
.nextUndoSearch,
.nextProductDetailTop,
.nextProductDetailStacked .nextProdName,
.nextExpressOrderProducts .nextProdName,
.nextLongDescription,
.nextArticleSearchDescription,
.nextArticleSearchLink,
.nextCartTop,
.nextShoppingCart,
.nextRegisterHeader,
.nextPasswordTextCell,
.nextTrusteeTextCell,
.nextLargeTextLink,
.nextCategoryDisplay .nextCatName,
.nextAttributes,
.nextExpressOrderAttributes,
.nextAppendHeader,
.nextCartEmpty,
.nextCartTotal td,
#cartFooter p,
.nextCartFooter p,
#cartShippingInfo p,
.nextPersistentCategory.nextTopCategory a,
.nextPersistentCategory .nextTopCategory a,
#ui-id-1,
.nextSortBy,
.nextSingleLinePrevNext a.disguise,
.addCaseMessage,
#tabMotion #reviewsQuestionsWrap,
#tabMotion .questionsDiv p,
#tabMotion .nextSpecifications td,
.main a.nextCatName,
body #clubLogin h3,
.tab .ajax__tab_outer
{
font-size: 1rem;
}
.nextCartProducts,
.cart .nextCartTotal td,
.nextCartAddendum,
.nextTileProductWrapper,
a.nextProdName,
.nextCartLoyaltyRedemption,
.nextPersistentCategory a
{
font-size: .9rem;
}
.font1small,
.font2small,
.labelSubText,
.nextStatus,
.nextSKUOptions,
/*.nextSearchStatement,*/
.nextArticleSearchStatement,
.nextCatDisc,
.nextCatDiscText,
.nextMultiLinePrevNext,
.nextSKUShipText,
.nextSharingDiscountLimit,
.nextMisCustomer,
.nextCartPolicy,
.nextCartCurrency,
.nextCartProdSavings,
.nextViewCoupon,
.nextRemoveCoupon,
.nextRemoveGiftCert,
.nextRemoveGiftCard,
.nextCartCalculator,
.nextCartSmallButton,
.nextPoweredBy,
.nextShippingDisclaimer td,
.nextNewCustomerCancel,
.nextNoApplicationCoupon,
.nextEmptyCartGiftCert,
.nextEmptyCartGiftCard,
/*.nextCartLoyaltyRedemption,*/
.nextProductList .nextShipToSelect select,
.nextProductList .nextShipToSelect option,
a.nextCartDetermineSTP,
a.nextCartEditSTP,
.nextGiftMessageWrap div>a,
.nextCartBottomButtons > a,
a.nextEnterGiftCert,
a.nextEnterCoupon,
#memberSavings,
a.nextEnterGiftCard,
body #cartUtilityWrap,
.nextInvoice a.nextEnterGiftCert,
.nextInvoice a.nextEnterCoupon,
.nextInvoice a.nextEnterGiftCard,
.nextShipToSelect label,
.nextPickupSelect label,
.nextPriceDetailsLink,
body .pagination,
body td.main #threadWrapper,
#progressContinueShopping,
#progress ul li,
#progress ul li span,
.nextSubscriptionLabel
{
font-size: .8rem;
}
.font1large,
.font2large,
.nextSoldOut,
.nextProductDetailTabbed .nextProdName,
/*.nextProductDetailTabbed .nextPrice,*/
body .nextProductDetailTabbed .nextPrice,
.nextNewCustomerLink,
.nextExpressOrderTotals,
.nextArticleSearchTitle,
#nextCartHeading,
#cartFooter h3,
.persist h4,
.nextSearchStatement,
body .nextSharingTools h3,
body .nextAttributes h3,
.tabMotion .nextSharingTools h3,
.tabMotion .nextAttributes h3,
#tabMotion h3.contentHeading,
#tabMotion .nextPrice span
{
font-size: 1.2rem;
}
.nextTileProductBanner tr.banner1 td,
.nextSubcategoriesBanner tr.banner1 td,
tr.bannerStoreFront td,
.nextNoProductsBanner td,
.nextRelatedProducts .nextAppendHeader,
.main .banner1 h1.nextBannerText,
.nextPolicies tr.banner1 td,
#progress h3,
body .nextProductDetailTabbed h1.nextProdName,
body .modal tr.banner1,
body div.margin tr.banner1
{
font-size: 1.6rem;
text-transform: uppercase;
}
/*----------------------------------------------------------------
..UNIQUE STYLES FOR THIS STORE
------------------------------------------------------------------*/
body.btoc .nextStoreFrontBanner,
body.btob .nextStoreFrontBanner {
display:none;
}
/* Vanillabean moves the category banner by default. Hide it in its original location so it doesn't appear then when sort by or filter are used */
.nextTileProductBanner ~ div.nextProductListWrapper .nextTileProductBanner,
.nextSubcategoriesBanner ~ div.nextProductListWrapper .nextSubcategoriesBanner{
display:none;
}
/*hide pickup*/
/*
.nextPickupRow {
display:none;
}
.oms .nextPickupRow {
display: table-row;
}
*/
.account #trBottom,
.checkout #trBottom {
/*display:none;*/
}
/*
td.main,
td.persist,
td.cart {
background: none;
}
*/
.prodName {
font-size: .5em;
}
/* ..HELLO */
/*----------------------------------------------------------------
..RESPONSIVE STORE
------------------------------------------------------------------*/
.nextCurrentCategorySearch {
/*display:none;*/
margin-bottom:25px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
/*td.persist {
display:none;
}
.nextCurrentCategorySearch {
display:table;
}
#searchField2 {
display:block;
}*/
}
@media only screen and (max-width: 1024px) {
td.main {
padding:0 10px;
}
.nextStoreFront #threadWrapper {
display:block;
}
.nextProductSpacer div {
width:10px;
}
#aspnetForm {
padding-left:5px;
padding-right:5px;
}
}
/*vanillabean124*/
/*----------------------------------------------------------------
..GLOBAL
------------------------------------------------------------------*/
body, body.master {
font-family:soleil,sans-serif;
font-size:14px;
line-height:1.375;
margin:0;
}
.ui-autocomplete {font-size:12px;}
.nextAdvancedSearch a {font-size:11px;}
img {border:0;}
a {
color:#43bcee;
text-decoration:none;
transition: color 0.1s ease-in, background-color 0.1s ease-in
}
a:hover {
color:#139ad2;
}
.clearfix:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
*display:auto; /*for IE7 */
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]):not([type=button]) {
padding:7px 8px;
border:1px solid #CCC;
border-radius:0;
}
label {
padding-right:5px;
}
input::-moz-focus-inner{
border: 0;
padding: 0;
}
/*----------------------------------------------------------------
..TOP HTML
------------------------------------------------------------------*/
/* theme.css */
.borderingHTML label {
margin-bottom:13px;
margin-top:24px;
}
@media only screen and (max-width: 480px) {
.grid--rev,
.site-footer__newsletter-label,
.site-footer__section-title {
text-align: center !important
}
.grid--rev .grid__item {
padding-left: 0 !important
}
.footer-logo img {
margin-left: 0 !important
}
.product-single__description {
margin: auto;
max-width: 340px
}
.related-products .product-card__name {
font-size: 12px !important
}
.site-header__cart {
display: block !important;
top: -2px !important;
z-index: 100 !important;
right: 10px !important;
float: left !important;
position: absolute !important;
line-height: 20px !important
}
}
@media only screen and (min-width: 481px) and (max-width: 750px) {
.product-single__description {
margin: auto;
max-width: 500px
}
.product-single__photo img {
max-height: 500px !important
}
.site-header__cart {
display: block !important;
top: -2px !important;
z-index: 100 !important;
right: 10px !important;
float: left !important;
position: absolute !important;
line-height: 20px !important
}
}
.borderingHTML input,
.borderingHTML textarea,
.borderingHTML select {
border: 1px solid #fff;
border-radius: 0;
max-width: 100%
}
.borderingHTML input:focus,
.borderingHTML textarea:focus,
.borderingHTML select:focus {
border-color: #e6e6e6
}
.borderingHTML input, .borderingHTML textarea {
padding: 13px 15px;
padding-right: 15px;
padding-left: 15px;
}
button {
font-size: 14px;
font-family: soleil;
color: #000;
line-height: 1.375;
}
.grid {
*zoom: 1
}
.grid:after {
content: '';
display: table;
clear: both
}
.grid {
list-style: none;
margin: 0;
padding: 0;
margin-left: -20px
}
.grid__item {
float: left;
padding-left: 20px;
width: 100%
}
.grid__item[class*="--push"] {
position: relative
}
.grid--rev {
direction: rtl;
text-align: left
}
.grid--rev>.grid__item {
direction: ltr;
text-align: left;
float: right
}
.one-whole {
width: 100%
}
.one-half {
width: 50%
}
.one-third {
width: 33.33333%
}
.two-thirds {
width: 66.66667%
}
.one-quarter {
width: 25%
}
.two-quarters {
width: 50%
}
.three-quarters {
width: 75%
}
.one-fifth {
width: 20%
}
.two-fifths {
width: 40%
}
.three-fifths {
width: 60%
}
.four-fifths {
width: 80%
}
.one-sixth {
width: 16.66667%
}
.two-sixths {
width: 33.33333%
}
.three-sixths {
width: 50%
}
.four-sixths {
width: 66.66667%
}
.five-sixths {
width: 83.33333%
}
.one-eighth {
width: 12.5%
}
.two-eighths {
width: 25%
}
.three-eighths {
width: 37.5%
}
.four-eighths {
width: 50%
}
.five-eighths {
width: 62.5%
}
.six-eighths {
width: 75%
}
.seven-eighths {
width: 87.5%
}
.one-tenth {
width: 10%
}
.two-tenths {
width: 20%
}
.three-tenths {
width: 30%
}
.four-tenths {
width: 40%
}
.five-tenths {
width: 50%
}
.six-tenths {
width: 60%
}
.seven-tenths {
width: 70%
}
.eight-tenths {
width: 80%
}
.nine-tenths {
width: 90%
}
.one-twelfth {
width: 8.33333%
}
.two-twelfths {
width: 16.66667%
}
.three-twelfths {
width: 25%
}
.four-twelfths {
width: 33.33333%
}
.five-twelfths {
width: 41.66667%
}
.six-twelfths {
width: 50%
}
.seven-twelfths {
width: 58.33333%
}
.eight-twelfths {
width: 66.66667%
}
.nine-twelfths {
width: 75%
}
.ten-twelfths {
width: 83.33333%
}
.eleven-twelfths {
width: 91.66667%
}
.show {
display: block !important
}
.hide {
display: none !important
}
.text-left {
text-align: left !important
}
.text-right {
text-align: right !important
}
.text-center {
text-align: center !important
}
@media only screen and (max-width: 749px) {
.small--one-whole {
width: 100%
}
.small--one-half {
width: 50%
}
.small--one-third {
width: 33.33333%
}
.small--two-thirds {
width: 66.66667%
}
.small--one-quarter {
width: 25%
}
.small--two-quarters {
width: 50%
}
.small--three-quarters {
width: 75%
}
.small--one-fifth {
width: 20%
}
.small--two-fifths {
width: 40%
}
.small--three-fifths {
width: 60%
}
.small--four-fifths {
width: 80%
}
.small--one-sixth {
width: 16.66667%
}
.small--two-sixths {
width: 33.33333%
}
.small--three-sixths {
width: 50%
}
.small--four-sixths {
width: 66.66667%
}
.small--five-sixths {
width: 83.33333%
}
.small--one-eighth {
width: 12.5%
}
.small--two-eighths {
width: 25%
}
.small--three-eighths {
width: 37.5%
}
.small--four-eighths {
width: 50%
}
.small--five-eighths {
width: 62.5%
}
.small--six-eighths {
width: 75%
}
.small--seven-eighths {
width: 87.5%
}
.small--one-tenth {
width: 10%
}
.small--two-tenths {
width: 20%
}
.small--three-tenths {
width: 30%
}
.small--four-tenths {
width: 40%
}
.small--five-tenths {
width: 50%
}
.small--six-tenths {
width: 60%
}
.small--seven-tenths {
width: 70%
}
.small--eight-tenths {
width: 80%
}
.small--nine-tenths {
width: 90%
}
.small--one-twelfth {
width: 8.33333%
}
.small--two-twelfths {
width: 16.66667%
}
.small--three-twelfths {
width: 25%
}
.small--four-twelfths {
width: 33.33333%
}
.small--five-twelfths {
width: 41.66667%
}
.small--six-twelfths {
width: 50%
}
.small--seven-twelfths {
width: 58.33333%
}
.small--eight-twelfths {
width: 66.66667%
}
.small--nine-twelfths {
width: 75%
}
.small--ten-twelfths {
width: 83.33333%
}
.small--eleven-twelfths {
width: 91.66667%
}
.grid--uniform .small--one-half:nth-child(2n+1),
.grid--uniform .small--one-third:nth-child(3n+1),
.grid--uniform .small--one-quarter:nth-child(4n+1),
.grid--uniform .small--one-fifth:nth-child(5n+1),
.grid--uniform .small--one-sixth:nth-child(6n+1),
.grid--uniform .small--two-sixths:nth-child(3n+1),
.grid--uniform .small--three-sixths:nth-child(2n+1),
.grid--uniform .small--two-eighths:nth-child(4n+1),
.grid--uniform .small--four-eighths:nth-child(2n+1),
.grid--uniform .small--five-tenths:nth-child(2n+1),
.grid--uniform .small--one-twelfth:nth-child(12n+1),
.grid--uniform .small--two-twelfths:nth-child(6n+1),
.grid--uniform .small--three-twelfths:nth-child(4n+1),
.grid--uniform .small--four-twelfths:nth-child(3n+1),
.grid--uniform .small--six-twelfths:nth-child(2n+1) {
clear: both
}
.small--show {
display: block !important
}
.small--hide {
display: none !important
}
.small--text-left {
text-align: left !important
}
.small--text-right {
text-align: right !important
}
.small--text-center {
text-align: center !important
}
}
@media only screen and (min-width: 750px) {
.medium-up--one-whole {
width: 100%
}
.medium-up--one-half {
width: 50%
}
.medium-up--one-third {
width: 33.33333%
}
.medium-up--two-thirds {
width: 66.66667%
}
.medium-up--one-quarter {
width: 25%
}
.medium-up--two-quarters {
width: 50%
}
.medium-up--three-quarters {
width: 75%
}
.medium-up--one-fifth {
width: 20%
}
.medium-up--two-fifths {
width: 40%
}
.medium-up--three-fifths {
width: 60%
}
.medium-up--four-fifths {
width: 80%
}
.medium-up--one-sixth {
width: 16.66667%
}
.medium-up--two-sixths {
width: 33.33333%
}
.medium-up--three-sixths {
width: 50%
}
.medium-up--four-sixths {
width: 66.66667%
}
.medium-up--five-sixths {
width: 83.33333%
}
.medium-up--one-eighth {
width: 12.5%
}
.medium-up--two-eighths {
width: 25%
}
.medium-up--three-eighths {
width: 37.5%
}
.medium-up--four-eighths {
width: 50%
}
.medium-up--five-eighths {
width: 62.5%
}
.medium-up--six-eighths {
width: 75%
}
.medium-up--seven-eighths {
width: 87.5%
}
.medium-up--one-tenth {
width: 10%
}
.medium-up--two-tenths {
width: 20%
}
.medium-up--three-tenths {
width: 30%
}
.medium-up--four-tenths {
width: 40%
}
.medium-up--five-tenths {
width: 50%
}
.medium-up--six-tenths {
width: 60%
}
.medium-up--seven-tenths {
width: 70%
}
.medium-up--eight-tenths {
width: 80%
}
.medium-up--nine-tenths {
width: 90%
}
.medium-up--one-twelfth {
width: 8.33333%
}
.medium-up--two-twelfths {
width: 16.66667%
}
.medium-up--three-twelfths {
width: 25%
}
.medium-up--four-twelfths {
width: 33.33333%
}
.medium-up--five-twelfths {
width: 41.66667%
}
.medium-up--six-twelfths {
width: 50%
}
.medium-up--seven-twelfths {
width: 58.33333%
}
.medium-up--eight-twelfths {
width: 66.66667%
}
.medium-up--nine-twelfths {
width: 75%
}
.medium-up--ten-twelfths {
width: 83.33333%
}
.medium-up--eleven-twelfths {
width: 91.66667%
}
.grid--uniform .medium-up--one-half:nth-child(2n+1),
.grid--uniform .medium-up--one-third:nth-child(3n+1),
.grid--uniform .medium-up--one-quarter:nth-child(4n+1),
.grid--uniform .medium-up--one-fifth:nth-child(5n+1),
.grid--uniform .medium-up--one-sixth:nth-child(6n+1),
.grid--uniform .medium-up--two-sixths:nth-child(3n+1),
.grid--uniform .medium-up--three-sixths:nth-child(2n+1),
.grid--uniform .medium-up--two-eighths:nth-child(4n+1),
.grid--uniform .medium-up--four-eighths:nth-child(2n+1),
.grid--uniform .medium-up--five-tenths:nth-child(2n+1),
.grid--uniform .medium-up--one-twelfth:nth-child(12n+1),
.grid--uniform .medium-up--two-twelfths:nth-child(6n+1),
.grid--uniform .medium-up--three-twelfths:nth-child(4n+1),
.grid--uniform .medium-up--four-twelfths:nth-child(3n+1),
.grid--uniform .medium-up--six-twelfths:nth-child(2n+1) {
clear: both
}
.medium-up--show {
display: block !important
}
.medium-up--hide {
display: none !important
}
.medium-up--text-left {
text-align: left !important
}
.medium-up--text-right {
text-align: right !important
}
.medium-up--text-center {
text-align: center !important
}
}
@media only screen and (min-width: 990px) {
.large-up--one-whole {
width: 100%
}
.large-up--one-half {
width: 50%
}
.large-up--one-third {
width: 33.33333%
}
.large-up--two-thirds {
width: 66.66667%
}
.large-up--one-quarter {
width: 25%
}
.large-up--two-quarters {
width: 50%
}
.large-up--three-quarters {
width: 75%
}
.large-up--one-fifth {
width: 20%
}
.large-up--two-fifths {
width: 40%
}
.large-up--three-fifths {
width: 60%
}
.large-up--four-fifths {
width: 80%
}
.large-up--one-sixth {
width: 16.66667%
}
.large-up--two-sixths {
width: 33.33333%
}
.large-up--three-sixths {
width: 50%
}
.large-up--four-sixths {
width: 66.66667%
}
.large-up--five-sixths {
width: 83.33333%
}
.large-up--one-eighth {
width: 12.5%
}
.large-up--two-eighths {
width: 25%
}
.large-up--three-eighths {
width: 37.5%
}
.large-up--four-eighths {
width: 50%
}
.large-up--five-eighths {
width: 62.5%
}
.large-up--six-eighths {
width: 75%
}
.large-up--seven-eighths {
width: 87.5%
}
.large-up--one-tenth {
width: 10%
}
.large-up--two-tenths {
width: 20%
}
.large-up--three-tenths {
width: 30%
}
.large-up--four-tenths {
width: 40%
}
.large-up--five-tenths {
width: 50%
}
.large-up--six-tenths {
width: 60%
}
.large-up--seven-tenths {
width: 70%
}
.large-up--eight-tenths {
width: 80%
}
.large-up--nine-tenths {
width: 90%
}
.large-up--one-twelfth {
width: 8.33333%
}
.large-up--two-twelfths {
width: 16.66667%
}
.large-up--three-twelfths {
width: 25%
}
.large-up--four-twelfths {
width: 33.33333%
}
.large-up--five-twelfths {
width: 41.66667%
}
.large-up--six-twelfths {
width: 50%
}
.large-up--seven-twelfths {
width: 58.33333%
}
.large-up--eight-twelfths {
width: 66.66667%
}
.large-up--nine-twelfths {
width: 75%
}
.large-up--ten-twelfths {
width: 83.33333%
}
.large-up--eleven-twelfths {
width: 91.66667%
}
.grid--uniform .large-up--one-half:nth-child(2n+1),
.grid--uniform .large-up--one-third:nth-child(3n+1),
.grid--uniform .large-up--one-quarter:nth-child(4n+1),
.grid--uniform .large-up--one-fifth:nth-child(5n+1),
.grid--uniform .large-up--one-sixth:nth-child(6n+1),
.grid--uniform .large-up--two-sixths:nth-child(3n+1),
.grid--uniform .large-up--three-sixths:nth-child(2n+1),
.grid--uniform .large-up--two-eighths:nth-child(4n+1),
.grid--uniform .large-up--four-eighths:nth-child(2n+1),
.grid--uniform .large-up--five-tenths:nth-child(2n+1),
.grid--uniform .large-up--one-twelfth:nth-child(12n+1),
.grid--uniform .large-up--two-twelfths:nth-child(6n+1),
.grid--uniform .large-up--three-twelfths:nth-child(4n+1),
.grid--uniform .large-up--four-twelfths:nth-child(3n+1),
.grid--uniform .large-up--six-twelfths:nth-child(2n+1) {
clear: both
}
.large-up--show {
display: block !important
}
.large-up--hide {
display: none !important
}
.large-up--text-left {
text-align: left !important
}
.large-up--text-right {
text-align: right !important
}
.large-up--text-center {
text-align: center !important
}
}
@media only screen and (min-width: 750px) {
.medium-up--push-one-half {
left: 50%
}
.medium-up--push-one-third {
left: 33.33333%
}
.medium-up--push-two-thirds {
left: 66.66667%
}
.medium-up--push-one-quarter {
left: 25%
}
.medium-up--push-two-quarters {
left: 50%
}
.medium-up--push-three-quarters {
left: 75%
}
.medium-up--push-one-fifth {
left: 20%
}
.medium-up--push-two-fifths {
left: 40%
}
.medium-up--push-three-fifths {
left: 60%
}
.medium-up--push-four-fifths {
left: 80%
}
.medium-up--push-one-sixth {
left: 16.66667%
}
.medium-up--push-two-sixths {
left: 33.33333%
}
.medium-up--push-three-sixths {
left: 50%
}
.medium-up--push-four-sixths {
left: 66.66667%
}
.medium-up--push-five-sixths {
left: 83.33333%
}
.medium-up--push-one-eighth {
left: 12.5%
}
.medium-up--push-two-eighths {
left: 25%
}
.medium-up--push-three-eighths {
left: 37.5%
}
.medium-up--push-four-eighths {
left: 50%
}
.medium-up--push-five-eighths {
left: 62.5%
}
.medium-up--push-six-eighths {
left: 75%
}
.medium-up--push-seven-eighths {
left: 87.5%
}
.medium-up--push-one-tenth {
left: 10%
}
.medium-up--push-two-tenths {
left: 20%
}
.medium-up--push-three-tenths {
left: 30%
}
.medium-up--push-four-tenths {
left: 40%
}
.medium-up--push-five-tenths {
left: 50%
}
.medium-up--push-six-tenths {
left: 60%
}
.medium-up--push-seven-tenths {
left: 70%
}
.medium-up--push-eight-tenths {
left: 80%
}
.medium-up--push-nine-tenths {
left: 90%
}
.medium-up--push-one-twelfth {
left: 8.33333%
}
.medium-up--push-two-twelfths {
left: 16.66667%
}
.medium-up--push-three-twelfths {
left: 25%
}
.medium-up--push-four-twelfths {
left: 33.33333%
}
.medium-up--push-five-twelfths {
left: 41.66667%
}
.medium-up--push-six-twelfths {
left: 50%
}
.medium-up--push-seven-twelfths {
left: 58.33333%
}
.medium-up--push-eight-twelfths {
left: 66.66667%
}
.medium-up--push-nine-twelfths {
left: 75%
}
.medium-up--push-ten-twelfths {
left: 83.33333%
}
.medium-up--push-eleven-twelfths {
left: 91.66667%
}
}
.borderingHTML *,
.borderingHTML *:before,
.borderingHTML *:after {
box-sizing: border-box
}
.visually-hidden,
.icon__fallback-text {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
.js-focus-hidden:focus {
outline: none
}
.skip-link:focus {
clip: auto;
width: auto;
height: auto;
margin: 0;
color: #000;
background-color: #fff;
padding: 10px;
z-index: 10000;
transition: none
}
.page-width {
*zoom: 1;
max-width: 1180px;
margin: 0 auto;
padding: 0 10px
}
.page-width:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 750px) {
.page-width {
padding: 0 20px
}
}
.main-content {
display: block;
margin-top: 0;
padding-bottom: 20px
}
@media only screen and (min-width: 750px) {
.main-content {
padding-bottom: 40px
}
}
.icon {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px
}
.supports-no-svg .icon {
display: none
}
.supports-no-svg .icon__fallback-text {
position: static !important;
overflow: inherit;
clip: none;
height: auto;
width: auto;
margin: 0
}
svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) rect {
fill: inherit;
stroke: inherit
}
.payment-icons {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: default
}
.payment-icons .icon {
width: 40px;
height: 24px
}
.social-icons .icon {
width: 24px;
height: 24px
}
.borderingHTML ul,
.borderingHTML ol {
margin: 0;
padding: 0
}
.list--inline {
padding: 0;
margin: 0
}
.list--inline li {
display: inline-block;
margin-bottom: 0
}
.rte ul,
.rte ol {
margin: 0 0 10px 20px
}
.rte ul {
list-style: disc outside
}
.rte ul ul {
list-style: circle outside
}
.rte ul ul ul {
list-style: square outside
}
.text-center.rte ul,
.text-center.rte ol,
.text-center .rte ul,
.text-center .rte ol {
margin-left: 0;
list-style-position: inside
}
.rte__table-wrapper {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch
}
.btn,
.btn--secondary,
.rte .btn--secondary,
.rte .btn,
.rte .btn--secondary {
display: inline-block;
width: auto;
text-decoration: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
cursor: pointer;
border: 1px solid transparent;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #43bcee;
color: #fff
}
.btn:hover,
.btn--secondary:hover,
.rte .btn:hover,
.rte .btn--secondary:hover {
background-color: #15abe9;
color: #fff
}
.btn:active,
.btn--secondary:active,
.btn:focus,
.btn--secondary:focus,
.rte .btn:active,
.rte .btn--secondary:active,
.rte .btn:focus,
.rte .btn--secondary:focus {
background-color: #1189ba;
color: #fff
}
.btn[disabled],
[disabled].btn--secondary,
.rte .btn[disabled],
.rte [disabled].btn--secondary {
cursor: default;
color: #757575;
background-color: #d5d5d5
}
.btn .icon,
.btn--secondary .icon,
.rte .btn .icon,
.rte .btn--secondary .icon {
fill: currentColor;
path: currentColor
}
.btn--secondary,
.rte .btn--secondary {
background-color: #030303
}
.btn--secondary:hover,
.rte .btn--secondary:hover {
background-color: #101010;
color: #fff
}
.btn--secondary:active,
.btn--secondary:focus,
.rte .btn--secondary:active,
.rte .btn--secondary:focus {
background-color: #292929;
color: #fff
}
.text-link {
display: inline;
border: 0 none;
background: none;
padding: 0;
margin: 0
}
@media only screen and (max-width: 749px) {
.responsive-table thead {
display: none
}
.responsive-table tr {
display: block
}
.responsive-table tr,
.responsive-table td {
float: left;
clear: both;
width: 100%
}
.responsive-table th,
.responsive-table td {
display: block;
text-align: right;
padding: 10px;
margin: 0
}
.responsive-table td:before {
content: attr(data-label);
float: left;
text-align: center;
font-size: 14px;
padding-right: 10px
}
}
.responsive-table__row {
border-bottom: 1px solid #fff
}
svg:not(:root) {
overflow: hidden
}
.video-wrapper {
position: relative;
overflow: hidden;
max-width: 100%;
padding-bottom: 56.25%;
height: 0;
height: auto
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.label--hidden {
position: absolute;
height: 0;
width: 0;
margin-bottom: 0;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px)
}
.ie9 .label--hidden {
position: static;
height: auto;
width: auto;
margin-bottom: 2px;
overflow: visible;
clip: initial
}
label[for] {
cursor: pointer
}
.site-header__logo img {
display: block;
width: 100%;
max-width: 450px
}
.site-nav li {
display: inline-block
}
.site-nav__link {
display: block;
white-space: nowrap
}
.site-nav__link .icon-arrow-down {
position: relative
}
.site-nav__dropdown {
display: none;
position: absolute;
left: auto !important;
padding: 0;
margin: 0;
z-index: 5
}
.site-nav__dropdown li {
display: block
}
.giftcard__qr-code img {
margin: 0 auto
}
.giftcard__apple-wallet-image {
display: block;
margin: 0 auto
}
.giftcard__wrap {
margin: 0 auto 20px
}
.main-content {
margin-top: 0;
padding-bottom: 40px
}
@media only screen and (min-width: 750px) {
.main-content {
margin-top: 0;
padding-bottom: 80px
}
}
.main-content--flush {
margin-top: 0
}
.full-width {
padding: 80px 20px;
background-color: #fff
}
.full-width--return-link {
margin-bottom: 0;
padding-top: 0
}
@media only screen and (min-width: 750px) {
.full-width--return-link {
margin-bottom: 0
}
}
.content-block+.full-width--return-link {
margin-top: -20px
}
.coffeeclub-button {
text-align: center;
width: 80%;
margin: 0 10% !important;
background-color: #896e4f;
line-height: 40px
}
.coffeeclub-button-a {
color: #fff;
text-transform: uppercase;
width: 100%;
letter-spacing: 2px;
text-decoration: none
}
.coffeeclub-button-a:hover {
color: #fff !important
}
.page-empty {
padding: 120px 0;
margin-bottom: 20px
}
.index-section {
position: relative
}
.index-section:last-child {
margin-bottom: 0
}
.index-section--page-content {
margin-bottom: 0
}
@media only screen and (min-width: 750px) {
.index-section--page-content {
margin-top: 80px;
margin-bottom: 80px
}
}
.grid--half-gutters {
margin-left: -10px
}
.grid--half-gutters>.grid__item {
padding-left: 10px
}
.grid--no-gutters {
margin-left: 0
}
.grid--no-gutters>.grid__item {
padding-left: 0
}
.grid--table {
display: table;
table-layout: fixed;
width: 100%;
margin-left: 0
}
.grid--table>.grid__item {
float: none;
display: table-cell;
vertical-align: middle;
padding-left: 0
}
.medium-up--hide {
display: none
}
.medium-up--grid--table {
display: table;
table-layout: fixed;
width: 100%;
margin-left: 0
}
.medium-up--grid--table>.grid__item {
float: none;
display: table-cell;
vertical-align: middle;
padding-left: 0
}
@media only screen and (max-width: 749px) {
.medium-up--grid--table {
display: block
}
.medium-up--grid--table>.grid__item {
display: block
}
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
color: #000;
margin: 0 0 0.71429em
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
color: inherit;
text-decoration: none;
font-weight: 100
}
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
letter-spacing: inherit;
text-transform: inherit;
font-weight: 300
}
h1,
.h1 {
font-family: soleil,sans-serif;
font-weight: 100;
letter-spacing: 0.1em;
text-transform: uppercase;
font-size: 2.14286em
}
@media only screen and (min-width: 750px) {
h1,
.h1 {
font-size: 2.57143em
}
}
h2,
.h2 {
font-size: 2.14286em
}
h3,
.h3 {
font-size: 1.71429em
}
h4,
.h4 {
font-size: 1.28571em;
letter-spacing: 1.2px;
text-transform: uppercase
}
h5,
.h5 {
font-size: 1.42857em
}
h6,
.h6 {
font-size: 1.14286em
}
.rte {
*zoom: 1;
margin-bottom: 20px
}
.rte:after {
content: '';
display: table;
clear: both
}
.rte:last-child {
margin-bottom: 0
}
.rte h1,
.rte .h1,
.rte h2,
.rte .h2,
.rte h3,
.rte .h3,
.rte h4,
.rte .h4,
.rte h5,
.rte .h5,
.rte h6,
.rte .h6 {
margin-top: 40px
}
.rte h1:first-child,
.rte .h1:first-child,
.rte h2:first-child,
.rte .h2:first-child,
.rte h3:first-child,
.rte .h3:first-child,
.rte h4:first-child,
.rte .h4:first-child,
.rte h5:first-child,
.rte .h5:first-child,
.rte h6:first-child,
.rte .h6:first-child {
margin-top: 0
}
.rte p {
margin: 0 0 20px
}
.rte li {
margin-bottom: 10px
}
.rte li:last-child {
margin-bottom: 0
}
p {
margin: 0 0 10px
}
.list--no-bullets {
list-style: none
}
.list--bold {
font-weight: 300;
font-size: 1.07143em
}
::-webkit-input-placeholder {
color: #000;
opacity: 0.6
}
:-moz-placeholder {
color: #000;
opacity: 0.6
}
:-ms-input-placeholder {
color: #000;
opacity: 0.6
}
::-ms-input-placeholder {
color: #000;
opacity: 0.6;
opacity: 1
}
input[disabled],
textarea[disabled],
select[disabled] {
color: rgba(0, 0, 0, 0.4)
}
input.input--error,
textarea.input--error,
select.input--error {
color: #fff
}
input.input--error::-webkit-input-placeholder,
textarea.input--error::-webkit-input-placeholder,
select.input--error::-webkit-input-placeholder {
color: #fff;
opacity: 0.6
}
input.input--error:-moz-placeholder,
textarea.input--error:-moz-placeholder,
select.input--error:-moz-placeholder {
color: #fff;
opacity: 0.6
}
input.input--error:-ms-input-placeholder,
textarea.input--error:-ms-input-placeholder,
select.input--error:-ms-input-placeholder {
color: #fff;
opacity: 0.6
}
input.input--error::-ms-input-placeholder,
textarea.input--error::-ms-input-placeholder,
select.input--error::-ms-input-placeholder {
color: #fff;
opacity: 0.6;
opacity: 1
}
.form-vertical input,
.form-vertical select,
.form-vertical textarea {
display: block;
width: 100%;
margin-bottom: 10px
}
.form-vertical input[type="radio"],
.form-vertical input[type="checkbox"] {
display: inline-block;
width: auto;
margin-right: 5px
}
.form-vertical input[type="submit"],
.form-vertical .btn,
.form-vertical .btn--secondary {
display: inline-block
}
textarea {
min-height: 100px
}
.note,
.form-success,
.errors {
padding: 13px;
margin: 0 0 10px
}
.note {
border: 1px solid #fff
}
.form-success {
background-color: #59ac6c;
color: #fff
}
.errors {
background-color: #ec523e;
color: #fff
}
.errors ul {
list-style: none;
padding: 0;
margin: 0
}
.input-group {
position: relative;
display: table;
width: 100%;
border-collapse: separate
}
.form-vertical .input-group {
margin-bottom: 20px
}
.input-group__field,
.input-group__btn {
display: table-cell;
vertical-align: middle;
margin: 0
}
.input-group__field,
.input-group__btn .btn,
.input-group__btn .btn--secondary {
height: 48px;
padding-top: 0;
padding-bottom: 0
}
.input-group__field {
width: 100%
}
.form-vertical .input-group__field {
margin: 0
}
.input-group__btn {
white-space: nowrap;
width: 1%
}
.input-group__btn .icon-arrow-right {
width: 14px;
height: 17px
}
.btn,
.btn--secondary,
.rte .btn--secondary,
.btn--secondary {
font-size: 0.92857em;
font-weight: 300;
letter-spacing: 0.15em;
text-transform: uppercase;
padding: 15px 45px;
transition: color 0.1s ease-in, background-color 0.1s ease-in
}
.btn--narrow {
padding-left: 15px;
padding-right: 15px
}
.btn--full {
display: block;
width: 100%
}
.link-accent-color {
color: #43bcee;
text-decoration: none;
transition: color 0.1s ease-in, background-color 0.1s ease-in
}
a:focus,
.link-accent-color:hover,
.link-accent-color:focus {
color: #139ad2
}
.text-link {
transition: color 0.1s ease-in, background-color 0.1s ease-in
}
.link-body-color {
color: #000;
transition: color 0.1s ease-in, background-color 0.1s ease-in
}
.link-body-color:hover,
.link-body-color:focus {
color: #43bcee
}
.return-link {
display: block;
text-align: center;
margin-bottom: 0;
font-size: 1.71429em
}
.return-link .icon {
fill: currentColor
}
.template-giftcard {
background-color: #000
}
.giftcard__header {
margin: 80px auto 40px
}
.giftcard__content {
background-color: #fff;
max-width: 540px;
margin: 0 auto 40px;
padding: 20px
}
.giftcard__shop-url {
display: none
}
.giftcard__wrap {
position: relative
}
.giftcard__wrap:before,
.giftcard__wrap:after {
content: '';
display: block;
position: absolute;
background-color: #fff;
height: 40px;
width: 40px;
border: 1px solid rgba(0, 0, 0, 0.1)
}
.giftcard__wrap:before {
top: -2px;
left: -2px;
border-radius: 12px 0 100% 0;
box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05)
}
.giftcard__wrap:after {
bottom: -2px;
right: -2px;
border-radius: 100% 0 12px 0;
box-shadow: -2px -2px 1px rgba(0, 0, 0, 0.05)
}
.giftcard__image {
display: block;
border-radius: 12px;
overflow: hidden
}
.giftcard__amount-wrapper {
position: absolute;
top: 6.66667px;
right: 10px
}
.giftcard__amount,
.giftcard__amount-remaining {
color: #fff
}
.giftcard__amount {
font-size: 2em;
margin-bottom: 0;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1)
}
@media only screen and (min-width: 750px) {
.giftcard__amount {
font-size: 2.85714em
}
}
.giftcard__code {
position: absolute;
left: 0;
right: 0;
bottom: 20px
}
.giftcard__code-bubble {
position: relative;
display: inline-block;
background-color: #fff;
color: #000;
padding: 10px 20px;
font-size: 1.07143em;
border-radius: 4px
}
@media only screen and (min-width: 750px) {
.giftcard__code-bubble {
font-size: 1.42857em
}
}
.giftcard__code-bubble:after {
content: '';
display: block;
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
border: 1px dashed #000;
border-radius: 4px;
opacity: 0.3
}
@media print {
.giftcard__shop-url {
display: block
}
.giftcard__wrap:before,
.giftcard__wrap:after {
display: none
}
.giftcard__amount-wrapper {
background-color: #fff;
border-radius: 4px;
padding: 0 6.66667px
}
}
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block
}
.slick-track:before,
.slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir="rtl"] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-loading .slick-list {
background: #fff url(//cdn.shopify.com/s/files/1/1365/4413/t/10/assets/ajax-loader.gif?18358413009664821771) center center no-repeat
}
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
margin-top: -10px\9;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25
}
.slick-prev:before,
.slick-next:before {
font-family: "slick-icons, sans-serif";
font-size: 20px;
line-height: 1;
color: #000;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-prev {
left: -25px
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px
}
.slick-prev:before {
content: "\2190"
}
[dir="rtl"] .slick-prev:before {
content: "\2192"
}
.slick-next {
right: -25px
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto
}
.slick-next:before {
content: "\2192"
}
[dir="rtl"] .slick-next:before {
content: "\2190"
}
.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -45px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "\2022";
width: 20px;
height: 20px;
font-family: "slick-icons, sans-serif";
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
color: #fff;
opacity: 0.75
}
.site-header {
width: 100%;
height: 100%
}
.site-header__upper {
position: relative;
z-index: 10;
background-color: #000
}
.site-header__logo-link {
position: relative;
z-index: 7;
display: inline-block;
float: left;
margin: 13px 20px 0px 20px;
line-height: 50px
}
.site-header__logo-link-mobile {
position: absolute;
z-index: 7;
display: inline-block;
float: left;
left: 0;
width: 100%;
top: 10px;
margin: 0;
line-height: 0
}
.site-header__logo-link img,
.site-header__logo-link-mobile img {
max-width: 150px !important
}
.footer-logo {
margin-left: 10px;
text-align: left
}
.footer-logo img {
max-width: 180px !important;
text-align: center;
margin-left: 20px
}
.site-header__logo {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
max-width: 100%
}
.site-header__logo a {
display: block;
color: #fff
}
@media only screen and (min-width: 750px) {
.site-header__logo a {
display: block;
float: left
}
}
.site-header__shop-name--small {
font-size: 20px
}
.template-giftcard .site-header__logo-link {
display: inline-block;
float: none
}
#SiteNavSearchCart {
position: relative;
display: inline-block !important;
z-index: 7
}
.site-header__link {
display: inline-block;
color: #fff;
padding: 10px;
line-height: 1
}
.site-header__link .icon {
width: 22px;
height: 22px;
fill: currentColor
}
.site-header__link .icon-cart {
position: relative;
top: -1px
}
.site-header__link:hover,
.site-header__link:focus {
color: #43bcee
}
.site-header__menu-toggle--close {
display: none
}
.site-header__link.js-drawer-open .site-header__menu-toggle--open {
display: none
}
.site-header__link.js-drawer-open .site-header__menu-toggle--close {
display: block
}
.site-header__cart {
display: inherit;
float: left;
position: relative;
line-height: 80px
}
.site-header__cart-indicator {
position: absolute;
bottom: 19px;
right: 8px;
background-color: #43bcee;
height: 10px;
width: 10px;
border-radius: 10px
}
.supports-no-svg .site-header__cart-indicator {
bottom: auto;
top: -6px;
right: -10px
}
.site-header__search {
position: relative;
float: left;
line-height: 100px
}
.site-header__search-inner {
position: absolute;
right: 0;
top: -4px;
bottom: 0;
display: block;
width: 200px
}
@media only screen and (min-width: 990px) {
.site-header__search-inner {
width: 250px
}
}
.site-header__search-input {
position: absolute;
opacity: 0;
margin: 42px 0;
right: 4px;
width: 0;
top: -5px;
padding: 10px 0;
font-size: 0.92857em;
color: #fff;
background-color: #141414;
transition: opacity 0.15s ease-in, width 0.15s ease-in;
z-index: 1
}
.site-header__search-input:focus,
.site-header__search-input.site-header__search-input--visible {
width: 100%;
opacity: 1;
padding-left: 10px;
padding-right: 30px
}
.site-header__search-input::-webkit-input-placeholder {
color: #fff;
opacity: 0.6
}
.site-header__search-input:-moz-placeholder {
color: #fff;
opacity: 0.6
}
.site-header__search-input:-ms-input-placeholder {
color: #fff;
opacity: 0.6
}
.site-header__search-input::-ms-input-placeholder {
color: #fff;
opacity: 0.6;
opacity: 1
}
.site-header__search-submit {
position: relative;
z-index: 2
}
.nav-bar {
position:fixed;
width:100%;
border-top: 1px solid #0d0d0d;
background-color: #000;
z-index: 5;
top:32px
}
.nocart .nav-bar {
top:0
}
.nav-bar:after {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: #000;
pointer-events: none;
z-index: 6
}
.grid__item .meganav__list li {
float: none !important
}
.sticky {
position: relative;
z-index: 5
}
.sticky--active {
position: fixed;
top: 0;
left: 0;
width: 100%;
-ms-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
.sticky--open {
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1)
}
.sticky--active .sticky-hidden {
display: none
}
.sticky-only {
position: relative;
display: none;
z-index: 7
}
.sticky--active .sticky-only {
display: block
}
.site-nav {
margin-left: -20px;
white-space: nowrap
}
.site-nav__item--no-columns {
position: relative
}
.site-nav__item--no-columns .meganav {
right: auto;
min-width: 200px
}
.site-nav__item--no-columns .meganav__list {
width: 100%
}
.site-nav__link {
font-size: .7em;
text-transform: uppercase;
letter-spacing: .6px;
font-weight: bold;
position: relative;
color: #fff;
color: rgba(255, 255, 255, 0.6);
padding: 0px 10px;
line-height: 60px;
z-index: 7
}
.site-nav__link .icon {
position: relative;
top: -1.5px;
width: 9px;
height: 9px;
fill: currentColor
}
.site-nav__link:hover,
.site-nav__link:focus,
.site-nav--active .site-nav__link {
color: #fff
}
.site-nav__link--compressed {
margin-left: -20px
}
.site-nav__link--compressed .icon {
width: 22px;
height: 22px
}
.site-nav li {
float: left
}
.site-nav li:first-of-type,
.site-nav li:nth-of-type(7),
.site-footer__list li:first-of-type {
display: none
}
.site-nav li ul li:first-of-type,
.site-nav li ul li:nth-of-type(7),
.site-footer__list li ul li:first-of-type {
display: block
}
.site-nav__link-menu-label {
display: none
}
@media only screen and (min-width: 750px) {
.site-nav__link-menu-label {
display: inline-block
}
}
.customer-login-links a {
display: inline-block;
color: #fff;
color: rgba(255, 255, 255, 0.6)
}
.customer-login-links a:hover,
.customer-login-links a:focus {
color: #fff
}
.meganav {
display: block;
visibility: hidden;
right: auto;
background-color: #fff;
overflow: hidden
}
.meganav.meganav--active {
visibility: visible;
z-index: 8
}
.site-header .meganav {
opacity: 0;
-ms-transform: translate3d(0, -15%, 0);
-webkit-transform: translate3d(0, -15%, 0);
transform: translate3d(0, -15%, 0);
transition: none
}
.site-header .meganav.meganav--active {
opacity: 1;
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.site-header .meganav.meganav--no-animation {
transition: none
}
.drawer__nav .meganav {
max-height: 0;
transition: all 0.2s cubic-bezier(0.33, 0.59, 0.14, 1)
}
.drawer__nav .meganav.meganav--active {
max-height: 350px;
transition: all 0.45s cubic-bezier(0.33, 0.59, 0.14, 1)
}
.meganav__nav {
position: relative;
list-style: none
}
.meganav__list {
padding: 10px 20px 10px 20px
}
.meganav__list--has-title {
padding-top: 70px
}
.meganav__title {
position: absolute;
top: 30px;
font-size: 1.71429em;
margin-bottom: 0
}
.meganav__link {
display: block;
color: #000;
padding: 5px 10px;
margin-left: 10px
}
.meganav__link:hover,
.meganav__link:focus {
color: #43bcee
}
.meganav__link--active {
color: #000;
font-weight: 300
}
.meganav__product .product-card {
border-bottom-width: 0
}
.meganav__product:last-child .product-card {
border-right-width: 1px
}
.site-nav__dropdown {
box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px
}
.meganav--drawer {
background-color: #fff
}
.meganav--drawer .product-card {
margin-top: 1px
}
.meganav--drawer .meganav__product {
margin-left: -4px
}
.drawer__nav-toggle--open {
display: block
}
.meganav--active .drawer__nav-toggle--open {
display: none
}
.drawer__nav-toggle--close {
display: none
}
.meganav--active .drawer__nav-toggle--close {
display: block
}
.meganav__scroller {
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.drawer__nav--template-index .meganav__scroller {
background-color: #fff;
border-top: 1px solid #fff
}
.meganav__scroller .grid__item {
float: none;
display: inline-block;
width: 180px;
vertical-align: top;
white-space: normal
}
.drawer__nav .meganav__scroller--has-list {
padding-left: 20px
}
html {
background-color: #030303
}
.site-footer {
background-color: #030303;
color: #fff;
color: rgba(255, 255, 255, 0.6);
padding-top: 20px
}
@media only screen and (min-width: 750px) {
.site-footer {
padding-top: 40px
}
}
.site-footer a {
color: #fff;
color: rgba(255, 255, 255, 0.6)
}
.site-footer a:hover,
.site-footer a:focus {
color: #fff
}
.site-footer p {
margin-bottom: 10px
}
@media only screen and (max-width: 749px) {
.site-footer .page-width {
padding: 0 20px
}
}
.site-footer__section {
padding-bottom: 20px
}
@media only screen and (min-width: 750px) {
.site-footer__section {
padding-bottom: 40px
}
}
.site-footer__subsection {
margin-bottom: 20px
}
.site-footer__subsection:last-child {
margin-bottom: 0
}
.site-footer__copyright {
border-top: 1px solid #101010;
padding: 10px 0
}
.site-footer__section-title {
color: #fff;
font-size: 1.71429em
}
.site-footer__list {
list-style: none
}
.site-footer__list-item {
margin-bottom: 10px;
width: 24%;
display: inline-block
}
.site-footer__newsletter-label {
display: block;
color: #fff;
color: rgba(255, 255, 255, 0.6);
font-family: soleil,sans-serif;
font-size: inherit;
font-weight: 100;
text-transform: inherit
}
.site-footer__newsletter-input {
color: #1c1d1d;
background-color: #fff
}
.site-footer__newsletter-input::-webkit-input-placeholder {
color: #fff;
opacity: 0.8
}
.site-footer__newsletter-input:-moz-placeholder {
color: #fff;
opacity: 0.8
}
.site-footer__newsletter-input:-ms-input-placeholder {
color: #fff;
opacity: 0.8
}
.site-footer__newsletter-input::-ms-input-placeholder {
color: #fff;
opacity: 0.8;
opacity: 1
}
.site-footer .social-icons .icon,
.site-footer .payment-icons .icon {
fill: currentColor
}
.site-footer .social-icons .icon {
margin-right: 10px
}
.site-footer .payment-icons {
padding: 5px 0
}
.site-footer .payment-icons li {
padding: 5px 0
}
.social-icons .icon-google-plus {
width: 38px
}
.content-block {
background-color: #fff;
padding: 20px;
margin-bottom: 20px
}
.content-block:last-child {
margin-bottom: 0
}
@media only screen and (min-width: 750px) {
.content-block--large {
padding: 40px
}
}
.content-block__no-padding {
margin-left: -20px;
margin-right: -20px;
margin-bottom: -20px
}
.content-block__title {
text-align: center;
margin-bottom: 20px
}
.content-block--search-results {
padding-bottom: 0
}
.content-block__item {
margin-bottom: 20px
}
.content-block__full-image {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 20px
}
.content-block__full-image img {
display: block;
margin: 0 auto
}
.content-block__full-image:first-child {
margin-top: -20px
}
@media only screen and (min-width: 750px) {
.content-block__full-image--large {
margin-left: -40px;
margin-right: -40px;
margin-bottom: 40px
}
.content-block__full-image--large:first-child {
margin-top: -40px
}
}
.sidebar {
background-color: #eee !important
}
.rte--indented-images .rte__image-indent {
position: relative;
margin-left: -20px;
margin-right: -20px
}
@media only screen and (min-width: 750px) {
.rte--indented-images .rte__image-indent {
margin-left: -40px;
margin-right: -40px
}
}
.section-header {
margin-bottom: 40px
}
@media only screen and (max-width: 749px) {
.section-header__item+.section-header__item {
margin-top: 20px
}
}
.section-header__title,
.section-header__subtext {
margin-bottom: 0
}
.hero-wrapper {
position: relative
}
.hero {
background-color: #1a1a1a;
height:330px;
margin-bottom:-30px;
display:none;
}
.btob.nextLogin .hero {
display:block;
}
@media only screen and (min-width: 750px) {
.hero {
height: 400px;
margin-bottom: -60px
}
}
.hero .hero__slide,
.hero .slick-list,
.hero .slick-track {
height: 100%
}
.hero__pause:focus {
clip: auto;
width: auto;
height: auto;
margin: 0;
color: #fff;
background-color: #000;
padding: 10px;
z-index: 10000;
transition: none
}
.hero__pause:focus .icon {
fill: currentColor
}
.hero__pause-stop {
display: block
}
.is-paused .hero__pause-stop {
display: none
}
.hero__pause-play {
display: none
}
.is-paused .hero__pause-play {
display: block
}
.hero .slick-dots {
margin: 0;
bottom: 10px
}
.hero .slick-dots li {
margin: 0;
vertical-align: middle
}
.hero .slick-dots li button {
position: relative
}
.hero .slick-dots li button:before {
text-indent: -9999px;
background-color: #fff;
border-radius: 100%;
border: 2px solid transparent;
width: 10px;
height: 10px;
margin: 5px 0 0 5px;
opacity: 1;
transition: all 0.2s
}
.hero .slick-dots li.slick-active button:before {
background-color: transparent;
border-color: #fff;
opacity: 1;
width: 12px;
height: 12px;
margin: 4px 0 0 4px
}
.hero .slick-dots li button:active:before {
opacity: 0.5
}
.hero .slick-prev,
.hero .slick-next {
top: 0;
height: 100%;
margin-top: 0;
width: 40px
}
.hero .slick-prev {
left: 0
}
.hero .slick-next {
right: 0
}
.hero__slide {
position: relative
}
.hero__image {
position: relative;
opacity: 0;
transition: opacity 0.8s cubic-bezier(0.44, 0.13, 0.48, 0.87)
}
.slick-initialized .hero__image,
.supports-no-js .hero__image {
opacity: 1
}
.hero__image img {
display: block;
width: 100%
}
.ie9 .hero__slide {
z-index: 1 !important
}
.ie9 .slick-dots {
z-index: 2
}
.hero__image {
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
.hero__text-wrap {
position: absolute;
bottom: 45px;
left: 0;
right: 10px
}
@media only screen and (min-width: 750px) {
.hero__text-wrap {
bottom: 120px
}
}
.hero__text-content {
opacity: 0;
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
transform: translateY(40px);
transition: all 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
transition-delay: 0.3s
}
.slick-active .hero__text-content,
.supports-no-js .hero__text-content {
opacity: 1;
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0)
}
.hero__title-wrap {
margin-bottom: 8px
}
.hero__title {
display: inline;
font-size: 2.57143em;
line-height: 1;
margin: 0;
padding: 0 10px;
background-color: #000;
color: #fff;
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone
}
@media only screen and (min-width: 750px) {
.hero__title {
font-size: 4.28571em
}
}
.hero__title--has-link {
transition: background-color 0.15s ease-in
}
.hero__title--has-link:hover,
.hero__title--has-link:focus {
background-color: #1a1a1a
}
.hero__link {
color: inherit
}
.hero__link:hover,
.hero__link:focus {
color: inherit
}
.hero__subtitle,
.hero__arrow {
display: inline;
line-height: 2;
padding: 10px;
background-color: #000;
color: #fff;
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone
}
@media only screen and (min-width: 750px) {
.hero__subtitle,
.hero__arrow {
font-size: 1.42857em
}
}
.hero__subtitle.hero__link,
.hero__arrow {
transition: background-color 0.15s ease-in
}
.hero__subtitle.hero__link:hover,
.hero__subtitle.hero__link:focus,
.hero__arrow:hover,
.hero__arrow:focus {
color: #fff;
background-color: #141414
}
.hero__arrows {
display: inline;
color: #fff;
margin-right: 1px
}
.supports-no-js .hero__arrows {
display: none
}
.hero__arrow {
cursor: pointer;
padding-right: 15px;
padding-left: 15px
}
.hero__arrow .icon {
position: relative;
top: -3px;
left: 3px;
width: 11px;
height: 11px;
fill: currentColor
}
.hero__arrow--next {
border-left: 1px solid #0d0d0d
}
.is-transitioning {
display: block !important;
visibility: visible !important
}
.js-drawer-open .page-container:after {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10
}
.js-drawer-open {
overflow: hidden
}
.drawer {
display: none;
position: fixed;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
top: 0;
bottom: 0;
max-width: 95%;
z-index: 1;
background-color: #fff;
transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1)
}
.drawer--left {
width: 300px;
left: -300px
}
.js-drawer-open-left .drawer--left {
display: block;
-ms-transform: translateX(300px);
-webkit-transform: translateX(300px);
transform: translateX(300px)
}
.supports-no-csstransforms .js-drawer-open-left .drawer--left {
left: 0
}
.drawer--right {
width: 300px;
right: -300px
}
.js-drawer-open-right .drawer--right {
display: block;
-ms-transform: translateX(-300px);
-webkit-transform: translateX(-300px);
transform: translateX(-300px)
}
.supports-no-csstransforms .js-drawer-open-right .drawer--right {
right: 0
}
.is-moved-by-drawer {
transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1)
}
.js-drawer-open-left .is-moved-by-drawer {
-ms-transform: translateX(300px);
-webkit-transform: translateX(300px);
transform: translateX(300px)
}
.supports-no-csstransforms .js-drawer-open-left .is-moved-by-drawer {
left: 300px
}
.js-drawer-open-right .is-moved-by-drawer {
-ms-transform: translateX(-300px);
-webkit-transform: translateX(-300px);
transform: translateX(-300px)
}
.supports-no-csstransforms .js-drawer-open-right .is-moved-by-drawer {
left: -300px
}
.page-container {
position: relative;
background-color: #fff;
z-index: 2
}
.is-moved-by-drawer {
transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1)
}
.js-drawer-open .is-moved-by-drawer {
transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1)
}
.js-drawer-open-left .is-moved-by-drawer {
box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px
}
.js-drawer-open-right .is-moved-by-drawer {
box-shadow: rgba(0, 0, 0, 0.1) 0 0 -5px
}
.drawer--left {
left: -75px
}
.js-drawer-open-left .drawer--left {
-ms-transform: translateX(75px);
-webkit-transform: translateX(75px);
transform: translateX(75px)
}
.drawer {
overflow: visible;
color: #000
}
.drawer__inner {
position: absolute;
top:35px;
left: 0;
right: 0;
bottom: 0;
overflow-y: auto;
overflow-x: hidden
}
.nocart .drawer__inner {
top:0;
}
.drawer__search {
position: relative;
background-color: #fff;
padding: 10px
}
.drawer__search-input {
display: block;
width: 100%;
padding-left: 15px;
background-color: #fff
}
.drawer__search-input[type="search"] {
padding-right: 60px
}
.drawer__search-input::-webkit-search-decoration {
display: none
}
.drawer__search-submit {
position: absolute;
right: 0;
top: 0;
bottom: 0;
padding: 0 20px
}
.drawer__search-submit .icon {
width: 25px;
height: 25px;
fill: #000
}
.drawer__nav {
list-style: none
}
.drawer__nav--template-index {
position: relative;
margin-bottom: -10px;
background-color: #fff
}
.drawer__nav--margin {
margin-bottom: 30px
}
.drawer__nav-item {
display: block;
border-bottom: 1px solid #fff
}
.drawer__nav-link {
font-family: soleil,sans-serif;
font-weight: 100;
letter-spacing: 0.1em;
text-transform: uppercase;
display: block;
padding: 13.33333px 20px;
font-size: 1.85714em;
color: #000
}
.drawer__nav-link:hover,
.drawer__nav-link:focus {
color: #000;
background-color: #fafafa
}
.drawer__nav-has-sublist {
display: table;
width: 100%
}
.drawer__nav-has-sublist .drawer__nav-link {
display: table-cell;
vertical-align: middle;
width: 100%
}
.drawer__nav-toggle {
position: relative;
display: table-cell;
vertical-align: middle;
width: 1%
}
.drawer__nav-toggle-btn {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 10px 20px;
color: #000;
line-height: 1
}
.drawer__nav-toggle-btn .icon {
width: 18px;
height: 18px;
fill: currentColor
}
.drawer__nav-toggle-btn:hover,
.drawer__nav-toggle-btn:focus {
opacity: 0.6;
border-left: 1px solid #fff
}
.drawer__nav-toggle--open {
display: block
}
.drawer__nav-toggle--close {
display: none
}
.collection-sort {
display: inline-block;
text-align: left;
max-width: auto
}
.collection-sort+.collection-sort {
margin-left: 20px
}
@media only screen and (max-width: 749px) {
.collection-sort {
width: 80%
}
.collection-sort+.collection-sort {
margin: 20px 0 0
}
}
.collection-sort__label {
display: block;
text-align: center
}
@media only screen and (min-width: 750px) {
.collection-sort__label {
text-align: left;
padding-left: 6.66667px;
margin-bottom: 0
}
}
.collection-sort__input {
background-color: transparent;
font-weight: 300;
padding-top: 6.66667px;
padding-bottom: 6.66667px;
padding-left: 6.66667px
}
@media only screen and (max-width: 749px) {
.collection-sort__input {
width: 100%;
border: 1px solid #e6e6e6
}
}
.collection {
margin-bottom: 30px
}
.collection:last-child {
margin-bottom: 0
}
.collection-card {
position: relative;
box-sizing: content-box;
display: block;
background-color: #fff;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
padding: 0;
height: 315px;
z-index: 1
}
.collection-card:focus {
z-index: 2
}
@media only screen and (min-width: 750px) {
.collection-card {
padding: 0
}
}
.collection-card:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: 0.4;
z-index: 1;
transition: opacity 0.2s ease
}
.collection-card:hover:after,
.collection-card:focus:after {
opacity: 0.5
}
.collection-card__meta {
display: block;
position: absolute;
bottom: 20px;
left: 0;
margin-right: 10px;
z-index: 2
}
@media only screen and (min-width: 750px) {
.collection-card__meta {
bottom: 40px
}
}
.collection-card__title {
display: inline;
background-color: #43bcee;
color: #fff;
margin-bottom: 10px;
padding: 2px 10px;
letter-spacing: 0;
font-size: 1.85714em;
line-height: 1.2;
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone
}
@media only screen and (min-width: 990px) {
.collection-card__title {
font-size: 2.28571em
}
}
.collection-card__subtext {
font-size: 1em;
font-weight: 300;
letter-spacing: 0.6px;
text-transform: uppercase;
margin: 10px 0 0 10px;
font-size: 0.92857em;
color: #fff
}
.social-sharing .icon {
width: 24px;
height: 24px;
fill: currentColor
}
.social-sharing .icon-google-plus {
width: 35px
}
@media only screen and (max-width: 749px) {
.social-sharing__title {
display: inline-block;
margin-bottom: 10px
}
}
.social-sharing__link {
color: #000;
opacity: 0.7
}
.social-sharing__link:hover,
.social-sharing__link:focus {
opacity: 1;
color: #43bcee
}
.social-sharing__link+.social-sharing__link {
margin-left: 10px
}
.notification {
visibility: hidden;
position: absolute;
width: 100%;
top: 0;
opacity: 0;
transition: top 0.25s, visibility 0.25s, opacity 0.15s;
transition-timing-function: cubic-bezier(0.33, 0.59, 0.14, 1);
z-index: 4
}
.notification--promo {
position: static;
display: none
}
.notification--active {
display: block;
visibility: visible;
top: 100%;
opacity: 1
}
.notification__link {
display: block;
padding: 10px 0
}
.notification__link:hover u {
text-decoration: none
}
.notification__inner {
position: relative;
overflow: visible;
padding: 10px 0
}
.notification__inner--has-link {
padding: 0
}
.notification__message {
display: block;
padding: 0 60px;
text-align: center;
font-weight: 100
}
.notification__message span {
text-decoration: underline;
white-space: nowrap
}
.notification--success,
.notification--promo {
background-color: #43bcee;
color: #fff;
min-height: 40px;
height: auto;
text-align: center
}
.notification--success a,
.notification--promo a {
color: #fff;
display: inline-block
}
.notification--success strong,
.notification--promo strong {
font-weight: 600
}
.notification--error {
background-color: #ec523e;
color: #fff
}
.notification--error a {
color: #fff
}
.notification__close {
position: absolute;
top: 0;
bottom: 0;
right: 20px;
padding: 0 10px;
color: inherit
}
.notification__close .icon {
fill: currentColor
}
.featured-card {
display: block;
position: relative;
height: 380px;
text-align: center;
border-color: #fff;
border-style: solid;
border-width: 0 0 1px 1px;
background-color: #fff
}
.featured-card:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
transition: opacity 0.15s ease-in;
z-index: 1
}
.featured-card:hover:before {
opacity: 1
}
.featured-card--cover {
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
border-width: 0
}
.featured-card__image-wrapper {
position: absolute;
bottom: 25px;
left: 0;
right: 0;
height: 62%
}
.featured-card__image {
display: block;
margin: 0 auto;
max-height: 100%
}
.featured-card__header {
position: relative;
display: inline-block;
padding: 30px 5% 10px;
z-index: 1
}
.featured-card__title {
font-size: 2em;
margin-bottom: 0;
color: #1a1a1a
}
.featured-card__action {
font-size: 1em;
font-weight: 300;
letter-spacing: 0.6px;
text-transform: uppercase;
font-size: 0.92857em;
color: #886e4b
}
.featured-card:hover .featured-card__action {
color: inherit
}
.swatch {
margin: 1em 0
}
.swatch .header {
margin: 0.5em 0
}
.swatch input {
display: none
}
.swatch label {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 50%;
float: none;
min-width: 50px !important;
margin: 0;
border: #ccc 1px solid;
background-color: #ddd;
font-size: 13px;
text-align: center;
line-height: 35px;
white-space: nowrap;
text-transform: uppercase;
display: inline-block;
height: 68px;
width: 68px;
background-position: -16px -12px
}
.swatch-element label {
padding: 5px 0
}
.color.swatch-element label {
padding: 0
}
.swatch input:checked+label {
-webkit-box-shadow: 0px 0px 0px 3px #886e4b;
-moz-box-shadow: 0px 0px 0px 3px #886e4b;
box-shadow: 0px 0px 0px 3px #886e4b;
border-color: transparent;
padding-top: 5px
}
.swatch .swatch-element {
float: left;
-webkit-transform: translateZ(0);
-webkit-font-smoothing: antialiased;
margin: 0px 0px 10px 0;
position: relative
}
.crossed-out {
position: inherit;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.swatch .swatch-element .crossed-out {
display: none
}
.swatch .swatch-element.soldout .crossed-out {
display: block
}
.swatch .swatch-element.soldout label {
filter: alpha(opacity=60);
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6
}
.swatch .tooltip {
text-align: center;
background: gray;
color: #fff;
bottom: 100%;
padding: 10px;
display: block;
position: absolute;
width: 100px;
left: -23px;
margin-bottom: 15px;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
z-index: 10000;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.swatch .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%
}
.swatch .tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid gray 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0
}
.swatch .swatch-element:hover .tooltip {
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px)
}
.swatch.error {
background-color: #e8d2d2 !important;
color: #333 !important;
padding: 1em;
border-radius: 5px
}
.swatch.error p {
margin: 0.7em 0
}
.swatch.error p:first-child {
margin-top: 0
}
.swatch.error p:last-child {
margin-bottom: 0
}
.swatch.error code {
font-family: monospace
}
.product-form {
width: 100%
}
.full.single-pro-glag {
display: inline-block;
float: none;
padding: 0 15px;
text-align: center;
width: auto
}
.swatch .swatch-element {
width: 22%
}
.flag-section {
float: left;
text-align: center;
width: 100%
}
.full.single-pro-glag>a {
display: inline-block;
width: 100%
}
.swatch .swatch-element {
display: inline-block;
float: none;
text-align: center;
width: 30%;
vertical-align: top
}
.swatch.clearfix {
float: left;
text-align: center;
width: 100%
}
.swatch .header,
.flag-section>h2,
.flag-section>.h2 {
font-size: 21px;
font-weight: bold;
margin: 0.5em 0;
color: #222
}
.lable-tag {
color: #222;
font-size: 13px;
margin: 8px 0 !important
}
.full.single-pro-glag img {
width: 32px
}
.product-single__description {
padding: 0;
margin-top: 10px;
width: 100%;
font-size: 14px;
text-align: justify
}
.rte.product-single__description>div {
font-size: 12px
}
.rte.product-single__description img {
vertical-align: middle
}
#AddToCart {
background: #886e4b none repeat scroll 0 0;
COLOR: #FFF
}
.product-single__title {
font-size: 29px
}
.qty-n-addcart {
float: left;
text-align: center;
width: 100%
}
.product-form__item.product-form__item--quantity {
display: inline-block;
float: none
}
#cross-sell {
margin: 0 auto !important;
max-width: 1180px
}
.related-products .product-card {
float: left;
float: left;
max-height: 250px;
overflow: hidden
}
.related-products .product-card__info {
text-align: center
}
.span12 {
text-align: center
}
.span12 h1,
.span12 .h1 {
font-size: 2em !important;
line-height: 3em !important
}
.swatch.clearfix[data-option-index="0"] .swatch-element label {
height: 47px;
width: 23px;
background-position: -3px center
}
.rte.product-single__description a {
color: blue
}
.frequency {
position: relative;
font-size: 21px;
font-family: "Soleil", "HelveticaNeue", "Helvetica Neue", sans-serif;
font-weight: 700;
left: 53%
}
.bolt-blog {
margin-bottom: 5px;
width: 100%;
position: relative;
background-size: cover;
background-position: center;
overflow: hidden
}
.bolt-full {
min-height: 600px
}
.bolt-between {
min-height: 450px
}
.bolt-half {
min-height: 300px
}
.bolt-micro {
min-height: 150px;
padding-bottom: 20px
}
.bolt-blog span.logo {
position: absolute;
max-width: 200px;
height: auto;
bottom: 5%;
margin: 0 0 0% 22%
}
.bolt-header {
margin: 0;
color: #fff;
display: inline-block
}
.blog-block-type,
.blog-block-type-full {
width: 42%;
display: grid;
top: 80px;
margin: 0 0 0 10%;
position: absolute;
z-index: 1
}
.bolt-infographic {
max-height: 600px;
width: auto;
text-align: center;
background-color: #fff
}
.bolt-infographic img {
max-height: 600px;
width: auto
}
.reviews {
top: 50px !important
}
.reviews p {
font-size: 1.2em;
height: 400px !important;
line-height: 1.5em !important
}
.slick-slide-reviews {
width: 100%
}
.infographic {
margin-top: -80px
}
.infographic ul {
width: 100%;
height: 300px
}
.infographic ul li {
width: 33.333%;
list-style: none;
height: 100%;
float: left;
background-image: url(//cdn.shopify.com/s/files/1/1365/4413/t/10/assets/shadow.png?18358413009664821771);
background-position: left;
background-size: 6% 100%;
background-repeat: no-repeat;
padding: 0 30px
}
.infographic ul li .infocopy-1 {
margin: 15% auto
}
.infographic ul li .infocopy-1 img {
max-height: 50px;
margin-bottom: 10px
}
.infographic ul li .infocopy-2 {
margin: 20% auto
}
.infographic ul li .infocopy-2 img {
max-height: 70px;
margin-bottom: 10px
}
.infographic ul li .infocopy-3 {
margin: 15% auto
}
.infographic ul li .infocopy-3 img {
max-height: 120px;
margin-bottom: 10px
}
.infographic ul li .info-3 {
margin-top: 30%
}
.infographic ul li:first-child {
background-image: none
}
.infographic h3.h2,
.infographic .h2.h3 {
color: #685e4a;
font-size: 1.5em
}
.script-copy {
max-width: 340px
}
.script-copy img {
width: 100%;
height: auto
}
@media only screen and (max-width: 800px) {
.blog-block-type,
.blog-block-type-full {
top: 50px
}
.blog-block-type p {
line-height: 1.6em !important;
font-size: 12px
}
.bolt-header {
font-size: 1.5em;
margin-top: 15px
}
.wheretobuy {
top: 80px
}
.bolt-micro {
min-height: 100px
}
.info-graphic-half {
height: 600px !important
}
.infographic {
margin-top: -50px
}
.infographic ul li {
width: 100%;
height: 200px;
background-image: url(//cdn.shopify.com/s/files/1/1365/4413/t/10/assets/shadow-btm.png?18358413009664821771);
background-position: top;
background-size: 100% 13%;
background-repeat: no-repeat
}
.infographic ul li .infocopy {
margin: 5% 0
}
.infographic ul li .infocopy-2 {
margin: 12% 0 !important
}
.info-3 {
margin-top: 5% !important
}
}
@media only screen and (max-width: 480px) {
.blog-block-type h2,
.blog-block-type .h2,
.blog-block-type-full h2,
.blog-block-type-full .h2 {
font-size: 1.8em
}
.blog-block-type span {
margin-top: 120px
}
.reviews-title {
margin-top: 10px !important
}
.reviews {
top: 60px !important
}
.bolt-header {
font-size: 1.2em !important
}
.infographic ul li .infocopy {
margin: 8% 0
}
.info-3 {
margin-top: 8% !important
}
.locations-mobile {
margin-top: 50px
}
.reviews p {
margin: 10px auto 10px auto !important
}
.organiclogos {
width: 90px !important;
margin-top: 5px !important
}
}
.blog-block-type-full {
width: 100% !important;
margin: 0% !important
}
.blog-block-type-full h2,
.blog-block-type-full .h2 {
margin-bottom: 0px
}
.blog-block-type h2,
.blog-block-type .h2,
.blog-block-type-full h2,
.blog-block-type-full .h2 {
color: #b3935c;
text-transform: uppercase;
font-weight: bold;
line-height: 1em
}
.blog-block-type span {
color: #999;
line-height: 1.5em
}
.blog-block-type p,
.blog-block-type-full p {
color: #333;
line-height: 2em
}
.slick-slide-reviews {
width: 100%
}
.slick-initialized .slick-slide {
width: 9.5%
}
.blog-block-type p strong,
.blog-block-type-full p strong {
font-weight: bold
}
.right {
margin-left: 50%
}
.reviews-title {
margin-top: 30px
}
.reviews p {
width: 80%;
margin: 10px 10%;
line-height: 1.5em !important;
margin-bottom: 100%
}
.organiclogos {
width: 120px;
margin-top: 15px
}
.wheretobuybtn,
.wheretobuybtn-2 {
width: 300px;
margin: auto;
background-color: #b79555
}
.wheretobuybtn a,
.wheretobuybtn-2 a {
color: #fff !important
}
.wheretobuybtn:hover,
.wheretobuybtn-2:hover {
background-color: #b79555
}
.wheretobuybtn-2 {
margin: 15px 0
}
/*----------------------------------------------------------------
..BOTTOM HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..LEFT HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..RIGHT HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..RESPONSIVE BORDERING HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..SHOPPING CART
------------------------------------------------------------------*/
td.cart {
background:none;
width:24%;
*width:250px;
min-width:260px;
}
.nextCartWrapper {
}
.nextCartData {
box-shadow:0 5px 10px rgba(0, 0, 0, .3);
padding:0 6px 6px;
background:#777;
border-radius:5px;
}
#upCartData {
background:#FFF;
border-radius:4px;
padding:0 0 6px;
}
.nextShoppingCartBanner {
display:none;
}
#nextCartHeading {
color: #FFF;
font-size:16px;
font-weight: normal;
padding:9px 0 7px;
margin: 0 10px;
text-align: left;
letter-spacing:.5px;
background:url(//cdn.nexternal.com/common/images/banner_cart.png) 100% 50% no-repeat;
font-family: Georgia, "Times New Roman", Times, serif;
}
.nextCartContents {
margin:0;
padding:0;
border-radius:14px;
padding-bottom:20px;
}
.nextPoweredBy {
margin:10px 10px 0;
padding:0;
color:inherit;
text-align:center;
}
.nextPoweredBy a, .nextPoweredBy a:hover {
color:inherit;
}
.nextCartProducts td.nextCartShipTo {
background:#999;
color:#FFF;
border-radius:5px 5px 0 0;
padding:8px 11px;
border:0;
}
.nextCartShipTo b {
text-transform:uppercase;
font-weight:normal;
}
.nextShoppingCart {
margin:8px 6px 20px;
padding:0;
border:1px solid #999;
border-radius:5px;
overflow:hidden;
background:#FFF;
}
.nextShipMethodTable {
float:right;
}
/* ..invoice subtotal table*/
.nextCartSubtotal,
.nextInvoice .nextCartSubtotal td:nth-child(2),
.nextInvoice .nextCartSubtotal td:nth-child(3){
background:#EEE;
background:rgba(0,0,0,.03);
}
.nextInvoice .nextCartSubtotal {
background:none;
}
.nextCartCategoryDiscount{
background:none;
background:rgba(0,0,0,.05);
}
.nextOrderDiscount {
background:none;
background:rgba(0,0,0,.06);
}
.nextCustomerDiscount {
background:none;
background:rgba(0,0,0,.07);
}
.nextCouponDiscount {
background:#E7E7E7;
background:rgba(0,0,0,.08);
}
.nextSalesTax {
background:#DDD;
background:rgba(0,0,0,.1);
}
.nextShipping {
background:#CCC;
background:rgba(0,0,0,.15);
}
.nextGiftCert {
background:rgba(0, 0, 0, .03);
}
.nextInvoice .nextCartSubtotal td,
.nextInvoice .nextCustomerDiscount td,
.nextInvoice .nextCartCategoryDiscount td,
.nextInvoice .nextOrderDiscount td,
.nextInvoice .nextCouponDiscount td,
.nextInvoice .nextSalesTax td,
.nextInvoice .nextShipping td,
.nextInvoice .nextGiftCert td {
padding:6px 12px;
}
.nextCartProducts {
border-collapse:collapse;
border-spacing:0;
padding:0;
margin:0;
font-size:12px;
}
.nextCartProducts td {
padding:15px 2px;
border-top:1px solid #999;
}
.nextCartProducts tbody tr:first-child td {
border-top:0;
}
.nextCartSubtotal td, .nextCouponDiscount td, .nextSalesTax td, .nextShipping td, .nextGiftCert td {
padding:6px 2px;
}
.nextCartTotal td {
background:#454545;
background:rgba(0,0,0,.7);
border:0;
color:#FFF;
font-size:12px;
text-transform:uppercase;
line-height:1;
}
.nextInvoice .nextCartTotal td,
.directCheckout .nextCartTotal td {
padding:12px;
}
.cart .nextCartSubtotal td {
font-weight:bold;
}
.nextMisCustomer {
margin:5px auto 0 auto;
}
.nextCartEmpty {
padding:10px 5px;
font-size:18px;
color:#CCC;
line-height:1;
}
#spnScrollTarget {
display:block; /* eliminates gap below cart policies in IE7 */
font-size:0 !important;
}
/* override js sizing of coupon popup */
.nextCartBottomButtons div#mpeCoupon_foregroundElement .modal.nextSocialSaleCouponPopup {
height:auto !important;
}
body .nextCreditCardPopup {
width:600px;
}
/* pencil and trash - replace edit and delete (pencil and trash) icons with custom images */
td.cart div.nextButtonEdit, td.cart div.nextButtonDelete {
line-height:13px; /* match this to the icon height to vertically align legend text */
display:none;
}
*html td.cart .nextButtonEdit a, *html td.cart .nextButtonDelete a {
margin-left:10px; /* for IE6 and less */
}
td.cart .nextButtonEdit a, td.cart .nextCartProductEdit {
width:8px;
height:12px;
display:block;
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 -13px no-repeat;
margin:0 0 0 20px;
float:left;
opacity:.5;
}
td.cart .nextCartProductEdit {
margin:0 3px; /* pencil anchor margins */
}
td.cart .nextButtonEdit a img, td.cart .nextCartProductEdit img {
display:none;
}
td.cart .nextButtonEdit a:hover, td.cart .nextCartProductEdit:hover {
/*background-position: -14px -14px;*/
opacity:.9;
}
td.cart .nextButtonDelete a, td.cart .nextCartProductDelete {
width:8px;
height:10px;
display:block;
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 0 no-repeat;
margin:0 0 0 20px;
float:left;
opacity:.5;
}
/* white x in cart total row */
td.cart tr.nextCartTotal .nextCartProductDelete {
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 -28px no-repeat;
opacity:.7;
margin-bottom:1px;
}
td.cart tr.nextCartTotal .nextCartProductDelete:hover {
/*background-position:0 0;*/
opacity:1;
}
td.cart .nextCartProductDelete {
margin:0 3px; /* trash anchor margins */
}
td.cart .nextButtonDelete a img, td.cart .nextCartProductDelete img {
display:none;
}
td.cart .nextButtonDelete a:hover, td.cart .nextCartProductDelete:hover {
/*background-position:-14px 0px;*/
opacity:.9;
}
td.cart .nextButtonEdit label, td.cart .nextButtonDelete label {
float:left;
margin-left:5px;
}
td.cart .nextCartProdEdit {
padding-left:4px !important; /* quantity number padding */
}
a.nextCartProductEdit, a.nextCartProductDelete {
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
-ms-transition:none;
transition:none;
}
.nextCartAddendum {
margin:0 0 20px 6px;
background:url(//cdn.nexternal.com/common/images/alert.png) 0 50% no-repeat;
padding:2px 6px 2px 27px;
text-align:left;
font-size:12px;
min-height:15px;
}
/***** ..custom cart footers | ..kickers *****/
#cartFooter {
margin:10px 0 0;
}
#cartFooter h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
margin:0 0 5px;
font-weight:normal;
}
#cartFooter p {
margin:0;
padding:0;
font-size:14px;
}
.cartFooterBox {
margin:0 0 10px;
padding:10px;
color:#333;
text-align:left;
border-top:1px solid #CCC;
}
#cartShippingInfo p {
font-size:12px;
}
span.nextCartProdText {
padding-left:5px;
}
.nextMinimumOrderMessage {
margin:10px 6px;
color:#C33A43;
font-weight:bold;
text-align:left;
}
.nextCartCurrency {
margin:0 17px 20px;
text-align:left;
}
/*----------------------------------------------------------------
..PERSISTENT CATEGORY
------------------------------------------------------------------*/
td.persist{
width:20%;
*width:180px; /*IE7*/
}
.nextPersistWrapper {
min-width:130px;
}
#searchField {
width:100%;
*width:168px; /* IE7 */
min-width:80px;
border:1px solid #999;
padding:6px 8px 6px 25px !important;
border-radius:0;
background:#FFF url(//cdn.nexternal.com/common/images/bg_search_field.png) 3px 50% no-repeat;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
margin:0 0 15px 0;
}
.persist h4 {
margin:10px 0;
color:#111;
font-size:17px;
font-style: normal;
letter-spacing: 1px;
line-height: 1.2em;
text-align:left;
font-weight:400;
font-family: Georgia, "Times New Roman", Times, serif;
}
.nextPersistentCategory a {
text-decoration:none; /* all persistent category links */
display:block; /* all persistent category links - this makes the anchors 100% wide */
padding:10px 5px;
margin:0;
font-size:14px;
color:#666;
position: relative;
}
.nextPersistentCategory a:hover {
color:#000; /* all persistent category links hover */
background-color:#F8F8F8;
background-color:rgba(0, 0, 0, .07);
}
.nextTopCategory a {
border-bottom:1px solid #CCC;
}
.nextActiveCategory a, .nextActiveCategory a:hover {
color:#000;
background:#E5E5E5;
background:rgba(0, 0, 0, .1) url(//cdn.nexternal.com/common/images/chevron_dark.png) 100% 50% no-repeat;
padding-right:22px;
}
.nextTopCategory.nextActiveCategory a {
/*color:#000; /* active category */
/*background:none !important; /* for IE6 */
}
.nextTopCategory a:hover {
/*color:#000; /* active category hover */
}
.nextSubcategoryLevel1 a, .nextSubcategoryLevel2 a, .nextSubcategoryLevel3 a, .nextSubcategoryLevel4 a, .nextSubcategoryLevel5 a, .nextSubcategoryLevel6 a {
/*font-size:12px; /* all sub categories (extend this list if necessary) *//*padding:3px 0 3px 18px;*//*color:#999;*/
}
.nextSubcategoryLevel1 a {
padding-left:17px; /* first level subcategory */
}
.nextSubcategoryLevel2 a {
padding-left:27px; /* second level subcategory */
}
.nextSubcategoryLevel3 a {
padding-left:37px; /* third level subcategory */
}
.nextSubcategoryLevel4 a {
padding-left:47px; /* fourth level subcategory */
}
.nextSubcategoryLevel5 a {
padding-left:57px; /* fifth level subcategory */
}
.nextSubcategoryLevel6 a {
padding-left:67px; /* sixth level subcategory */
}
.nextSubcategoryLevel1, .nextSubcategoryLevel2, .nextSubcategoryLevel3, .nextSubcategoryLevel4, .nextSubcategoryLevel5, .nextSubcategoryLevel6 {
margin-left:0;
}
.nextExpandableCategory a:after {
content:"+";
position: absolute;
top:10px;
right:10px;
font-size: 16px;
font-weight: bold;
}
.nextExpandedCategory a:after {
content:"-";
position: absolute;
top:10px;
right:10px;
font-size: 16px;
font-weight: bold;
}
.nextActiveCategory a:after {
display: none;
}
.nextExpandableCategory > a,
.nextExpandedCategory > a{
padding-right: 25px;
}
/*----------------------------------------------------------------
..STORE CONTENT
------------------------------------------------------------------*/
#aspnetForm {
height:auto !important;
/*display:table; this centers content even when it blows out beyond max-width setting, but then padding is ignored*/
display:block;
margin:50px auto;
width:100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
max-width:1800px;
*width:1200px; /*IE7*/
/*min-width:768px;*/
padding:0 10px; /*padding no longer works on display:table elements, but we're now setting this do display:block by default*/
background:#FFF;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#aspnetForm {
display:block; /* safari only - display:table causes safari to ignore max-width -- Oct 2013 this affects chrome now, and safari and crome now respect display:table with max-width*/
}
}
#aspnetForm, #threadWrapper {
opacity:0; /* we'll fade these in as soon as the DOM loads */
}
.nextStoreFront #threadWrapper {
display:none;
}
body .nextSharingTools {
opacity:0; /* we'll fade this in with JS a few seconds after the DOM loads */
padding:0;
margin-top:30px;
width:253px; /* prevent jumpiness on product detail page */
}
.pageWidth {
max-width:1800px; /* double the padding when you calculate this */
min-width:668px;
margin:0 auto;
padding:0 10px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
td.main {
padding:0 30px;
}
.nocart td.main {
padding:0;
}
.nopersist td.main {
padding-left:0;
}
.nocart td.main {
padding-right:0;
}
/***** ..WHITE SPACE AND DEFAULT FORMATTING *****/
body td.main #threadWrapper {
font-size:12px;
}
.nextMainImage {
margin:0 30px 10px 0; /* main image margins */
}
.nextZoomIcon {
opacity:.85;
}
.nextCartAccountInfo, .nextCartTop {
margin:0 0 10px; /* margin above returning customer in shopping cart */
}
.nextHierarchyFinalText, .nextHierarchyFinalSeparator {
display:none;
}
hr.nextCatUnderbar {
height:1px;
}
.nextLargeImage {
padding:10px;
}
.nextSearchStatement {
padding-bottom:10px;
font-size:14px;
text-align:left;
}
.nextProductDetailTabbed .nextMainImage {
float:none; /*fix IE7 image overlap */
}
.nextPlusOne {
clear: both;
padding: 9px 0 0;
}
.main a.nextCatName {
display:block;
margin-top:10px;
margin-bottom:10px;
font-weight:normal;
font-size:16px;
}
.nextCurrentCategory {
margin:0 auto 0 0;
}
.nextProdImage {
float:none !important;
}
.nextNoAddresses, .nextNoCreditCards {
padding-top:10px;
}
#tdPriceDetails>span {
padding:8px 0 13px;
display:block;
}
.nextPriceDetailsLink {
font-style:italic;
padding-left:5px;
font-size:12px;
}
.nextPriceDetailsLink a:hover {
text-decoration:underline;
}
td.nextProduct {
padding:15px 5px 5px;
}
.nextProduct.nextFirst > td {
padding-top:30px;
}
.nextLegalDisclaimer {
padding:20px 0;
}
.nextRelatedThread {
width:auto;
margin-bottom:20px;
}
.nextRelatedListProduct ul {
list-style:none;
padding:0;
}
.nextProductDetail .nextStatus {
margin-bottom:15px;
}
#ui-id-1 {
font-size:12px;
}
.nextSortBy {
padding:3px 0;
font-size:11px;
}
.nextSortBy b {
font-weight:normal;
}
.nextNoProductsText {
text-align:left;
}
.nextHierarchyTitle {
display:none;
}
.nextSingleLinePrevNext {
margin-bottom:20px;
}
.nextSingleLinePrevNext a.disguise {
color:#558EA1;
font-size:12px;
}
td.nextCategory {
vertical-align:top;
}
.nextCategoryDescription {
padding-bottom:20px;
}
body.moveInvoiceButtonsJS tr.nextCartSubtotal a.nextEnterCoupon, body.moveInvoiceButtonsJS tr.nextCartSubtotal a.nextEnterGiftCert {
display:none; /* these buttons have been moved with JS on the invoice page */
}
.nextPickupRow > td {
padding:5px 3px 2px 0;
}
.nextPickupLabel {
white-space:nowrap;
}
.nextAddToCartCell {
text-align:left;
}
.nextAddToCartQuantity input {
width:21px;
}
body .pagination:empty {
display:none;
}
.nextInvoice .nextOrderNotificationTable {
float:left;
}
.nextOrderNotificationTable td {
padding:20px 5px 30px;
}
.nextHierarchyShopping {
display:inline-block;
margin-bottom:10px;
}
.nextPolicyWrapper {
margin-top:25px;
}
td.nextNewCustomer,
td.nextReturningCustomer {
padding-top:15px;
}
.nextShipToAddressBookRow td,
.nextBillToAddressBookRow td {
padding-bottom:15px;
}
#threadWrapper.empty {
display:none; /* new for vanillaBean122 */
}
/***** END WHITE SPACE AND DEFAULT FORMATTING *****/
/***** PRODUCT LIST STYLING *****/
/*
.nextProductList .nextProductWrapper *:not(.margin, .margin *) {
font-size:13px;
font-weight:normal !important;
}
*/
a.nextProdName, .nextTileProducts .nextShortDesc, .nextPrice, .nextBidPrice, .nextStatus, .nextVisibility {
display:block;
margin-bottom:8px;
}
.directCheckout .nextPrice {
display:table-cell;
}
a.nextProdName {
text-transform:uppercase;
margin-bottom:5px;
font-size:12px;
text-decoration:none;
}
a.nextProdName:hover {
text-decoration:underline;
}
a.nextProdThumb {
margin:0 0 10px 0; /* margins for product thumbnails on product list pages */
display:inline-block; /* necessary for the right margin to work */
}
.main td.nextProdThumb {
padding-right:15px;
}
.nextTileProducts {
margin-top:10px; /* margin below banner on product detail screen */
}
.nextProductList .nextShortDesc {
margin-bottom:5px;
}
.nextCustomField1 b,
.nextCustomField1 b,
.nextCustomField2 b,
.nextCustomField3 b,
.nextCustomField4 b,
.nextCustomField5 b,
.nextCustomField6 b,
.nextCustomField1,
.nextCustomField1,
.nextCustomField2,
.nextCustomField3,
.nextCustomField4,
.nextCustomField5,
.nextCustomField6 {
font-style:normal;
font-weight:normal;
}
.nextProductList .nextPrice,
.nextProductList .nextAllocation,
.nextProductList .nextCustomField1,
.nextProductList .nextCustomField2,
.nextProductList .nextCustomField3,
.nextProductList .nextCustomField4,
.nextProductList .nextCustomField5,
.nextProductList .nextCustomField6 {
margin-bottom:5px;
}
.nextTileProductBanner td {
text-align:left;
}
.nextProductSpacer div {
width:30px;
}
.nextShipToSelect {
white-space:nowrap;
}
.nextProductList .nextShipToSelect select,
.nextProductList .nextShipToSelect option {
font-size:11px;
}
.nextShipToSelect label,
.nextPickupSelect label {
font-size:12px;
}
.nextShipToSelect select {
/*margin-left:5px;*/
}
.nextShipToLabel input,
.nextPickupLabel input {
margin:0 5px 0 0;
}
.nextShipToSpacer,
.nextPickupSpacer {
width:0;
}
.nextProductList .nextShipToCell,
.nextProductDetail .nextShipToCell {
padding:0 0 4px 0;
}
.nextPickupSelect,
.nextPickupLabel {
white-space:nowrap;
}
.nextPickupLabel span {
padding-right:5px;
}
.nextPickupInnerTable {
margin-top:5px;
}
.nextAddToCartCell {
padding-top:8px;
}
.nextProductList .nextRating {
display:none;
}
.nextProductList .nextRatingIcons {
padding-left:5px;
display: inline-block;
padding: 0 0 0 4px;
}
.nextProductList .nextRatingIcons img {
height:15px;
float:left;
}
.nextAddToCartInnerTable {
margin:0 auto 0 0;
}
.nextShipToInnerTable {
margin:0 auto 0 0;
}
.infoBtn {
display:inline-block;
margin:-1px 0 0 0;
vertical-align:middle;
}
.nextPickupSelect a {
opacity:.7;
display:inline-block;
outline:0;
}
.nextPickupSelect a:hover {
opacity:1;
}
.nextPickupRow td {
padding-top:5px;
}
.nextListProducts tr.nextProduct > td {
vertical-align:top;
padding-left:7px;
}
.nextListProducts tr.nextProduct > td:first-child {
padding-left:0;
}
.nextExpressOrderProducts .nextProdThumb img {
/*max-height:200px;*/
}
.nextExpressOrderProductRow .nextProdThumb a, .nextExpressOrderSKURow .nextProdThumb a {
display: inline-block;
margin: 6px 10px 6px 0;
}
/***** END PRODUCT LIST STYLING *****/
/***** ..depricated POPUP CSS OVERRIDE 2.2 updated with :not(.oms) 6/1/2018 ******/
/*depricated, use the one in the collapsible cart section instead
body:not(.nextCartShowing):not(.oms) .modal:not(.nextEnterShipToPopup):not(.nextNotifyInstockPopup):not(.nextRedeemGiftCertificatePopup):not(.nextCreditCardPopup), body:not(.nextCartShowing):not(.oms) div.margin:not(.nextAddressBookPopup):not(.nextPriceDetailsPopup), body:not(.nextCartShowing):not(.oms) .nextCartPolicies div.margin, body:not(.nextCartShowing):not(.oms) .nextPrivacyPolicyPopup {
top:250px !important;
}
*/
#mpeAddressValidation_foregroundElement, #mpeCalculator_foregroundElement, #mpeEditAddress_foregroundElement, #mpeCreditCard_foregroundElement, #mpeTracking_foregroundElement {
position:absolute !important;
}
.nextPickupLocationPopup,
.nextSusbscriptionDescriptionPopup {
position:fixed !important;
}
.modal.nextUpsell {
display:table;
}
/* experimental: move gift message textbox into gift message popup
body:not(.nextInvoice) .margin.nextGiftMessage {
position:relative !important;
border:0;
display:block !important;
visibility:visible !important;
box-shadow: none;
top:0 !important;
left:0 !important;
}
body:not(.nextInvoice) .nextGiftMessageRow td {
vertical-align:top;
}
body:not(.nextInvoice) .nextSubmitGiftMessage,
body:not(.nextInvoice) .nextGiftMessageTargetLink {
display:none;
}
*/
/***** END POPUP CSS OVERRIDE ******/
/***** ...ACTION BLOCKS *****/
.nextProductDetailTabbed h1.nextProdName, .nextProductDetailTabbed .nextPrice, .nextSharingTools h3, .nextAttributes h3 {
font-family: Georgia, "Times New Roman", Times, serif; /* action blocks headings font */
}
/* Action Blocks - Background Color */
.nextTabbedDetails, .nextSharingTools, .nextProductDetailTabbedTable tr:nth-child(odd) td {
/*background:#FBFBFB !important; /* Action Blocks - Background Color */
}
.nextTabbedDetails, .nextSharingTools, .nextProductDetailTabbedTable, .nextProductDetailTabbedTable td, .nextSharingTools h3, .nextAttributes h3 {
border-color:#CCCCCC !important; /* Action Blocks - Border Color */
}
body .nextProductDetailTabbedTable tr:nth-child(odd) td,
body .nextProductDetailTabbedTable tr:nth-child(even) td,
body .nextProductDetailTabbedTable td {
background: none;
}
body .nextTabbedDetails, body .nextSharingTools {
border-radius:2px;
background:none;
border:none;
padding:0;
}
/***** END ACTION BLOCKS *****/
/***** ...TABBER *****/
body #tcTabs_header {
font-family: Georgia, "Times New Roman", Times, serif;
}
.tab .ajax__tab_outer {
background:#F7F7F7; /* inactive tab background */
border-color: #CCC; /* inactive tab border color */
font-weight: 400; /* inactive tab font weight */
padding:0; /* all tabs padding */
cursor:pointer;
margin:0;
font-size:15px;
border-bottom:1px solid #CCC;
border-radius:2px 2px 0 0;
}
.tab .ajax__tab_outer span {
color: #666; /* inactive tab text color */
}
.tab .ajax__tab_outer:hover span {
color: #666; /* inactive tab hover text color */
}
.tab .ajax__tab_outer:hover {
background:#EEE; /* inactive tab hover background*/
}
.tab .ajax__tab_active .ajax__tab_outer {
background:#FFF; /* active tab background */
border-color: #CCC; /* active tab border color */
font-weight: 400; /* active tab font weight */
border-bottom:1px solid #FFF;
box-shadow:2px 0 0 rgba(0, 0, 0, 0.1);
}
.tab .ajax__tab_active .ajax__tab_outer span {
color:#666 /*active tab text color */
}
.tab .ajax__tab_active .ajax__tab_outer:hover span {
color:#666 /*active tab hover text color */
}
.ajax__tab_inner a span {
padding:8px 15px;
display:block;
}
.tab .ajax__tab_body {
background:#FFF; /* tabber content background */
border:0;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:20px 10px;
}
.ajax__tab_header a {
outline:0;
}
.nextRatingIcons {
vertical-align:bottom;
}
.nextRatingIcons img {
vertical-align:middle;
}
/***** END TABBER *****/
/***** ...BANNERS AND HEADINGS *****/
body .nextProductDetailTabbed h1.nextProdName,
body .modal tr.banner1,
body div.margin tr.banner1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:22px;
color:#594F46;
margin:0 0 25px;
font-weight:normal;
}
.main .banner1,
.main .banner2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
}
.nextTileProductBanner tr.banner1 td, .nextSubcategoriesBanner tr.banner1 td, tr.bannerStoreFront td, .nextNoProductsBanner td, .nextRelatedProducts .nextAppendHeader, .main .banner1 h1.nextBannerText, .nextPolicies tr.banner1 td {
color:#444;
text-align:left;
background:none;
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:300;
padding:0;
line-height:1;
}
.nextTileProductBanner tr.banner1, .nextSubcategoriesBanner tr.banner1, .main tr.bannerStoreFront, .nextNoProductsBanner tr.banner1, .nextPolicies tr.banner1 {
background:none;
}
.nextTileProductBanner, .nextSubcategoriesBanner, .nextTopBanner, .nextNoProductsBanner {
margin-bottom:25px;
}
.nextTileProductBanner tr.banner1 .nextBannerText, .nextSubcategoriesBanner tr.banner1 .nextBannerText, .bannerStoreFront .nextBannerText, .nextNoProductsBanner .nextBannerText {
padding:0;
}
.bannerStoreFront .nextStoreFrontBannerSpacerCell {
width:0;
}
.nextBannerText {
padding:3px 6px;
display:block;
}
.nextRelatedProducts .nextAppendHeader {
border-bottom: 1px solid #E6E6E6;
margin: 40px 0 20px;
font-size:18px;
padding:0 0 3px;
}
.nextRelatedProducts .nextAppendHeader b {
font-weight:normal;
}
.nextBottomBanner {
margin:10px 0 0 0;
display:none;
}
.nextBannerCellButton img {
vertical-align:middle;
}
.modal .nextBannerText,
.margin .nextBannerText {
white-space:normal;
}
.modal {
/*display:table;*/
}
.nextListProducts .nextPrice {
padding:15px;
}
/***** END BANNERS *****/
/***** ..security disclaimer (login page) *****/
.nextSecurityDisclaimer {
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
padding: 20px 0 27px;
margin-top:100px;
/*display:table;*/
width:100%;
}
.nextSecurityDisclaimer img {
margin:0 20px 10px 0;
}
.nextLogin .main .nextTopBanner {
display:none;
}
.nextLogin .nextUpsell .nextTopBanner {
display:block;
}
/***** ..security disclaimer (login page) *****/
/* ..customer comments */
.nextCustomerComments {
background-color: #EEE;
border: 1px solid #999;
box-sizing: border-box;
color: #333;
margin-top: 14px;
padding: 5px;
width: 100%;
}
.nextCommentsTable {
width:100%;
}
/*----------------------------------------------------------------
..HTMLBUTTONS
------------------------------------------------------------------*/
input.nextHTMLButton, a.nextHTMLButton, a.nextAddEditButton {
color:#FFF;
background:#43bcee;
padding:8px 12px;
border:0;
border-radius:0;
font-weight:normal;
font-size:13px !important;
cursor:pointer;
font-family: Helvetica, Arial, sans-serif;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
-webkit-appearance: none;
text-decoration:none;
text-transform: uppercase;
}
input.nextHTMLButton:hover, a.nextHTMLButton:hover, a.nextAddEditButton:hover {
background-color:#139ad2;
color:#FFF;
}
input.nextHTMLButton:active, a.nextHTMLButton:active, a.nextAddEditButton:active {
box-shadow:inset 0px 2px 5px rgba(0, 0, 0, .5);
}
input.nextHTMLButton.nextATCButton {
margin:5px 0 5px 5px;
display:inline-block;
background-image:url(//cdn.nexternal.com/common/images/atc_plus.png);
background-position:100% 50%;
background-repeat:no-repeat;
padding-right:25px;
}
a.nextAddEditButton {
padding:1px 10px 1px 25px;
background-position:7px 50%;
background-repeat:no-repeat;
}
a.nextEditButton {
background-image:url(//cdn.nexternal.com/common/images/bg_edit.png);
/*background-image:url(//cdn.nexternal.com/common/images/bg_edit_dark.png);*/
}
a.nextAddButton {
background-image:url(//cdn.nexternal.com/common/images/bg_add.png);
/*background-image:url(//cdn.nexternal.com/common/images/bg_add_dark.png);*/
}
.nextSearchButton input.nextHTMLButton {
margin-left:4px;
}
.cart #btnCheckOutTop, .cart #btnCancelOrderTop {
display:none;
}
.nextClubCustomerType #memberSavings {
display:none;
}
#memberSavings:hover {
opacity:.8;
}
#pnlDisplayLoyaltyPoints {
padding: 10px 10px 0;
text-align: left;
}
.cart .nextCartLoyaltyRedemption {
margin-top:10px;
}
.moveInvoiceButtonsJS .nextCartSubtotal a.nextEnterGiftCard,
.moveInvoiceButtonsJS .nextCartSubtotal a.nextEnterGiftCard + span {
display:none;
}
/*a.nextCartDetermineSTP, a.nextCartEditSTP, .nextGiftMessageWrap div>a, .nextCartBottomButtons a, a.nextEnterGiftCert, a.nextEnterCoupon*/
a.nextCartDetermineSTP, a.nextCartEditSTP, .nextGiftMessageWrap div>a, .nextCartBottomButtons > a, a.nextEnterGiftCert, a.nextEnterCoupon, #memberSavings, a.nextEnterGiftCard {
display:block;
padding:6px 30px 6px 12px;
margin:0 6px 3px;
text-decoration:none;
font-size:11px;
font-weight:normal;
text-align:left;
line-height:1;
/*background:#777 url(//cdn.nexternal.com/common/images/arrow_rt_light.png) 100% 50% no-repeat;*/
background:#DDD url(//cdn.nexternal.com/common/images/arrow_rt_dark.png) 100% 50% no-repeat;
text-align:left;
/*color:#FFF;*/
color:#333;
border-radius:3px;
vertical-align:top;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
a.nextCartDetermineSTP:hover, a.nextCartEditSTP:hover, .nextGiftMessageWrap div>a:hover, .nextCartBottomButtons a:hover, a.nextEnterGiftCert:hover, a.nextEnterCoupon:hover, a.nextEnterGiftCard:hover {
opacity:.8;
color:#333;
/*color:#FFF;
background-color:#666;
background-image: url(//cdn.nexternal.com/common/images/arrow_rt_light.png);*/
}
#memberSavings {
background:#777 url(//cdn.nexternal.com/common/images/arrow_rt_light.png) 100% 50% no-repeat;
color:#FFF;
}
.nextInvoice a.nextEnterGiftCert, .nextInvoice a.nextEnterCoupon, .nextInvoice a.nextEnterGiftCard {
margin:0 auto;
font-size:13px;
background:#777;
background:rgba(0,0,0,.5) url(//cdn.nexternal.com/common/images/arrow_rt_light.png) 100% 50% no-repeat;
color:#FFF;
}
.nextInvoice a.nextEnterCoupon {
background-color:rgba(0,0,0,.4);
}
.nextInvoice a.nextEnterGiftCard {
background-color:rgba(0,0,0,.6);
}
.nextGiftMessageWrap, .nextCartCalculator, .nextCartBottomButton {
margin:0;
padding:0;
}
.oms .nextCartData input.nextHTMLButton.nextCheckOutButtonTop, .oms .emptyCart input.nextHTMLButton.nextCheckOutButtonTop, .oms .nextCheckOutButton.nextCheckOutButtonBottom {
display:inline-block;
margin:5px 0;
}
input.nextHTMLButton.nextCheckOutButton, .oms input#btnCancelOrderBottom, .editPendingOrder input#btnCancelOrderBottom, .oms input#btnCancelOrderEmptySuperCart {
background-image:url(//cdn.nexternal.com/common/images/arrow_rt_light.png);
background-position: 100% 50%;
background-repeat:no-repeat;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
text-align:left;
display:none;
padding-right:30px;
}
input.nextHTMLButton.nextCheckOutButtonBottom, .oms input#btnCancelOrderBottom, .oms input#btnCancelOrderEmptySuperCart {
width:100%;
margin:0;
font-size:16px !important;
}
.nextCheckOutButtonBottomWrapper input.nextHTMLButton.nextCheckOutButton, .oms .nextCheckOutButtonBottomWrapper input#btnCancelOrderBottom, .oms .nextCheckOutButtonBottomWrapper input#btnCancelOrderEmptySuperCart {
display:block;
}
.account input.nextHTMLButton.nextCheckOutButton, .checkout input.nextHTMLButton.nextCheckOutButton {
background-image:url(//cdn.nexternal.com/common/images/arrow_lt_light.png);
background-position:0 50%;
text-align:center;
padding-left:30px;
padding-right:12px;
}
input.nextHTMLButton.nextCheckOutButtonTop {
display:none;
}
.nextCheckOutButtonBottomWrapper {
padding:20px 6px 14px;
}
.nextCheckOutButtonBottomWrapper, input.nextHTMLButton.nextCheckOutButton {
display:none;
}
.nextCheckOutButtonBottomWrapper input.nextHTMLButton.nextCheckOutButton {
display:block;
}
input.nextHTMLButton.nextCheckOutButton,
.nextCentered input.nextHTMLButton {
/*opacity:.7;*/
}
input.nextHTMLButton.nextCheckOutButton:hover {
/*opacity:1;*/
}
/* Order submit button */
.nextOrderInfo .nextCentered .nextHTMLButton, .nextInvoice .nextHTMLButton {
padding:10px 20px;
margin-top:10px;
font-size:16px !important;
}
/*----------------------------------------------------------------
..TOGGLE PERSIST CUSTOM
------------------------------------------------------------------*/
body .nextPersistWrapper, body #searchWrapper {
top:35px;
}
body.article #threadWrapper {
display:none;
}
/* custom break point for persist toggle (customize the min-width and max-width below) */
/*
@media (min-width: 768px) {
body #searchWrapper,
body .nextPersistWrapper {
display:block !important;
}
body #persistToggle,
body #searchToggle {
display:none !important;
}
body td.persist{
width:20%;
position:relative;
}
body .nextPersistWrapper,
body #searchWrapper {
background:#FFF;
border:none;
border-radius:0;
padding:0;
width:auto;
z-index:0;
display:block;
top:0;
}
body #persistToggle,
body #searchToggle,
body #persistToggle.untouched,
body #searchToggle.untouched {
display:none;
}
}
@media (max-width: 767px) {
body td.persist{
width:0;
position:absolute;
}
body .nextPersistWrapper,
body #searchWrapper {
background:#FFF;
border:1px solid #CCCCCC;
border-radius:5px;
left:0px;
padding:0 10px 10px;
position:relative;
top:35px;
width:300px;
z-index:1;
display:none;
clear:both;
}
body #persistToggle,
body #searchToggle,
body #persistToggle.untouched,
body #searchToggle.untouched {
display:inline-block;
}
}
*/
/*----------------------------------------------------------------
..CLUB LOGIN FORM CUSTOM
------------------------------------------------------------------*/
body #clubLogin, body .loginMessage {
margin: 0;
padding: 10px 0;
background:#EEE;
color:#333;
clear:both;
}
body #clubLogin h3 {
font-size:16px;
margin:0 0 0 5px;
color:#333;
}
body.nextLogin #clubLogin,
body.nextRegister #clubLogin{
display:none;
}
#clubLogin * {
vertical-align:middle;
}
/*----------------------------------------------------------------
..CLUB PRICING 2.0
------------------------------------------------------------------*/
.nextClubCustomerType .hideClubPricingFromClubMemebers .clubPrice {
display: none;
}
.clubPricing .priceLabel,
.clubPricing .nextPriceDetailsLink,
.noClubPricing .priceLabel,
.noClubPricing .nextPriceDetailsLink{
/*font-size:.8em;*/
font-size:.8rem;
}
.nextProductDetail .clubPricing .priceLabel,
.nextProductDetail .noClubPricing .priceLabel{
/*font-size:.6em;*/
font-size:.6rem;
}
.nextProductDetail .clubPricing .nextPrice b,
.nextProductDetail .noClubPricing .nextPrice b{
font-weight: normal;
}
.clubPricing .nextTabbedProduct .nextPrice {
margin: 0;
padding: 0;
}
.clubPricing #tabMotion .nextPrice {
/*font-size: 18px;*/
font-size:1.2rem;
}
/*----------------------------------------------------------------
..PROGRESS TRACKER CUSTOM
------------------------------------------------------------------*/
#progress {
margin:0 auto;
text-align:center;
position:relative;
display:none;
background:#FFF;
padding-top:30px;
}
.nextLogin #progress, .nextRegister #progress, .nextOrderInfo #progress, .nextInvoice #progress {
display:block;
}
.nextLogin.hideProgress #progress {
display:none;
}
#progress h3 {
font-weight:normal;
font-size:22px;
color:#666;
line-height:24px;
margin: 0 0 20px;
font-family:Georgia, "Times New Roman", Times, serif;
clear:both;
}
#progressBar {
position:absolute;
top:105px;
left:50%;
width:400px;
margin-left:-205px;
border-bottom:1px solid #999;
box-shadow:0 3px 6px rgba(0, 0, 0, .3);
}
#progress ul {
margin:0 auto;
text-align:center;
padding:0;
*width:614px; /*for IE7-*/
}
#progress ul li {
display:inline-block;
position:relative;
width:200px;
font-size:13px;
margin:0;
padding:0;
*float:left; /*for IE7-*/
list-style:none;
}
#progress ul li span {
display:inline-block;
border-radius:99px;
color:#FFF;
font-size:12px;
font-weight:bold;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
outline:0;
position:relative;
text-align:center;
text-decoration:none;
background:#aaa;
list-style:none;
width:30px;
height:30px;
line-height:30px;
margin:0 auto 5px;
box-shadow:0 3px 6px rgba(0, 0, 0, .3);
}
.nextLogin li#progress1 span, .nextRegister li#progress1 span, .nextOrderInfo #progress li#progress2 span, .nextInvoice #progress li#progress3 span {
background:#000;
}
#progress ul li em {
display:block;
color:#888;
font-style:normal;
}
#progressContinueShopping {
text-decoration:none;
float:left;
font-size:12px;
}
.nextOrderConfirmation #progressContinueShopping {
display:none;
}
/*----------------------------------------------------------------
..INTERNAL ORDER PAGES
------------------------------------------------------------------*/
.oms #trTop, .oms #trBottom, .oms #searchField, .oms #memberSavings, .oms #searchToggle {
display:none !important;
}
.oms .cart #btnCheckOutTop, .oms .cart #btnCancelOrderTop, .editPendingOrder .cart #btnCancelOrderTop {
display:none;
}
body.oms input#btnCancelOrderBottom, body.oms input#btnCancelOrderEmptySuperCart, body.editPendingOrder input#btnCancelOrderBottom {
background-color:#000;
background-image:url(//cdn.nexternal.com/common/images/x_white.png);
margin-top:3px;
opacity:1;
color:#FFF;
}
body.oms input#btnCancelOrderBottom:hover, body.oms input#btnCancelOrderEmptySuperCart:hover {
opacity:.7;
}
.oms .main input[type="submit"] {
margin-right:5px;
}
.oms .nextCartTop {
background: white;
border-radius: 5px;
padding-bottom:10px;
}
/*----------------------------------------------------------------
..Buy A Case (..Add Case to Cart Button)
------------------------------------------------------------------*/
.acTrigger {
margin:1px 10px 5px 5px;
cursor:pointer;
}
.addCaseMessage {
color:#B82727;
font-size:13px;
line-height:1.1;
}
.nextShortDesc .acTrigger,
.nextShortDesc .addCaseMessage {
display:none;
}
/*----------------------------------------------------------------
..Buy A Case 2.0
------------------------------------------------------------------*/
.buyACaseRow a.nextHTMLButton.buyCase {
display: block;
margin:0;
}
.buyACaseCell a.nextHTMLButton.buyCase {
margin:0 0 0 7px;
}
a.nextHTMLButton.buyCase {
background:rgba(0, 0, 0, .1);
color: #777;
text-align: center;
}
.hasCaseBtn .nextAddToCartQuantity input {
margin: 0 7px 8px 0;
}
.hasCaseBtn input.nextHTMLButton.nextATCButton {
margin: 0;
width:100%;
}
.hasCaseBtn .nextAddToCartTable {
margin-top:5px;
}
.hasCaseBtn .nextAddToCartTable td {
vertical-align: top;
}
/*----------------------------------------------------------------
..RETILE.CSS CUSTOM (requires retile.js and retile.css)
------------------------------------------------------------------*/
body .fluidContainer .nextCatLinks, body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:100%; /* Tile 1 products across (ignore padding for this - containers are set to box-sizing: border-box) */
text-align:left;
/*padding:0 1.5% 5%; */
padding:0; /* padding on display:table elements stopped working in 2015, so now we pad .tileContent */
}
body .fluidContainer .nextCatLinks {
text-align: center;
}
.tileContent {
padding:0 4.5% 15%;
}
.nextCatLinks .tileContent {
padding-bottom:1%;
}
body .relatedWrap a {
padding:0 .5em;
display:inline-block;
}
@media only screen and (min-width: 767px) {
body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:49.9%; /* Tile up to 2 products across at this resolution */
}
body .fluidContainer .nextCatLinks {
width:49.9%; /* Tile up to 2 categories across at this resolution */
}
}
@media only screen and (min-width: 1300px) {
body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:33.2%; /* Tile up to 3 products across at this resolution */
}
}
@media only screen and (min-width: 1600px) {
body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:24.9%; /* Tile up to 4 products across at this resolution */
}
}
/* oneTile 2.0 break point - requires onetile JS and retile.js, retile.css (1 product per row product list break point) */
/*
@media only screen and (max-width: 900px) {
body:not(.preserveOrder) .main a.nextProdThumb {
display:inline-block;
}
body:not(.preserveOrder) .fluidContainer .nextProductWrapper{
width:100%;
}
body:not(.preserveOrder) .tileCol {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-table;
margin: 0 3% 0 0;
padding: 0;
vertical-align: top;
width: 24%;
}
body:not(.preserveOrder) .tileCol.prodTileRt {
width: 32%;
}
body:not(.preserveOrder) .prodThumbWrap.tileCol {
}
body:not(.preserveOrder) .fluidContainer .nextProductWrapper table {
margin: 0 0 10px;
}
body:not(.preserveOrder) a.nextProdThumb img {
max-width:100%;
}
body:not(.preserveOrder) a.nextProdName {
line-height:1;
}
body:not(.preserveOrder) .nextSelectOptions {
text-align:right;
}
}
*/
/* onetile 1.0 break point (depricated) - requires onetile JS and retile.js, retile.css (1 product per row product list break point) */
/*
@media only screen and (max-width: 1023px) {
body .main a.nextProdThumb {
display:inline-block;
}
body .fluidContainer .nextProductWrapper{
width:100%;
}
.prodThumbWrap {
float:left;
margin-right:5%;
width:24.5%;
}
.prodTileRt {
display:inline-block;
width:70%;
text-align:left;
}
a.nextProdName {
line-height:1;
}
body .fluidContainer .nextProductWrapper table {
margin-left:auto;
margin-right:0;
}
.nextSelectOptions {
text-align:right;
}
}
*/
.fluidContainer .nextProductWrapper table {
margin-left:0;
margin-right:auto;
}
.fluidContainer .nextProductWrapper .modal table {
margin-left:0;
}
.nextProductList.nextCategory21 div.fluidContainer {
/*min-width:650px; /* we must set a min width on the product wrapper on an allocated product list page to maintain 3 products across */
}
/*----------------------------------------------------------------
..FLUID 2.2
------------------------------------------------------------------*/
/***** ..fluid thumbs *****/
body .nextCatThumb, body a.nextProdThumb, body .nextRelatedThumb {
*width:auto !important;/*IE7*/
margin:0 auto 10px;
display:inline-block;
}
.nextCatThumb img, a.nextProdThumb img, .nextRelatedThumb img {
width:100% !important;
display:inline-block;
max-width:100%;
*width:auto; /* IE7 */
margin:0;
height:auto !important;
}
.nextCategoryTable {
width:100%; /* for Safari */
}
/***** end fluid thumbs *****/
/***** ..fluid main images *****/
.nextMainImage > div {
display:inline-block;
min-width:150px;
}
.nextProdImage {
display:inline-block;
max-width:100%;
width:100% !important;
*width:auto !important;
height:auto !important;
}
.nextDCProdDetail .nextProdImage{
width:auto;
}
td.nextMainImageWrap {
/*width:100%; /* experimental - force cell that contains main image to be as wide as possible. */
}
/***** end fluid main images *****/
/***** ..fluid gallery thumbs (adjust max-width to determine how many thumbs per row, and select a max-width for their continer .nextGallery) *****/
/**/
.nextGalleryWrap {
width:100%;
}
.nextGallery {
text-align:center;
width:100%;
font-size:0;
float:none;
margin:12px auto;
max-width:400px;
}
.nextGallery div {
display:inline;
}
.nextMiniThumb {
display:inline-block;
max-width:17.5%;
margin:1%;
float:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nextMiniThumb img {
display:inline-block;
max-width:100%;
width:100%;
vertical-align:top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/**/
/***** end fluid gallery thumbs *****/
/***** ..fluid form fields *****/
.nextLogin .nextLoginForm input:not([type=submit]) {
width:86%;
}
.nextRegister td.main input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]) {
width:86%;
}
.nextOrderInfo td.main input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]) {
width:80%;
}
/***** end fluid form fields *****/
/*----------------------------------------------------------------
..CC Collapsible Cart
------------------------------------------------------------------*/
.CCartActive.oms #trTop {
display: table-row !important;
}
.CCartActive.oms .hideInternal{
display:none !important;
}
.CCartActive.nocart #nextCartMask {
display:none !important;
}
.CCartActive .nextPrivacyPolicyPopup, .nextShippingPolicyPopup, .nextReturnPolicyPopup {
z-index:1010;
}
.CCartActive .nextCheckOutButton.nextCheckOutButtonBottom {
/*display:block !important;*/
}
.CCartActive #nextCartMask {
display:none;
position:fixed;
width:100%;
height:100%;
background:#000;
z-index:10;
top:0;
left:0;
}
.CCartActive #cartUtilityWrap {
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.CCartActive #cartUtilityWrap > ul {
float:left;
margin-right:10px;
}
.CCartActive.nextNotLoggedIn #cartUtilityWrap > ul {
margin-right:0px;
}
.CCartActive #cartUtilityWrap > ul li{
margin:5px 0 0;
}
.CCartActive .triggerCart {
float:right;
}
.CCartActive .ui-effects-transfer {
border: 2px solid #666;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:auto 100%;
border-radius:5px;
z-index:1010;
}
.CCartActive #cartUtilityWrap #btnCheckOutTop {
display:inline-block;
}
.CCartActive #cartUtilityWrap .nextHTMLButton {
display:inline-block;
margin:0 0 0 5px;
line-height:1;
}
.CCartActive #checkoutBtnPlaceholder {
display:inline-block;
}
body.CCartActive.nextLogin .nextCartFooter {
/*display:none;*/
}
.CCartActive .persist .nextCartFooter {
margin-top:40px;
}
.CCartActive .persist .cartFooterBox:first-child {
border:none;
}
/* high res - collapsible cart inactive*/
@media only screen and (min-width: 9999px) {
body.hoverView.nextCartShowing .nextTileProductWrapper .quickViewContent {
z-index:1; /*fix hoverview issue when cc is inactive*/
}
.CCartActive.nextCartShowing #nextCartMask {
display:none !important;
}
.CCartActive .nextCartWrapper {
display:block !important;
}
.CCartActive #responsiveUtilityWrapper,
.CCartActive #closeCart,
.CCartActive #cartUtilityWrap .nextCartTrigger {
display:none;
}
.CCartActive #cartUtilityWrap {
padding-bottom:5px;
min-height:28px;
}
.CCartActive #checkoutBtnPlaceholder {
margin-top:5px;
display:none;
}
/***** ..POPUP CSS OVERRIDE 2.3 ******/
body:not(.oms) .modal:not(.nextEnterShipToPopup):not(.nextNotifyInstockPopup):not(.nextRedeemGiftCertificatePopup):not(.nextCreditCardPopup), body:not(.oms) div.margin:not(.nextAddressBookPopup):not(.nextPriceDetailsPopup), body:not(.oms) .nextCartPolicies div.margin, body:not(.oms) .nextPrivacyPolicyPopup {
/*top:250px !important;*/
}
}
/* low res - collapsible cart active*/
@media only screen and (max-width: 9999px) {
body.CCartActive {
padding-top:29px;
}
body.CCartActive.nocart {
padding-top:0;
}
.CCartActive #responsiveUtilityWrapper {
background:#777;
text-align:right;
position:fixed;
z-index:1010;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display:block;
padding:3px 0;
top:0;
left:0;
line-height:1;
}
body.CCartActive.nocart #responsiveUtilityWrapper {
display:none;
}
.CCartActive td.cart{
width:0;
min-width:0;
}
.CCartActive .nextCartWrapper {
z-index:1000;
position: absolute;
top: 20px;
left: 50%;
width: 400px;
margin-left: -200px;
display:none;
}
.CCartActive td.cart #cartUtilityWrap {
display:none;
}
.CCartActive #cartUtilityWrap {
padding:0;
}
.CCartActive .nextUtilityParent > span {
color:#FFF;
}
.CCartActive #cartUtilityWrap > ul {
float:right;
}
.CCartActive.nextNotLoggedIn #cartUtilityWrap > ul > li:first-child {
float:right;
margin-top:0;
margin-left:10px;
}
.CCartActive.nextCartShowing #nextCartMask {
display:block;
}
.CCartActive #closeCart {
background: url("//cdn.nexternal.com/common/images/bg_closeX_3.png") no-repeat scroll 0 50% transparent;
font-size:0;
font-weight: bold;
height: 39px;
width: 39px;
line-height: 0;
position: absolute;
right: -19px;
text-align: center;
text-indent: -9999px;
top: -19px;
cursor:pointer;
display:block;
}
.CCartActive .cart #cartFooter {
background:#FFFFFF;
border-radius: 5px;
overflow: hidden;
}
.CCartActive #cartUtilityWrap li.nextUtilityParent {
background-image: url("//cdn.nexternal.com/common/images/utilityDownArrowWhite.png");
}
}
/***** end collapsible cart *****/
/*----------------------------------------------------------------
..DARKK - styles for dark bg stores
------------------------------------------------------------------*/
/*
#aspnetForm {
background:#000;
}
body .nextProductDetailTabbed h1.nextProdName, body .modal tr.banner1, body div.margin tr.banner1 {
color:#FFF;
}
.nextTileProductBanner tr.banner1 td, .nextSubcategoriesBanner tr.banner1 td, tr.bannerStoreFront td, .nextNoProductsBanner td, .nextRelatedProducts .nextAppendHeader, .main .banner1 h1.nextBannerText {
color:#FFF;
}
.tab .ajax__tab_outer {
background:#333;
border-color: #666;
border-bottom:1px solid #666;
}
.tab .ajax__tab_outer span {
color: #FFF;
}
.tab .ajax__tab_outer:hover span {
color: #FFF;
}
.tab .ajax__tab_outer:hover {
background:#666;
}
.tab .ajax__tab_active .ajax__tab_outer {
background:#000;
border-color: #666;
border-bottom:1px solid #000;
}
.tab .ajax__tab_active .ajax__tab_outer span {
color:#FFF
}
.tab .ajax__tab_active .ajax__tab_outer:hover span {
color:#FFF
}
.tab .ajax__tab_body {
background:#000;
border-top:1px solid #666;
border-bottom:1px solid #666;
}
.modal,
.margin,
.margin td,
div.main{
background:#222;
color:#FFF;
}
body #cartUtilityWrap ul ul {
background:#222;
}
body #cartUtilityWrap li li a:hover,
body #cartUtilityWrap li li span:hover {
background:#444;
}
#progress {
background:none;
}
body .pagination ul > li > a, body .pagination ul > li > span {
background:#444;
}
.nextInvoice .nextCartSubtotal td:nth-child(2),
.nextInvoice .nextCartSubtotal td:nth-child(3) {
background:#EEE;
background:rgba(255,255,255, .03);
}
.nextInvoice .nextCartSubtotal {
background:none;
}
.nextInvoice .nextCartCategoryDiscount {
background:rgba(255,255,255, .05);
}
.nextInvoice .nextOrderDiscount {
background:rgba(255,255,255, .06);
}
.nextInvoice .nextCustomerDiscount {
background:rgba(255,255,255, .07);
}
.nextInvoice .nextCouponDiscount {
background:rgba(255,255,255, .08);
}
.nextInvoice .nextSalesTax {
background:rgba(255,255,255, .1);
}
.nextInvoice .nextShipping {
background:rgba(255,255,255, .15);
}
.nextInvoice .nextCartTotal td {
background:rgba(255,255,255, .3);
color:#FFF;
}
.nextUtilityParent {
color:#FFF;
}
.nextUtilityParent a,
.nextUtilityParent a:hover {
color:#FFF;
}
.cartFooterBox {
color:#999;
border-top:1px solid #666;
}
.nextPrice {
color:#FFF;
}
body .pagination {
border-bottom: 1px dotted #666;
border-top: 1px dotted #666;
}
body .nextSharingTools h3, body .nextAttributes h3 {
color:#FFF;
}
*/
/*----------------------------------------------------------------
..VIDEOS
------------------------------------------------------------------*/
body .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top:30px;
}
body .video-container iframe, body .video-container object, body .video-container embed {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*--------------------------------
..Slider Custom Styles
---------------------------------*/
/*
#pnlPersistentCategory42,
#nav li.cat42,
#storefrontWrap li.cat42 {
display:none;
}
*/
/*----------------------------------------------------------------
..RENDERSTOREFRONT.JS Custom Styles
------------------------------------------------------------------*/
/*
#storefrontWrap li.tile {
width:16.6%;
padding:0 1.5% 2%;
}
*/
/*----------------------------------------------------------------
..NAV.JS Custom Styles
------------------------------------------------------------------*/
/*
#nav{
font-family: inherit;
}
*/
/*----------------------------------------------------------------
..Edit Pending Order
------------------------------------------------------------------*/
.editPendingOrder .nextCartAddendum,
.editPendingOrder.nextClubCustomerType #memberSavings {
display:none;
}
/* removed 11/6/2018 - gift certificates now can be used on pending orders.
.editPendingOrder .nextCartEnterGiftCert {
display:none;
}
*/
.nextCartPendingEdit {
margin:0 0 17px;
text-align:left;
padding:0 5px;
}
.editPendingOrder input#btnCheckOutBottom {
margin-bottom:10px;
}
/*----------------------------------------------------------------
..saleStickers (activate via JS)
------------------------------------------------------------------*/
.nextProductList .onSale.nextProductWrapper,
.onSale .nextMainImage {
position:relative;
}
.nextProductList .onSale.nextProductWrapper:after,
.onSale .nextMainImage:after {
content:"Sale!";
position:absolute;
left:8px;
top:8px;
text-transform:uppercase;
opacity:.95;
background:#d26e4b;
width:55px;
height:55px;
line-height:55px;
border-radius:999px;
font-size:16px;
color:#ffffff;
font-weight:bold;
text-align:center;
}
@media only screen and (min-width: 1025px) {
.onSale .nextMainImage:after {
width:90px;
height:90px;
line-height:90px;
font-size:28px;
}
}
/*----------------------------------------------------------------
..tabMotion (requires tabMotion.js
------------------------------------------------------------------*/
.tabMotion td.nextMainImageWrap {
width:50%;
}
.hiddenTab {
display:none;
}
/*reveiws and questions*/
#tabMotion #reviewsQuestionsWrap {
margin:20px 0 20px;
font-size:12px;
}
#tabMotion #reviewsQuestionsWrap * {
vertical-align:bottom;
}
#tabMotion .questionsDiv {
font-size:0;
}
#tabMotion .questionsDiv p {
font-size:15px;
}
#tabMotion .nextRatingIcons {
padding-right:11px;
}
#tabMotion #reviewsQuestionsWrap .pipe {
display:inline-block;
padding:0 7px;
margin:0;
color:#aaadb1;
}
#tabMotion #readReviews,
#tabMotion .nextSubmitReviewLink,
#tabMotion #readQuestions,
#tabMotion #reviewsQuestionsWrap a {
display:inine-block;
cursor:pointer;
white-space:nowrap;
}
#tabMotion .reviewSpacer {
line-height:8px;
}
#tabMotion #reviewContent,
#tabMotion #questionContent {
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
margin:0 0 20px;
position:relative;
}
#tabMotion #reviewToggle,
#tabMotion #questionToggle {
top:5px;
right:0;
cursor:pointer;
position:absolute;
}
#tabMotion #reviewToggle:after,
#tabMotion #questionToggle:after {
content:"\00d7";
display:inline-block;
font:normal normal normal 20px/1 arial;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translate(0, 0);
color:#888;
}
#tabMotion #reviewContent .nextRatingIcons {
float:left;
}
#tabMotion #reviewContent .nextRatingIcons > img {
vertical-align: top;
width:16px;
}
#tabMotion #reviewContent > div {
padding-bottom:10px;
border-bottom:1px dotted #ccc;
}
#tabMotion #questionContent {
padding-top:10px;
}
@media only screen and (max-width: 1362px) {
#tabMotion #reviewsQuestionsWrap {
min-width:263px;
}
#tabMotion .nextRatingIcons {
display:block;
margin-bottom:5px;
}
}
#tabMotion .nextReviewsQuestions2 > p {
padding:0;
margin:7px 0;
}
#tabMotion .nextReviewsQuestions2 > p:nth-child(even) {
padding:0 0 10px;
margin:0 0 10px;
border-bottom:1px dotted #ccc;
}
#tabMotion .nextReviewsQuestions2 > p:last-of-type {
border-bottom:none;
padding:0;
}
/*end reviews and questions*/
/*long description*/
#tabMotion .nextLongDescription {
margin: 20px 0 10px;
}
/*specifications*/
body.tabMotionSpecs #tdSpecifications {
display:none;
}
#tabMotion .nextSpecifications {
border-spacing:0;
}
#tabMotion .nextSpecifications td {
font-weight:normal !important;
font-size:13px;
padding:3px 0 3px 10px;
text-align:left;
}
#tabMotion .nextSpecifications > tbody > tr > td:nth-child(1) {
text-transform:uppercase;
padding-left:6px;
}
/*headings*/
.tabMotion .nextSharingTools h3,
.tabMotion .nextAttributes h3,
#tabMotion h3.contentHeading {
border-bottom: 1px solid #ccc;
color: #333;
font-size:18px;
font-weight: normal;
margin: 40px 0 15px;
font-family: Georgia, "Times New Roman", Times, serif;
}
.tabMotion .nextSharingTools h3 {
margin-bottom:0;
}
/*attributes*/
.tabMotion .nextAttributes {
}
.tabMotion .nextAttributes table {
border-spacing:0;
}
.tabMotion .nextAttributes td {
padding-left:0;
}
/*custom fields*/
#tabMotion .nextProductDetailTabbedTable {
border-top:none;
margin:0;
}
/*price*/
#tabMotion .nextPrice {
margin-bottom:0;
/*font-size:0;*/
padding:0;
}
#tabMotion .nextPrice span {
font-size:18px;
}
/*short description*/
#tabMotion .nextShortDesc {
margin:20px 0 0;
padding-top:0;
}
/*h1*/
body.tabMotion .nextProductDetailTabbed h1.nextProdName {
margin-bottom:10px;
}
/*status*/
#tabMotion #statusWrap .status {
margin-top:4px;
min-height:1em;
}
/*atc*/
.tabMotion .nextAddToCart {
padding:0;
margin:30px 0 0;
}
/*visibility*/
#tabMotion .nextVisibility {
margin:5px 0 0;
}
/*interal store*/
.oms #tabMotion #reviewsQuestionsWrap .pipe.beforeAskQ,
.oms #tabMotion #reviewsQuestionsWrap .pipe.forReviews {
display:none;
}
/*hide empty tabber*/
.nextProductDetailBottom.allTabsMoved {
display:none;
}
/*price details*/
.tabMotionPriceDetails .nextDetailsTabTable #tblBannerHeader {
display:none;
}
.tabMotionPriceDetails .nextDetailsTabTable .banner2 {
background: none;
color: inherit;
}
.tabMotionPriceDetails .nextPriceListTable {
width:auto !important;
}
.tabMotionPriceDetails .nextPriceListTable td{
padding:0 35px 3px 0;
}
.tabMotionPriceDetails #tdPriceDetails > span{
padding-top:0;
}
/*----------------------------------------------------------------
..discount label customization for category discounts and
customer type discoutns that display as line items in the cart
------------------------------------------------------------------*/
/*
td.cart .nextCustomerDiscount > td:nth-child(2),
.nextInvoice .nextCustomerDiscount > td:nth-child(1){
font-size:0;
}
td.cart .nextCustomerDiscount > td:nth-child(2):after,
.nextInvoice .nextCustomerDiscount > td:nth-child(1):after{
content: "Club Membeer Discount - 20% off all wine";
font-size:100%;
}
td.cart .nextCartCategoryDiscount > td:nth-child(2),
td.cart .nextCartCategoryDiscount > td:nth-child(2) span,
.nextInvoice .nextCartCategoryDiscount > td:nth-child(1),
.nextInvoice .nextCartCategoryDiscount > td:nth-child(1) span{
font-size:0;
}
td.cart .nextCartCategoryDiscount > td:nth-child(2):after,
.nextInvoice .nextCartCategoryDiscount > td:nth-child(1):after{
content: "Case Discount - 15% off 12 or more bottles";
font-size:100%;
}
*/
/*----------------------------------------------------------------
..increment/decrement styling
------------------------------------------------------------------*/
/*
.main .nextATCPlusMinus,
.nextAddToCartQuantity input,
.nextExpressOrderRow input,
.nextExpressOrderAlternateRow input,
.nextExpressOrderQuantity > span > * {
border: 1px solid #e3e3e3;
height: 41px;
padding: 7px 10px 8px;
font-size:16px;
border-radius:0;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:auto;
line-height:23px;
vertical-align:top;
margin:5px 0 0;
text-align:center;
min-width: 30px;
}
.nextAddToCartQuantity .nextATCPlusMinus:nth-child(1),
.nextExpressOrderQuantity > span > .nextATCPlusMinus:nth-child(1),
.nextExpressOrderRow span > .nextATCPlusMinus:nth-child(1),
.nextExpressOrderAlternateRow span > .nextATCPlusMinus:nth-child(1) {
border-right:none;
}
.nextAddToCartQuantity .nextATCPlusMinus:nth-of-type(2),
.nextExpressOrderQuantity > span > .nextATCPlusMinus:nth-of-type(2),
.nextExpressOrderRow span > .nextATCPlusMinus:nth-of-type(2),
.nextExpressOrderAlternateRow span > .nextATCPlusMinus:nth-of-type(2) {
border-left:none;
}
.nextAddToCartQuantity {
vertical-align:top;
}
.nextAddToCartQuantity input {
min-width:45px;
}
.cart .nextCartLogin.nextHTMLButton {
padding: 3px 9px;
}
*/
/*----------------------------------------------------------------
..elegantCart 3.0
------------------------------------------------------------------*/
.elegantCart .nextUtility1,
.elegantCart .nextUtility2,
.elegantCart .nextUtility3 {
display:none !important;
}
.elegantCart .cart .nextCartLogin.nextHTMLButton,
.elegantCart .cart #cartUtilityWrap a.nextHTMLButton {
padding: 3px 9px;
}
.elegantCart .cart #cartUtilityWrap {
float:right;
width:auto;
}
.elegantCart #nextCartHeading {
float:left;
color:#000;
padding:0;
margin:0 10px 0 0;
background:none;
}
.elegantCart .nextCartData {
clear:both;
}
.elegantCart.nextNotLoggedIn #cartUtilityWrap li.logoutLink {
display:none;
}
.elegantCart.CCartActive #cartUtilityWrap > ul li {
margin:0;
}
.elegantCart.CCartActive .cart #cartUtilityWrap > ul li {
margin-top:-2px;
}
.elegantCart.CCartActive.nextNotLoggedIn #cartUtilityWrap > ul > li:first-child {
margin-left:0;
}
.elegantCart .nextCartData {
background:none;
box-shadow:none;
padding:0;
margin:20px 0 0;
border-radius:0;
}
.elegantCart .nextCartEmpty {
padding:20px 0 10px;
text-align:left;
font-size:1.1rem;
}
.elegantCart .nextNoApplicationCoupon {
text-align: left;
margin-bottom: 40px;
}
.elegantCart a.nextCartDetermineSTP,
.elegantCart a.nextCartEditSTP,
.elegantCart .nextGiftMessageWrap div > a,
.elegantCart .nextCartBottomButtons > a,
.elegantCart a.nextEnterGiftCert,
.elegantCart a.nextEnterCoupon,
.elegantCart #memberSavings {
margin:0 0 3px;
}
.elegantCart.ccModeOn .nextCartWrapper {
background: #fff;
padding: 10px 8px 5px;
}
.elegantCart .nextCartAddendum {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: darkred;
font-style: italic;
margin: 0 0 20px;
padding: 0;
}
.elegantCart .nextShoppingCart {
margin:8px 0 20px;
border:none;
border-radius:0;
}
.elegantCart .nextCartProducts td.nextCartShipTo {
background:none;
color:#333;
border-radius:0;
}
.elegantCart .nextCartTotal td {
background:none;
color:#000;
border-top:1px solid #666;
}
.elegantCart .nextInvoice .nextCartTotal td {
border-top:none;
}
.elegantCart .nextCartSubtotal,
.elegantCart .nextInvoice .nextCartSubtotal td:nth-child(2),
.elegantCart .nextInvoice .nextCartSubtotal td:nth-child(3),
.elegantCart .nextCartCategoryDiscount,
.elegantCart .nextOrderDiscount,
.elegantCart .nextCustomerDiscount,
.elegantCart .nextCouponDiscount,
.elegantCart .nextSalesTax,
.elegantCart .nextShipping {
background:none;
color:#333;
}
.elegantCart .nextCartProducts td.nextCartShipTo {
padding:8px 0;
}
.elegantCart .nextCheckOutButtonBottomWrapper {
padding:20px 0 14px;
}
.elegantCart .nextCartWrapper {
min-width:280px;
}
.elegantCart.oms .nextCartTop {
clear: both;
padding: 0;
margin: 0;
}
.elegantCart #cartUtilityWrap .nextHTMLButton {
margin:0 0 0 5px;
}
.elegantCart .nextCartCurrency {
margin:0 0 30px 0;
}
.elegantCart .cartFooterBox {
padding-left:0;
padding-right:0;
}
.elegantCartFooterBox {
padding-top:0;
padding-bottom: 0;
border:none;
margin:0 0 5px;
}
.elegantCartFooterBox .footerLabel {
padding: 0 5px 0 0;
}
.elegantCart #cartFooter,
.elegantCart #cartFooter p,
.elegantCart .cartFooterBox{
font-size:.8rem;
}
.elegantCart #cartFooter h3 {
font-size: 1rem;
}
.elegantCartFooterBox a {
display: inline-block;
margin: 0 15px 0 0;
}
.elegantCart .nextPoweredBy {
text-align:left;
margin:20px 0 10px;
color:#999;
}
.addedByElegantCart.nextCartFooter {
margin-top:30px;
}
.elegantCart .nextPoweredBy {
border: none;
}
.elegantCart .nativeCartFooter .nextPoweredBy{
border-top:1px solid #ccc;
padding-top:20px;
}
.elegantCart .nativeCartFooter .elegantCartFooterWrap{
border-top:1px solid #ccc;
padding-top:20px;
}
.elegantCart #closeCart {
background: none;
top: 5px;
right: 2px;
color: #999;
text-indent: 0;
z-index: 99999;
line-height: 1;
font-size: 28px;
font-weight: normal;
}
/*..end elegantCart*/
/*----------------------------------------------------------------
..hoverView
------------------------------------------------------------------*/
.hoverView input.nextHTMLButton, .hoverView a.nextHTMLButton, .hoverView a.nextAddEditButton {
box-sizing: border-box;
}
body.hoverView .fluidContainer .nextProductWrapper, body.hoverView .nextAllocation, body.hoverView .nextProductList .nextStatus, body.hoverView .nextProductList .nextInventory, body.hoverView .relatedWrap {
text-align: center;
}
.hoverView .fluidContainer .nextProductWrapper {
margin-bottom: 40px;
}
.hoverView .tileContent {
padding-bottom: 0;
}
body.hoverView input.nextHTMLButton.nextATCButton {
margin: 0;
}
.hoverView td.nextAddToCartButton {
padding-left: 6px;
}
.hoverView a.nextProdName {
font-size: 1.1rem;
font-weight: 700;;
}
.hoverView a.nextProdName,
.hoverView .nextPrice {
font-size: 1.1rem;
}
.hoverView .nextPrice b {
font-weight: 300;
}
.hoverView .nextTileProductWrapper {
position: relative;
transition: 400ms all;
}
.hoverView .quickViewContent > * {
margin: 10px 0 0;
}
@media only screen and (max-width: 1023px) {
.hoverView .fluidContainer .nextProductWrapper {
padding-bottom: 20px;
}
}
.hoverView .nextTileProductWrapper .quickViewContent {
padding: 0 15px;
}
@media only screen and (min-width: 1024px) {
.hoverView .nextTileProductWrapper:hover {
box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.11);
}
.hoverView .nextTileProductWrapper .quickViewContent {
position: absolute;
top: 100%;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 1;
background: #ffffff;
transition: 400ms all;
box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.11);
padding-bottom: 15px;
}
.hoverView .nextTileProductWrapper:hover .quickViewContent {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
.hoverView .nextSOButton {
display: block;
width: 100%;
box-sizing: border-box;
}
.hoverView .nextAddToCart {
margin-top: 20px;
}
.hoverView .nextAddToCartTable {
margin: 10px 0 0;
width: 100%;
}
.hoverView input.nextHTMLButton.nextATCButton {
width: 100%;
margin: 5px 0 0;
}
.hoverView .nextAddToCartQuantity {
width: 1px;
padding-right:0;
}
.hoverView .nextStatus, .hoverView .nextInventory {
text-transform: lowercase;
}
.hoverView .nextInventory {
margin-top: 0;
}
.hoverView a.nextHTMLButton.detailsLink {
width: 100%;
display: block;
clear: both;
text-align: center;
background: #999;
margin: 10px 0 0;
color: #FFF;
border-color: #999;
border: none;
}
.hoverView a.nextHTMLButton.detailsLink:hover {
background: #777;
}
/*end hoverView*/
/*----------------------------------------------------------------
..elegantSelect
------------------------------------------------------------------*/
/*
select {
padding: 0.25rem;
padding-right: 1.5rem;
font-size: .875rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #cacaca;
-webkit-border-radius: 0;
border-radius: 0;
background-color: #FFF;
font-family: inherit;
font-weight: 300;
background-image: url("data:image/svg+xml;utf8,");
-webkit-background-origin: content-box;
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
-webkit-background-size: 9px 6px;
background-size: 9px 6px;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
select {
padding-right: .25em;
}
}
*/
/*end elegantSelect*/
/*----------------------------------------------------------------
..Font Override
------------------------------------------------------------------*/
.main,
.cart,
.persist {
font-family: inherit;
line-height: 1.3;
}
#nextCartHeading,
#cartFooter h3,
.nextCartFooter h3,
.persist h4,
.nextProductDetailTabbed h1.nextProdName,
.nextProductDetailTabbed .nextPrice,
.nextSharingTools h3,
.nextAttributes h3,
body #tcTabs_header,
body .nextProductDetailTabbed h1.nextProdName,
body .modal tr.banner1,
body div.margin tr.banner1,
.main .banner1,
.main .banner2,
.nextTileProductBanner tr.banner1 td,
.nextSubcategoriesBanner tr.banner1 td,
tr.bannerStoreFront td,
.nextNoProductsBanner td,
.nextRelatedProducts .nextAppendHeader,
.main .banner1 h1.nextBannerText,
.nextPolicies tr.banner1 td,
#progress h3,
.tabMotion .nextSharingTools h3,
.tabMotion .nextAttributes h3,
#tabMotion h3.contentHeading {
font-family:soleil,sans-serif; /*headings font*/
}
.main,
/*
.margin,
.modal,
*/
body div.modal,
body div.margin,
.cart,
.persist,
.font1,
.font2,
.main .banner1,
/*.main .banner1 h1.nextBannerText,*/
.main .banner2,
.cart .banner1,
.persist .banner1,
.margin .banner1,
.modal .banner1,
.margin .banner2,
.modal .banner2,
.nextCategory .nextCatName,
.nextProduct,
.nextAdvancedSearch,
.nextUndoSearch,
.nextProductDetailTop,
.nextProductDetailStacked .nextProdName,
.nextExpressOrderProducts .nextProdName,
.nextLongDescription,
.nextArticleSearchDescription,
.nextArticleSearchLink,
.nextCartTop,
.nextShoppingCart,
.nextRegisterHeader,
.nextPasswordTextCell,
.nextTrusteeTextCell,
.nextLargeTextLink,
.nextCategoryDisplay .nextCatName,
.nextAttributes,
.nextExpressOrderAttributes,
.nextAppendHeader,
.nextCartEmpty,
.nextCartTotal td,
#cartFooter p,
.nextCartFooter p,
#cartShippingInfo p,
.nextPersistentCategory.nextTopCategory a,
.nextPersistentCategory .nextTopCategory a,
#ui-id-1,
.nextSortBy,
.nextSingleLinePrevNext a.disguise,
.addCaseMessage,
#tabMotion #reviewsQuestionsWrap,
#tabMotion .questionsDiv p,
#tabMotion .nextSpecifications td,
.main a.nextCatName,
body #clubLogin h3,
.tab .ajax__tab_outer
{
font-size: 1rem;
}
.nextCartProducts,
.cart .nextCartTotal td,
.nextCartAddendum,
.nextTileProductWrapper,
a.nextProdName,
.nextCartLoyaltyRedemption,
.nextPersistentCategory a
{
font-size: .9rem;
}
.font1small,
.font2small,
.labelSubText,
.nextStatus,
.nextSKUOptions,
/*.nextSearchStatement,*/
.nextArticleSearchStatement,
.nextCatDisc,
.nextCatDiscText,
.nextMultiLinePrevNext,
.nextSKUShipText,
.nextSharingDiscountLimit,
.nextMisCustomer,
.nextCartPolicy,
.nextCartCurrency,
.nextCartProdSavings,
.nextViewCoupon,
.nextRemoveCoupon,
.nextRemoveGiftCert,
.nextRemoveGiftCard,
.nextCartCalculator,
.nextCartSmallButton,
.nextPoweredBy,
.nextShippingDisclaimer td,
.nextNewCustomerCancel,
.nextNoApplicationCoupon,
.nextEmptyCartGiftCert,
.nextEmptyCartGiftCard,
/*.nextCartLoyaltyRedemption,*/
.nextProductList .nextShipToSelect select,
.nextProductList .nextShipToSelect option,
a.nextCartDetermineSTP,
a.nextCartEditSTP,
.nextGiftMessageWrap div>a,
.nextCartBottomButtons > a,
a.nextEnterGiftCert,
a.nextEnterCoupon,
#memberSavings,
a.nextEnterGiftCard,
body #cartUtilityWrap,
.nextInvoice a.nextEnterGiftCert,
.nextInvoice a.nextEnterCoupon,
.nextInvoice a.nextEnterGiftCard,
.nextShipToSelect label,
.nextPickupSelect label,
.nextPriceDetailsLink,
body .pagination,
body td.main #threadWrapper,
#progressContinueShopping,
#progress ul li,
#progress ul li span,
.nextSubscriptionLabel
{
font-size: .8rem;
}
.font1large,
.font2large,
.nextSoldOut,
.nextProductDetailTabbed .nextProdName,
/*.nextProductDetailTabbed .nextPrice,*/
body .nextProductDetailTabbed .nextPrice,
.nextNewCustomerLink,
.nextExpressOrderTotals,
.nextArticleSearchTitle,
#nextCartHeading,
#cartFooter h3,
.persist h4,
.nextSearchStatement,
body .nextSharingTools h3,
body .nextAttributes h3,
.tabMotion .nextSharingTools h3,
.tabMotion .nextAttributes h3,
#tabMotion h3.contentHeading,
#tabMotion .nextPrice span
{
font-size: 1.2rem;
}
.nextTileProductBanner tr.banner1 td,
.nextSubcategoriesBanner tr.banner1 td,
tr.bannerStoreFront td,
.nextNoProductsBanner td,
.nextRelatedProducts .nextAppendHeader,
.main .banner1 h1.nextBannerText,
.nextPolicies tr.banner1 td,
#progress h3,
body .nextProductDetailTabbed h1.nextProdName,
body .modal tr.banner1,
body div.margin tr.banner1
{
font-size: 1.6rem;
text-transform: uppercase;
}
/*----------------------------------------------------------------
..UNIQUE STYLES FOR THIS STORE
------------------------------------------------------------------*/
body.btoc .nextStoreFrontBanner,
body.btob .nextStoreFrontBanner,
.btoc .nextSelectOptions,
.btoc .nextAddToCartTable,
.btoc .nextPrice,
.btoc .nextCheckOutButton,
.btoc .nextAddToCart {
display:none;
}
.btob .nextLoginWelcome {
margin-top:50px
}
/* Vanillabean moves the category banner by default. Hide it in its original location so it doesn't appear then when sort by or filter are used */
.nextTileProductBanner ~ div.nextProductListWrapper .nextTileProductBanner,
.nextSubcategoriesBanner ~ div.nextProductListWrapper .nextSubcategoriesBanner{
display:none;
}
/*hide pickup*/
/*
.nextPickupRow {
display:none;
}
.oms .nextPickupRow {
display: table-row;
}
*/
.account #trBottom,
.checkout #trBottom {
/*display:none;*/
}
/*
td.main,
td.persist,
td.cart {
background: none;
}
*/
.prodName {
font-size: .5em;
}
/* ..HELLO */
/*----------------------------------------------------------------
..RESPONSIVE STORE
------------------------------------------------------------------*/
.nextCurrentCategorySearch {
/*display:none;*/
margin-bottom:25px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
/*td.persist {
display:none;
}
.nextCurrentCategorySearch {
display:table;
}
#searchField2 {
display:block;
}*/
}
@media only screen and (max-width: 1024px) {
td.main {
padding:0 10px;
}
.nextStoreFront #threadWrapper {
display:block;
}
.nextProductSpacer div {
width:10px;
}
#aspnetForm {
padding-left:5px;
padding-right:5px;
}
}