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: 12pt arial,helvetica,sans-serif; color: black; padding: 0 5px 0 5px} .margin, .modal {background-color: white; background-image: none; text-align: left; font: 12pt arial,helvetica,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: #CCCCCC; background-image: none; text-align: center; vertical-align: top; margin: 0; font: 12pt arial,helvetica,sans-serif; color: black} .persist {background-color: white; background-image: none; text-align: left; vertical-align: top; margin: 0; font: 12pt arial,helvetica,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: center} td.bottom {background-color: transparent; background-image: none; text-align: center} td.left {background-color: white; background-image: none; vertical-align: middle} td.right {background-color: white; background-image: none; vertical-align: middle} .font1 {font: 12pt arial,helvetica,sans-serif} .font1small {font: 10pt arial,helvetica,sans-serif} .font1large {font: 14pt arial,helvetica,sans-serif} .font2 {font: 12pt arial,helvetica,sans-serif} .font2small {font: 10pt arial,helvetica,sans-serif} .font2large {font: 14pt arial,helvetica,sans-serif} .labelSubText {font-size: 10pt; display: block} .welcome {text-align: center} .main a {color: blue} .main a:hover {color: blue} .main img {border-color: blue} .cart a {color: blue} .cart a:hover {color: blue} .cart img {border-color: blue} .persist a {color: blue} .persist a:hover {color: blue} .persist img {border-color: blue} .margin a, .modal a {color: blue} .margin a:hover, .modal a:hover {color: blue} .margin img, .modal img {border-color: blue} 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 12pt arial,helvetica,sans-serif; color: white} .main .banner1 h1.nextBannerText {font: bold 12pt arial,helvetica,sans-serif; color: white; margin-bottom: 0px} .main .banner2 {background-color: #777777; background-image: none; font: bold 12pt arial,helvetica,sans-serif; color: white} .cart .banner1 {background-color: black; background-image: none; font: bold 12pt arial,helvetica,sans-serif; color: white} .persist .banner1 {background-color: black; background-image: none; font: bold 12pt arial,helvetica,sans-serif; color: white} .margin .banner1, .modal .banner1 {background-color: #777777; background-image: none; font: bold 12pt arial,helvetica,sans-serif; color: white} .margin .banner2, .modal .banner2 {background-color: #777777; background-image: none; font: bold 12pt arial,helvetica,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: arial,helvetica,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: 10pt} .nextSoldOut, .nextProductDetailTabbed .nextProdName, .nextProductDetailTabbed .nextPrice, .nextNewCustomerLink, .nextExpressOrderTotals, .nextOrderPadTotalLabel, .nextOrderPadTotalQuantity, .nextOrderPadUpload, .nextInvoicePaymentFooter {font-size: 14pt} .nextCategoryDisplay .nextCatName, .nextAttributes, .nextExpressOrderAttributes, .nextAppendHeader {font: 12pt arial,helvetica,sans-serif} .nextProduct, .nextAdvancedSearch, .nextUndoSearch, .nextProductDetailTop, .nextProductDetailStacked .nextProdName, .nextExpressOrderProducts .nextProdName, .nextLongDescription, .nextArticleSearchDescription, .nextArticleSearchLink, .nextCartTop, .nextShoppingCart, .nextRegisterHeader, .nextPasswordTextCell, .nextTrusteeTextCell, .nextLargeTextLink {font: 12pt arial,helvetica,sans-serif} .nextArticleSearchTitle {font: 14pt arial,helvetica,sans-serif} .nextCategory .nextCatName {font: 12pt arial,helvetica,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: blue; background-color: blue} 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: 1000px} .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} /*-------------------------------- Global ---------------------------------*/ body, body.master { margin:0; background:#004900; font-family:'Lato', sans-serif; color:#999; min-width:730px; } body.nextArticles { min-width:1px; } img { border:0; } a { text-decoration:none; color:#0084D1; -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:hover { /*background-color:#EEE;*/ color:#094E94; } a:active { /*background:#CCC;*/ opacity:.7; } h1, h2, h3 { font-family:'Lato', sans-serif; font-weight:normal; } .pageWidth { max-width:1800px; /* double the padding when you calculate this */ min-width:668px; margin:0 auto; /*padding:0 25px;*/ padding:0 1%; /*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+ */ } input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]):not(.acTrigger) { padding:6px 8px; border:1px solid #CCC; border-radius:3px; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .nowrap { white-space:nowrap; } /*-------------------------------- Top HTML ---------------------------------*/ td.top { background:#FFF; } #header { background:#333; padding:8px 0; position:relative; width:100%; margin:0 0 30px; } #logo { /*opacity:.9;*/ display:inline-block; *display:inline; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; font-size:24px; color:#FFF; cursor:pointer; font-family: 'Lato', sans-serif; } #logo:hover { opacity:.9; } #logo img { height:60px; vertical-align:middle; margin:0 10px 0 0; } #topNav { float:right; padding:15px 0 0; font-size:24px; text-transform: uppercase; } #topNav ul { margin:0; padding:0; } #topNav li { margin:0 0 0 5px; padding:0; display:inline-block; zoom:1; *display:inline; float:left; } #topNav li a { padding:10px 14px; display:inline-block; zoom:1; *display:inline; color:#FFF; } #topNav li a:hover { background:rgba(255,255,255,.1); } /*-------------------------------- Bottom HTML ---------------------------------*/ #footer { font-size:12px; } #footer, #footer a { color:#999; } #footer a:hover { color:#CCC; } #footer .row { text-align:center; padding:30px 0; clear:both; width:100%; } #footer .row span{ display:inline-block; text-align:center; vertical-align:top; } #footer .row span.first { text-align:left; width:100%; float:left; } #footer .row span.last { text-align:right; width:100%; float:right; } #footer h3 { text-align:left; font-size:15px; } #social { display: inline-block; vertical-align:middle; text-align:left; } #social ul, #social li{ margin:0; padding:0; } #social li { display: inline-block; *display:block;/*IE7*/ *float:left; /*IE7*/ } #social li a { background-color: #868686; background-image: url("//cdn.nexternal.com/winery/images/sprite.png"); background-repeat: no-repeat; border-radius: 15px; display: inline-block; *display:block;/*IE7*/ *float:left; /*IE7*/ height: 29px; margin: 0 14px 0 0; outline: 0 none; text-indent: -9999px; transition: all 0.5s ease 0s; width: 29px; text-align:left; opacity:.75; } #social li a:hover { opacity:1; } #social li.nav1 a { background-position: 0 0; } #social li.nav2 a { background-position: -50px 0; } #social li.nav3 a { background-position: -100px 0; } #social li.last a { margin-right: 0; } #viewportDimensions { white-space:nowrap; } #finePrint { border-top:1px dotted #666; border-bottom:1px dotted #666; margin:20px 0; padding:10px 0; } #subscribe { background:#EEE; width:160px; } #join { padding:6px 8px; border:none ; border-radius:3px; background:#666; color:#FFF; margin-left:4px; } #footer a[href^=tel] { color: inherit; text-decoration: none; } /*-------------------------------- Left HTML ---------------------------------*/ /*-------------------------------- Right HTML ---------------------------------*/ /*-------------------------------- Responsive Bordering HTML ---------------------------------*/ @media (max-width: 1023px){ #topNav { font-size:10px; } #topNav li a { padding:10px 6px; } #logo { font-size:22px; } #footer { font-size:10px; } } @media (max-width: 700px){ body{ min-width:1px; } #footer span { clear:both; display:block !important; margin:7px 0 !important; text-align:center !important; width:auto !important; float:none !important; } #footer span * { text-align:center !important; } .pageWidth { min-width:1px; } } @media (max-width: 480px){ #topNav{ font-size:8px; padding:0; } #logo { font-size:14px; } #logo img { height:30px; } body #homeBanner { margin-top:-26px; } } /*-------------------------------- Shopping Cart ---------------------------------*/ td.cart { background:none; width:24%; *width:250px; /*IE7*/ /*see store content styling for padding*/ min-width:260px; } .nextCartWrapper { } .nextCartData { border:1px solid #CCC; 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: 'Lustria', serif; } .nextCartContents { margin:0; padding:0; border-radius:14px; padding-bottom:20px; } .nextPoweredBy { margin:5px 0; padding:0; color:#FFF; } .nextPoweredBy a, .nextPoweredBy a:hover { color:#FFF; } .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:#F9F9F9; } .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); } .nextInvoice .nextCartSubtotal td, .nextInvoice .nextCustomerDiscount td, .nextInvoice .nextCartCategoryDiscount td, .nextInvoice .nextOrderDiscount td, .nextInvoice .nextCouponDiscount td, .nextInvoice .nextSalesTax td, .nextInvoice .nextShipping 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 { padding:6px 2px; } .nextCartTotal td { background:#454545; background:rgba(0,0,0,.7); border:0; color:#FFF; font-size:12px; text-transform:uppercase; } .nextInvoice .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; } /* 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:13px; height:13px; display:block; background:url(//cdn.nexternal.com/winery/images/bg_edit_delete.png) 0 -14px no-repeat; margin:0 0 0 20px; float:left; } 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; } td.cart .nextButtonDelete a, td.cart .nextCartProductDelete { width:13px; height:13px; display:block; background:url(//cdn.nexternal.com/winery/images/bg_edit_delete.png) 0 0 no-repeat; margin:0 0 0 20px; float:left; } 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; } 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; } /* collapsible style buttons */ .nextCartBottomButtons { text-align:left; padding:0; } a.nextCartDetermineSTP, a.nextCartEditSTP, .nextGiftMessageWrap div>a, .nextCartBottomButtons a, a.nextEnterGiftCert, a.nextEnterCoupon { 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 { opacity:.8; color:#333; /*color:#FFF; background-color:#666; background-image: url(//cdn.nexternal.com/common/images/arrow_rt_light.png);*/ } .nextInvoice a.nextEnterGiftCert, .nextInvoice a.nextEnterCoupon { 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); } .nextGiftMessageWrap, .nextCartCalculator, .nextCartBottomButton { margin:0; padding:0; } input.nextHTMLButton.nextCheckOutButton, .oms input#btnCancelOrderBottom, .editPendingOrder input#btnCancelOrderBottom, .oms input#btnCancelOrderEmptySuperCart{ width:100%; border-color:#FFF; display:inline-block; margin:0; font-size:16px !important; font-weight:normal; background-color:#333; background-image:url(//cdn.nexternal.com/common/images/arrow_rt_light.png); background-position: 100% 50%; background-repeat:no-repeat; text-align:left; } input.nextHTMLButton.nextCheckOutButton { background-color:#0084D1; } input.nextHTMLButton.nextCheckOutButton:hover { background-color:#094E94; } .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; } /* for internal store */ .oms .nextCartData input.nextHTMLButton.nextCheckOutButtonTop, .oms .emptyCart input.nextHTMLButton.nextCheckOutButtonTop, .oms .nextCheckOutButton.nextCheckOutButtonBottom { display:inline-block; margin:5px 0; } #cartFooter { margin:20px 0; } #cartFooter h3 { font-family: 'Lustria', 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 { } #cartKicker { } #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:auto; /*IE7*/ min-width:80px; border:1px solid #999; padding:5px 5px 5px 25px; 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+ */ } .persist h4 { margin:20px 8px 10px; color:#111; font-size:16px; font-style: normal; font-weight: 400; letter-spacing: 1px; line-height: 1.2em; text-align:left; font-family:'Lustria', serif; font-weight:400; } .nextPersistentCategory a { text-decoration:none; /* all persistent category links */ display:block; /* all persistent category links - this makes the anchors 100% wide */ padding:10px 8px; margin:0; font-size:13px; color:#666; font-family: 'Lustria', serif; } .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, body.nextGiftCertificate #persistCGLink a, body.nextGiftCertificate #persistCGLink 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; } #pnlPersistentCategory18 { display:none; /* hide the gc link in the left nav and replace it with a link directly to the product page in the persist footer*/ } .nextTopCategory.nextActiveCategory a { } .nextTopCategory a: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;*/ } .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; } /*-------------------------------- Store Content ---------------------------------*/ #netWrapper { display:table; width:100%; } #aspnetForm { height:auto !important; display:table; *display:block !important; /*IE7*/ margin:20px auto; width:100%; *width:1200px; /*IE7*/ -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; /*min-width:768px;*/ padding:0 10px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #aspnetForm { display:block; /* safari only - display:table causes safari to ignore max-width*/ } } #threadWrapper, #aspnetForm { opacity:0; /* temporarily hide the content and breadcrumbs to prevent jumpy page loading */ } td.main { /*padding:0 5%; percentage causes table cell overlap. Always use px*/ padding:0 50px; } .nocart td.main { padding:0; } #trCenter { background:#FFF; } td.main, td.cart, td.persist, .nextArticleContent, .nextInvoice #aspnetForm, .nextOrderConfirmation #aspnetForm , .nextOrderStatus #aspnetForm, .nextUnsubscribe #aspnetForm { /*padding:25px;*/ } .nextInvoice #aspnetForm, .nextOrderConfirmation #aspnetForm, .nextOrderStatus #aspnetForm, .nextUnsubscribe #aspnetForm { max-width:1748px; } td.main, td.cart, td.persist { background:none; *background:#FFF; /*IE7 won't take the bg color on #trCenter, so...*/ } /* white space */ td.nextProdThumb a, 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 */ } 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; } .nextCartAccountInfo, .nextCartTop { margin:0 0 10px; /* margin above returning customer in shopping cart */ } .nextTileProducts { margin-top:10px; /* margin below banner on product detail screen */ } .nextBottomBanner { margin:10px 0 0 0; /* margin above and below bottom banner on all pages */ } .nextHierarchyTitle { display:none; } .nextHierarchyFinalText, .nextHierarchyFinalSeparator { display:none; } body .nextProductDetailTabbed h1.nextProdName, body .modal tr.banner1, body div.margin tr.banner1 { font-family:'Lustria', serif; font-weight:300; font-size:22px; color:#444; margin:0 0 25px; } .main .banner1, .main .banner2 { font-family: 'Lustria', serif; font-weight:normal; font-size:15px; } .nextBottomBanner { 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 */ } .nextSearchButton input.nextHTMLButton { margin-left:4px; } .nextPlusOne { clear: both; padding: 9px 0 0; } /* Action Blocks - Headings Font*/ .nextProductDetailTabbed h1.nextProdName, .nextProductDetailTabbed .nextPrice, .nextSharingTools h3, .nextAttributes h3 { font-family:'Lustria', serif; } /* Action Blocks - Background Color */ .nextTabbedDetails, .nextSharingTools, .nextProductDetailTabbedTable tr:nth-child(odd) td { /*background:#FBFBFB !important;*/ } /* Action Blocks - Border Color */ .nextTabbedDetails, .nextSharingTools, .nextProductDetailTabbedTable, .nextProductDetailTabbedTable td, .nextSharingTools h3, .nextAttributes h3 { border-color:#CCCCCC !important; } body .nextProductDetailTabbedTable td { background:none !important; padding:3px 6px 3px 0 !important; } input.nextHTMLButton, a.nextHTMLButton, a.nextAddEditButton { color:#FFF; background:#666; background:rgba(0,0,0,.5); padding:5px 10px; border:0; border-radius:3px; font-weight:normal; font-size:12px !important; cursor:pointer; font-family:'Lustria', 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; } input.nextHTMLButton:hover, a.nextHTMLButton:hover, a.nextAddEditButton:hover { background-color:#333; background-color:rgba(0,0,0,.7); color:#FFF; } input.nextHTMLButton:active, a.nextHTMLButton:active, a.nextAddEditButton:active { box-shadow:inset 0px 2px 5px rgba(0,0,0,.5); } 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); } a.nextAddButton { background-image:url(//cdn.nexternal.com/common/images/bg_add.png); } /* tabber */ .nextProductDetailBottom { margin:30px 0 10px; } .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:13px; 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; 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; } /* custom tab */ #tcTabs_header { /*float:left; /* so you can add a background color */ position:relative; z-index:0; white-space:nowrap; /*font-family: 'Lustria', serif;*/ } .ajax__tab_inner a span.reviewsLabelWrap { float:left; padding:0; } .reviewsTab .nextRatingIcons { float:right; padding:0 0 0 4px; display:inline-block; } .nextRatingIcons img { vertical-align:middle; } .reviewsTab img { height:15px; float:left; } .ajax__tab_inner a span { line-height:20px; } .reviewsTab a span { /*width:155px; text-align:left*/ display:inline-block; *display:block /*IE7*/ } .reviewsTab .nextRatingIcons { *display:none; } .reviewsTab span img.first { /*margin-left:4px;*/ } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top: 0; left: -99999px; width: 100%; height: 100%; } .activeTabContent .video-container iframe, .activeTabContent .video-container object, .activeTabContent .video-container embed { left:0; } /* end custom tab */ a.nextProdName, .nextProductList .nextShortDesc, .nextPrice { display:block; margin-bottom:8px; } .nextTileProductBanner tr.banner1 td, .nextSubcategoriesBanner tr.banner1 td, tr.bannerStoreFront td, .nextNoProductsBanner td, .nextRelatedProducts .nextAppendHeader, .main .banner1 h1.nextBannerText { color:#444; text-align:left; background:none; font-weight:normal; font-size:24px; font-family:'Lustria', serif; font-weight:300; padding:0; line-height:1; } .nextTileProductBanner tr.banner1, .nextSubcategoriesBanner tr.banner1, .main tr.bannerStoreFront, .nextNoProductsBanner 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; } .main a.nextCatName { display:block; margin-top:10px; } .nextCurrentCategory { margin:0 auto 0 0; } body .nextTabbedDetails, body .nextSharingTools { border-radius:2px; background:none; border:none; padding:0; } .nextProdImage { float:none !important; } a.nextProdName { text-decoration:none; font-size:16px; } a.nextProdName:hover { text-decoration:underline; } .nextBannerText { padding:3px 6px; display:block; } .nextNoAddresses, .nextNoCreditCards { padding-top:10px; } #tdPriceDetails>span { padding:8px 0 13px; display:block; } .nextCartAddendum { margin:0 0 20px 6px; background:url(//cdn.nexternal.com/winery/images/alert.png) 0 50% no-repeat; padding:2px 6px 2px 27px; text-align:left; font-size:12px; } label { padding-right:5px; } /***** ..POPUP CSS OVERRIDE ******/ body .modal, body div.margin, body .nextCartPolicies div.margin, body .nextPrivacyPolicyPopup { top:200px !important; } #mpeAddressValidation_foregroundElement, #mpeCalculator_foregroundElement { position:absolute !important; } .nextPickupLocationPopup, .nextSusbscriptionDescriptionPopup { position:fixed !important; } /***** END POPUP CSS OVERRIDE ******/ .nextPriceDetailsLink { font-style:italic; padding-left:5px; } .nextPriceDetailsLink a:hover { text-decoration:underline; } body .nextSharingTools { opacity:0; /* we'll fade this in with JS a few seconds after the DOM loads */ padding:0; margin-top:30px; } .nextProduct.nextFirst > td { padding-top:30px; } .nextLegalDisclaimer { padding:20px 0; } .nextRelatedProducts .nextAppendHeader { border-bottom: 1px solid #E6E6E6; margin: 40px 0 20px; font-size:18px; } .nextRelatedProducts .nextAppendHeader b { font-weight:normal; } .nextRelatedThread { width:auto; margin-bottom:20px; } .nextProductList .main .nextProductTicker { display:none; } .nextSortBy { padding:3px 0; font-size:11px; } .nextSortBy b { font-weight:normal; } .nocart #tdLeftCenter, .checkout #tdLeftCenter, .nextRegister #tdLeftCenter, .nextLogin #tdLeftCenter { display:none; } .nextProductDetail .nextStatus { margin-bottom:15px; } #ui-id-1 { font-size:14px; /*search suggestions*/ } .nextNoProductsText { text-align:left; } .nextBannerCellButton img { vertical-align:middle; } body td.main #threadWrapper { font-size:12px; } /* product list styling */ .nextProductList .nextProductWrapper *:not(.margin, .margin *) { font-size:13px; font-weight:normal !important; } a.nextProdName { text-transform:uppercase; margin-bottom:5px; font-size:16px; } .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 .nextAllocationContainer, .nextProductList .nextCustomField1Container, .nextProductList .nextCustomField2Container, .nextProductList .nextCustomField3Container, .nextProductList .nextCustomField4Container, .nextProductList .nextCustomField5Container, .nextProductList .nextCustomField6Container { margin-bottom:5px; } .nextTileProductBanner td { text-align:left; } .nextProductSpacer div { width:30px; } .nextProductList .nextShipToSelect select, .nextProductList .nextShipToSelect option { font-size:11px; } .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; } .nextAddToCartInnerTable { margin:0 auto 0 0; } .nextShipToInnerTable { margin:0 auto 0 0; } .nextExpressOrderProducts .nextProdThumb img { max-height:150px; } /* end product list styling */ .nextCategory18 .nextBidPrice { display:none; } #memberSavings { background:#777 url(//cdn.nexternal.com/common/images/arrow_rt_light.png) 100% 50% no-repeat; color:#FFF; } .nextClubCustomerType #memberSavings { display:none; } #memberSavings:hover { opacity:.8; } .nextCategory21 .nextSharingTools { display:none; } .nextCategory22 .nextShipToRow { display:none; } .infoBtn { display:inline-block; margin:-1px 0 0 5px; vertical-align:middle; } .nextPickupSelect a { opacity:.7; display:inline-block; outline:0; } .nextPickupSelect a:hover { opacity:1; } .nextPickupRow td { padding-top:5px; } #mpeUpsell_backgroundElement, #mpeUpsell_foregroundElement { display:none; } body.nextConsumer #mpeUpsell_backgroundElement, body.nextConsumer #mpeUpsell_foregroundElement { display:block; } #mpeTracking_foregroundElement { position:absolute !important; } /* HELLO */ /*-------------------------------- Persist Toggle ---------------------------------*/ body .nextPersistWrapper, body #searchWrapper { top:35px; } body #searchWrapper { padding:0 0 0 8px; } /*-------------------------------- Club Login Form ---------------------------------*/ body #clubLogin, body .loginMessage { /*text-align:left;*/ margin: -20px 0 20px; padding: 10px 0; background:#EEE; color:#333; } body #clubLogin h3 { font-size:16px; margin:0 0 10px 5px; color:#333; } body.nextLogin #clubLogin { display:none; } /*-------------------------------- Progress Tracker ---------------------------------*/ #progress { margin:0 auto; text-align:center; position:relative; display:none; background:#FFF; } .nextLogin #progress, .nextRegister #progress, .nextOrderInfo #progress, .nextInvoice #progress, .nextOrderConfirmation #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:'Lustria', serif; clear:both; } #progressBar { position:absolute; top:75px; left:50%; width:400px; margin-left:-205px; border-bottom:1px solid #999; box-shadow:0 3px 6px rgba(0, 0, 0, .3); *top:44px; /*for IE7-*/ } #progress ul { margin:0 auto 20px; text-align:center; padding:0; *width:444px; /*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:#999; 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, .nextOrderConfirmation li#progress4 span { background:#F88F1D } #progress ul li em { display:block; color:#888; font-style:normal; } #progressContinueShopping { text-decoration:none; /*clear:both;*/ float:left; /*background:#777 url(//cdn.nexternal.com/common/images/arrow_lt_light.png) 0 50% no-repeat; padding-left:30px;*/ 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; } body.oms input#btnCancelOrderBottom:hover, body.oms input#btnCancelOrderEmptySuperCart:hover { opacity:.7; } /*-------------------------------- Dynamic Storefront ---------------------------------*/ #dynamicStorefront .row { margin:0 0 30px; } #dynamicStorefront a.nextProdThumb img { width:80%; /* wine bottles are too tall */ } #dynamicStorefront h2 { font-family:'Lustria', serif; font-weight:300; font-size:30px; color:#444; margin:0; } /*-------------------------------- Buy a Case ---------------------------------*/ .acTrigger { margin:1px 10px 5px 5px; cursor:pointer; } .addCaseMessage { color:#B82727; font-size:13px; line-height:1.1; } .nextShortDesc .acTrigger, .nextShortDesc .addCaseMessage { display:none; } /*-------------------------------- Allocation Store Includes body class allocationStore ---------------------------------*/ .allocationStore.nextLogin table.nextLoginBtoC > tbody > tr > td:first-child, .allocationStore.nextLogin table.nextLoginBtoC > tbody > tr > td:nth-child(2) { display:none; /*hide new customer login section on B2C login page for allocated customers */ } .allocationStore.nextLogin .main .banner2 { display:none; } .allocationStore #clubLogin { display:none; } /*---------------------------------------------------------------- ..RETILE.CSS CUSTOM (requires retile.js and retile.css) ------------------------------------------------------------------*/ body .fluidContainer .nextCatLinks, body .fluidContainer .nextProductWrapper, body .relatedWrap { width:33.2%; /* Tile up to 3 products across (ignore padding for this - containers are set to box-sizing: border-box) */ text-align:left; padding:0 1.5% 5%; } body .relatedWrap { width:20%; } @media only screen and (min-width: 1500px) { body .fluidContainer .nextCatLinks, body .fluidContainer .nextProductWrapper, body .relatedWrap { /*width:20%; /* Tile up to 5 products across at this resolution */ } } /* .fluidContainer .nextProductWrapper table { margin-left:auto; 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.0 ------------------------------------------------------------------*/ /***** ..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%; display:inline-block; max-width:80%; *width:auto; /* IE7 */ margin:0; } .nextCategoryTable { width:100%; /* for Safari */ } /***** end fluid thumbs *****/ /***** ..fluid main images *****/ .nextMainImage { margin:0 30px 10px 0; /* main image margins */ } .nextMainImage > div { display:inline-block; min-width:150px; max-width:300px; } .nextProdImage { display:inline-block; max-width:100%; width:100%; *width:auto !important; } 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 *****/ /*-------------------------------- Responsive ---------------------------------*/ .nextStoreFront #threadWrapper{ display:none; } @media (max-width: 1500px) { .nextProductList .nextProductWrapper *:not(.margin, .margin *), .nextPersistentCategory a, input.nextHTMLButton, a.nextHTMLButton, a.nextAddEditButton { font-size:11px; } a.nextProdName { font-size:12px; } td.main { padding:0 30px; } } @media (max-width: 1199px) { } @media (max-width: 1024px) { td.main { padding:0 20px; /*percentage causes table cell overlap. Always use px*/ } .nextProdThumb img { /*max-width:100px; max-height:100px;*/ } .nextFluid .nextCatLinks, .nextFluid .nextProductWrapper { /*padding:10px;*/ } td.cart { /*width:1px; min-width:237px;*/ } #nextCartHeading { font-size:14px; min-width:190px; } .nextTileProductBanner tr.banner1 td, .nextSubcategoriesBanner tr.banner1 td, tr.bannerStoreFront td, .nextNoProductsBanner td, body .nextProductDetailTabbed h1.nextProdName { font-size:22px; } #threadWrapper { padding:0 15px; } .nextProductList .nextProductWrapper *:not(.margin, .margin *), .nextPersistentCategory a, input.nextHTMLButton, a.nextHTMLButton, a.nextAddEditButton { font-size:10px; } a.nextProdName { font-size:12px; } /* reTile */ body .nextFluid .nextCatLinks, body .nextFluid .nextProductWrapper, body .relatedWrap { /*min-width:205px; /* reduce the min-width of the tiles at this resolution because the font size has been decreased */ } } @media (min-width: 1024px) { } @media (max-width: 1023px) { td.main { padding-left:0; /*percentage causes table cell overlap. Always use px*/ } .nextFluid .nextCatLinks, .nextFluid .nextProductWrapper { /*width:33%;*/ } .nextStoreFront #threadWrapper{ display:block; } } body.nextArticles #threadWrapper{ display:none; } /*-------------------------------- website ---------------------------------*/ /*-------------------------------- Home Page ---------------------------------*/ .content { background:#FFF; width:100%; } #homeBanner { /*max-width:1783; height:285px;*/ position:relative; overflow:hidden; margin:-18px 0 20px; } #homeBanner img { width:100%; } #homeBanner img.tall, #homeBanner img.short { display:none; } .nextArticles #homeBanner img.short { display:none; } .nextArticles #homeBanner img.tall { display:block; } .content h1 { font-family:'Lustria', serif; font-weight:300; font-size:22px; color:#444; margin:0 0 15px; } .content p { margin:0 0 20px; padding:0; font-size:14px; } .tileWrap { margin:30px auto 0; max-width:1800px; /* double the padding when you calculate this */ } .tile { display:table; float:left; margin:0 0 50px; } #tile1, #tile2, #tile3 { width:33.3%; } #tile4, #tile5, #tile6, #tile7, #tile8, #tile9 { width:16.6%; } .tileWrap .tileContent { display:block; padding:10px 30px; border-right:1px solid #CCC; } .tileWrap .firstOfRow .tileContent{ clear:left; } .tileWrap .lastOfRow .tileContent{ border-right:0; } .tile li a { display:block; color:#3A5F7A; } .tile li a:hover { background-color:#EEE; padding-left:5px; color:#3A5F7A; } .tile a:hover img{ opacity:.8; } .tile h4 { font-family:'Lustria', serif; font-weight:300; font-size:14px; color:#222; margin:0 0 10px; } .tile ul { font-size:11px; margin:0; padding:0; } .tile li { margin:0 0 7px 0; padding:0; list-style:none; } .tile .catThumb { width:100%; margin-bottom:5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } @media (max-width: 1650px) { #tile1, #tile2 { width:49.9%; } #tile3, #tile4, #tile5 { width:33.3%; } #tile6, #tile7, #tile8, #tile9 { width:24.9%; } } @media (max-width: 1024px) { .tileWrap .tileContent { padding:10px 10px; } } /*---------------------------------------------------------------- ..Edit Pending Order ------------------------------------------------------------------*/ .editPendingOrder .nextCartAddendum, .editPendingOrder.nextClubCustomerType #memberSavings, .editPendingOrder .nextCartEnterGiftCert { display:none; } .nextCartPendingEdit { margin:0 0 17px; text-align:left; padding:0 5px; } .editPendingOrder input#btnCheckOutBottom { margin-bottom:10px; } /*-------------------------------- Allocation Demo / Regular Demo ---------------------------------*/ .demoToggle { cursor:pointer; } a#toggleRegDemo, body.demoAllocation #toggleAllocationDemo { color:green; } body.demoAllocation a#toggleRegDemo { color:inherit; } body.demoRegular .hideRegular, body.demoAllocation .hideAllocation { display:none !important; } .demoLoadingMessage { display:none; font-size:36px; padding:0 0 40px; text-align:center; } .demoLoadingMessage img { padding-left:15px; } .nextEnterReviewPopupBanner .nextBannerCell {white-space:normal;}