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 Quicksand, arial,helvetica,sans-serif; color: black; padding: 0 5px 0 5px}
.margin, .modal {background-color: white; background-image: none; text-align: left; font: 10pt Quicksand, 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: 10pt Quicksand, arial,helvetica,sans-serif; color: black}
.persist {background-color: white; background-image: none; text-align: left; vertical-align: top; margin: 0; font: 10pt Quicksand, 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: transparent; background-image: none; text-align: left}
td.bottom {background-color: transparent; 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 Quicksand, arial,helvetica,sans-serif}
.font1small {font: 8pt Quicksand, arial,helvetica,sans-serif}
.font1large {font: 12pt Quicksand, arial,helvetica,sans-serif}
.font2 {font: 10pt Playfair Display, arial,helvetica,sans-serif}
.font2small {font: 8pt Playfair Display, arial,helvetica,sans-serif}
.font2large {font: 12pt Playfair Display, arial,helvetica,sans-serif}
.labelSubText {font-size: 8pt; display: block}
.welcome {text-align: center}
.main a {color: #7c2529}
.main a:hover {color: #000}
.main img {border-color: #7c2529}
.cart a {color: #7c2529}
.cart a:hover {color: #000}
.cart img {border-color: #7c2529}
.persist a {color: #7c2529}
.persist a:hover {color: #000}
.persist img {border-color: #7c2529}
.margin a, .modal a {color: #7c2529}
.margin a:hover, .modal a:hover {color: #000}
.margin img, .modal img {border-color: #7c2529}
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: #594a42; background-image: none; font: bold 10pt Quicksand, arial,helvetica,sans-serif; color: white}
.main .banner1 h1.nextBannerText {font: bold 10pt Quicksand, arial,helvetica,sans-serif; color: white; margin-bottom: 0px}
.main .banner2 {background-color: #594a42; background-image: none; font: bold 10pt Quicksand, arial,helvetica,sans-serif; color: white}
.cart .banner1 {background-color: black; background-image: none; font: bold 10pt Quicksand, arial,helvetica,sans-serif; color: white}
.persist .banner1 {background-color: black; background-image: none; font: bold 10pt Quicksand, arial,helvetica,sans-serif; color: white}
.margin .banner1, .modal .banner1 {background-color: #594a42; background-image: none; font: bold 10pt Quicksand, arial,helvetica,sans-serif; color: white}
.margin .banner2, .modal .banner2 {background-color: #594a42; background-image: none; font: bold 10pt Quicksand, 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: #594a42; 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: #594a42; 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: Quicksand, 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: 8pt}
.nextSoldOut, .nextProductDetailTabbed .nextProdName, .nextProductDetailTabbed .nextPrice, .nextNewCustomerLink, .nextExpressOrderTotals, .nextOrderPadTotalLabel, .nextOrderPadTotalQuantity, .nextOrderPadUpload, .nextInvoicePaymentFooter {font-size: 12pt}
.nextCategoryDisplay .nextCatName, .nextAttributes, .nextExpressOrderAttributes, .nextAppendHeader {font: 10pt Quicksand, arial,helvetica,sans-serif}
.nextProduct, .nextAdvancedSearch, .nextUndoSearch, .nextProductDetailTop, .nextProductDetailStacked .nextProdName, .nextExpressOrderProducts .nextProdName, .nextLongDescription, .nextArticleSearchDescription, .nextArticleSearchLink, .nextCartTop, .nextShoppingCart, .nextRegisterHeader, .nextPasswordTextCell, .nextTrusteeTextCell, .nextLargeTextLink {font: 10pt Playfair Display, arial,helvetica,sans-serif}
.nextArticleSearchTitle {font: 12pt Playfair Display, arial,helvetica,sans-serif}
.nextCategory .nextCatName {font: 10pt Playfair Display, 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: #7c2529; background-color: #7c2529}
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: 50px; max-height: initial}
.nextCartProdImageLarge img {max-width: 25px; 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;}
.filterLineScroll {max-height: 150px; overflow-y: auto}
.filterLineScroll::-webkit-scrollbar {-webkit-appearance: none; width: 7px}
.filterLineScroll::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0, 0, 0, .5); box-shadow: 0 0 1px rgba(255, 255, 255, .5)}
.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}
/*vanillabean122*/
/*includes loyalty styling, tabMotion price details styling, club pricing 2.0 styling, buy a case 2.0 styling, category discount and customer type discount customization, Font Reset*/
/*----------------------------------------------------------------
..GLOBAL
------------------------------------------------------------------*/
body, body.master {
margin:0;
background: #E5E1D6;
}
.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%;
}
a {
text-decoration:none;
}
img {
border:0;
}
input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]):not([type=button]) {
padding:8px 8px;
border:1px solid #CCC;
border-radius:0;
}
label {
padding-right:5px;
}
input::-moz-focus-inner{
border: 0;
padding: 0;
}
/*----------------------------------------------------------------
..TOP HTML
------------------------------------------------------------------*/
.v65-shipTracking-wrapper .v65-shipTracking-progressTable table,
.v65-shipTracking-wrapper .v65-shipTracking-otherShipmentTable table {
margin-bottom: 1em
}
.v65-shipTracking-wrapper .v65-shipTracking-progressTable table tr.exception td,
.v65-shipTracking-wrapper .v65-shipTracking-otherShipmentTable table tr.exception td {
background-color: #FF9
}
.v65-shipTracking-wrapper .v65-shipTracking-progressTable table tr th,
.v65-shipTracking-wrapper .v65-shipTracking-otherShipmentTable table tr th {
background-color: #ccc;
color: #333;
font-weight: bold;
font-size: 0.95em;
padding: 3px;
border-bottom: 1px solid #bbb
}
.v65-shipTracking-wrapper .v65-shipTracking-progressTable table td,
.v65-shipTracking-wrapper .v65-shipTracking-otherShipmentTable table td {
font-size: 0.95em;
padding: 2px;
border-bottom: 1px solid #bbb;
text-transform: capitalize
}
.v65-shipTracking-wrapper .v65-shipTracking-progressTable table td.alt,
.v65-shipTracking-wrapper .v65-shipTracking-otherShipmentTable table td.alt {
background-color: #efefef
}
.v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader .v65-shipTracking-deliveryHeader-icon,
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon {
text-align: center
}
@media (max-width: 580px) {
.v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader .v65-shipTracking-deliveryHeader-icon,
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon {
clear: both
}
}
.v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader .v65-shipTracking-deliveryHeader-icon img,
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon img {
width: 48px;
height: 48px;
padding: 10px;
line-height: 75px;
display: block;
margin: auto;
margin-bottom: 8px;
border-radius: 10px
}
@media (max-width: 580px) {
.v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader .v65-shipTracking-deliveryHeader-icon img,
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon img {
box-sizing: content-box
}
}
.v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader .v65-shipTracking-deliveryHeader-icon span,
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon span {
font-size: 1.4em
}
.v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader .v65-shipTracking-active.v65-shipTracking-deliveryHeader-icon span,
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-active.v65-shipTracking-progress-icon span {
color: #27ae60
}
.v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader .v65-shipTracking-completed.v65-shipTracking-deliveryHeader-icon span,
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-completed.v65-shipTracking-progress-icon span {
color: #27ae60;
font-weight: bold
}
.v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader {
text-align: center
}
.v65-shipTracking-wrapper .v65-shipTracking-progress {
position: relative
}
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons {
position: relative;
z-index: 2;
margin: 2em 0
}
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon {
width: 25%;
float: left;
position: relative
}
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon:first-child:after {
display: none
}
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon:after {
content: " ";
display: block;
height: 7px;
background: #ccc;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 70%;
margin-left: -35%;
position: absolute;
top: 22px
}
@media (max-width: 580px) {
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon:after {
display: none
}
}
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon img {
width: 32px;
height: 32px
}
@media (max-width: 580px) {
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon img {
display: inline-block;
float: left
}
}
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon span {
font-size: 1em
}
@media (max-width: 580px) {
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon span {
margin-left: 10px;
float: left;
display: inline-block;
line-height: 54px
}
}
@media (max-width: 580px) {
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon {
width: 100%;
float: none
}
}
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-arrow {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
margin: auto;
margin-top: 5px;
display: none
}
@media (max-width: 580px) {
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-arrow {
display: none
}
}
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-bar {
position: absolute;
top: 22px;
left: 12.5%;
right: 12.5%;
height: 5px;
border: 1px dashed #ccc;
border: 1px dashed #ccc;
z-index: 1
}
@media (max-width: 580px) {
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-bar {
display: none
}
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-exception img,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-expired img,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-pending img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-senttofulfillment {
color: #27ae60;
font-weight: bold
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-senttofulfillment:after {
background: #2eb135
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-intransit,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-outfordelivery,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-delivered {
opacity: 0.7;
color: rgba(0, 0, 0, 0.3)
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-intransit img,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-outfordelivery img,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-delivered img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-intransit .v65-shipTracking-progress-icon-senttofulfillment {
color: #27ae60
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-intransit .v65-shipTracking-progress-icon-intransit {
color: #27ae60;
font-weight: bold
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-intransit .v65-shipTracking-progress-icon-intransit:after {
background: #2eb135
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-intransit .v65-shipTracking-progress-icon-outfordelivery,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-intransit .v65-shipTracking-progress-icon-delivered {
opacity: 0.7;
color: rgba(0, 0, 0, 0.3)
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-intransit .v65-shipTracking-progress-icon-outfordelivery img,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-intransit .v65-shipTracking-progress-icon-delivered img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-outfordelivery .v65-shipTracking-progress-icon-senttofulfillment,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-failedattempt .v65-shipTracking-progress-icon-senttofulfillment {
color: #27ae60
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-outfordelivery .v65-shipTracking-progress-icon-intransit,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-failedattempt .v65-shipTracking-progress-icon-intransit {
color: #27ae60
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-outfordelivery .v65-shipTracking-progress-icon-intransit:after,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-failedattempt .v65-shipTracking-progress-icon-intransit:after {
background: #2eb135
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-outfordelivery .v65-shipTracking-progress-icon-outfordelivery,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-failedattempt .v65-shipTracking-progress-icon-outfordelivery {
color: #27ae60;
font-weight: bold
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-outfordelivery .v65-shipTracking-progress-icon-outfordelivery:after,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-failedattempt .v65-shipTracking-progress-icon-outfordelivery:after {
background: #2eb135
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-outfordelivery .v65-shipTracking-progress-icon-delivered,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-failedattempt .v65-shipTracking-progress-icon-delivered {
opacity: 0.7;
color: rgba(0, 0, 0, 0.3)
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-outfordelivery .v65-shipTracking-progress-icon-delivered img,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-failedattempt .v65-shipTracking-progress-icon-delivered img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-senttofulfillment,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-intransit,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-outfordelivery {
color: #27ae60
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-senttofulfillment:after,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-intransit:after,
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-outfordelivery:after {
background: #2eb135
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-delivered {
color: #27ae60;
font-weight: bold
}
.v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-delivered:after {
background: #2eb135
}
.v65-shipTracking-wrapper .v65-shipTracking-progressTable .attemptfail {
background: #fcf8e3
}
.v65-shipTracking-wrapper .v65-shipTracking-info div {
width: 50%;
float: left
}
@media (max-width: 580px) {
.v65-shipTracking-wrapper .v65-shipTracking-info div {
float: none;
width: 100%
}
}
.v65-shipTracking-wrapper .v65-shipTracking-info .v65-shipTracking-info-map img {
width: 100%
}
.v65-shipTracking-wrapper .v65-shipTracking-otherShipmentTable {
margin-bottom: 40px
}
.v65-brixColumns {
margin: 4em 0
}
.v65-brixColumns .v65-col3 img {
margin-bottom: 1em
}
.v65-colWrapper {
margin-bottom: 2em;
width: 100%
}
.v65-colWrapper:before,
.v65-colWrapper:after {
content: "";
display: table
}
.v65-colWrapper:after {
clear: both
}
.v65-col2 {
float: left;
margin-left: 6%;
width: 47%
}
.v65-col2:first-child {
float: left;
margin-left: 0%;
width: 47%
}
.v65-col2Right {
float: left;
margin-left: 6%;
width: 29%
}
.v65-col2Right:first-child {
float: left;
margin-left: 0;
width: 65%
}
.v65-col2Left {
float: left;
margin-right: 0;
width: 65%
}
.v65-col2Left:first-child {
float: left;
margin-right: 6%;
width: 29%
}
.v65-col3 {
float: left;
margin-left: 5%;
width: 30%
}
.v65-col3:first-child {
float: left;
margin-left: 0%;
width: 30%
}
.v65-col4 {
float: left;
margin-left: 3%;
width: 22.7%
}
.v65-col4:first-child {
margin-left: 0
}
@media screen and (max-width: 850px) {
.v65-col4 {
margin: 0 2% 3em;
width: 46%
}
.v65-col4:first-child {
margin-left: 2%
}
}
@media screen and (max-width: 750px) {
.v65-col2Right,
.v65-col2Right:first-child,
.v65-col2Left,
.v65-col2Left:first-child {
float: none;
margin: 0 0 2em;
width: 100%
}
.v65-col3 {
float: none;
margin-left: 0;
margin-bottom: 1.5em;
width: 100%
}
.v65-col3:first-child {
float: none;
width: 100%
}
}
@media screen and (max-width: 580px) {
.v65-col2 {
float: none;
margin-left: 0;
margin-bottom: 1.5em;
width: 100%
}
.v65-col2:first-child {
float: none;
width: 100%
}
.v65-col4,
.v65-col4:first-child {
float: none;
margin: 0 0 2em;
width: 100%
}
}
.v65-col2 img,
.v65-col2Right img,
.v65-col2Left img,
.v65-col3 img,
.v65-col4 img {
height: auto !important;
max-width: 100%
}
.v65-productFilterV2Select {
margin-bottom: 1em
}
.v65-selectFilterV2SelectWrapper {
border: 1px solid #ccc;
border-radius: 3px;
overflow: hidden;
background-color: #fff;
margin-bottom: 0.5em;
padding: 0.2em 0;
position: relative;
display: inline-block;
min-width: 125px
}
@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
.v65-selectFilterV2SelectWrapper {
min-width: 48%
}
}
.v65-productFilterV2Select select {
padding: 0.7em;
min-width: 130px;
border: none;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none
}
.v65-selectFilterV2SelectWrapper:before {
right: 0;
content: " ";
position: absolute;
background: white;
width: 32px;
top: 0;
bottom: 0;
pointer-events: none
}
.v65-selectFilterV2SelectWrapper:after {
top: 50%;
right: 15px;
border: solid transparent;
content: " ";
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color: #000000;
border-width: 5px;
margin-top: -2px;
z-index: 100
}
.v65-productFilterV2Bar {
background: #e6e6e6;
padding: 0.5em;
margin-bottom: 1em
}
.v65-productFilterV2Heading {
font-weight: bold
}
.v65-title {
font-size: 1.5em;
line-height: 1;
margin-bottom: 1em
}
.v65-subtitle {
font-size: 1.5em;
line-height: 1;
margin-bottom: 0.5em
}
.v65-product-tab .v65-title {
font-size: 1.5em;
line-height: 1;
margin-bottom: 0.5em
}
.last,
div.last {
margin-right: 0;
padding-right: 0;
border-right: 0
}
.small {
font-size: 0.917em
}
.small a {
font-weight: bold
}
.smaller {
font-size: 0.834em
}
.smaller a {
font-weight: bold
}
.red {
color: #CC0000
}
.red a {
color: #CC0000
}
.red a:hover {
color: #990000
}
.promo {
color: #CC0000;
font-weight: bold
}
.error {
color: #CC0000
}
.alert {
padding: 7px 10px;
background-color: #c53939;
color: #fff;
font-size: 0.95em;
line-height: 1.6em
}
.alert p {
color: #fff
}
.alert ul {
list-style: none;
margin: 0;
padding: 0
}
.alert li {
color: #fff
}
.alertYellow {
padding: 7px 10px;
background-color: #FF9;
color: #333;
font-size: 0.95em;
line-height: 1.6em
}
.alertYellow p {
padding: 0;
color: #333;
margin: 0
}
.v65-carrot {
padding: 7px 10px;
font-size: 0.95em;
line-height: 1.6em;
margin-bottom: 10px;
color: #333
}
.v65-carrot p {
padding: 0;
margin: 0
}
.v65-carrot-color-red {
background-color: #c53939;
color: #fff
}
#v65-modalCartBody .v65-carrot-color-red p {
color: #fff
}
.v65-carrot-color-blue {
background-color: #d9edf7
}
.v65-carrot-color-green {
background-color: #dff0d8
}
.v65-carrot-color-yellow {
background-color: #FF9
}
.underline {
text-decoration: underline
}
.strikethru {
text-decoration: line-through;
font-weight: normal
}
.right {
text-align: right
}
.floatRight {
float: right
}
@media screen and (max-width: 640px) {
.floatRight {
float: none
}
}
.left {
text-align: left
}
.floatLeft {
float: left
}
.center {
text-align: center
}
.bold {
font-weight: bold
}
.verticalMiddle {
vertical-align: middle
}
.v65-group:before,
.v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader:before,
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons:before,
.v65-shipTracking-wrapper .v65-shipTracking-info:before,
.v65-group:after,
.v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader:after,
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons:after,
.v65-shipTracking-wrapper .v65-shipTracking-info:after {
content: "";
display: table
}
.v65-group:after,
.v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader:after,
.v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons:after,
.v65-shipTracking-wrapper .v65-shipTracking-info:after {
clear: both
}
.v65-clear {
clear: both;
font-size: 0;
line-height: 0
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px
}
.tooltip {
position: absolute;
z-index: 10000000;
display: block;
visibility: visible;
font-size: 12px !important;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0)
}
.tooltip.in {
opacity: .9;
filter: alpha(opacity=90)
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px
}
.tooltip.top .tooltip-arrow {
z-index: 10000000;
bottom: -10px;
margin-top: -3px;
padding: 5px 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
right: 5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
.tooltip-arrow {
color: #000;
z-index: 100000;
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
img.v65-featureRight {
border: 1px solid #ccc;
float: right;
padding: 3px;
margin: 0 0 1em 1em
}
@media screen and (max-width: 580px) {
img.v65-featureRight {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: none;
margin: 0 0 1em 0;
width: 100% !important
}
}
img.v65-right {
float: right;
margin: 0 0 1em 1em
}
@media screen and (max-width: 580px) {
img.v65-right {
float: none;
margin: 0 0 1em 0;
width: 100% !important
}
}
img.v65-featureLeft {
float: left;
border: 1px solid #ccc;
padding: 3px;
margin: 0 1em 1em 0
}
@media screen and (max-width: 580px) {
img.v65-featureLeft {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: none;
margin: 0 0 1em 0;
width: 100% !important
}
}
img.v65-left {
float: left;
margin: 0 1em 1em 0
}
@media screen and (max-width: 580px) {
img.v65-left {
float: none;
margin: 0 0 1em 0;
width: 100% !important
}
}
img.v65-border {
border: 1px solid #ccc;
padding: 3px
}
@media screen and (max-width: 580px) {
img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: none;
max-width: 100% !important;
height: auto
}
}
.v65-quoteRight {
width: 33%;
border: 1px solid #ccc;
background-color: #eee;
color: #555;
font: italic 1.17em/1.5em Georgia, "Times New Roman", Times, serif;
float: right;
padding: 0.65em;
margin: 0 0 1em 1em
}
.v65-quoteRight:first-letter {
display: block;
float: left;
margin: 4px 8px 0 0;
font-size: 3.2em
}
.v65-quoteLeft {
width: 33%;
border: 1px solid #ccc;
background-color: #eee;
color: #555;
font: italic 1.17em/1.5em Georgia, "Times New Roman", Times, serif;
float: left;
padding: 0.65em;
margin: 0 1em 1em 0
}
.v65-quoteLeft:first-letter {
display: block;
float: left;
margin: 4px 8px 0 0;
font-size: 3.2em
}
th {
font-weight: bold
}
thead th {
background: #ccc
}
tr.altRow td {
background: #eee
}
tfoot {
font-style: italic
}
caption {
background: #eee
}
/* input[type='text'],
input[type='password'],
input[type='username'],
input[type='tel'],
input[type='email'] {
border: 1px solid #ccc;
height: 2.5em;
line-height: 2.5em;
min-width: 3em;
padding: 0 0.5em
} */
/* @media screen and (max-width: 580px) {
input[type='text'],
input[type='password'],
input[type='username'],
input[type='tel'],
input[type='email'] {
height: 4em;
line-height: 4em;
min-width: 3em
}
} */
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
/* input[type="radio"] {
vertical-align: text-bottom
}
input[type="checkbox"] {
vertical-align: bottom
} */
label,
input[type=button],
input[type=submit],
button {
cursor: pointer
}
@media screen and (max-width: 580px) {
select {
height: 4em;
min-width: 3em
}
}
.v65-paging {
border-bottom: 1px solid #999;
line-height: 3em;
margin: 0 0 1.5em;
width: 100%
}
@media screen and (max-width: 580px) {
.v65-paging {
display: none
}
}
.v65-pagingBottom {
border: 0;
border-top: 1px solid #ccc;
clear: both;
margin: 1.5em 0
}
@media screen and (max-width: 580px) {
.v65-pagingBottom {
display: block
}
}
.v65-product-sortBy {
float: left;
margin-top: 0.6em;
width: 33%
}
@media screen and (max-width: 580px) {
.v65-product-sortBy {
float: none;
width: 100%
}
}
.v65-product-perPage {
float: left;
margin-top: 0.6em;
width: 33%
}
@media screen and (max-width: 580px) {
.v65-product-perPage {
float: none;
width: 100%
}
}
.v65-product-pagination {
float: right
}
.v65-product-pagination,
.v65-Paging {
text-align: right;
width: 60%
}
@media screen and (max-width: 580px) {
.v65-product-pagination,
.v65-Paging {
width: 100%
}
}
.v65-product-pagination ul,
.v65-Paging ul {
list-style: none outside none;
margin: 0;
padding: 0.5em 0;
text-align: right
}
@media screen and (max-width: 580px) {
.v65-product-pagination ul,
.v65-Paging ul {
margin: 0;
text-align: center
}
}
.v65-product-pagination li,
.v65-Paging li {
color: #666;
display: inline-block;
margin: 0 0.2em
}
.v65-product-pagination li a,
.v65-Paging li a {
color: #666;
display: block;
border-radius: .2em;
background-color: #eee;
height: 2.5em;
line-height: 2.5em;
text-align: center;
text-decoration: none;
width: 2.5em
}
.v65-product-pagination li a:hover,
.v65-Paging li a:hover {
background: #ccc;
color: #000
}
@media screen and (max-width: 580px) {
#v65-PagingTop {
display: none
}
}
#v65-PagingBottom {
border: 0;
clear: both;
margin: 1.5em 0
}
#v65-blogRecentPosts li {
padding-bottom: 0.75em
}
#v65-blogSubscribeByRSS {
display: block;
padding: 0 0 0 22px;
background: url(//cdn.nexternal.com/images/blog/rss.png) no-repeat left
}
.v65-recentEntriesDate {
font-style: italic
}
.v65-recentEntriesTitle {
font-weight: bold
}
.v65-blogPostWrapper {
position: relative;
margin-bottom: 1.5em;
padding: 0
}
.v65-blogPostWrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.v65-avatar {
display: block;
position: absolute;
top: 0;
left: 0;
width: 48px;
height: 48px;
margin: 0;
padding: 0
}
@media screen and (max-width: 580px) {
.v65-avatar {
display: none
}
}
.v65-avatar img {
display: block;
border: 1px solid #999;
padding: 2px;
background-color: #fff
}
@media screen and (max-width: 580px) {
.v65-avatar img {
display: none
}
}
.v65-blogPost {
position: relative;
margin-left: 64px;
padding-bottom: 1.5em
}
@media screen and (max-width: 580px) {
.v65-blogPost {
margin: 0
}
}
.v65-blogPostDate {
font-size: 0.85em;
margin-bottom: 0.5em;
color: #666666
}
.v65-blogFooter {
font-size: 0.85em;
height: 1.8em;
line-height: 1.8em;
margin: 0 0 1.5em;
clear: both
}
.v65-blogFooterDate {
float: left;
margin-right: 10px
}
@media screen and (max-width: 580px) {
.v65-blogFooterDate {
height: 22px;
font-size: 1.3em
}
}
.v65-blogFooterLink {
float: left;
margin-right: 10px
}
@media screen and (max-width: 580px) {
.v65-blogFooterLink {
display: none
}
}
.v65-blogFooterComments {
float: left;
margin-right: 10px
}
@media screen and (max-width: 580px) {
.v65-blogFooterComments {
height: 22px;
font-size: 1.3em
}
}
.v65-blogFooterShareThis {
float: left
}
.v65-recipe {
border-bottom: 1px solid #ccc;
margin-bottom: 1em;
min-height: 125px;
padding: 0 0 1em 0;
position: relative
}
.v65-recipe-photo {
left: 0;
position: absolute;
top: 0;
width: 125px
}
.v65-recipe-photo img {
max-width: 100%
}
.v65-recipe-info {
margin-left: 140px
}
.v65-recipe-date {
font-size: 0.8em;
font-style: italic;
color: #666;
margin-bottom: 0.5em
}
.v65-recipe-drilldown-right {
float: right;
margin-left: 2em;
text-align: center;
width: 225px
}
@media screen and (max-width: 580px) {
.v65-recipe-drilldown-right {
float: none;
margin: 0 auto 2em auto;
width: 80%
}
}
.v65-recipe-drilldown-photo {
margin-bottom: 1em
}
.v65-recipe-drilldown-photo img {
max-width: 100%
}
.v65-recipe-drilldown-attributes {
margin-bottom: 2em
}
.v65-recipe-attribute {
margin-bottom: 0.5em
}
.v65-recipe-attributeLabel {
float: left;
font-weight: bold;
margin-right: 3%;
text-align: right;
width: 47%
}
.v65-recipe-attributeValue {
float: left;
text-align: left;
width: 50%
}
.v65-recipe-drilldown-related-products {
clear: both;
margin-bottom: 1em;
padding: 10px 0;
border-top: 1px solid #ccc
}
.v65-recipe-drilldown-related-product {
float: left;
width: 30%;
margin: 0 3% 0 0
}
.v65-recipe-drilldown-related-product .v65-product-photo img {
max-width: 40%
}
.v65-recipe-drilldown-related-product .v65-product-addToCart-priceWrapper {
display: block;
margin-bottom: 5px
}
.v65-recipe-drilldown-related-product .v65-product-reviewStats-stars {
display: inline;
float: none;
margin-right: 2px
}
.v65-recipe-drilldown-related-product .v65-product-reviewStats-count {
display: inline;
float: none
}
.v65-commentWrapper {
position: relative;
margin: 0 0 1.4em 0;
padding: 0 0 1em 0;
border-bottom: 1px solid #ccc;
overflow: hidden
}
.v65-comment {
position: relative;
margin: 0 0 0 64px;
padding: 0
}
@media screen and (max-width: 580px) {
.v65-comment {
margin: 0 0 2em
}
}
.v65-commentDate {
font-size: 0.85em
}
.v65-commentText {
padding: 1em 0 0 0
}
.v65-commentText p {
font-size: 1em
}
#v65-commentFormWrapper form {
width: 80%
}
@media screen and (max-width: 680px) {
#v65-commentFormWrapper form {
width: 100%
}
}
#v65-commentFormWrapper #Comments {
height: 140px;
width: 95%
}
.v65-calendarList-Month {
font-size: 16px;
border-bottom: 1px solid #ccc;
padding: 8px 0;
margin: 0 0 12px
}
.v65-calendarList-Event {
padding-left: 12px;
margin-bottom: 12px
}
@media screen and (max-width: 580px) {
.v65-calendarList-Event {
padding: 0
}
}
.v65-calendarList-Event:before {
content: "";
display: table
}
.v65-calendarList-Event:after {
content: "";
display: table;
clear: both
}
.v65-calendarList-Event .v65-title {
line-height: 1.5em
}
.v65-calendarList-Event .v65-calendarList-Time {
font-style: italic
}
@media screen and (max-width: 580px) {
.v65-calendarList-Event .v65-calendarList-Time {
display: block
}
}
.v65-calendarList-Event .v65-calendarList-Description {
margin: 8px 0
}
#v65-CalendarWrapper {
width: 100%
}
#v65-CalendarNav {
width: 100%;
padding: 0;
margin: 0
}
#v65-CalendarNav td {
padding: 3px;
width: 33%
}
#v65-CalendarTable {
border-top: 1px solid #999;
border-right: 1px solid #999;
width: 100%;
background-color: #fff
}
#v65-CalendarTable th {
border-bottom: 1px solid #999;
border-left: 1px solid #999;
font-weight: bold;
font-size: 0.917em;
text-align: center;
padding: 0px;
height: 15px;
color: #fff;
background-color: #666
}
#v65-CalendarTable td {
border-bottom: 1px solid #999;
border-left: 1px solid #999;
padding: 2px;
width: 14%;
height: 55px
}
.v65-CalendarDay {
float: right;
width: 15px;
height: 15px;
padding: 0 2px 2px 2px;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
text-align: right;
font-size: 0.917em;
color: #869fc3;
clear: both
}
.v65-CalendarToDay {
background-color: #ccc
}
.v65-CalendarOffMonthDays {
background-color: #eee
}
.v65-CalendarEvent {
clear: both;
padding: 0px 0px 8px 0px;
font-size: 0.917em
}
#v65-CalendarEventTable {
margin-bottom: 1em
}
#v65-CalendarEventTable td {
padding: 2px 10px 2px 2px
}
@media screen and (max-width: 580px) {
.v65-CalendarDay {
margin-bottom: 4px
}
.v65-CalendarEvent a {
background-color: #666;
border-radius: 0.25em;
color: #666;
display: block;
height: 2em;
overflow: hidden;
padding: 0;
width: 2em
}
}
.v65-event-today {
text-align: center
}
.v65-event-events-event {
margin-bottom: 1em
}
.v65-event-events-event-time {
display: inline-block;
margin-right: 5px
}
.v65-event-events-event-title {
display: inline-block
}
.v65-event-calendar {
margin-bottom: 1em
}
.v65-event-calendar table {
border-top: 1px solid #999;
border-right: 1px solid #999;
width: 100%;
margin: 0 auto;
font-size: 0.897em
}
.v65-event-calendar table th {
border-bottom: 1px solid #999;
border-left: 1px solid #999;
padding: 1px;
font-weight: bold;
text-align: center;
padding: 0;
color: #fff;
background-color: #666
}
.v65-event-calendar table td {
border-bottom: 1px solid #999;
border-left: 1px solid #999;
padding: 1px;
text-align: center;
width: 14%
}
.v65-event-calendar .v65-CalendarDay {
float: right;
width: 15px;
height: 15px;
padding: 0 2px 2px 2px;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
text-align: right;
font-size: 0.917em;
color: #869fc3;
clear: both
}
.v65-event-calendar .v65-CalendarToDay {
background-color: #ccc
}
.v65-event-calendar .v65-CalendarOffMonthDays {
background-color: #eee
}
.v65-event-calendar-nav {
font-weight: bold;
text-align: center
}
.v65-CalendarEvent {
clear: both;
padding: 0px 0px 8px 0px;
font-size: 0.917em
}
.v65-event-upcoming {
text-align: center
}
.v65-event-upcoming-event {
margin-bottom: 1em
}
.v65-event-upcoming-event-date {
font-weight: bold
}
.v65-event-upcoming-event-time {
display: inline-block;
margin-right: 5px
}
.v65-event-upcoming-event-title {
display: inline-block
}
.v65-FAQ-Pair {
border-top: 1px solid #ccc;
width: 100%;
padding: 1em 0 0 0;
margin: 2em 0 0 0
}
.v65-FAQ-Pair blockquote {
padding: 0;
margin: 0 0 0 1em
}
.v65-FAQ-Pair p.topofpage {
text-align: right;
font-size: 0.917em
}
#v65-SiteMap {
list-style: none;
padding: 0;
margin: 0;
line-height: 1.8em
}
#v65-SiteMap li {
line-height: inherit;
line-height: 2.5em;
font-size: 1.167em;
border: none
}
@media screen and (max-width: 580px) {
#v65-SiteMap li {
line-height: 44px;
font-size: 1.3em;
font-weight: bold
}
}
@media screen and (max-width: 580px) {
#v65-SiteMap li a {
display: block
}
}
#v65-SiteMap li ul {
list-style: none;
padding: 0;
margin: 0 0 0 0.8em
}
#v65-SiteMap li ul li {
font-size: 0.858em
}
@media screen and (max-width: 580px) {
#v65-SiteMap li ul li {
border-bottom: 1px solid #CCC
}
}
@media screen and (max-width: 580px) {
#v65-SiteMap li ul li:last-child {
border-bottom: 0 solid #CCC
}
}
#v65-SiteMap li ul li ul {
list-style: none
}
#v65-SiteMap li ul li ul li {
font-weight: normal;
font-size: 0.917em
}
#v65-businessLocator {
width: 100%;
overflow: hidden;
margin: 0 0 1.4em;
padding: 0 0 1em;
position: relative
}
@media screen and (max-width: 580px) {
#v65-businessLocator input[type="text"] {
margin-bottom: 10px
}
}
#v65-businessLocatorSelectByCity {
width: 33%
}
@media screen and (max-width: 580px) {
#v65-businessLocatorSelectByCity {
width: 100%
}
}
#v65-businessLocatorCategory {
width: 100%
}
#v65-businessLocatorCountryCode {
width: 100%
}
#v65-businessLocatorStateCode {
width: 100%
}
#v65-businessLocatorCity {
width: 100%
}
#v65-businessLocatorSelectByZipCode {
overflow: hidden;
width: 33%
}
@media screen and (max-width: 580px) {
#v65-businessLocatorSelectByZipCode {
width: 100%
}
}
#v65-businessLocatorCategoryBottom {
width: 100%
}
#v65-businessLocatorZipCode {
width: 60px
}
#v65-businessLocatorRadius {
width: 80px
}
#v65-BusinessList {
position: relative;
margin: 0 400px 0 0;
padding: 0
}
@media screen and (max-width: 580px) {
#v65-BusinessList {
margin: 0
}
}
#v65-BusinessList li {
margin: 0 0 1em
}
@media screen and (max-width: 580px) {
#v65-BusinessList li {
border-top: 1px solid #CCC;
padding-top: 8px
}
}
@media screen and (max-width: 580px) {
#v65-BusinessList li:last-child {
border-bottom: 1px solid #CCC;
padding-bottom: 8px
}
}
#v65-map_canvas {
width: 60%;
height: 300px;
top: 0;
right: 0;
margin: 0;
position: absolute;
padding: 0;
background-color: #eee;
border: 1px solid #ccc
}
@media screen and (max-width: 580px) {
#v65-map_canvas {
position: relative;
width: 100%
}
}
#v65-TableOfContents {
list-style: none;
padding: 0 0 0 1em;
margin: 0;
line-height: 2em
}
#v65-subscribeWidget input {
width: 100px
}
.v65-tweet {
font-size: 11px;
line-height: 1.6em;
margin-bottom: 1em;
position: relative;
width: 100%
}
.v65-tweetProfileImage {
position: absolute;
top: 0;
left: 0;
width: 60px
}
.v65-tweetText {
position: relative;
margin: 0 0 5px 64px;
padding: 0;
min-height: 48px
}
.v65-tweetDetails {
clear: both;
width: 100%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: right
}
#v65-searchWidgetInput input {
width: 90px
}
#v65-searchWidgetInput select {
width: 70px
}
ul.ui-autocomplete {
width: 215px;
list-style: none;
margin: 0;
padding: 10px 5px;
border: 1px solid #ccc;
overflow-y: auto;
overflow-x: hidden;
max-height: 250px;
background-color: #fff
}
ul.ui-autocomplete li {
width: 200px;
margin: 0;
padding: 0
}
ul.ui-autocomplete li a {
display: block;
width: 200px;
cursor: pointer;
padding: 5px 0;
margin: 0 0 6px
}
ul.ui-autocomplete li a .ui-state-hover {
background: #efefef
}
ul.ui-autocomplete li a:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
ul.ui-autocomplete li a img {
float: left;
margin: 0 8px;
width: 15px
}
ul.ui-autocomplete li a span {
float: left;
width: 169px
}
#user-tools {
float: right;
height: 3em;
line-height: 3em;
position: relative;
width: 400px;
z-index: 200
}
@media screen and (max-width: 580px) {
#user-tools {
height: 4em;
line-height: 4em;
float: none;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
}
.v65-yourAccount,
.v65-editProfile {
border-right: 1px solid #666;
display: inline-block;
text-align: right;
height: 1em;
line-height: 1em;
margin-top: 12px;
margin-right: 10px;
padding-right: 10px;
width: 150px
}
@media screen and (max-width: 580px) {
.v65-yourAccount,
.v65-editProfile {
float: left;
height: 4em;
line-height: 4em;
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 33%;
z-index: 400;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
}
.v65-login,
.v65-logout {
display: inline;
line-height: 12px;
margin-top: 12px;
width: 50px
}
@media screen and (max-width: 580px) {
.v65-login,
.v65-logout {
border-right: 1px solid #666;
float: left;
height: 4em;
line-height: 4em;
margin-top: 0;
position: relative;
text-align: center;
width: 33%;
z-index: 400;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
}
#v65-modalCart {
position: absolute;
top: 0;
right: 0;
text-align: right;
z-index: 300;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width: 580px) {
#v65-modalCart {
width: 100%
}
#v65-modalCart #v65-toggleModalCart {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
line-height: 1.2em;
text-align: center;
vertical-align: middle;
width: 33%
}
}
#v65-modalCartDropdown {
background-color: #fff;
border: 1px solid #ccc;
color: #000;
display: none;
line-height: normal;
position: absolute;
right: 0;
text-align: left;
top: 3em;
width: 282px
}
@media screen and (max-width: 580px) {
#v65-modalCartDropdown {
top: 4em;
width: 100%
}
}
@media screen and (max-width: 580px) {
#v65-modalCartDropdown .modalLinkAltBtn,
#v65-modalCartDropdown .modalLinkBtn {
display: block;
margin-bottom: 1em;
text-align: center;
width: 100%
}
}
#v65-modalCartDropdown .v65-additionalItemsMessage {
color: #333
}
#v65-modalCartDropdown .v65-additionalItemsMessage a {
color: #666
}
#v65-modalCartDropdown .v65-additionalItemsMessage a:hover {
color: #000
}
#v65-modalCartBody {
background-color: #fff;
color: #000;
padding: 10px
}
#v65-modalCartTable {
margin-bottom: 10px;
padding: 0;
width: 100%;
line-height: normal
}
#v65-modalCartTable th {
background-color: #efefef;
border-top: 1px solid #ccc;
font-size: 0.917em;
font-weight: bold;
padding: 2px 1px;
text-align: left
}
#v65-modalCartTable td {
border-top: 1px solid #ccc;
font-size: 0.917em;
padding: 2px 1px;
vertical-align: top
}
#v65-modalCartTable td a {
color: #000
}
#v65-modalCartTable td a:hover {
color: #000
}
#v65-modalCartTableSubtotal td {
background-color: #f9f7f3;
font-size: 0.917em;
font-weight: bold;
vertical-align: top
}
#v65-modalCartFooter {
display: none
}
.v65-product-photoWrapper {
position: relative
}
.v65-product-photo {
margin: 0 auto 1em auto;
position: relative;
text-align: center;
width: 100%
}
.v65-product-photo img {
max-width: 100%
}
.v65-product-drilldownLink {
display: none;
margin-bottom: 1em
}
.v65-product-actionMessage {
color: #900;
margin-bottom: 1em
}
.v65-product-inCompliantStateMessage {
color: #900;
margin-bottom: 1em
}
.v65-product-availability {
color: #666;
font-style: italic;
margin-bottom: 1em
}
.v65-product-inventoryMessage {
color: #666;
font-style: italic;
margin-bottom: 1em
}
.v65-product-addToCart {
margin-bottom: 1em
}
.v65-product-addToCart form {
margin-bottom: 0.5em;
padding: 0
}
.v65-product-addToCart fieldset {
border: 0;
margin: 0;
padding: 0
}
.v65-product-addToCart legend {
display: none
}
.v65-product-addToCart-priceWrapper {
display: inline;
margin-right: 1em
}
@media screen and (max-width: 970px) {
.v65-product-addToCart-priceWrapper {
display: block;
margin-bottom: 0.5em
}
}
.v65-product-addToCart-price {
display: inline;
font-size: 1.333333333333em
}
@media screen and (max-width: 580px) {
.v65-product-addToCart-price {
font-size: 1.5em;
font-weight: bold
}
}
.v65-product-addToCart-originalPrice {
color: #666;
display: inline;
letter-spacing: -1;
margin-right: 2px;
text-decoration: line-through
}
.v65-product-addToCart-salePrice {
display: inline
}
.v65-product-addToCart-unitDescription {
display: inline;
bottom: 1ex;
font-size: 0.75em;
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative
}
.v65-product-addToCart-productSKU {
display: none
}
.v65-product-addToCart-caseQuantity {
display: inline
}
.v65-product-addToCart-quantity {
display: inline
}
.v65-product-addToCart-button {
display: inline
}
@media screen and (max-width: 580px) {
.v65-product-addToCart-button button {
width: 50%
}
}
.v65-product-volumeBasePricing {
font-size: 0.9em;
width: auto
}
.v65-product-volumeBasePricing-description {
display: inline;
margin-right: 10px
}
.v65-product-volumeBasePricing-price {
display: inline
}
.v65-product-reviewStats {
line-height: 1.8em;
font-size: 0.9em;
margin-bottom: 1em
}
.v65-product-reviewStats-stars {
display: inline;
margin-right: 5px
}
.v65-product-reviewStats-stars img {
vertical-align: top
}
.v65-product-reviewStats-count {
display: inline;
font-style: italic
}
.v65-product-socialBar {
margin-bottom: 2em
}
.v65-socialMediaBar-Facebook {
float: left;
height: 22px;
margin-right: 5px;
padding: 0
}
.v65-socialMediaBar-Twitter {
float: left;
height: 22px;
margin-right: 5px;
padding: 0
}
.v65-socialMediaBar-ShareThis {
float: left;
font-size: 11px;
height: 22px;
margin-right: 5px;
padding: 0
}
.v65-socialMediaBar-GooglePlusOne {
float: left;
height: 22px;
margin-right: 5px;
padding: 0
}
.v65-socialMediaBar-Pinterest {
float: left;
height: 22px;
margin-right: 5px;
padding: 0
}
.v65-socialMediaBar-Email {
background: url(//cdn.nexternal.com/images/store/email_16.png) center left no-repeat;
float: left;
font-size: 11px;
height: 22px;
line-height: 22px;
margin: 0;
padding-left: 22px
}
.v65-socialMediaBar-FacebookLikeButton {
float: left;
height: 22px;
margin-right: 5px;
padding: 0
}
.v65-socialMediaBar-FacebookLike {
clear: both;
height: 22px
}
.v65-wine-specs .v65-product-attribute {
font-size: 0.9em
}
.v65-wine-specs .v65-product-attribute:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.v65-wine-specs .v65-product-attributeLabel {
float: left;
font-weight: bold;
line-height: 1em;
margin-right: 3%;
text-align: right;
width: 47%
}
.v65-wine-specs .v65-product-attributeValue {
float: left;
line-height: 1em;
width: 50%
}
.v65-product-attributeLabel {
font-weight: bold;
display: block;
margin-bottom: 1em
}
.v65-product-attributeValue {
display: block;
margin-bottom: 1em
}
.v65-professionalReviews {
margin-bottom: 1em
}
.v65-professionalReviews .v65-professionalReview {
background: #333;
border-radius: 0.33333em;
color: #fff;
float: left;
font-size: 0.917em;
height: 1.75em;
line-height: 1.75em;
margin-bottom: 0.5em;
margin-right: 0.5em;
padding: 0 0.4em
}
.v65-professionalReviews .v65-product-attributeLabel {
display: inline;
font-weight: normal;
color: #ccc
}
.v65-professionalReviews .v65-product-attributeValue {
display: inline;
font-weight: normal
}
.v65-product-relatedProducts .v65-product-photo img {
max-width: 40%
}
.v65-product-relatedProducts .v65-product-addToCart-priceWrapper {
display: block;
margin-bottom: 5px
}
.v65-product-relatedProducts .v65-product-reviewStats-stars {
display: inline;
float: none;
margin-right: 2px
}
.v65-product-relatedProducts .v65-product-reviewStats-count {
display: inline;
float: none
}
.v65-product-relatedProducts .v65-product-relatedProducts-product {
float: left;
margin: 0 0 1.5em;
text-align: center;
width: 25%
}
@media screen and (max-width: 835px) {
.v65-product-relatedProducts .v65-product-relatedProducts-product {
width: 50%
}
}
@media screen and (max-width: 580px) {
.v65-product-relatedProducts .v65-product-relatedProducts-product {
width: 100%
}
}
.v65-product-tabs {
height: 28px;
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #ccc
}
@media screen and (max-width: 767px) {
.v65-product-tabs {
height: 45px
}
}
.v65-product-tabs li {
float: left;
height: 27px;
line-height: 27px
}
.v65-product-tabs li a {
background: #eee;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
display: inline-block;
padding: 0 15px
}
@media screen and (max-width: 767px) {
.v65-product-tabs li a {
height: 44px;
line-height: 44px;
padding: 0 10px
}
}
.v65-product-tabs li a:hover {
background: #f8f8f8;
text-decoration: none
}
.v65-product-tabs .v65-product-tabs-active a {
color: #000;
background: #fff;
border-bottom: 0;
font-weight: bold;
height: 28px
}
.v65-product-tabs .v65-product-tabs-active a:hover {
text-decoration: none
}
.v65-product-tabs .last a {
border-radius: 0 10px 0 0;
border-right: 1px solid #ccc
}
.v65-product-tab {
display: none
}
.v65-product-tab .v65-product-description {
border-bottom: 0;
padding-bottom: 0
}
.v65-product-tab .v65-wine-profile {
padding-bottom: 0;
border-bottom: 0
}
.v65-product-tab-active {
border: 1px solid #ccc;
border-top: 0;
display: block;
min-height: 150px;
padding: 15px;
position: relative
}
.v65-product-priceWrapper {
display: inline;
font-weight: bold
}
.v65-product-price {
display: inline
}
.v65-product-price-originalPrice {
color: #666;
display: inline;
letter-spacing: -1;
margin-right: 2px;
text-decoration: line-through;
font-weight: normal
}
.v65-product-price-salePrice {
display: inline
}
.v65-product-price-unitDescription {
display: inline
}
.v65-product1Up {
margin: 0 0 1.5em
}
.v65-product1Up .v65-product-photo {
float: left;
width: 25%
}
.v65-product1Up .v65-product-photo img {
max-width: 100%
}
.v65-product1Up .v65-product-infoWrapper {
float: left;
width: 75%
}
.v65-product2Up {
float: left;
width: 48%;
margin: 0 4% 1.5em 0
}
@media screen and (max-width: 600px) {
.v65-product2Up {
float: none;
margin: 0 0 2em 0;
width: 100%
}
}
.v65-product2Up .v65-product-photo {
position: relative;
float: right;
width: 33%
}
@media screen and (max-width: 600px) {
.v65-product2Up .v65-addToCartCase {
display: none
}
}
.v65-product3Up {
float: left;
width: 31%;
margin: 0 3% 1.5em 0
}
@media screen and (max-width: 600px) {
.v65-product3Up {
width: 47%
}
}
@media screen and (max-width: 580px) {
.v65-product3Up {
width: 100%;
margin-right: 0
}
}
.v65-product3Up .v65-product-photo img {
max-width: 45%
}
.v65-product3Up .v65-product-infoWrapper {
text-align: center
}
.v65-product3Up .v65-product-addToCart-priceWrapper {
display: block;
margin-bottom: 5px
}
.v65-product3Up .v65-product-reviewStats-stars {
display: inline;
float: none;
margin-right: 2px
}
.v65-product3Up .v65-product-reviewStats-count {
display: inline;
float: none
}
.v65-product5Up {
float: left;
margin: 0 2% 1.5em 0;
width: 23%
}
@media screen and (max-width: 720px) {
.v65-product5Up {
width: 31%
}
}
@media screen and (max-width: 600px) {
.v65-product5Up {
width: 47%
}
}
@media screen and (max-width: 580px) {
.v65-product5Up {
width: 100%;
margin-bottom: 1.5em
}
}
.v65-product5Up .v65-product-photo img {
max-width: 65%
}
.v65-product5Up .v65-product-infoWrapper {
text-align: center
}
.v65-product5Up .v65-product-addToCart-priceWrapper {
display: block;
margin-bottom: 5px
}
.v65-product5Up .v65-product-reviewStats-stars {
display: inline;
float: none;
margin-right: 2px
}
.v65-product5Up .v65-product-reviewStats-count {
display: inline;
float: none
}
.v65-productList {
padding: 0 0 1em;
width: 100%
}
.v65-productList th {
background-color: #ccc;
border-bottom: 1px solid #bbb;
color: #333;
font-weight: bold;
padding: 5px;
text-align: left
}
.v65-productList td {
border-bottom: 1px solid #bbb;
padding: 0 5px;
vertical-align: middle
}
@media screen and (max-width: 580px) {
.v65-productList td {
padding: 0
}
}
.v65-productList td a {
color: #000;
text-decoration: none
}
.v65-productList td a:hover {
color: #000;
text-decoration: none
}
.v65-productList tr:hover {
background-color: #FFC
}
.v65-productList tr.alternatRow {
background-color: #efefef
}
.v65-productList tr.alternatRow:hover {
background-color: #FFC
}
.v65-productList .v65-product-addToCart {
border: none;
margin-bottom: 0;
margin-top: 5px
}
@media screen and (max-width: 520px) {
.v65-productList .v65-product-addToCart button {
width: auto
}
}
@media screen and (max-width: 520px) {
.v65-productList .v65-product-addToCart .v65-product-addToCart-quantity input {
margin-right: 3px
}
}
@media screen and (max-width: 970px) {
.v65-productList .v65-product-addToCart .v65-product-addToCart-allocationMessage {
margin-top: -5px;
margin-bottom: 5px
}
}
.v65-product1UpStore {
border-bottom: 1px solid #ccc;
margin-bottom: 1em;
padding-bottom: 1em
}
.v65-product1UpStore .v65-product-photo {
float: left;
width: 15%;
margin-right: 2%
}
.v65-product1UpStore .v65-product-photo img {
max-width: 100%
}
.v65-product1UpStore .v65-product-infoWrapper {
float: left;
width: 37%;
margin-right: 3%
}
@media screen and (max-width: 700px) {
.v65-product1UpStore .v65-product-infoWrapper {
float: right;
width: 83%;
margin: 0
}
}
.v65-product1UpStore .v65-product-sku {
display: inline;
margin-right: 5px;
font-size: 0.9em
}
.v65-product1UpStore .v65-product-brand {
display: inline;
margin-right: 5px;
font-size: 0.9em
}
.v65-product1UpStore .v65-wine-region {
display: inline;
margin-right: 5px;
font-size: 0.9em
}
.v65-product1UpStore .v65-wine-appellation {
display: inline;
margin-right: 5px;
font-size: 0.9em
}
.v65-product1UpStore .v65-wine-type {
display: inline;
margin-right: 5px;
font-size: 0.9em
}
.v65-product1UpStore .v65-wine-varietal {
display: inline;
margin-right: 5px;
font-size: 0.9em
}
.v65-product1UpStore .v65-product-commerceWrapper {
float: left;
width: 43%
}
@media screen and (max-width: 700px) {
.v65-product1UpStore .v65-product-commerceWrapper {
float: right;
width: 83%
}
}
.v65-productCharacteristics {
margin-bottom: 1em
}
.v65-productCharacteristics .v65-product-attributeLabel {
display: none
}
.v65-productCharacteristics .v65-product-attributeValue {
display: inline
}
.v65-productGroup {
margin-bottom: 2em
}
.v65-productGroup-teaser {
width: 80%;
margin-bottom: 1em
}
@media screen and (max-width: 835px) {
.v65-productGroup-teaser {
width: 100%
}
}
.v65-productGroup-products {
text-align: center;
width: 100%
}
.v65-productGroup-product {
float: left;
margin: 0 0 1em 2%;
position: relative;
width: 23%
}
@media screen and (max-width: 750px) {
.v65-productGroup-product {
width: 30%
}
}
@media screen and (max-width: 600px) {
.v65-productGroup-product {
width: 48%
}
}
@media screen and (max-width: 580px) {
.v65-productGroup-product {
width: 100%
}
}
.v65-productGroup-product .v65-product-addToCart-priceWrapper {
display: block;
margin-bottom: 5px
}
.v65-productGroup-product .v65-product-reviewStats {
height: inherit
}
.v65-suggestedProducts {
margin-bottom: 1em;
width: 100%
}
.v65-suggestedProducts-products {
text-align: center;
width: 100%
}
.v65-suggestedProducts-product {
float: left;
margin: 0 0 1em 2%;
position: relative;
width: 18%
}
.v65-suggestedProducts-product .v65-product-photo {
text-align: center;
max-width: 100%
}
.v65-suggestedProducts-product .v65-product-photo img {
max-width: 60%
}
.v65-suggestedProducts-product .v65-product-addToCart-priceWrapper {
display: block;
margin-bottom: 5px
}
.v65-productSet-header {
border-top: 3px double #111;
border-bottom: 3px double #111;
height: 36px;
line-height: 36px;
margin-bottom: 2em
}
.v65-productSet-title {
float: left
}
.v65-productSet-priceSummary {
float: right;
font-size: 14px
}
.v65-productSet-price {
font-weight: bold;
margin-right: 10px
}
.v65-productSet {
margin-bottom: 1.5em
}
.v65-productSet .v65-product-photo {
border-bottom: 1px solid #ccc;
height: 305px;
margin-bottom: 1.5em
}
.v65-productSet .v65-product-photo img {
max-height: 305px
}
.v65-productSet select {
width: 100%;
margin-bottom: 1.5em
}
.v65-productSet .v65-product-priceWrapper {
display: block;
margin-bottom: 1em
}
.v65-productSet-item {
float: left;
margin: 0 3% 0 0;
width: 30%
}
.v65-productSet-itemTitle {
border-bottom: 1px solid #ccc;
font-size: 16px;
line-height: 30px;
margin-bottom: 1em
}
.v65-productSet-footer {
border-top: 3px double #111;
height: 36px;
line-height: 36px;
margin-bottom: 1em;
text-align: right
}
.v65-product-quickView {
display: none;
position: absolute;
top: 50%;
left: 50%;
border-radius: 6px;
background-color: #fff;
font-size: 12px;
margin-top: -5%;
margin-left: -42px;
padding: 5px;
border: 2px solid #666;
min-width: 70px;
text-align: center;
cursor: pointer
}
@media screen and (max-width: 520px) {
.v65-product-quickView {
top: 0;
left: 0;
font-size: 0;
border: 0;
width: 0
}
}
.v65-quickView {
background: none repeat scroll 0 0 #fff;
border: 4px solid #666;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 10px 3px #ccc;
display: none;
left: 50%;
margin: -250px 0 0 -380px;
padding: 16px;
position: fixed;
top: 50%;
width: 800px;
z-index: 1000
}
@media screen and (max-width: 970px) {
.v65-quickView {
left: 0;
margin-left: 5%;
width: 90%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
}
.v65-quickView .v65-product-drilldownLink {
bottom: 0;
left: 10px;
position: absolute
}
.v65-quickView .v65-product-photoWrapper {
float: left;
margin-right: 15px;
width: 200px
}
@media screen and (max-width: 880px) {
.v65-quickView .v65-product-photoWrapper {
width: 25%;
margin-right: 1%
}
}
.v65-quickView .v65-product-tab-active {
max-height: 250px;
overflow: auto
}
.v65-quickView .v65-product-tabRightcol {
float: right;
width: 50%
}
.v65-quickView .v65-wine-specs {
width: 100%
}
.v65-quickView .v65-wine-specs-title {
text-align: center
}
.v65-quickView .v65-product-media {
width: 300px
}
.v65-quickView .v65-product-media-item {
margin-bottom: 0.5em
}
.v65-quickView .v65-product-media-thumbnail {
float: left;
line-height: 1em;
margin-right: 3%;
width: 47%
}
.v65-quickView .v65-product-media-thumbnail img {
float: right
}
.v65-quickView .v65-product-media-title {
float: left;
line-height: 1em;
width: 50%
}
.v65-quickView .v65-product-relatedProducts-product {
float: left;
margin: 0 0 1.5em;
text-align: center;
width: 33%
}
@media screen and (max-width: 767px) {
.v65-quickView .v65-product-relatedProducts-product {
width: 50%
}
}
.v65-quickView .v65-product-relatedProducts .v65-product-photo img {
width: 40%
}
.v65-quickView .v65-product-relatedProducts .v65-product-title {
font-size: 1.2em;
text-align: center
}
.v65-quickView-close {
position: absolute;
top: 5px;
right: 5px
}
.v65-quickView-close a {
background-color: #333;
color: #fff;
padding: 2px 6px;
border-radius: 5px;
cursor: pointer
}
.v65-quickView-close a:hover {
color: #fff;
background-color: #666;
text-decoration: none
}
.v65-quickView-right-content {
float: left;
width: 585px
}
@media screen and (max-width: 880px) {
.v65-quickView-right-content {
width: 72%
}
}
.v65-quickView-right-content .v65-product-title {
font-size: 2em;
line-height: 1.2;
margin-bottom: 0.2em;
text-align: left
}
.v65-quickView-right-content .v65-product-subtitle {
font-size: 1.3em
}
.v65-productWrapper {
margin-bottom: 1.5em;
padding-bottom: 1em
}
@media screen and (max-width: 835px) {
.v65-productWrapper {
padding: 1.5em
}
}
.v65-productWrapper h1 {
float: right;
width: 62.5%
}
@media screen and (max-width: 680px) {
.v65-productWrapper h1 {
float: none;
text-align: center;
width: 100%
}
}
.v65-productWrapper .v65-product-subtitle {
font-size: 0.75em;
margin-bottom: 0;
margin-top: 0.3em
}
.v65-productWrapper .v65-product-leftCol {
float: left;
width: 32.5%;
margin-right: 5%
}
@media screen and (max-width: 680px) {
.v65-productWrapper .v65-product-leftCol {
float: none;
width: 100%
}
}
.v65-productWrapper .v65-product-leftCol .v65-productDrilldown-specs {
padding: 0 0 1em
}
@media screen and (max-width: 680px) {
.v65-productWrapper .v65-product-leftCol .v65-productDrilldown-specs {
display: none
}
}
@media screen and (max-width: 680px) {
.v65-productWrapper .v65-product-leftCol .v65-wine-specs {
border-bottom: 1px solid #CCC
}
}
.v65-productWrapper .v65-product-leftCol .v65-wine-specs-title {
text-align: center
}
.v65-productWrapper .v65-wine-profile {
margin-bottom: 2em
}
.v65-productWrapper .v65-product-rightCol {
float: right;
width: 62.5%
}
@media screen and (max-width: 680px) {
.v65-productWrapper .v65-product-rightCol {
float: none;
width: 100%
}
}
.v65-productWrapper .v65-product-rightCol .v65-product-shipDate {
margin-bottom: 1em
}
.v65-productWrapper .v65-product-rightCol .v65-product-teaser {
margin-bottom: 2em
}
.v65-productWrapper .v65-product-rightCol .v65-productDrilldown-specs2 {
display: none
}
@media screen and (max-width: 680px) {
.v65-productWrapper .v65-product-rightCol .v65-productDrilldown-specs2 {
display: block;
float: right;
margin-left: 2em;
width: 40%
}
}
@media screen and (max-width: 580px) {
.v65-productWrapper .v65-product-rightCol .v65-productDrilldown-specs2 {
float: none;
margin-bottom: 2em;
margin-left: 0;
width: 100%
}
}
@media screen and (max-width: 580px) {
.v65-productWrapper .v65-product-rightCol .v65-product-availability {
display: none;
clear: both;
border-top: 1px solid #ccc;
padding-top: .5em
}
}
@media screen and (max-width: 680px) {
.v65-productWrapper .v65-productAddToCart-drilldownActivate {
background: #fff;
border: 0;
opacity: 0.9;
margin: 0;
position: fixed;
bottom: 0;
left: 0;
z-index: 899;
width: 100%
}
.v65-productWrapper .v65-productAddToCart-drilldownActivate .v65-product-addToCart {
margin: 0;
padding: 0 0 0 1em
}
.v65-productWrapper .v65-productAddToCart-drilldownActivate .v65-product-addToCart .v65-addToCart {
border: 0;
margin: 0
}
}
@media screen and (max-width: 580px) {
.v65-productWrapper .v65-product-addToCart .v65-addToCart {
margin-bottom: 1em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px 0;
clear: both
}
}
@media screen and (max-width: 580px) {
.v65-productWrapper .v65-product-addToCart .v65-addToCart fieldset .v65-product-addToCart-priceWrapper {
float: left;
width: 100%;
margin-bottom: 10px
}
}
.v65-productWrapper .v65-product-addToCart .v65-product-media:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.v65-productWrapper .v65-product-addToCart .v65-product-media-thumbnail {
float: left;
padding-right: 3%;
text-align: right;
width: 47%
}
.v65-productWrapper .v65-product-addToCart .v65-product-media-title {
float: left;
width: 50%
}
@media screen and (max-width: 835px) {
.v65-productWrapper .v65-product-addToCart .v65-product-socialBar {
clear: both;
border-top: 1px solid #ccc;
padding-top: 2em
}
}
.v65-productWrapper .v65-product-addToCart .v65-product-description {
padding-bottom: 1em;
margin-bottom: 1.5em;
border-bottom: 1px solid #ccc
}
@media screen and (max-width: 835px) {
.v65-productWrapper .v65-product-addToCart .v65-product-description {
padding-bottom: 1em;
margin-bottom: 1.5em;
border-bottom: 1px solid #ccc
}
}
.v65-product-photos {
margin: 0 0 1em
}
.v65-product-photos:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.v65-product-photos-photo {
float: left;
text-align: center;
margin: 0 0 1.5em;
width: 33%;
padding: 0
}
.v65-product-photos-photo img {
max-width: 100%
}
.v65-product-review-wrapper {
border-bottom: 1px solid #ccc;
margin-bottom: 2em;
position: relative
}
.v65-product-review-avatar {
position: absolute;
left: 0;
top: 0
}
.v65-product-review-comment-wrapper {
float: left;
margin-left: 58px
}
.v65-product-review-reviewerName {
font-size: 1.4em;
margin-bottom: 0.5em
}
.v65-product-review-date {
float: left;
font-size: 0.9em;
font-style: italic;
height: 16px;
line-height: 16px
}
.v65-product-review-comment {
clear: both;
padding: 0.5em 0 0 0
}
#captchaText {
margin-bottom: 10px
}
#v65-cartHelp {
float: right;
margin: 0;
padding: 0
}
#v65-cartHeader {
overflow: hidden;
margin: 0 0 10px 0;
padding: 0
}
#v65-cartHeader .v65-cartCheckOutButtons {
margin-top: 15px
}
#v65-cartCheckOutCoupons {
float: left
}
#v65-cartCheckOutCoupons form {
padding: 0;
margin: 0;
width: 250px
}
@media screen and (max-width: 768px) {
#v65-cartCheckOutCoupons form {
width: 100%
}
}
#v65-cartCheckOutCoupons fieldset {
margin-bottom: 0
}
#v65-CouponCode {
width: 100px
}
#v65-GiftCode {
width: 100px
}
#v65-LoyaltyPoints {
width: 100px
}
[v65js=loyaltyPointsForm] {
padding: 0 !important;
margin: 0
}
.v65-removeLoyaltyPoints img,
.v65-infoTooltip img {
padding-top: 1px;
padding-left: 3px;
width: 12px
}
.v65-removeLoyaltyPoints {
float: right
}
.v65-loyaltyPointsInputBoxWrapper p {
margin: 0
}
.v65-loyaltyPointsInputBoxWrapper .v65-loyaltyPointsInputBox {
width: 113px;
float: left
}
.v65-loyaltyPointsInputBoxWrapper .v65-loyaltyPointsDollarValue {
width: 80px;
float: left
}
.v65-loyaltyPointsInputBoxWrapper .v65-loyaltyPointsDollarValue span {
margin-top: 1px;
display: block
}
.v65-loyaltyPointsInputBoxWrapper button {
margin-top: 17px
}
#v65-couponSummaryTable {
margin: 0 0 12px;
width: 250px
}
#v65-couponSummaryTable th {
padding: 4px;
font-weight: bold;
border-bottom: 1px solid #ccc;
text-align: left
}
#v65-couponSummaryTable td {
padding: 4px;
text-align: left
}
#v65-couponSummaryTotal td {
font-weight: bold;
background-color: #f8f1de;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left
}
.v65-cartCheckOutButtons {
float: right
}
@media screen and (max-width: 580px) {
.v65-cartCheckOutButtons {
width: 100%
}
}
@media screen and (max-width: 580px) {
.v65-cartCheckOutButtons a {
margin: 5px 0;
text-align: center;
width: 100%
}
}
#v65-cartTable {
width: 100%;
margin: 0 0 1em;
padding: 0
}
#v65-cartTable th {
font-weight: bold;
background-color: #f9f7f3;
border-top: 1px solid #ccc;
padding: 0.5em 0.667em
}
#v65-cartTable td {
padding: 0.3em
}
#v65-cartTable .v65-cartShippingItem {
background-color: #e2dfd7;
text-align: right
}
#v65-cartTable .v65-cartShippingItemError {
background-color: #f96361;
text-align: right
}
#v65-cartTable .v65-cartShipping td {
background-color: #f9f7f3;
border-top: 0
}
#v65-cartTable .v65-cartItemImage {
min-width: 44px
}
#v65-cartTable th.v65-cartItemAmount,
#v65-cartTable .v65-cartItemImage,
#v65-cartTable .v65-cartItemAvailability,
#v65-cartTable .cartItemImage,
#v65-cartTable .v65-cartItemInStock,
#v65-cartTable .v65-cartSubtotal-3,
#v65-cartTable .v65-cartSubtotal-4,
#v65-cartTable .v65-cartTax-3,
#v65-cartTable .v65-cartTax-4,
#v65-cartTable .v65-cartTotal-3,
#v65-cartTable .v65-cartTotal-4 {
display: none
}
@media screen and (max-width: 454px) {
#v65-cartTable .right {
display: table-cell
}
}
@media screen and (min-width: 455px) {
#v65-cartTable .right,
#v65-cartTable th.v65-cartItemAmount,
#v65-cartTable .v65-cartItemImage,
#v65-cartTable .v65-cartItemImage,
#v65-cartTable .v65-cartSubtotal-3,
#v65-cartTable .v65-cartTax-3,
#v65-cartTable .v65-cartTotal-3 {
display: table-cell
}
}
@media screen and (min-width: 545px) {
#v65-cartTable .v65-cartItemAvailability,
#v65-cartTable .v65-cartItemInStock,
#v65-cartTable .v65-cartSubtotal-3,
#v65-cartTable .v65-cartSubtotal-4,
#v65-cartTable .v65-cartTax-3,
#v65-cartTable .v65-cartTax-4,
#v65-cartTable .v65-cartTotal-3,
#v65-cartTable .v65-cartTotal-4 {
display: table-cell
}
}
.v65-cartItem td {
border-top: 1px solid #ccc
}
.v65-cartItem form {
width: 80px;
margin: 0 auto
}
.v65-cartItem fieldset {
padding: 0;
margin: 0;
border: 0
}
.v65-cartItemAmount {
text-align: center;
overflow: hidden
}
.v65-cartItemAmount .v65-qtyField {
text-align: center;
margin: 0 0 0.333em;
width: 2em
}
.v65-cartItemAmount button {
margin: 0
}
.v65-cartItemImage {
width: 60px;
text-align: center
}
.v65-cartItemDescription {
line-height: 1.6em
}
a.v65-cartRemoveButton {
margin-top: 0.5em
}
@media screen and (max-width: 580px) {
a.v65-cartRemoveButton {
height: 2em !important;
line-height: 2em !important
}
}
#v65-cartSubtotal td {
background-color: #f9f7f3;
font-weight: bold;
border-top: 1px solid #ccc
}
.v65-cartTax td {
background-color: #f9f7f3;
font-weight: normal;
border-top: 0
}
#v65-cartTotal td {
background-color: #f8f1de;
font-weight: bold;
border-top: 0;
border-bottom: 1px solid #ccc
}
#v65-cartStateCode {
width: 50px
}
#v65-cartPaymentOptions {
float: left;
padding-top: 4px;
height: 28px;
width: 300px
}
#v65-cartPaymentOptions img {
margin-right: 5px
}
#v65-checkoutStepWrapper {
width: 100%;
height: 56px;
overflow: hidden;
margin: 0;
padding: 0 0 20px 0
}
#v65-checkoutSecureSeal {
float: left;
width: 100px;
height: 56px;
overflow: hidden
}
#v65-checkoutStatusBar {
float: right;
width: 755px;
overflow: hidden;
text-align: right
}
#v65-checkoutFormWrapper {
position: relative;
text-align: left;
width: 100%
}
@media screen and (max-width: 725px) {
#v65-checkoutFormWrapper [v65js=billAddressBlock] {
padding: 0
}
#v65-checkoutFormWrapper form {
width: 100%
}
}
#v65-checkoutFooter {
overflow: hidden;
clear: both
}
@media screen and (max-width: 640px) {
#v65-checkoutFooter .floatRight {
float: none
}
}
@media screen and (max-width: 640px) {
#v65-checkoutFooter button {
width: 100%
}
}
#v65-checkoutSecure {
float: left;
width: 300px
}
@media screen and (max-width: 640px) {
#v65-checkoutSecure {
margin-bottom: 15px
}
}
@media screen and (max-width: 640px) {
form.v65ProcessOrder button {
width: 100%
}
}
#v65-continueOrder {
float: right;
width: 300px;
text-align: right
}
#v65-continueOrder button.largeBtn:disabled {
opacity: 0.5
}
@media screen and (max-width: 640px) {
#v65-continueOrder {
float: left;
margin-top: 1em;
text-align: left;
width: 100%
}
#v65-continueOrder button {
width: 100%
}
}
#v65-checkoutCartSummaryWrapper {
position: absolute;
top: 9px;
right: 1px;
padding: 10px;
width: 320px;
background-color: #f7f7f7;
border: 1px solid #eeeeee;
overflow: hidden
}
@media screen and (max-width: 950px) {
#v65-checkoutCartSummaryWrapper {
float: right;
position: relative;
width: 42%
}
}
@media screen and (max-width: 725px) {
#v65-checkoutCartSummaryWrapper {
float: none;
margin: 0 0 1em;
right: 0;
top: 0;
width: 96%
}
}
#v65-pointsGainedOnOrder {
font-size: 11px
}
#v65-checkoutCartSummaryMini {
float: left;
width: 165px;
margin: 0;
padding: 0;
font-size: 11px
}
@media screen and (max-width: 900px) {
#v65-checkoutCartSummaryMini {
float: none;
width: 100%
}
}
#v65-checkoutCartSummaryMini table {
width: 100%;
margin: 0 0 12px 0;
padding: 0
}
#v65-checkoutCartSummaryMini td {
font-size: 11px;
padding: 3px 0
}
.v65-rowOverline td {
border-top: 1px solid #999
}
.v65-rowUnderline td {
border-bottom: 1px solid #999
}
#v65-checkoutCartSummaryMiniBottom {
padding: 0;
margin: 0
}
#v65-checkCartSummaryMoreOptions {
float: right;
width: 140px;
font-size: 11px
}
@media screen and (max-width: 900px) {
#v65-checkCartSummaryMoreOptions {
float: none;
width: 100%
}
}
#v65-couponFormWrapper legend,
#v65-giftCardFormWrapper legend,
#v65-loyaltyPointsFormWrapper legend {
font-size: 12px;
letter-spacing: normal
}
@media screen and (max-width: 725px) {
#v65-couponFormWrapper fieldset,
#v65-giftCardFormWrapper fieldset,
#v65-loyaltyPointsFormWrapper fieldset {
margin: 0 0 1em
}
#v65-couponFormWrapper form,
#v65-giftCardFormWrapper form,
#v65-loyaltyPointsFormWrapper form {
width: 100%
}
#v65-couponFormWrapper input,
#v65-giftCardFormWrapper input,
#v65-loyaltyPointsFormWrapper input {
width: 60% !important
}
#v65-couponFormWrapper button.modalBtn,
#v65-giftCardFormWrapper button.modalBtn,
#v65-loyaltyPointsFormWrapper button.modalBtn {
margin-right: 0;
width: 35%
}
}
@media screen and (max-width: 385px) {
#v65-couponFormWrapper input,
#v65-giftCardFormWrapper input,
#v65-loyaltyPointsFormWrapper input {
width: 55% !important
}
#v65-couponFormWrapper button.modalBtn,
#v65-giftCardFormWrapper button.modalBtn,
#v65-loyaltyPointsFormWrapper button.modalBtn {
width: auto
}
}
#v65-couponFormWrapper div,
#v65-giftCardFormWrapper div,
#v65-loyaltyPointsFormWrapper div {
font-size: 11px
}
#v65-giftCardFormWrapper legend {
font-size: 12px;
letter-spacing: normal
}
#v65-giftCardFormWrapper div {
font-size: 11px
}
#v65-checkoutFormWrapper {
width: 98%
}
#v65-checkoutFormWrapper form {
width: 100%
}
#v65-checkBilling {
width: 400px
}
@media screen and (max-width: 768px) {
#v65-checkBilling {
width: 60%
}
}
@media screen and (max-width: 725px) {
#v65-checkBilling select[name="BillBirthDay"],
#v65-checkBilling select[name="BillBirthYear"],
#v65-checkBilling select[name="BillBirthMonth"] {
width: 32%
}
}
@media screen and (max-width: 725px) {
#v65-checkBilling select[name="BillBirthDay"] {
margin: 0 1%
}
}
#v65-fieldset-wholesalerInfo,
#v65-fieldset-billingInfo,
#v65-fieldset-shippingOptions,
#v65-fieldset-shippingInfo,
#v65-fieldset-paymentMethod,
#v65-fieldset-sourceCode,
#v65-fieldset-usernamePassword,
#v65-fieldset-gift {
width: 360px
}
@media screen and (max-width: 950px) {
#v65-fieldset-wholesalerInfo,
#v65-fieldset-billingInfo,
#v65-fieldset-shippingOptions,
#v65-fieldset-shippingInfo,
#v65-fieldset-paymentMethod,
#v65-fieldset-sourceCode,
#v65-fieldset-usernamePassword,
#v65-fieldset-gift {
width: 50%
}
}
@media screen and (max-width: 725px) {
#v65-fieldset-wholesalerInfo,
#v65-fieldset-billingInfo,
#v65-fieldset-shippingOptions,
#v65-fieldset-shippingInfo,
#v65-fieldset-paymentMethod,
#v65-fieldset-sourceCode,
#v65-fieldset-usernamePassword,
#v65-fieldset-gift {
margin: 0 0 1em;
width: 99%
}
}
#v65-fieldset-paymentMethod div {
clear: both
}
#v65-checkBilling legend {
font-size: 1.4em;
letter-spacing: 1px
}
@media screen and (max-width: 950px) {
#v65-checkBilling .v65-additionalComments {
width: 95%;
clear: both
}
}
#v65-checkBilling select[name=BillBirthMonth] {
width: 80px
}
@media screen and (max-width: 480px) {
#v65-checkBilling select[name=BillBirthMonth] {
width: 32%
}
}
#v65-checkBilling select[name=BillBirthDay],
#v65-checkBilling select[name=BillBirthYear] {
width: 60px
}
@media screen and (max-width: 480px) {
#v65-checkBilling select[name=BillBirthDay],
#v65-checkBilling select[name=BillBirthYear] {
width: 32%
}
}
#v65-checkBilling select[name=BillStateCode] {
width: 180px
}
#v65-checkBilling select[name=ShipBirthMonth] {
width: 80px
}
@media screen and (max-width: 480px) {
#v65-checkBilling select[name=ShipBirthMonth] {
width: 32%
}
}
#v65-checkBilling select[name=ShipBirthDay],
#v65-checkBilling select[name=ShipBirthYear] {
width: 60px
}
@media screen and (max-width: 480px) {
#v65-checkBilling select[name=ShipBirthDay],
#v65-checkBilling select[name=ShipBirthYear] {
width: 32%
}
}
#v65-checkBilling select[name=shipStateCode] {
width: 180px
}
#v65-checkBilling select[name=Save] {
width: 250px
}
#v65-checkBilling select[name=sourceCode] {
width: 175px
}
#v65-checkBilling select[name=CardExpiryMo] {
width: 120px
}
#v65-checkBilling select[name=CardExpiryYr] {
width: 80px
}
#v65-checkBilling input[name=BillFirstName],
#v65-checkBilling input[name=BillLastName],
#v65-checkBilling input[name=BillCompany],
#v65-checkBilling input[name=BillCity],
#v65-checkBilling input[name=BillMainPhone],
#v65-checkBilling input[name=BillEmail] {
width: 175px
}
#v65-checkBilling input[name=BillAddress] {
width: 250px;
margin-bottom: 8px
}
#v65-checkBilling input[name=BillAddress2] {
width: 250px
}
#v65-checkBilling input[name=BillZipCode] {
width: 100px
}
#v65-checkBilling input[name=NickName],
#v65-checkBilling input[name=ShipFirstName],
#v65-checkBilling input[name=ShipLastName],
#v65-checkBilling input[name=ShipCompany],
#v65-checkBilling input[name=ShipCity],
#v65-checkBilling input[name=ShipMainPhone],
#v65-checkBilling input[name=ShipEmail] {
width: 175px
}
#v65-checkBilling input[name=ShipAddress] {
width: 250px;
margin-bottom: 8px
}
#v65-checkBilling input[name=ShipAddress2] {
width: 250px
}
#v65-checkBilling input[name=ShipZipCode] {
width: 100px
}
#v65-checkBilling input[name=CVV2] {
width: 100px
}
#v65-checkBilling textarea[name=OrderNotes] {
width: 250px;
height: 75px
}
#v65-checkBilling textarea[name=giftMessage] {
width: 250px;
height: 75px
}
@media screen and (max-width: 725px) {
form#v65-checkBilling .v65-additionalComments {
margin-left: 0;
padding: 15px 5px 0;
width: auto
}
}
#v65-shippingOptions input {
float: left;
margin-right: 0.5em
}
#v65-shippingOptions label {
float: left
}
@media screen and (max-width: 725px) {
[v65js="v65-creditCardInfo"],
[v65js="v65creditCard"] {
padding: 5px 0 !important
}
}
#v65-orderSummaryWrapper {
overflow: hidden;
width: 100%;
padding: 0 0 1em 0
}
#v65-billingSummary {
float: left;
width: 300px;
padding: 0;
margin: 0;
overflow: hidden
}
#v65-shippingSummary {
float: left;
width: 300px;
padding: 0;
margin: 0;
overflow: hidden
}
#v65-reviewCartSummaryWrapper {
float: right;
width: 165px;
padding: 15px;
margin: 0;
background-color: #f7f7f7;
border: 1px solid #eeeeee;
overflow: hidden
}
.print {
background: #fff;
color: #000;
margin: 0 auto;
max-width: 700px;
padding: 0
}
.print img {
max-width: 100%;
height: auto
}
.v65-clubTitle {
font-size: 16px;
margin-bottom: 0.3em
}
.v65-clubTeaser {
margin-bottom: 12px;
padding: 0 0 12px 10px;
border-bottom: 1px solid #ccc
}
@media screen and (max-width: 480px) {
.v65-clubTeaser {
padding: 0 0 12px 0
}
}
#v65-clubHelp {
width: 200px;
float: right;
margin: 0 0 1em 1em;
padding: 0
}
#v65-clubFormWrapper {
position: relative;
text-align: left;
width: 100%
}
#v65-clubFormWrapper form {
width: 100%
}
#v65-fieldset-clubOptions {
width: 360px
}
#v65-checkBilling input[name=FirstName],
#v65-checkBilling input[name=LastName],
#v65-checkBilling input[name=Company],
#v65-checkBilling input[name=City],
#v65-checkBilling input[name=MainPhone],
#v65-checkBilling input[name=Email],
#v65-checkBilling input[name=Username],
#v65-checkBilling input[name=Password],
#v65-checkBilling input[name=ConfirmPassword] {
width: 175px
}
#v65-checkBilling input[name=Address] {
width: 250px;
margin-bottom: 8px
}
#v65-checkBilling input[name=Address2] {
width: 250px
}
#v65-checkBilling input[name=ZipCode] {
width: 100px
}
#v65-checkBilling input[name=shipFirstName],
#v65-checkBilling input[name=shipLastName],
#v65-checkBilling input[name=shipCompany],
#v65-checkBilling input[name=shipCity],
#v65-checkBilling input[name=shipMainPhone],
#v65-checkBilling input[name=shipEmail] {
width: 175px
}
#v65-checkBilling input[name=shipAddress] {
width: 250px;
margin-bottom: 8px
}
#v65-checkBilling input[name=shipAddress2] {
width: 250px
}
#v65-checkBilling input[name=shipZipCode] {
width: 100px
}
#v65-checkBilling input[type=checkbox] {
float: left;
margin: 0.3em 0.3em 0 0.3em
}
#v65-checkBilling select[name=StateCode] {
width: 180px
}
#v65-checkBilling select[name=cardExpiryMo] {
width: 120px
}
#v65-checkBilling select[name=cardExpiryYr] {
width: 80px
}
#v65-checkBilling select[name=BirthMonth],
#v65-checkBilling select[name=ShipBirthMonth] {
width: 80px
}
@media screen and (max-width: 480px) {
#v65-checkBilling select[name=BirthMonth],
#v65-checkBilling select[name=ShipBirthMonth] {
width: 32%
}
}
#v65-checkBilling select[name=BirthDay],
#v65-checkBilling select[name=BirthYear],
#v65-checkBilling select[name=ShipBirthDay],
#v65-checkBilling select[name=ShipBirthYear] {
width: 60px
}
@media screen and (max-width: 480px) {
#v65-checkBilling select[name=BirthDay],
#v65-checkBilling select[name=BirthYear],
#v65-checkBilling select[name=ShipBirthDay],
#v65-checkBilling select[name=ShipBirthYear] {
width: 32%
}
}
#v65-checkBilling select[name=shipStateCode] {
width: 180px
}
#v65-checkBilling textarea[name=giftMessage] {
width: 250px;
height: 75px
}
#v65-signUpClubSummaryWrapper {
background-color: #f7f7f7;
border: 1px solid #eeeeee;
overflow: hidden;
padding: 10px;
position: absolute;
right: 1px;
top: 9px;
width: 40%
}
@media screen and (max-width: 725px) {
#v65-signUpClubSummaryWrapper {
margin: 0 0 2em;
width: 90%;
padding: 5%;
position: relative;
clear: both
}
}
fieldset#v65-fieldset-choices .v65-clubChoices {
margin-bottom: 0.6em;
width: 100%;
margin-right: 2%
}
.v65-clubChoices {
margin-bottom: 0.6em;
float: left;
width: 21%;
margin-right: 2%
}
.v65-form fieldset div.v65-clubChoices-title,
.v65-clubChoices-title {
font-size: 1.1em;
width: 100%;
padding-bottom: 0
}
.v65-form fieldset div.v65-clubChoices-description {
margin-bottom: 0.4em;
padding-bottom: 0;
width: 100%
}
.v65-clubChoices-title-min {
font-size: 0.917em;
font-weight: normal
}
.v65-clubChoices-title-max {
font-size: 0.917em;
font-weight: normal
}
.v65-form .v65-clubChoices-select {
width: 40px;
margin-right: 5px
}
.v65-form fieldset div #map,
.v65-form fieldset div #map div {
overflow: initial;
padding: initial
}
#newAccessPoint input[name=zipCodeSearch] {
width: 200px
}
#newAccessPoint #map {
height: 300px
}
#newAccessPoint .v65-accessPoints label {
float: left;
margin-bottom: 15px
}
#newAccessPoint .v65-accessPoints input,
#newAccessPoint .v65-accessPoints span {
display: inline-block;
float: left
}
#newAccessPoint .v65-accessPoints input {
width: 8%
}
#newAccessPoint .v65-accessPoints span {
width: 90%
}
#v65-clubSummaryWrapper {
overflow: hidden;
width: 100%;
padding: 0 0 1em 0
}
#v65-clubChoiceSummary {
width: 100%;
padding: 0;
margin: 0 0 1.5em;
overflow: hidden
}
#v65-clubBillingSummary {
float: left;
width: 250px;
padding: 0;
margin: 0;
overflow: hidden
}
@media screen and (max-width: 970px) {
#v65-clubBillingSummary {
width: 44%;
padding: 2%
}
}
@media screen and (max-width: 480px) {
#v65-clubBillingSummary {
float: inherit;
width: 90%;
padding: 5%
}
}
#v65-clubShippingSummary {
float: left;
width: 250px;
padding: 0;
margin: 0;
overflow: hidden
}
@media screen and (max-width: 970px) {
#v65-clubShippingSummary {
width: 45%;
padding: 2.5%
}
}
@media screen and (max-width: 480px) {
#v65-clubShippingSummary {
float: inherit;
width: 90%;
padding: 5%
}
}
#v65-reviewClubSummaryWrapper {
float: right;
width: 300px;
padding: 20px;
margin: 0;
background-color: #f7f7f7;
border: 1px solid #eee;
overflow: hidden;
font-size: 0.95em
}
@media screen and (max-width: 970px) {
#v65-reviewClubSummaryWrapper {
float: inherit;
width: 90%;
padding: 5%
}
}
#v65-LoginFormWrapper form {
text-align: left
}
#v65-LoginFormWrapper legend {
font-size: 1.4em;
letter-spacing: 1px
}
#v65-LoginFormWrapper fieldset {
border: 1px solid #ccc
}
#v65-LoginFormWrapper div {
margin: 0 0 4px 0;
overflow: hidden;
padding: 2px 5px 5px 5px
}
@media screen and (max-width: 580px) {
#v65-loginForm input[type="text"] {
width: 95% !important
}
#v65-loginForm input[type="password"] {
width: 95% !important
}
#v65-loginForm button {
width: 100%
}
}
#v65-loginForm input[type="checkbox"] {
float: left;
margin: 0.3em 0.3em 0 0.3em
}
#v65-memberFormWrapper form {
text-align: left;
width: 400px
}
@media screen and (max-width: 580px) {
#v65-memberFormWrapper form {
width: 100%
}
}
#v65-memberFormWrapper legend {
font-size: 1.4em;
letter-spacing: 1px
}
#v65-memberFormWrapper fieldset {
border: 1px solid #ccc
}
@media screen and (max-width: 580px) {
#v65-memberFormWrapper fieldset {
border: 0
}
}
#v65-memberFormWrapper div {
margin: 0 0 4px 0;
overflow: hidden;
padding: 2px 5px 5px 5px
}
#v65-memberFormWrapper div.v65-primaryShippingCheckbox {
padding-bottom: 25px
}
#v65-memberFormWrapper div.v65-formRecaptcha {
overflow: visible;
display: inline-block
}
#v65-memberFormWrapper div.v65-formRecaptcha>div {
overflow: visible;
padding: 0
}
#v65-memberFormWrapper div.v65-formRecaptcha>div>div {
padding: 0
}
#v65-memberFormWrapper .v65-additionalComments {
float: right
}
#v65-memberFormWrapper select[name="BirthMonth"] {
width: 60px
}
#v65-memberFormWrapper select[name="BirthDay"],
#v65-memberFormWrapper select[name="BirthYear"] {
width: 80px
}
#v65-memberFormWrapper select[name="BirthDay"] {
margin: 0 1%
}
#v65-memberFormWrapper select[name="CardExpiryMo"] {
width: 120px
}
#v65-memberFormWrapper select[name="CardExpiryYr"] {
margin-left: 1%;
width: 80px
}
#v65-memberFormWrapper input[name=Address],
#v65-memberFormWrapper input[name=captchaText] {
margin-bottom: 0.667em
}
#v65-memberFormWrapper input[type=checkbox] {
float: left;
margin: 0 0.3em 0 0.3em
}
.v65-memberClubDescription {
padding-left: 20px
}
#v65-memberAddressBook {
margin-bottom: 1em
}
#v65-memberAddressBook th {
background-color: #ccc;
color: #333;
font-weight: bold;
font-size: 0.95em;
padding: 3px;
border-bottom: 1px solid #bbb
}
@media screen and (max-width: 580px) {
#v65-memberAddressBook th {
font-size: 0.8em;
padding: 0
}
}
#v65-memberAddressBook td {
font-size: 0.95em;
padding: 3px;
border-bottom: 1px solid #bbb
}
#v65-memberAddressBook td a {
color: #000;
text-decoration: none
}
#v65-memberAddressBook td a:hover {
color: #000;
text-decoration: none
}
#v65-memberAddressBook tr:hover {
background-color: #FFC
}
#v65-memberAddressBook tr .alt {
background-color: #efefef
}
#v65-memberAddressBook tr .alt:hover {
background-color: #FFC
}
#v65-memberOrders {
margin-bottom: 1em
}
#v65-memberOrders th {
background-color: #ccc;
color: #333;
font-weight: bold;
font-size: 0.95em;
padding: 3px;
border-bottom: 1px solid #bbb
}
@media screen and (max-width: 580px) {
#v65-memberOrders th:nth-child(1),
#v65-memberOrders th:nth-child(4),
#v65-memberOrders th:nth-child(5),
#v65-memberOrders th:nth-child(6) {
display: none
}
}
#v65-memberOrders td {
font-size: 0.95em;
padding: 2px 0;
border-bottom: 1px solid #bbb
}
@media screen and (max-width: 580px) {
#v65-memberOrders td:nth-child(1),
#v65-memberOrders td:nth-child(4),
#v65-memberOrders td:nth-child(5),
#v65-memberOrders td:nth-child(6) {
display: none
}
}
@media screen and (max-width: 580px) {
#v65-memberOrders td:nth-child(2) {
width: 21%
}
}
@media screen and (max-width: 580px) {
#v65-memberOrders td:nth-child(8) {
width: 50%
}
#v65-memberOrders td:nth-child(8) a {
width: 43%;
margin: 5% 0
}
}
#v65-memberOrders td a {
color: #000;
text-decoration: none
}
#v65-memberOrders td a:hover {
color: #000;
text-decoration: none
}
#v65-memberOrders tr:hover {
background-color: #FFC
}
#v65-memberOrders tr .alt {
background-color: #efefef
}
#v65-memberOrders tr .alt:hover {
background-color: #FFC
}
#v65-memberOrderSummaryWrapper {
overflow: hidden;
width: 100%;
padding: 0 0 1em 0
}
#v65-memberbillingSummary {
float: left;
width: 49%;
padding: 0;
margin: 0;
overflow: hidden
}
#v65-memberShippingSummary {
float: left;
width: 49%;
padding: 0;
margin: 0;
overflow: hidden
}
.v65-memberAllocationWrapper {
overflow: hidden;
border-bottom: 1px solid #999;
margin: 0 0 1em;
padding: 0 0 1em
}
.v65-memberAllocationDetails {
position: relative;
margin: 0 0 1em;
padding: 0;
overflow: hidden;
min-height: 216px
}
.v65-memberAllocationImage {
position: absolute;
top: 0;
left: 0;
width: 120px
}
@media screen and (max-width: 680px) {
.v65-memberAllocationImage {
text-align: center;
overflow: hidden;
position: relative;
width: 100%
}
}
.v65-memberAllocationTeaser {
position: relative;
margin: 0 0 0 140px;
padding: 0;
width: inherit
}
@media screen and (max-width: 680px) {
.v65-memberAllocationTeaser {
margin: 0;
width: 100%
}
.v65-memberAllocationTeaser h3 {
text-align: center
}
.v65-memberAllocationTeaser h3 .v65-storeAllocationSKU {
display: block
}
}
.v65-storeAllocationSKU {
font-size: 11px;
color: #333
}
.v65-memberAllocationTable {
float: right;
border: 1px solid #ccc;
margin: 0 0 1.5em 2em;
padding: 4px;
font-size: 10px;
width: 250px
}
@media screen and (max-width: 680px) {
.v65-memberAllocationTable {
width: 100%
}
}
.v65-memberAllocationTable th {
font-weight: bold;
vertical-align: bottom;
text-align: center
}
.v65-memberAllocationTable td {
padding: 5px;
border-bottom: 1px solid #eee;
vertical-align: middle;
text-align: center
}
.v65-memberAllocationTable td .label {
font-weight: bold;
text-align: right
}
.v65-memberAllocationTable td .lastRow {
border-bottom: 0
}
.v65-memberAllocationTable input {
text-align: center
}
.v65-memberAllocationHistoryWrapper {
overflow: hidden;
border-bottom: 1px solid #999;
margin: 0 0 1.5em;
padding: 0 0 0.5em
}
.v65-memberAllcoationHistoryTitle {
color: #333
}
.v65-memberAllcoationHistoryDates {
margin: 0 0 0.5em
}
.v65-memberAllcoationHistoryStartDate {
display: inline-block;
margin-right: 8px;
border-right: 1px solid #ccc
}
.v65-memberAllcoationHistoryEndDate {
display: inline-block
}
.v65-memberAllcoationHistoryDateLabel {
display: inline-block;
margin-right: 3px
}
.v65-memberAllcoationHistoryDateValue {
font-weight: bold;
margin-right: 8px
}
.v65-memberAllocationHistoryTable {
width: 100%;
margin: 0;
padding: 6px;
font-size: 10px
}
.v65-memberAllocationHistoryTable th {
padding: 5px;
border-bottom: 1px solid #ccc;
font-weight: bold;
vertical-align: bottom;
text-align: center;
background-color: #efefef;
color: #555
}
.v65-memberAllocationHistoryTable td {
padding: 5px;
border-bottom: 1px solid #eee;
vertical-align: middle;
text-align: center
}
.v65-memberAllocationHistoryTable td .label {
font-weight: bold;
text-align: right
}
.v65-memberAllocationHistoryTable td .lastRow {
border-bottom: 0
}
.v65-memberLoyaltyDetails {
margin-bottom: 1em
}
#v65-modalContainer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
text-align: left
}
#v65-modalViel {
background-color: #fff;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.75;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
width: 100%;
z-index: 102
}
@media screen and (max-width: 580px) {
#v65-modalViel {
height: 1000%;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1
}
}
#v65-modalContentWrapper {
border: 1px solid #666;
background-color: #ffffff;
position: relative;
left: 50%;
top: 20%;
margin: 0 0 0 -237px;
width: 474px;
z-index: 103
}
@media screen and (max-width: 580px) {
#v65-modalContentWrapper {
border: 0;
position: absolute;
left: 0;
margin: 0;
top: 0;
width: 100%
}
}
#v65-modalContentWrapperLarge {
border: 1px solid #666;
background-color: #ffffff;
position: relative;
left: 50%;
top: 30px;
margin: 0 0 0 -437px;
width: 874px;
z-index: 103
}
#v65-modalContentHeader {
background-color: #777;
height: 27px;
overflow: hidden;
text-align: right;
padding: 6px 10px 0 0;
margin: 0
}
@media screen and (max-width: 580px) {
#v65-modalContentHeader {
height: 4em;
text-align: left;
padding: 0.5em 1em
}
#v65-modalContentHeader a.modalLinkBtn {
width: 100%
}
}
#v65-modalContent {
padding: 15px;
margin: 0;
overflow: auto
}
@media screen and (max-width: 580px) {
#v65-modalContent button.defaultBtn {
width: 100%
}
}
#v65-siteLoginForm {
width: 212px;
margin: 0 20px 0 0;
float: left
}
#v65-siteLoginRightContent {
float: left;
width: 212px
}
#v65-modalAgeVerification {
border: 1px solid #666;
background-color: #ffffff;
position: relative;
left: 50%;
top: 20%;
margin: 0 0 0 -237px;
width: 474px;
z-index: 103
}
.v65-form {
width: 250px;
margin: 0 0 1em
}
@media screen and (max-width: 580px) {
.v65-form {
width: 100%
}
}
.v65-form fieldset {
display: block;
padding: 0 5px 10px 5px;
margin: 0 0 12px 0;
border: 1px solid #ccc
}
@media screen and (max-width: 580px) {
.v65-form fieldset {
padding: 0
}
}
.v65-form fieldset div {
overflow: hidden;
padding: 5px
}
.v65-form fieldset div.v65-formRecaptcha {
overflow: visible;
display: inline-block
}
.v65-form fieldset div.v65-formRecaptcha>div {
overflow: visible;
padding: 0
}
.v65-form fieldset div.v65-formRecaptcha>div>div {
padding: 0
}
.v65-form fieldset div.v65-formRecaptcha>div>div>div {
padding: 0
}
.v65-form fieldset .formatBeside label {
float: left;
width: 65px;
text-align: right;
padding: 0 5px 0 0
}
.v65-form fieldset .formatBeside input[type=text],
.v65-form fieldset .formatBeside input[type=password] {
margin: 0;
width: 150px
}
.v65-form fieldset .formatBeside textarea,
.v65-form fieldset .formatBeside select {
font-family: Tahoma, Geneva, sans-serif;
line-height: 1.5;
width: 155px;
font-size: 1em
}
.v65-form legend {
font-size: 1.17em;
margin: 0;
padding: 0 5px
}
.v65-form label {
display: block
}
.v65-form label .submitLabel {
font-size: 4px;
line-height: 4px
}
.v65-form .formErrorMessage {
font-style: italic;
font-weight: normal;
color: #C66
}
.v65-form input[type=text],
.v65-form input[type=password],
.v65-form input[type='username'] {
margin: 0;
width: 220px
}
.v65-form textarea,
.v65-form select {
font-family: Tahoma, Geneva, sans-serif;
line-height: 1.5;
width: 225px;
font-size: 1em
}
.v65-formLeft {
float: left;
margin: 0 1em 1em 0;
width: 250px
}
.v65-formRight {
float: right;
margin: 0 0 1em 1em;
width: 250px
}
@media screen and (max-width: 500px) {
.v65-formRight {
margin: 0 0 1em 0;
width: 100%
}
}
.v65-formCenter {
margin: 0 auto 1em;
width: 250px
}
.v65-formError {
color: #C00
}
button {
border: 0;
cursor: pointer;
overflow: visible;
padding: 0;
position: relative;
height: 2.5em;
line-height: 2.5em
}
@media screen and (max-width: 580px) {
button {
height: 4em;
line-height: 4em
}
}
button::-moz-focus-inner {
border: none
}
button span {
display: block;
padding: 0 0.7em;
position: relative;
text-align: center;
white-space: nowrap;
height: 2.5em;
line-height: 2.5em
}
@media screen and (max-width: 580px) {
button span {
font-size: 1em;
height: 4em;
line-height: 4em;
text-align: center
}
}
button.largeBtn,
button.defaultBtn,
button.modalBtn {
background-color: #369
}
button.largeBtn span,
button.defaultBtn span,
button.modalBtn span {
color: #fff
}
button.largeBtn:hover,
button.defaultBtn:hover,
button.modalBtn:hover {
background-color: #69c
}
button.altLargeBtn,
button.altBtn,
button.altModalBtn {
background-color: #919191
}
button.altLargeBtn span,
button.altBtn span,
button.altModalBtn span {
color: #fff
}
button.altLargeBtn:hover,
button.altBtn:hover,
button.altModalBtn:hover {
background-color: #acacac
}
button.largeBtn,
button.altLargeBtn {
font-size: 1.3333333333333333em
}
button.modalBtn,
button.altModalBtn {
font-size: 0.8em;
height: 2em;
line-height: 2em
}
@media screen and (max-width: 580px) {
button.modalBtn,
button.altModalBtn {
font-size: 1.1em;
height: 4em;
line-height: 4em
}
}
a.largeLinkBtn,
a.linkBtn,
a.modalLinkBtn,
a.linkAltBtn,
a.modalLinkAltBtn {
border: 0;
cursor: pointer;
display: inline-block;
padding: 0;
position: relative;
height: 2.5em;
line-height: 2.5em
}
@media screen and (max-width: 580px) {
a.largeLinkBtn,
a.linkBtn,
a.modalLinkBtn,
a.linkAltBtn,
a.modalLinkAltBtn {
font-size: 1em;
height: 4em;
line-height: 4em;
text-align: center
}
}
a.largeLinkBtn span,
a.linkBtn span,
a.modalLinkBtn span,
a.linkAltBtn span,
a.modalLinkAltBtn span {
display: block;
padding: 0 0.7em;
position: relative;
border-radius: 0.385em;
white-space: nowrap
}
a.largeLinkBtn,
a.linkBtn,
a.modalLinkBtn {
background-color: #369
}
a.largeLinkBtn span,
a.linkBtn span,
a.modalLinkBtn span {
color: #fff
}
a.largeLinkBtn:hover,
a.linkBtn:hover,
a.modalLinkBtn:hover {
background-color: #69c;
text-decoration: none
}
a.linkAltBtn,
a.modalLinkAltBtn {
background-color: #919191
}
a.linkAltBtn span,
a.modalLinkAltBtn span {
color: #fff
}
a.linkAltBtn:hover,
a.modalLinkAltBtn:hover {
background-color: #acacac;
text-decoration: none
}
a.largeLinkBtn {
font-size: 1.3333333333333333em
}
a.modalLinkBtn,
a.modalLinkAltBtn {
font-size: 0.8em;
height: 2em;
line-height: 2em
}
@media screen and (max-width: 580px) {
a.modalLinkBtn,
a.modalLinkAltBtn {
font-size: 1em;
height: 4em;
line-height: 4em
}
}
.firstItem {
margin-left: 0;
padding-left: 0
}
.lastItem {
margin-right: 0;
padding-right: 0
}
.v65-last {
margin-right: 0;
padding-right: 0;
border-right: 0
}
div.v65-warning {
border-radius: 0.2em;
background: #FFF4E5;
border: 1px solid #FBC880;
color: #E88A03;
font-size: 15px;
margin-bottom: 0;
padding: 1em;
text-align: center
}
div.v65-warning a {
color: #925702
}
/*# sourceMappingURL=vin65-responsive.min.css.map */
@import url('https://fonts.googleapis.com/css?family=Quicksand');
@charset "utf-8";
/* CSS Document */
/* ====================================================================================================
Table of Content
Misc Inlcudes
Variables
1. Typography - Copy into admin.css
2. Header
3. Navigation
a. Navigation
b. Sub Navigation
4. Content
a. Homepage Styles
b. Page Styles
5. Blog
6. Print
7. Buttons
8. Footer
*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9.
* Hide the `template` element in IE, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre-wrap;
}
/**
* Set consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
img {
border: 0;
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
select,
textarea {
font-family: inherit;
/* 1 */
/* font-size: 100%; */
/* 2 */
/* margin: 0; */
/* 3 */
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
@font-face {
font-family: 'icomoon';
src: url("../font/icomoon.eot?jji5ji");
src: url("../font/icomoon.eot?#iefixjji5ji") format("embedded-opentype"), url("../font/icomoon.woff?jji5ji") format("woff"), url("../font/icomoon.ttf?jji5ji") format("truetype"), url("../font/icomoon.svg?jji5ji#icomoon") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.5em;
}
.icon-file-pdf:before {
content: "\eada";
}
.icon-mail:before {
content: "\e60d";
}
.icon-phone:before {
content: "\e60e";
}
.icon-user:before {
content: "\e60f";
}
.icon-yelp:before {
content: "\e610";
}
.icon-youtube:before {
content: "\e601";
}
.icon-instagram:before {
content: "\e602";
}
.icon-angle-down:before {
content: "\e60c";
}
.icon-up-bold:before {
content: "\e60b";
}
.icon-vimeo:before {
content: "\e606";
}
.icon-twitter:before {
content: "\e607";
}
.icon-facebook:before {
content: "\e608";
}
.icon-gplus:before {
content: "\e609";
}
.icon-pinterest:before {
content: "\e60a";
}
.icon-mobile:before {
content: "\e600";
}
.icon-link:before {
content: "\e02e";
}
.icon-comments:before {
content: "\e049";
}
.icon-clock:before {
content: "\e055";
}
.icon-search:before {
content: "\f002";
}
/*
* jQuery Nivo Slider v3.0.1
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* The Nivo Slider styles */
.nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
background: white url(//cdn.nexternal.com/nivo/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
cursor: hand;
background-color: #fff;
filter: alpha(opacity=0);
/*non ie*/
opacity: 0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
top: 0;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
overflow: hidden;
}
.nivo-box img {
display: block;
}
/* Caption styles */
.nivo-caption {
position: absolute;
left: 0px;
bottom: 0px;
background: #000;
color: #fff;
width: 100%;
z-index: 8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter: alpha(opacity=8);
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline !important;
}
.nivo-html-caption {
display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url(//cdn.nexternal.com/nivo/arrows.png) no-repeat;
text-indent: -9999px;
border: 0;
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}
a.nivo-prevNav {
left: 15px;
}
a.nivo-nextNav {
background-position: -30px 0px;
right: 15px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align: center;
padding: 15px 0;
}
.nivo-controlNav a {
display: inline-block;
width: 22px;
height: 22px;
background: url(//cdn.nexternal.com/nivo/bullets.png) no-repeat;
color: transparent;
border: 0;
margin: 0 2px;
cursor: pointer;
}
.nivo-controlNav a.active {
background-position: 0 -22px;
}
.hideText {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.hideText a {
display: block;
height: 100%;
}
/* ===================================================================================================
1. Typography - These get copied into the admin.css
======================================================================================================== */
html {
font-size: 97%;
}
body {
background-color: #E5E1D6;
color: #666;
font-family: 'Quicksand', sans-serif;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin-top: 0;
color: #7c2529;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Playfair Display", serif;
}
/* h1 {
font-size: 34px;
line-height: 1.4;
text-align: center;
margin-bottom: 0.75em;
} */
h2 {
font-size: 30px;
line-height: 1.3333333333333333;
margin-bottom: 0.5em;
}
h3 {
font-size: 25px;
line-height: 1.4;
margin-bottom: 0.5em;
}
h4 {
font-size: 20px;
line-height: 1.4;
margin-bottom: 0.5em;
}
h5 {
font-size: 18px;
line-height: 1.4;
margin-bottom: 0.5em;
}
h6 {
font-size: 16px;
line-height: 1.5;
margin-bottom: 0.5em;
}
p, blockquote {
margin: 0 0 1.5em;
line-height: 1.6;
}
p {
margin-top: 1em;
}
blockquote {
font-size: 17px;
padding-bottom: 1px;
position: relative;
margin: 0 auto;
text-align: center;
width: 60%;
}
@media screen and (max-width: 767px) {
blockquote {
width: 80%;
}
}
blockquote p {
line-height: 1.7;
margin: 2em 0;
}
blockquote:after {
border-bottom: 1px solid #ccc;
content: "";
height: 1px;
margin-left: -75px;
position: absolute;
bottom: 0;
left: 50%;
width: 150px;
}
hr {
background-color: #ccc;
border: 0;
color: #ccc;
height: 1px;
max-width: 95%;
margin: 10px auto 50px;
}
dl, ol, ul {
margin: 0 0 1.5em;
}
dd, dt, li {
line-height: 1.5;
margin: 0;
}
a {
color: #7c2529;
text-decoration: none;
}
a:hover, a:focus, a:active {
color: #2c5875;
text-decoration: none;
}
img {
border: none;
height: auto !important;
max-width: 100%;
}
form {
margin-bottom: 1em;
}
legend {
color: #191919;
}
a[name=footerNav] {
display: none !important;
}
.v65-title {
color: #7c2529;
font-family: "Playfair Display", serif;
font-size: 18px;
font-weight: normal;
line-height: 1;
}
.v65-title a {
color: #7c2529;
}
.v65-title a:hover, .v65-title a:focus, .v65-title a:active {
color: black;
text-decoration: none;
}
.v65-subtitle {
color: black;
font-size: 23px;
font-family: "Playfair Display", serif;
font-weight: normal;
line-height: 1;
margin-bottom: 1em;
}
/* ===================================================================================================
2. Header
======================================================================================================== */
header.primary {
border-bottom: 3px solid #7C2529;
position: relative;
z-index: 10;
background-image: url(//cdn.nexternal.com/mazzoco/images/paper.png);
}
}
#user-tools {font-family: 'Quicksand', sans-serif;font-size: 12px;
}
@media screen and (max-width: 580px) {
#user-tools {
background-color: #4e1719;
}
}
#user-tools a {
color: black;
}
#user-tools a:hover, #user-tools a:active, #user-tools a:focus {
color: black;
}
@media screen and (max-width: 580px) {
#user-tools a:hover, #user-tools a:active, #user-tools a:focus {
color: #fff;
}
}
@media screen and (max-width: 580px) {
#user-tools a {
color: #fff;
}
}
#user-tools .v65-editProfile, #user-tools .v65-yourAccount,
#user-tools .v65-login, #user-tools .v65-logout {
border-color: #7c2529;
}
@media screen and (max-width: 580px) {
#user-tools .v65-editProfile, #user-tools .v65-yourAccount {
width: 32%;
}
}
@media screen and (max-width: 580px) {
#user-tools .v65-login, #user-tools .v65-logout {
width: 20%;
}
}
.logo {
background-image: url('//cdn.nexternal.com/mazzoco/images/logo.png');
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 160px;
margin: 0.5em auto;
position: relative;
width: 300px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.logo {
background-image: url('//cdn.nexternal.com/mazzoco/images/logo@2x.png');
}
}
@media screen and (max-width: 767px) {
.logo {
clear: both;
}
}
/* ===================================================================================================
3. Navigation
======================================================================================================== */
/* ----- a. Main Menu ----- */
.mainMenu {
font-family: "Playfair Display", serif;
font-size: 16px;
position: relative;
z-index: 101;
text-transform: uppercase;
letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
.mainMenu {
margin: 1em 0 0.3em;
}
}
@media screen and (min-width: 768px) {
.mainMenu {
margin: 10px 0 0;
}
}
@media screen and (max-width: 580px) {
.mainMenu {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: fixed;
top: 48px;
left: -100%;
background-color: #7c2529;
height: 100%;
height: calc(100% - 46px);
height: -o-calc(100% - 46px);
/* opera */
height: -webkit-calc(100% - 46px);
/* google, safari */
height: -moz-calc(100% - 46px);
margin: 0;
overflow-y: auto;
padding: 20px 0;
width: 100%;
z-index: 100;
-moz-transition: all 0.25s;
-o-transition: all 0.25s;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
}
.mainMenu ul {
list-style: none;
margin: 0;
padding: 0;
position: relative;
text-align: center;
}
.mainMenu ul ul {
background: #7c2529;
border: 1px solid #7c2529;
display: none;
font-size: 14px;
left: -10px;
position: absolute;
top: 39px;
width: 200px;
z-index: 1;
}
@media screen and (max-width: 580px) {
.mainMenu ul ul {
background-color: #7c2529;
border: 0;
display: block;
position: static;
top: 0;
left: 0;
width: 100%;
}
}
.mainMenu li {
display: inline-block;
padding: 0;
position: relative;
}
@media screen and (max-width: 767px) {
.mainMenu li {
margin: 0 10px;
}
}
@media screen and (min-width: 768px) and (max-width: 819px) {
.mainMenu li {
margin: 0 0 0 35px;
}
}
@media screen and (min-width: 820px) {
.mainMenu li {
margin: 0 0 0 50px;
}
}
@media screen and (max-width: 580px) {
.mainMenu li {
border-bottom: 1px solid #191919;
display: block;
margin: 0;
padding: 4px 15px;
text-align: left;
}
}
.mainMenu li:first-child {
margin-left: 0;
}
@media screen and (min-width: 768px) {
.mainMenu li:hover ul {
display: block;
}
}
.mainMenu li li {
display: block;
float: none;
margin: 0;
text-align: left;
width: 200px;
}
@media screen and (max-width: 580px) {
.mainMenu li li {
border-bottom: 0;
border-top: 1px solid #191919;
padding: 9px 0;
width: 100%;
}
}
.mainMenu li li a {
color: #ffffff;
display: block;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0 0 0 5%;
text-align: left;
text-transform: none;
width: 95%;
}
.mainMenu li li a:hover {
color: black;
}
@media screen and (max-width: 580px) {
.mainMenu li li a {
color: #ffffff;
padding: 0;
width: 100%;
}
.mainMenu li li a:hover {
color: #fff;
}
}
.mainMenu a {
color: black;
display: inline-block;
margin: 0;
padding: 0;
position: relative;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.mainMenu a {
height: 44px;
line-height: 44px;
padding: 0 0.5em;
}
}
@media screen and (min-width: 768px) {
.mainMenu a {
height: 39px;
line-height: 39px;
}
}
.mainMenu a:hover {
color: black;
text-decoration: none;
}
@media screen and (max-width: 580px) {
.mainMenu a {
color: #C3C3C3;
padding: 0;
width: 100%;
}
.mainMenu a:hover {
color: #fff;
}
}
.mainMenu .v65-pageAParent {
color: black;
}
@media screen and (max-width: 580px) {
.mainMenu .v65-pageAParent {
color: #fff;
}
}
@media screen and (max-width: 919px) {
.mainMenu .v65-home {
display: none;
}
}
.mainMenu .v65-selected {
color: black;
}
@media screen and (max-width: 580px) {
.mainMenu .v65-selected {
color: #fff;
}
}
.mainMenu .footerMenuLink {
bottom: 0;
font-size: 1.5em;
position: absolute;
right: 0;
}
@media screen and (max-width: 450px) {
.mainMenu .footerMenuLink {
display: block;
}
}
@media screen and (min-width: 451px) {
.mainMenu .footerMenuLink {
display: none;
}
}
/* ----- b. Sub Menu ----- */
.subMenu {
font-family: "Playfair Display", serif;
margin-bottom: 0;
margin-top: 6%;
}
@media screen and (min-width: 768px) {
.subMenu {
float: left;
margin-right: 4%;
padding-right: 2%;
width: 17.5%;
}
}
.subMenu h4 {
font-size: 23px;
}
@media screen and (max-width: 767px) {
.subMenu h4 {
display: none;
}
}
.subMenu ul {
list-style: none;
margin-bottom: 0;
padding: 0;
}
.subMenu li {
line-height: 3;
}
@media screen and (max-width: 767px) {
.subMenu li {
border-top: 1px solid #DBD5C8;
line-height: 44px;
text-align: center;
}
}
.subMenu li ul {
margin-left: 30px;
}
.subMenu a {
display: inline-block;
color: #7c2529;
line-height: 1.5;
width: 100%;
}
.subMenu a:hover, .subMenu a:focus, .subMenu a:active {
color: black;
text-decoration: none;
}
.subMenu .v65-pageAParent {
color: #000;
}
.subMenu .v65-leftSelected {
color: black;
font-style: italic;
}
.mobileMenu {
color: #fff;
display: none;
float: left;
font-size: 2.5em;
padding: 5px 0 0 13px;
position: relative;
width: 11%;
z-index: 300;
}
@media screen and (max-width: 580px) {
.mobileMenu {
display: block;
}
}
@media screen and (max-width: 340px) {
.mobileMenu {
width: 14%;
}
}
.menuOpen {
transform: translate(100%, 0);
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
}
.mobileBody {
position: fixed;
}
/* ===================================================================================================
4. Content
======================================================================================================== */
#v65-modalContentHeader {
background: #4e1719;
}
{
background: #EFECE4;
}
@media screen and (max-width: 767px) {
.pageContent {
padding: 0em 1em;
}
}
@media screen and (min-width: 768px) {
.pageContent {
padding: 0em 3em;
}
}
@media screen and (max-width: 580px) {
.pageContent {
padding: 0em 0;
}
}
.alternateBackgroundContent {
background: #DBD5C8;
}
.wrapper {
margin: 0 auto;
max-width: 990px;
padding: 0 5%;
width: 90%;
}
@media screen and (max-width: 580px) {
.wrapper {
padding: 0 2%;
width: 94%;
}
}
@media screen and (max-width: 580px) {
header .wrapper {
padding: 0;
width: 100%;
}
}
.overlay {
background: url(//cdn.nexternal.com/mazzoco/images/image-overlay.png);
background: rgba(0, 0, 0, 0.1);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
input[type=email], input[type=password], input[type=tel], input[type=text], input[type=username] {
border: 1px solid #d0d3d4;
font-family: "Playfair Display", serif;
}
button, input[type=button], input[type=submit], label, form {
font-family: "Playfair Display", serif;
}
/* ----- a. Homepage Styles ----- */
.homepageContent {
background: #DBD5C8;
padding: 4.5em 0;
}
.homepageContent .v65-blogPostWrapper {
float: left;
margin: 1em 0 0;
width: 50%;
}
@media screen and (max-width: 580px) {
.homepageContent .v65-blogPostWrapper {
float: none;
margin: 0 auto;
width: 95%;
}
}
.homepageContent .v65-blogPostWrapper .v65-blogPost {
margin: 0 6%;
}
.homepageContent .v65-blogPostWrapper h2 {
font-family: "Playfair Display", serif;
}
.homepageContent .v65-blogPostWrapper h2 a:hover, .homepageContent .v65-blogPostWrapper h2 a:focus, .homepageContent .v65-blogPostWrapper h2 a:active {
color: #2c5875;
text-decoration: none;
}
.homepageContent .v65-blogPostWrapper .v65-blogPostDate {
color: #949494;
font-family: "Playfair Display", serif;
}
.homepageContent .v65-blogPostWrapper .v65-blogPostDate a {
color: #949494;
}
.homepageContent .v65-blogPostWrapper .v65-avatar,
.homepageContent .v65-blogPostWrapper .v65-blogFooter {
display: none;
}
.homepageLinks .heroImage {
-ms-behavior: url(backgroundsize.min.htc);
behavior: url(backgroundsize.min.htc);
text-align: center;
padding: 5em 5%;
position: relative;
width: 90%;
}
@media screen and (min-width: 581px) {
.homepageLinks .heroImage {
min-height: 500px;
padding: 2.5em 5% 8em;
}
}
.homepageLinks .heroImage .imageContent {
max-width: 750px;
margin: 0 auto;
width: 100%;
}
@media screen and (min-width: 581px) {
.homepageLinks .heroImage .imageContent {
margin-top: 8em;
}
}
.homepageLinks .heroImage .imageContent h1 {
font-size: 36px;
}
@media screen and (min-width: 581px) and (max-width: 950px) {
.homepageLinks .heroImage .imageContent h1 {
font-size: 4em;
}
}
@media screen and (max-width: 580px) {
.homepageLinks .heroImage .imageContent h1 {
font-size: 3em;
}
}
.homepageLinks .heroImage .imageContent a {
color: #bcbcbc;
}
.homepageLinks .imageContent {
position: relative;
}
.homepageLinks .bottomImage {
-ms-behavior: url(backgroundsize.min.htc);
behavior: url(backgroundsize.min.htc);
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
text-align: center;
padding: 6em 5% 4em;
position: relative;
width: 50%;
}
@media screen and (min-width: 1300px) {
.homepageLinks .bottomImage {
padding: 6em 6%;
width: 50%;
}
}
@media screen and (max-width: 767px) {
.homepageLinks .bottomImage {
float: none;
padding: 4em 5%;
width: 100%;
}
}
@media screen and (min-width: 581px) {
.homepageLinks .bottomImage:hover .overlay, .homepageLinks .bottomImage:active .overlay, .homepageLinks .bottomImage:focus .overlay {
background: url(//cdn.nexternal.com/mazzoco/images/image-overlay-darken.png);
background: rgba(0, 0, 0, 0.7);
}
}
.homepageLinks a, .homepageLinks p, .homepageLinks h1, .homepageLinks h2, .homepageLinks h3, .homepageLinks h4, .homepageLinks h5, .homepageLinks h6 {
color: white;
line-height: 1.3;
}
.homepageLinks a:hover, .homepageLinks a:focus, .homepageLinks a:active, .homepageLinks p:hover, .homepageLinks p:focus, .homepageLinks p:active, .homepageLinks h1:hover, .homepageLinks h1:focus, .homepageLinks h1:active, .homepageLinks h2:hover, .homepageLinks h2:focus, .homepageLinks h2:active, .homepageLinks h3:hover, .homepageLinks h3:focus, .homepageLinks h3:active, .homepageLinks h4:hover, .homepageLinks h4:focus, .homepageLinks h4:active, .homepageLinks h5:hover, .homepageLinks h5:focus, .homepageLinks h5:active, .homepageLinks h6:hover, .homepageLinks h6:focus, .homepageLinks h6:active {
text-decoration: none;
}
.homepageLinks h1 {
font-size: 2.8em;
margin-bottom: 0;
}
@media screen and (min-width: 1301px) {
.homepageLinks h1 {
font-size: 3.5em;
}
}
.homepageLinks p {
font-size: 1.2em;
line-height: 1.7;
}
.homepageLinks .imageButton {
border: 2px solid #fff;
display: inline-block;
font-family: "Playfair Display", serif;
padding: 7px 40px;
position: relative;
width: auto;
}
.homepageLinks .imageButton:hover, .homepageLinks .imageButton:focus, .homepageLinks .imageButton:active {
background-color: #fff;
color: #000;
}
.homepageContent.homepageProductGroup {
background-color: #E5E1D6;
padding: 1em 0;
}
.homepageContent.homepageProductGroup .v65-productGroup-title.v65-title {
display: none;
}
.homepageContent.homepageProductGroup .v65-productGroup-product {
padding: 2em 0em;
margin: 0;
width: 100%;
}
.homepageContent.homepageProductGroup .v65-productGroup-product .v65-title {
font-size: 28px;
}
.homepageContent.homepageProductGroup .v65-productGroup-product:last-child {
border-bottom: 0;
}
@media screen and (min-width: 701px) {
.homepageContent.homepageProductGroup .v65-productGroup-product .v65-product-teaser {
padding: 0 6%;
}
}
.homepageContent.homepageProductGroup .v65-productGroup-product .v65-product-addToCart-priceWrapper {
margin-bottom: 30px;
}
.homepageContent.homepageProductGroup .productPhoto {
width: 30%;
}
@media screen and (max-width: 450px) {
.homepageContent.homepageProductGroup .productPhoto {
margin-bottom: 1em;
}
}
.homepageContent.homepageProductGroup .productDescription {
width: 70%;
}
.homepageContent.homepageProductGroup .productPhoto,
.homepageContent.homepageProductGroup .productDescription {
float: left;
}
@media screen and (min-width: 1100px) {
.homepageContent.homepageProductGroup .productPhoto,
.homepageContent.homepageProductGroup .productDescription {
width: 50%;
}
}
@media screen and (max-width: 451px) {
.homepageContent.homepageProductGroup .productPhoto,
.homepageContent.homepageProductGroup .productDescription {
display: block;
width: 100%;
}
}
@media screen and (min-width: 451px) {
.homepageContent.homepageProductGroup .v65-productGroup-product.middleGroup .productPhoto {
float: right;
}
}
#slider {
height: 0;
padding-top: 35%;
overflow: hidden;
width: 100%;
}
#slider .nivo-main-image {
position: absolute !important;
}
/* ----- b. Page Styles ----- */
.backToTop {
background: #191919;
bottom: 1em;
color: white;
border-radius: 50%;
display: none;
height: 4em;
line-height: 4em;
opacity: 0.6;
padding-top: 0.5em;
position: fixed;
right: 1em;
text-align: center;
text-decoration: none;
width: 4.5em;
z-index: 1000;
}
.upButton {
font-size: 3em;
}
@media screen and (min-width: 768px) {
.page {
float: right;
width: 75%;
}
}
.colWrapper {
margin-bottom: 2em;
width: 100%;
}
.colWrapper:before, .colWrapper:after {
content: "";
display: table;
}
.colWrapper:after {
clear: both;
}
.col2 {
float: left;
margin-left: 6%;
width: 47%;
}
.col2:first-child {
float: left;
margin-left: 0%;
width: 47%;
}
.col22 {
float: left;
margin-left: 6%;
width: 29%;
}
.col22:first-child {
margin-left: 0;
width: 65%;
}
.col3 {
float: left;
margin-left: 5%;
width: 30%;
}
.col3:first-child {
float: left;
margin-left: 0%;
width: 30%;
}
.col4 {
float: left;
margin-left: 3%;
width: 22.7%;
}
.col4:first-child {
margin-left: 0;
}
@media screen and (max-width: 850px) {
.col4 {
margin: 0 2% 3em;
width: 46%;
}
.col4:first-child {
margin-left: 2%;
}
}
@media screen and (max-width: 580px) {
.col2 {
float: none;
margin-left: 0;
margin-bottom: 1.5em;
width: 100%;
}
.col2:first-child {
float: none;
width: 100%;
}
.col22,
.col22:first-child {
float: none;
margin: 0 0 2em;
width: 100%;
}
.col3 {
float: none;
margin-left: 0;
margin-bottom: 1.5em;
width: 100%;
}
.col3:first-child {
float: none;
width: 100%;
}
.col4,
.col4:first-child {
float: none;
margin: 0 0 2em;
width: 100%;
}
}
.v65-featureRight, .v65-right,
.v65-featureLeft, .v65-left,
.v65-border {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div#pagePhotoGallery {
margin: 0 auto;
}
.customLinks > a:hover, .customLinks > a:focus, .customLinks > a:active {
text-decoration: none;
}
.pageLinks {
-ms-behavior: url(backgroundsize.min.htc);
behavior: url(backgroundsize.min.htc);
text-align: center;
text-decoration: none;
position: relative;
}
.pageLinks.fullWidthYes {
float: left;
padding: 4em 5%;
width: 90%;
}
@media screen and (min-width: 1300px) {
.pageLinks.fullWidthYes {
padding: 7em 7%;
width: 86%;
}
}
@media screen and (max-width: 767px) {
.pageLinks.fullWidthYes {
float: none;
}
}
.pageLinks.fullWidthNo {
float: left;
padding: 4em 5%;
width: 40%;
}
@media screen and (min-width: 1300px) {
.pageLinks.fullWidthNo {
padding: 7em 7%;
width: 36%;
}
}
@media screen and (max-width: 767px) {
.pageLinks.fullWidthNo {
float: none;
padding: 5em 5%;
width: 90%;
}
}
@media screen and (min-width: 581px) {
.pageLinks:hover .overlay, .pageLinks:active .overlay, .pageLinks:focus .overlay {
background: url(//cdn.nexternal.com/mazzoco/images/image-overlay-darken.png);
background: rgba(0, 0, 0, 0.7);
}
}
.pageLinks a, .pageLinks p, .pageLinks h1, .pageLinks h2, .pageLinks h3, .pageLinks h4, .pageLinks h5, .pageLinks h6 {
color: white;
position: relative;
}
.pageLinks a:hover, .pageLinks a:focus, .pageLinks a:active, .pageLinks p:hover, .pageLinks p:focus, .pageLinks p:active, .pageLinks h1:hover, .pageLinks h1:focus, .pageLinks h1:active, .pageLinks h2:hover, .pageLinks h2:focus, .pageLinks h2:active, .pageLinks h3:hover, .pageLinks h3:focus, .pageLinks h3:active, .pageLinks h4:hover, .pageLinks h4:focus, .pageLinks h4:active, .pageLinks h5:hover, .pageLinks h5:focus, .pageLinks h5:active, .pageLinks h6:hover, .pageLinks h6:focus, .pageLinks h6:active {
text-decoration: none;
}
.pageLinks h1 {
font-size: 2.5em;
}
@media screen and (min-width: 1001px) {
.pageLinks h1 {
font-size: 3em;
}
}
.pageLinks .imageButton {
border: 2px solid #fff;
color: white;
display: inline-block;
font-family: "Playfair Display", serif;
letter-spacing: 1px;
padding: 7px 40px;
position: relative;
width: auto;
}
.pageLinks .imageButton:hover, .pageLinks .imageButton:focus, .pageLinks .imageButton:active {
background-color: #fff;
color: #000;
}
.nivo-controlNav a:hover {
color: transparent;
}
/* List */
.v65-calendarList-Month {
border-bottom: 1px solid #eee;
font-family: "Playfair Display", serif;
font-size: 16px;
}
.v65-calendarList-Event .v65-title {
margin-bottom: 1em;
}
.v65-calendarList-Event strong {
font-weight: 300;
}
.v65-calendarList-Event .v65-calendarList-Time {
display: block;
}
/* Block */
#v65-CalendarTable {
border-color: #DBD5C8;
color: #e0e0e0;
}
#v65-CalendarTable th {
background-color: #ebebeb;
border-color: #DBD5C8;
color: black;
font-family: "Playfair Display", serif;
font-weight: 300;
padding: 5px 0;
}
#v65-CalendarTable td {
border-color: #DBD5C8;
}
#v65-CalendarTable .v65-CalendarDay {
border: 0;
color: #7c2529;
font-family: "Playfair Display", serif;
font-size: 0.95em;
}
#v65-CalendarTable .v65-CalendarOffMonthDays {
background-color: #F7F7F7;
}
#v65-CalendarTable .v65-CalendarToDay {
background-color: #DBD5C8;
}
@media screen and (max-width: 580px) {
#v65-CalendarTable .v65-CalendarEvent {
padding: 0;
}
}
@media screen and (max-width: 580px) {
#v65-CalendarTable .v65-CalendarEvent a {
background-color: #c9c9c9;
color: #fff;
height: 2.3em;
width: auto;
}
}
/* Drilldown */
.eventWrapper h1 {
margin-bottom: 1.5em;
padding-bottom: 2em;
position: relative;
text-align: center;
}
.eventWrapper h1:after {
border-bottom: 1px solid #eee;
content: "";
height: 1px;
margin: 0 15%;
position: absolute;
bottom: 0;
left: 0;
width: 70%;
}
.eventWrapper strong {
font-weight: 300;
}
.backLink {
font-family: "Playfair Display", serif;
font-size: 1.1em;
}
/* ----- c. Store Styles ----- */
@media screen and (max-width: 725px) {
#v65-fieldset-wholesalerInfo, #v65-fieldset-billingInfo,
#v65-fieldset-shippingOptions, #v65-fieldset-shippingInfo,
#v65-fieldset-paymentMethod, #v65-fieldset-sourceCode,
#v65-fieldset-usernamePassword {
width: 98%;
}
}
.v65-productGroup-teaser {
width: 100%;
}
.v65-productGroup-product:first-child {
margin-left: 0;
}
@media screen and (max-width: 750px) {
.v65-productGroup .v65-clear {
display: none;
}
}
.v65-productGroup .v65-clear.productGroup-2Up-rowClear {
display: none;
}
@media screen and (min-width: 581px) and (max-width: 599px) {
.v65-productGroup .v65-clear.productGroup-2Up-rowClear {
display: block;
}
}
.v65-productGroup .v65-clear.productGroup-3Up-rowClear {
display: none;
}
@media screen and (min-width: 600px) and (max-width: 750px) {
.v65-productGroup .v65-clear.productGroup-3Up-rowClear {
display: block;
}
}
@media screen and (min-width: 581px) and (max-width: 600px) {
.v65-product3Up {
float: none;
margin: 1em auto;
width: 50%;
}
}
@media screen and (max-width: 600px) {
.v65-product3Up .v65-last {
margin: auto;
padding: auto;
border: 0;
}
}
@media screen and (max-width: 720px) {
.print {
margin: 0 10px;
}
}
@media screen and (max-width: 580px) {
.v65-product1Up .v65-product-photo {
margin-right: 4%;
width: 21%;
}
}
.v65-product2Up .v65-product-photo {
margin: 0 15px;
}
@media screen and (max-width: 580px) {
.v65-product1UpStore .v65-product-photo {
margin-right: 3%;
width: 16%;
}
}
@media screen and (max-width: 580px) {
.v65-product1UpStore .v65-product-infoWrapper,
.v65-product1UpStore .v65-product-commerceWrapper {
width: 81%;
}
}
.homepageProductGroup .v65-product-photo {
margin: 0 15px 0 0;
}
.v65-paging, .v65-pagingBottom {
border-color: #DBD5C8;
}
.v65-club {
margin: 30px 0;
}
.v65-clubTeaser {
border-bottom: 1px solid #e5e5e5;
}
.v65-product-quickView {
background-color: #4e1719;
border: none;
color: #fff;
-ms-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
font-family: "Playfair Display", serif;
margin-left: -52px;
padding: 0.75em 1em;
}
.v65-product-quickView:hover, .v65-product-quickView:active, .v65-product-quickView:focus {
background-color: #1d394b;
color: #fff;
}
.v65-quickView {
border: 1px solid #ccc;
-ms-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.v65-quickView .v65-quickView-close {
top: 10px;
right: 10px;
}
.v65-quickView .v65-quickView-close a {
background-color: #4e1719;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
font-family: "Playfair Display", serif;
padding: 4px 14px;
}
.v65-quickView .v65-quickView-close a:hover, .v65-quickView .v65-quickView-close a:active, .v65-quickView .v65-quickView-close a:focus {
background-color: #1d394b;
}
.v65-quickView .v65-quickViewContent .v65-product-photoWrapper {
width: 25%;
margin-right: 2%;
}
.v65-quickView .v65-quickViewContent .v65-quickView-right-content {
width: 70%;
}
.v65-quickView .v65-quickViewContent .v65-product-tabs .last a {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.v65-quickView .v65-quickViewContent .v65-product-tabs li a {
border-color: #DBD5C8;
font-weight: 300;
}
.v65-quickView .v65-quickViewContent li.v65-product-tabs-active a {
font-style: italic;
}
@media screen and (max-width: 767px) {
.v65-quickView .v65-quickViewContent li.v65-product-tabs-active a {
height: 44px;
line-height: 44px;
}
}
.v65-quickView .v65-quickViewContent .v65-product-tabRightcol {
float: none;
width: 100%;
}
.v65-quickView .v65-quickViewContent .v65-wine-specs .v65-product-attributeLabel {
text-align: right;
width: 47%;
}
@media screen and (max-width: 520px) {
a.v65-product-quickView {
display: none !important;
}
}
.v65-product-addToCart-price {
font-weight: 300;
}
.v65-product2Up {
margin: 2em 2% 1.5em;
}
@media screen and (min-width: 601px) {
.v65-product2Up {
width: 46%;
}
}
.v65-product2Up .v65-product-photo {
float: left;
margin: 0 15px 0 0;
}
@media screen and (max-width: 520px) {
.v65-product2Up .v65-product-photo {
float: none;
margin: 0 auto;
}
}
.v65-product2Up .v65-product-addToCart-priceWrapper {
display: block;
margin-bottom: 0.5em;
}
.v65-productList {
font-family: "Playfair Display", serif;
}
.v65-productList th {
background-color: #fff;
font-size: 1.2em;
font-weight: normal;
}
.v65-productList tr.alternatRow {
background-color: #eee;
}
.v65-productList tr.alternatRow:hover, .v65-productList tr.alternatRow:active, .v65-productList tr.alternatRow:focus {
background-color: #e5e5e5;
}
.v65-productList tr:hover, .v65-productList tr:active, .v65-productList tr:focus {
background-color: #e5e5e5;
}
.v65-productList .v65-product-addToCart-quantity input {
margin-bottom: 0.5em;
}
.v65-product-availability, .v65-product-inventoryMessage {
color: #969696;
}
.v65-product-attributeLabel,
.v65-wine-specs .v65-product-attributeLabel,
.v65-product-reviewStats strong {
font-weight: 300;
}
.v65-productWrapper h1 {
float: none;
letter-spacing: 0;
text-align: left;
width: 100%;
}
.productDetails {
border-top: 1px solid #eee;
float: left;
padding: 2em 0;
margin: 2em 0;
width: 100%;
}
@media screen and (min-width: 681px) {
.v65-wine-profile,
.v65-wine-specs {
float: left;
margin: 0 2%;
}
}
@media screen and (min-width: 681px) {
.v65-wine-specs {
width: 36%;
}
}
@media screen and (max-width: 680px) {
.v65-wine-specs {
padding: 1em;
}
}
.v65-wine-specs .v65-product-attributeLabel {
text-align: left;
width: auto;
}
.v65-wine-profile {
margin-bottom: 0;
}
@media screen and (min-width: 681px) {
.v65-wine-profile {
width: 56%;
}
}
@media screen and (max-width: 680px) {
.v65-wine-profile {
padding: 1em;
}
}
#v65-cartTable {
font-family: "Playfair Display", serif;
}
@media screen and (max-width: 580px) {
#v65-cartTable {
font-size: 0.9em;
}
}
#v65-cartCheckOutCoupons form {
width: 280px;
}
td.v65-cartItemDescription {
font-family: "Playfair Display", serif;
}
td.v65-cartItemDescription a {
color: #000;
}
td.v65-cartItemDescription strong {
color: #000;
font-family: "Playfair Display", serif;
font-size: 1.2em;
font-weight: 300;
}
@media screen and (max-width: 400px) {
td.v65-cartItemDescription strong {
font-size: 0.95em;
}
}
@media screen and (max-width: 400px) {
span.v65-cartItemDescription-sku .small {
font-size: 0.7em;
}
}
#v65-cartTable th {
background-color: white;
border-bottom: 2px solid #DBD5C8;
border-top: 1px solid #DBD5C8;
font-weight: 400;
}
#v65-cartTable td {
padding: 1em 0.3em;
}
@media screen and (max-width: 400px) {
#v65-cartTable td {
padding: 1em 0;
}
}
.v65-cartItem td {
border-top: 1px solid #DBD5C8;
}
#v65-cartSubtotal td {
background-color: #fff;
border-top: 2px solid #DBD5C8;
font-weight: 400;
padding: 1em 0;
}
.v65-cartTax td {
background-color: #fff;
border-bottom: 1px solid #DBD5C8;
padding: 1em 0 !important;
}
#v65-cartTotal td {
background-color: #fff;
border-bottom: 1px solid #DBD5C8;
padding: 1em 0.3em;
}
td.v65-cartItemPrice,
td.v65-cartItemTotal,
#v65-cartTable .v65-cartItemInStock,
.v65-cartSubtotal-6,
.v65-cartTotal-6,
.v65-cartTotal-5,
.v65-cartSubtotal-5,
.v65-cartSubtotal-6,
.v65-cartSubtotal-5,
.v65-cartTax-5 {
color: #000;
font-weight: 300;
}
#v65-modalCartBody {
background-color: white;
font-family: "Playfair Display", serif;
}
#v65-modalCartDropdown {
border: 1px solid #bcbcbc;
}
#v65-modalCartTable th {
background-color: #fff;
border-bottom: 1px solid #ccc !important;
border-top: 1px solid #ccc !important;
border: 0;
padding: 7px 2px;
font-family: "Playfair Display", serif;
font-weight: 300;
}
#v65-modalCartTable strong {
font-family: "Playfair Display", serif;
font-weight: 300;
}
#v65-modalCartTableSubtotal td {
background-color: #fff;
border-bottom: 1px solid #ccc !important;
border-top: 1px solid #ccc !important;
}
#v65-modalCartTable td {
border: 0;
font-size: 1em;
font-family: "Playfair Display", serif;
padding: 7px 1px;
}
#v65-modalCartTable td.center.bold {
font-weight: 300;
}
#v65-modalCartTableSubtotal td {
font-weight: 300;
}
#v65-checkoutFormWrapper strong, #v65-checkoutFormWrapper .bold {
font-weight: normal;
}
.v65-product-addToCart-priceWrapper {
font-size: 1.2em;
}
/* ===================================================================================================
5. Blog
======================================================================================================== */
@media screen and (min-width: 581px) {
.blogContent {
float: left;
}
}
@media screen and (min-width: 768px) {
.blogContent {
padding: 4% 4% 0 0;
width: 75%;
}
}
.blogContent .v65-product-pagination, .blogContent .v65-Paging {
width: 100%;
}
.v65-avatar img {
border: 0;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.v65-blogPostWrapper {
border-bottom: 1px solid #eee;
margin-bottom: 3em;
}
.v65-blogPost {
margin-left: 0;
padding-bottom: 5px;
}
.v65-blogPost .v65-blogPostDate {
color: #888;
font-family: "Playfair Display", serif;
text-align: center;
}
.v65-blogPost .v65-blogPostDate a {
color: #888;
}
.v65-blogPost h1 {
letter-spacing: 0;
margin-bottom: 2em;
text-align: center;
}
@media screen and (min-width: 581px) {
.v65-blogPost h1 {
padding: 0 2em;
}
}
.v65-blogPost h2 {
margin-bottom: 2em;
text-align: center;
}
@media screen and (min-width: 581px) {
.v65-blogPost h2 {
padding: 0 2em;
}
}
@media screen and (min-width: 581px) {
.blogFilterWrapper {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.blogFilterWrapper {
float: right;
padding-top: 7%;
width: 20%;
}
}
.blogFilterWrapper ul {
list-style: none;
padding: 0;
}
.blogFilterWrapper li {
font-size: 11px;
margin: 0 0 0 10px;
}
.blogFilterWrapper h5 {
font-family: "Playfair Display", serif;
}
.blogFilterWrapper strong, .blogFilterWrapper .v65-recentEntriesTitle {
font-weight: normal;
}
@media screen and (max-width: 767px) {
.blogFilterWrapper .blogFilter {
float: left;
width: 49%;
}
}
@media screen and (max-width: 580px), (min-width: 768px) {
.blogFilterLeft {
padding-right: 4%;
}
}
.v65-blogFooterDate,
.v65-blogFooterComments,
.v65-blogFooterLink {
color: #888;
font-size: 1.1em;
}
.v65-blogFooterDate img,
.v65-blogFooterComments img,
.v65-blogFooterLink img {
display: none;
}
.v65-blogFooterDate:before,
.v65-blogFooterLink:before,
.v65-blogFooterComments:before {
font-family: 'icomoon';
}
.v65-blogFooterDate:before {
content: "\e055";
}
.v65-blogFooterLink:before {
content: "\e02e";
}
.v65-blogFooterComments:before {
content: "\e049";
}
/* ===================================================================================================
6. Buttons
======================================================================================================== */
button {
font-family: "Playfair Display", serif;
}
button span {
padding: 0 1.5em;
}
@media screen and (max-width: 580px) {
button span {
padding: 0 .7em;
}
}
@media screen and (min-width: 581px) {
button {
height: 2.8em;
line-height: 2.9em;
}
}
@media screen and (max-width: 580px) {
button {
height: 4.3em;
line-height: 4.3em;
}
}
button.defaultBtn, button.modalBtn, button.largeBtn {
background: #7C2529;
font-family: "Playfair Display", serif;
font-size: 14px;
text-decoration: none;
vertical-align: middle;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button.defaultBtn span, button.modalBtn span, button.largeBtn span {
background: #7C2529;
height: auto;
line-height: inherit;
}
button.defaultBtn:hover, button.defaultBtn:active, button.modalBtn:hover, button.modalBtn:active, button.largeBtn:hover, button.largeBtn:active {
background: none;
}
@media screen and (min-width: 581px) {
button.modalBtn, button.altModalBtn {
height: 2.5em;
line-height: inherit;
}
}
button.altBtn, button.altModalBtn, button.altLargeBtn {
background: #5D1417;
font-family: "Playfair Display", serif;
text-decoration: none;
vertical-align: middle;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button.altBtn span, button.altModalBtn span, button.altLargeBtn span {
background: none;
height: auto;
line-height: inherit;
}
button.altBtn:hover, button.altBtn:active, button.altModalBtn:hover, button.altModalBtn:active, button.altLargeBtn:hover, button.altLargeBtn:active {
background: #aaaaaa;
}
/*
a span {
padding: 0 1em;
height: auto;
line-height: inherit;
} */
a.linkBtn, a.modalLinkBtn, a.largeLinkBtn {
background: #7C2529;
font-family: "Playfair Display", serif;
text-decoration: none;
vertical-align: middle;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a.linkBtn span, a.modalLinkBtn span, a.largeLinkBtn span {
background: none;
height: auto;
line-height: inherit;
}
a.linkBtn:hover, a.linkBtn:active, a.modalLinkBtn:hover, a.modalLinkBtn:active, a.largeLinkBtn:hover, a.largeLinkBtn:active {
background: #7c2529;
}
a.linkAltBtn, a.modalLinkAltBtn, a.modalLinkAltBtn {
background: #bcbcbc;
font-family: "Playfair Display", serif;
text-decoration: none;
vertical-align: middle;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a.linkAltBtn span, a.modalLinkAltBtn span, a.modalLinkAltBtn span {
background: none;
height: auto;
line-height: inherit;
}
a.linkAltBtn:hover, a.linkAltBtn:active, a.modalLinkAltBtn:hover, a.modalLinkAltBtn:active, a.modalLinkAltBtn:hover, a.modalLinkAltBtn:active {
background: #aaaaaa;
}
a.modalLinkBtn, a.modalLinkAltBtn, a.modalLinkAltBtn {
min-width: auto;
}
/* Cart Buttons */
#v65-cartHeader button.defaultBtn, #v65-cartHeader button.modalBtn, #v65-cartHeader button.largeBtn, td.v65-cartItemAmount button.defaultBtn, td.v65-cartItemAmount button.modalBtn, td.v65-cartItemAmount button.largeBtn {
background: #e6d179;
}
#v65-cartHeader button.defaultBtn:hover, #v65-cartHeader button.defaultBtn:active, #v65-cartHeader button.modalBtn:hover, #v65-cartHeader button.modalBtn:active, #v65-cartHeader button.largeBtn:hover, #v65-cartHeader button.largeBtn:active, td.v65-cartItemAmount button.defaultBtn:hover, td.v65-cartItemAmount button.defaultBtn:active, td.v65-cartItemAmount button.modalBtn:hover, td.v65-cartItemAmount button.modalBtn:active, td.v65-cartItemAmount button.largeBtn:hover, td.v65-cartItemAmount button.largeBtn:active {
background: #e0c75b;
}
/* ===================================================================================================
7. Footer
======================================================================================================== */
footer {
text-align: center;
width: 100%;
}
footer ul {
list-style: none;
margin: 0 1em;
padding: 0;
}
@media screen and (min-width: 768px) {
footer ul {
margin-bottom: 0.5em;
}
}
@media screen and (max-width: 767px) {
footer li {
border-top: 1px solid #333333;
line-height: 44px;
text-align: center;
}
}
@media screen and (min-width: 768px) {
footer li {
display: inline;
padding: 0 10px;
}
}
@media screen and (max-width: 767px) {
footer li:first-child {
border: 0;
}
}
footer li a {
display: inline-block;
font-size: 0.917em;
position: relative;
}
@media screen and (max-width: 767px) {
footer li a {
width: 100%;
}
}
footer .subscribeSection {
background-color: #594a42;
padding: 3em 0;
}
footer .subscribeSection h1 {
color: #fff;
}
footer .subscribeSection div#v65-subscribeWidget {
color: #fff;
}
footer #v65-subscribeWidget input {
background-color: transparent;
color: white;
}
@media screen and (min-width: 420px) {
footer #v65-subscribeWidget input {
width: 175px;
}
}
footer .socialIcons {
background-color: #594a42;
padding: 1.5em 0;
}
footer .socialIcons a {
color: #fff;
}
footer .socialIcons a:hover, footer .socialIcons a:focus, footer .socialIcons a:active {
color: #ccc;
text-decoration: none;
}
footer .socialIcons ul {
margin-bottom: 0;
}
footer .socialIcons li {
border: 0;
display: inline-block;
font-size: 2em;
padding: 0.2em 0.5em;
}
footer .footerBottom {
background-color: #382E29;
color: #C3C3C3;font-family: 'Quicksand', sans-serif;padding: 3em 0 0.5em;
}
footer .footerBottom nav {
padding-bottom: 3em;
}
footer .footerBottom a {
color: #C3C3C3;
}
footer .footerBottom a:hover, footer .footerBottom a:focus, footer .footerBottom a:active {
color: #fff;
text-decoration: none;
}
footer .legal {
color: #666;
font-size: 0.87em;
}
footer .legal li {
border: 0;
display: block;
}
footer .legal a {
color: #666;
}
footer .legal a:hover {
color: #999;
}
.v65-product-addToCart-quantity, .v65-product-addToCart-button {
display: none;
}
.userToolsWrapper {
background-color: #4e1719;
}
.pageHeroImage {
-ms-behavior: url(backgroundsize.min.htc);
behavior: url(backgroundsize.min.htc);
cursor: default;
min-height: 300px;
padding: 40px 5%;
position: relative;
width: 90%;
}
.pageHeroImage .overlay.overlayNo {
display: none;
}
@media screen and (max-width: 767px) {
.pageHeroImage {
min-height: 200px;
}
}
/*----------------------------------------------------------------
..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:#594a42;
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); */
background:#382E29;
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;
}
/* 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:#7c2529;
}
.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;
}
/*----------------------------------------------------------------
..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:30px 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:1170px;
*width:1170px; /*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:#E5E1D6;
}
@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+ */
}
#loginSuccess .pageWidth, #loginFailure .pageWidth {
font-family: Playfair Display;
}
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;
}
.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 .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;
}
.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 *****/
/***** ..POPUP CSS OVERRIDE 2.1 ******/
body:not(.nextCartShowing) .modal:not(.nextEnterShipToPopup):not(.nextNotifyInstockPopup):not(.nextRedeemGiftCertificatePopup):not(.nextCreditCardPopup), body:not(.nextCartShowing) div.margin:not(.nextAddressBookPopup):not(.nextPriceDetailsPopup), body:not(.nextCartShowing) .nextCartPolicies div.margin, body:not(.nextCartShowing) .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: Playfair Display, 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:transparent; /* 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:transparent; /* active tab background */
border-color: #CCC; /* active tab border color */
font-weight: 400; /* active tab font weight */
border-bottom:1px solid #E5E1D6;
box-shadow:2px 0 0 rgba(0, 0, 0, 0.1);
}
.tab .ajax__tab_active .ajax__tab_outer span {
color:#000 /*active tab text color */
}
.tab .ajax__tab_active .ajax__tab_outer:hover span {
color:#000 /*active tab hover text color */
}
.ajax__tab_inner a span {
padding:8px 15px;
display:block;
}
.tab .ajax__tab_body {
background:transparent; /* 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:#7c2529;
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:#7c2529;
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:#333;
background:rgba(0, 0, 0, .5); */
background: #7C2529;
padding:8px 12px;
border:0;
border-radius:0;
font-weight:normal;
font-size:13px !important;
cursor:pointer;
font-family: "Playfair Display", 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:#7C2529;
background-color:rgba(124, 37, 41, 0.7);
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 {
background-color:#7C2529;
/*opacity:.7;*/
}
input.nextHTMLButton.nextCheckOutButton:hover {
background-color:#7C2529;
background-color:rgba(124, 37, 41, 0.7);
/*opacity:1;*/
}
/*----------------------------------------------------------------
..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:#594a42;
color:#fff;
clear:both;
}
body #clubLogin h3 {
font-size:16px;
margin:0 0 0 5px;
color:#fff;
}
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:#E5E1D6;
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:#000;
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:#594a42;
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:#7C2529;
}
#progress ul li em {
display:block;
color:#000;
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-color:#7C2529;
color: #fff;
text-align: center;
}
a.nextHTMLButton.buyCase:hover {
background-color:#7C2529;
background-color:rgba(124, 37, 41, 0.7);
}
.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: 1560px) {
body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:33.2%; /* Tile up to 3 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:1009;
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: 999999px) {
.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;
}
}
/* low res - collapsible cart active*/
@media only screen and (max-width: 999998px) {
body.CCartActive {
padding-top:29px;
}
body.CCartActive.nocart {
padding-top:0;
}
.CCartActive #responsiveUtilityWrapper {
background:#594a42;
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:1010;
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,
.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; */
margin:10px 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*/
/*----------------------------------------------------------------
..Font Override
------------------------------------------------------------------*/
html {
font-size: 16px;
font-family: Quicksand, sans-serif; /*global font*/
line-height: 1.3;
}
.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: Playfair Display, 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: #E5E1D6;
}
/* Footer Subscribe Input */
div#v65-subscribeWidget form input {
padding: 0 0.5em;
border: 1px solid #d0d3d4;
font-size: 100%;
margin: 0;
height: 2.5em;
line-height: 2.5em;
min-width: 3em;
}
@media screen and (max-width: 580px) {
div#v65-subscribeWidget form input {
height: 4em;
line-height: 4em;
min-width: 3em
}
}
/* Close Cart Button */
.CCartActive #closeCart {
background: url(//cdn.nexternal.com/mazzoco/images/bg_closeX_3.png) no-repeat scroll 0 50% transparent;
}
/* Pagination */
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a {
background-color: #7C2529 !important;
}
/* Long Description */
div#divLongDescription {
font-family: Quicksand;
}
/* Ship Pop Up */
.nextCartCalculatorPopup, .nextTrackingPopup {
width: 650px !important;
}
/* Product List Short Desc */
div.nextTileProductWrapper.nextProductWrapper.modProductsDone div.nextShortDesc {
/* font-style: italic; */
font-size: .8rem;
}
/* Modal Close Button */
.modal input.nextHTMLButton[value="Cancel"], .modal input.nextHTMLButton[value="Close and Return to Login"], .modal input.nextHTMLButton[value="Close and Continue Checkout"], .modal input.nextHTMLButton[value="Close"], div.margin input.nextHTMLButton[value="Close"], .nextLargeImagePopup input.nextHTMLButton[value="Close"] {
background: url(//cdn.nexternal.com/mazzoco/images/bg_closeX_4.png) 0 50% no-repeat !important;
}
/* Pickup text in popup */
div.nextPopupText {
font-family: Quicksand;
}
/* Playfair Display Text in certain places */
#progress ul li em, .modal, div.margin {
font-family: Playfair Display !important;
}
/* Lowest Club Price Label */
.nextProductDetail .clubPricing .priceLabel, .nextProductDetail .noClubPricing .priceLabel {
font-size: .8rem;
}
/* Left Nav Styles */
div.nextHeaderFooter.nextPersistentHeader > h4 {
color: #7c2529;
font-size: 23px;
}
.nextTopCategory a {
border-bottom: none;
padding-left: 0;
line-height: 1.5;
}
.nextPersistentCategory a:hover {
background-color: transparent;
}
.nextTopCategory.nextActiveCategory a {
color: #000;
background: none !important;
font-style: italic;
}
.nextActiveCategory a, .nextActiveCategory a:hover {
color: #000;
background: transparent;
padding-right: 22px;
font-style: italic;
}
/* body.nextProductList tr.nextPickupRow, body.nextProductList tr.nextShipToRow {
display: none;
} */
a.defaultBtn {
background: #7C2529;
font-family: "Playfair Display", serif;
font-size: 14px;
text-decoration: none;
vertical-align: middle;
height: 2.8em;
line-height: 2.9em;
color: #fff;
padding: 10px 1.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;
}
}