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 "Noto Sans",sans-serif; color: #777777; padding: 0 5px 0 5px}
.margin, .modal {background-color: white; background-image: none; text-align: left; font: 10pt "Noto Sans",sans-serif; color: #777777; 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: transparent; background-image: none; text-align: center; vertical-align: top; margin: 0; font: 10pt "Noto Sans",sans-serif; color: #777777}
.persist {background-color: white; background-image: none; text-align: left; vertical-align: top; margin: 0; font: 10pt "Noto Sans",sans-serif; color: #333333}
.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 "Noto Sans",sans-serif}
.font1small {font: 9pt "Noto Sans",sans-serif}
.font1large {font: 11pt "Noto Sans",sans-serif}
.font2 {font: 10pt "Noto Sans",sans-serif}
.font2small {font: 9pt "Noto Sans",sans-serif}
.font2large {font: 11pt "Noto Sans",sans-serif}
.labelSubText {font-size: 9pt; display: block}
.welcome {text-align: center}
.main a {color: #cc5b44}
.main a:hover {color: #ff7356}
.main img {border-color: #cc5b44}
.cart a {color: #cc5b44}
.cart a:hover {color: #ff7356}
.cart img {border-color: #cc5b44}
.persist a {color: #333333}
.persist a:hover {color: #333333}
.persist img {border-color: #333333}
.margin a, .modal a {color: #cc5b44}
.margin a:hover, .modal a:hover {color: #ff7356}
.margin img, .modal img {border-color: #cc5b44}
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: #777777}
.main .banner1 {background-color: #666666; background-image: none; font: bold 10pt "Noto Sans",sans-serif; color: white}
.main .banner1 h1.nextBannerText {font: bold 10pt "Noto Sans",sans-serif; color: white; margin-bottom: 0px}
.main .banner2 {background-color: #666666; background-image: none; font: bold 10pt "Noto Sans",sans-serif; color: white}
.cart .banner1 {background-color: transparent; background-image: none; font: bold 10pt "Noto Sans",sans-serif; color: white}
.persist .banner1 {background-color: #666666; background-image: none; font: bold 10pt "Noto Sans",sans-serif; color: white}
.margin .banner1, .modal .banner1 {background-color: #666666; background-image: none; font: bold 10pt "Noto Sans",sans-serif; color: white}
.margin .banner2, .modal .banner2 {background-color: #666666; background-image: none; font: bold 10pt "Noto Sans",sans-serif; color: white}
.main .bannerStoreFront {background-color: #666666; background-image: none}
.main .bannerStoreFront .nextStoreFrontBannerNameCell {font-weight: bold; color: white}
.modal {border: solid 1px black}
.shade {background-color: black; opacity: 0.65}
.ratingSpace {font-size: 0pt; width: 20px; height: 19px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat}
.positiveRating {background-image: url(//cdn.nexternal.com/evilbunny2/images/star_full1.png)}
.negativeRating {background-image: url(//cdn.nexternal.com/evilbunny2/images/star_empty1.png)}
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: #666666; 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: #666666; 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: "Noto Sans",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: 9pt}
.nextSoldOut, .nextProductDetailTabbed .nextProdName, .nextProductDetailTabbed .nextPrice, .nextNewCustomerLink, .nextExpressOrderTotals, .nextOrderPadTotalLabel, .nextOrderPadTotalQuantity, .nextOrderPadUpload, .nextInvoicePaymentFooter {font-size: 11pt}
.nextCategoryDisplay .nextCatName, .nextAttributes, .nextExpressOrderAttributes, .nextAppendHeader {font: 10pt "Noto Sans",sans-serif}
.nextProduct, .nextAdvancedSearch, .nextUndoSearch, .nextProductDetailTop, .nextProductDetailStacked .nextProdName, .nextExpressOrderProducts .nextProdName, .nextLongDescription, .nextArticleSearchDescription, .nextArticleSearchLink, .nextCartTop, .nextShoppingCart, .nextRegisterHeader, .nextPasswordTextCell, .nextTrusteeTextCell, .nextLargeTextLink {font: 10pt "Noto Sans",sans-serif}
.nextArticleSearchTitle {font: 11pt "Noto Sans",sans-serif}
.nextCategory .nextCatName {font: 10pt "Noto Sans",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: #cc5b44; background-color: #cc5b44}
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: #777777}
.persist .nextSoldOut, .persist .nextProdDiscount {color: #333333}
.cart .nextCartDiscount, .cart .nextCartSavings, .cart .nextCartSubscription, .cart .nextCartOrderSubscription, .cart .nextCartReservation, .cart .nextCartWarningsWrapper {color: #777777}
.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: 2px; 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: center; vertical-align: bottom}
.nextProdName, .nextLargeImageLink, .nextOrderPadSampleImage, .nextOrderPadUploadImage, .nextOrderPadUploadImage, .nextCartPolicy, .nextCartBannerImage, .nextCheckOutButton, .nextCartSavings, .nextShippingCoupon, .nextShippingPriceOverrideText, .nextCartBottomButton, .nextCartRequiredProductMultiple, .nextPendingCheckbox, .nextPendingRequiredLineItemCheckbox, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextLargeTextLink, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextGroupEdit, .nextGroupDelete {display: block}
.nextHTMLButton {display: inline}
.nextPriceWrapper, .nextZoomContainer {display: inline-block}
.nextUpsell .nextRelatedEmpty {display: none}
.nextSharingTools .nextAddThis, .nextSharingTools .nextTweet, .nextSharingTools .nextPinIt, .nextSharingTools .nextFBShare {display: inline-block; vertical-align: middle}
.nextCartBottomButton {float: none}
.nextRelatedThread, .nextProductDetailStacked .nextStandardAttributes, .nextProductDetailStacked .nextWriteInAttributes, .nextCartBannerImage, .nextTellAFriendCaptcha, .nextQuestionCaptcha, .nextReviewCaptcha, .nextOrderPadSampleImage, .nextOrderPadUploadImage, .nextAffiliateCaptcha, .nextRegisterCaptcha, .nextPasswordCaptcha, .nextTrusteeCaptcha, .nextOrderPaymentSeparatorRow td div, .nextInvoicePaymentTable {margin-left: auto; margin-right: auto}
.nextShipToRow, .nextOrderList, .nextSubscriptionList, .nextPendingList, .nextTrusteeList, .nextLoyaltyList, .nextTrusteeList, .nextSubscriptionOrderList, .nextGroupOrderList, .nextGroupSubscriptionList, .nextGroupPendingList {margin-top: 2px}
.nextSharingTools .nextSharingDiscountNotification,.nextSharingDiscountNotificationQuickShop, .nextOrderCommentsForApprovers, .nextEditPendingButton, .nextPendingActivationButton, .nextPendingNoActivation, .nextPendingNoAction, .nextPendingApprovals, .nextPendingCommentsForApprovers, .nextApproveButton, .nextRejectButton, .nextPendingCancel, .nextEditPendingAddressBook, .nextEditSubscriptionAddressBook {margin-top: 4px}
.nextRelatedColumnProduct, .nextLargeTextLink, .nextEnterLinkWrapper, .nextOrderPaymentSeparatorRow td div {margin-top: 5px}
.nextTellAFriend, .nextBookmark, .nextAddThis, .nextTweet, .nextPinIt, .nextFBShare, .nextFBShareQuickShop, .nextAddThisCouponSharing, .nextFBCouponSharing, .nextHelpDeskAskLogo, .nextHelpDeskThankYou {margin-top: 10px}
.nextGallery {margin-top: 12px}
.nextLargeImageLink, .nextCartBannerImage {margin-top: 15px}
.nextHelpDeskProductLabel, .nextHelpDeskCategoryLabel {margin-top: 20px}
.nextCategoryDisplay .nextCatName, .nextCatDiscRule, .nextTabbedProduct .nextATCButton, .nextOrderPadStatusDisplay {margin-left: 5px}
.nextMiniThumb {margin-right: 1px; margin-bottom: 1px}
.nextBuyNowButton {margin-top: 2px; margin-bottom: 2px}
.nextCatDiscRule, .nextHierarchyTitle, .nextRelatedThreadBackTo, .nextLockIcon, .nextRelatedProductsColumn, .nextHelpDeskProdThumb {margin-right: 5px}
.nextLargeTextLink, .nextOrderPaymentSeparatorRow td div {margin-bottom: 5px}
.nextRelatedProducts, .nextViewedProducts, .nextNoApplicationCoupon, .nextEmptyCartGiftCert, .nextEmptyCartGiftCard, .nextTweetButtonCoupon, .nextAddToCartButtonMsg {margin-bottom: 10px}
table.nextHierarchy, .nextPaypalTransfer {margin-bottom: 20px}
.nextMainImage, .nextRelatedRule, .nextExpressOrderProducts {margin: 2px}
.nextDiscountThumbnail, .nextAffiliateFormLogo {margin: 10px}
.nextGiftMessageWrap, .nextRegisterHeader, .nextPendingOrderAddendum {margin: 10px 0}
.nextCheckOutButton, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton {margin: 8px auto}
.nextTabbedRule, .nextShipName, .nextCartBottomButton {margin: 5px 0}
.nextCartProducts, .nextCartCalculator {margin: 4px 0}
.nextProductDetailBottom {margin: 20px 0 8px 0}
.nextCartProdImage img {margin: 2px 5px 2px 0}
.nextGroupActionList, .nextSubscriptionActionList {margin: 5px 0 0 2px}
.nextTabbedProduct .nextAttributeLabel, .nextTabbedProduct .nextAttributeSelect {padding-top: 4px}
.nextRSS, .nextTabbedProduct .nextTellAFriend, .nextTabbedProduct .nextPrice, .nextTweetCoupon {padding-top: 6px}
.nextCartContents, .nextGroupEmailExplanationCell {padding-top: 10px}
.nextPendingEditAddress, .nextPendingEditPayment {padding-top: 20px}
.nextSubscriptionWarning, .nextPendingOrderWarning {padding-left: 3px}
.nextBannerCellLeft .nextBannerText, .nextBannerCellLeftButton .nextBannerText {padding-left: 6px}
.nextRelatedProducts ul, .nextViewedProducts ul, .nextGroupActionList, .nextSubscriptionActionList {padding-left: 15px}
td.nextProdThumb {padding-right: 5px}
.nextBannerCellRight .nextBannerText, .nextExpressOrderAttributeSelect {padding-right: 6px}
.nextBannerCellLeftButton .nextBannerText, .nextOrderPadUploadSample, .nextContactAddress {padding-right: 12px}
.nextCustomerResetTextCell {padding-bottom: 12px}
.nextEnterShipTo {padding: 5px}
.nextTabbedProduct .nextAddToCart {padding: 12px 0}
.nextCartProducts td {padding: 5px 2px}
.nextShoppingCart {padding: 0 5px}
.nextHierarchyTable {padding: 6px 0 10px 0}
.nextProductTicker {padding: 5px 0 8px 0}
.nextSelectOptions {padding: 8px 0 4px 0}
.nextOrderPadProductImage {padding: 0 5px 0 2px}
.nextCloseXCell, .nextOrderPadSKULabelCell, .nextOrderPadQuantityLabelCell, .nextEnterTrusteeRow .nextEmailLabelCell {width: 1px}
.nextProductSpacer, .nextAttributeSpacer, .nextGiftCertButtonSpacer, .nextShipToSpacer, .nextPickupSpacer, .nextEmailToSpacer, .nextOrderPadSpacerCell {width: 10px}
.nextCatDiscRule {width: 15px}
.nextOrderPadUploadImage {width: 75px}
.nextStoreFrontBannerSpacerCell, .nextStoreFrontBannerSearchCell {width: 150px}
.nextGiftMessagePopup {width: 250px}
.nextTellAFriendCaptcha, .nextQuestionCaptcha, .nextReviewCaptcha, .nextAffiliateCaptcha, .nextRegisterCaptcha, .nextPasswordCaptcha, .nextTrusteeCaptcha {width: 304px}
.nextEnterShipToPopup {width: 350px}
.nextShipperAccountPopup, .nextCouponPopup, .nextLoyaltyRedemptionPopup, .nextCurrencyConverterPopup, .nextGiftCardPopup, .nextRedeemGiftCertificatePopup, .nextCartValidationError, .nextInternalMemoPopup, .nextPasswordPopup, .nextInviteTrusteePopup {width: 400px}
.nextPendingCanceledPopup, .nextPendingActivatedPopup, .nextPendingActivateNowPopup, .nextCancelPendingPopup, .nextSubscriptionOrderNowPopup, .nextSubscriptionSkipPopup, .nextSubscriptionSuspendPopup {width: 450px}
.nextTellAFriendPopup, .nextNotifyInstockPopup, .nextUpsell, .nextEditPendingPopup, .nextAddressValidationPopup, .nextVelocityFailurePopup {width: 500px}
.nextNotificationPopup, .nextEnterQuestionPopup, .nextEnterReviewPopup, .nextEditAddressPopup, .nextCreditCardPopup, .nextEditPendingAddressPopup, .nextEditSubscriptionAddressPopup {width: 550px}
.nextCartCalculatorPopup, .nextTrackingPopup {width: 650px}
.nextEditPendingPaymentPopup, .nextEditSubscriptionPaymentPopup{width: 700px}
.nextExpressOrderPopup {width: 1000px}
.nextPendingLineItemActions {width: 25%}
.nextProductDetailStacked .nextAttributes, .nextButtonEdit, .nextButtonDelete, .nextReasonCanceledLabel, .nextReasonCanceled, .nextOrderBillToAddress, .nextOrderPaymentInformation, .nextOrderShipToAddress, .nextOrderApprovals, .nextPendingBillToAddress, .nextPendingPaymentInformation, .nextPendingShipToAddress, .nextPendingActions, .nextSubscriptionBillToAddress, .nextSubscriptionPaymentInformation, .nextSubscriptionShipToAddress, .nextSubscriptionActions, .nextTrusteePickupAddress, .nextAccountAdditionalAddress, .nextAccountCreditCard, .nextOrderCustomerCommentsLabel, .nextOrderCustomerComments, .nextOrderCompanyCommentsLabel, .nextOrderCompanyComments {width: 50%}
.nextRelatedThread, .nextOrderPaymentSeparatorRow td div {width: 60%}
.nextPendingLineItems {width: 75%}
.nextMemberCell {width: 80%}
.nextProductDetailTop, .nextProductDetailBottom, .nextRelatedColumnProduct, .nextExpressOrderProducts, .nextBannerCellLeft, .nextBannerCellCenter, .nextBannerCellRight, .nextBannerCellButton, .nextEditContactTable, .nextEditAddressTable, .nextEditPendingAddressTable, .nextEditSubscriptionAddressTable, .nextEditCreditCardTable, .nextEditShipToTable, .nextEditBillToTable, .nextInvoiceTable, .nextPaymentInfoCell, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextMemberTable, .nextTabbedProduct .nextBuyNowButton, .nextOrderPadProducts, .nextOrderPadUpload {width: 100%}
.productList .nextExpressOrderList, .productList .nextDescriptionLink, .productList .nextPagesTicker, .productList .nextSortBy, .productList .nextBottomPlaceholder {min-width: 33%; max-width: 50%}
.nextOrderPadSpacerRow {height: 2px}
.nextRelatedSpacer, .nextRelatedRule, .nextCartBannerSpacer {height: 5px}
.nextOrderPadUpload {height: 100px}
.nextProductTicker, .nextProductDetailBottom, .nextRelatedThread, .nextTweetButton, .nextTweetButtonCoupon, .nextCartPolicies, .nextCartSmallButtons, .nextCartBottomButtons, .nextLoyaltyRedemptionButton {overflow: hidden}
.nextCartProdImageSmall img {max-width: 50px; max-height: initial}
.nextCartProdImageLarge img {max-width: 60px; max-height: initial}
.nextExpressOrderProductRow .nextProdThumb img, .nextExpressOrderSKURow .nextProdThumb img {max-width: initial; max-height: 50px}
.nextExpressOrderSKURow {background-color: white; 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: #777777; 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;}
.main .nextATCPlusMinus {display: inline-block; background-color: #cc5b44; zoom: 1; margin: 0; padding: 0; color: white; cursor: pointer; border-radius: 99px; line-height: 18px; width: 18px; text-decoration: none; text-align: center; vertical-align: middle}
.main .nextATCPlusMinus:hover {background-color: #cc5b44; color: white}
.main .nextATCPlusMinus::selection {background: none}
.main .nextATCPlusMinus::-moz-selection {background: none}
.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;}
.nextTrusteeMatchField {border: 2px solid #009900}
.nextTrusteeMatchText {color: #009900}
.nextTrusteeNoMatchField {border: 2px solid #990000}
.nextTrusteeNoMatchText {color: #990000}
.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}
/*vanillabean112*/
/*----------------------------------------------------------------
..GLOBAL
------------------------------------------------------------------*/
body, body.master {
margin:0;
background:#26221d;
font-family:"Noto Sans",sans-serif;
}
.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:10px 12px;
border:1px solid #CCC;
border-radius:2px;
font-size:12px;
}
label {
padding-right:5px;
}
input::-moz-focus-inner{
border: 0;
padding: 0;
}
/*----------------------------------------------------------------
..TOP and BOTTOM HTML
------------------------------------------------------------------*/
/* style.css */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
.sticky, .gallery-caption, .bypostauthor {
background:none;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html, button, input, select, textarea {
font-family: sans-serif;
color: #222;
}
body {
margin: 0;
font-size: 1em;
line-height: 1.4;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
ins {
background: #ff9;
color: #000;
text-decoration: none;
}
mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: bold;
}
pre, code, kbd, samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before, q:after {
content: "";
content: none;
}
small {
font-size: 85%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ul, ol {
margin: 1em 0;
padding: 0 0 0 40px;
}
dd {
margin: 0 0 0 40px;
}
nav ul, nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
label {
cursor: pointer;
}
legend {
border: 0;
*margin-left: -7px;
padding: 0;
white-space: normal;
}
button, input, select, textarea {
/*
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
*/
}
button, input {
line-height: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
button[disabled], input[disabled] {
cursor: default;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
*width: 13px;
*height: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
table {
/*
border-collapse: collapse;
border-spacing: 0;
*/
}
td {
/*vertical-align: top;*/
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: black;
padding: 0.2em 0;
}
.ir {
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
*line-height: 0;
}
.ir br {
display: none;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.lt-ie8 .clearfix {
visibility:hidden;
width:0;
height:0;
clear:both;
}
/*
=============================================== 02. COLORS AND FONTS ===============================================
*/
/* -------------------- A. LOGO WIDTH -------------------- */
body #logo, body #logo img {
max-width:100%;
}
/* -------------------- B. BACKGROUND COLORS --------------------
Styles added via Theme Customizer /inc/customizer.php
header {
background-color:#2c2722;
border-bottom:1px solid rgba(255, 255, 255, 0.08);
}
header .social-ico a i {color:#2c2722;}
#page-title { background:#1d1e1f; }
#main, #homepage-content-container { background-color:#eeeeee; }
body.page-template-homepage-php #main {background-color:#6f5e4f; }
#widget-area { background:#191612; }
#widget-area .social-ico a i {color:#191612;}
footer, body { background-color:#26221d; }
footer .social-ico a i {color:#26221d;}
span.comment-meta-pro a {
background:#cc5b44;
}
span.comment-meta-pro a:hover {
background:#b9543f;
}
*/
/* -------------------- C. FONT COLORS --------------------
Styles added via Theme Customizer /inc/customizer.php
body {color:#777777;}
#page-title h1 {color:#ffffff}
a, #bread-crumb i, #bread-crumb a:hover i, #bread-crumb a:hover, body #main a:hover h3.product-title-index-pro {color:#cc5b44;}
a:hover, body #main a.more-link:hover {color:#ff7356; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#101010; }
#sidebar h5 { border-bottom:2px solid #e94a29; }
*/
/* -------------------- D. FONT FAMILIES -------------------- */
.ls-sc-accordion h3.ls-sc-accordion-trigger, body .ls-sc-toggle h3, body, body #pro-header-fixed.scroll-to-fixed-fixed .sf-menu li li a, .sf-menu li li a {
font-family: 'Noto Sans', sans-serif;
}
body #main a.button, body #main button.single_add_to_cart_button, body #main input.button, body.woocommerce-cart #main td.actions input.button.checkout-button, body #main button.button, body #single-product-pro a.button, body #single-product-pro button.single_add_to_cart_button, body #single-product-pro input.button, body.woocommerce-cart #single-product-pro input.button.checkout-button, body #single-product-pro button.button, span.onsale, body a.progression-button, body input.wpcf7-submit, body #main .width-container input#submit, body a.ls-sc-button.default, .sf-menu, #pro-home-slider, h1, h2, h3, h4, h5, h6, #pro-home-slider .Button-Growler a {
font-family: 'BenchNine', sans-serif;
}
/*
=============================================== 03. PRIMARY STYLES ===============================================
*/
/* -------------------- A. DEFAULT STYLES -------------------- */
body {
font-size: 14px;
line-height: 1.6;
}
body iframe {
border:none;
}
.pp_gallery {
display:none !important;
}
body a img, body a {
outline:none !important;
text-decoration:none;
}
p {
padding-top:0px;
margin:0px;
}
p, ul, ol {
margin-bottom: 25px;
}
#sidebar ul, #sidebar ol {
margin-bottom:15px;
}
ul, ol {
margin-left:0px;
padding-left:16px;
}
img {
max-width: 100%;
height: auto;
width:auto;
}
video, audio {
max-width:100%;
}
.alignnone, .alignleft, .alignright, .aligncenter {
max-width:100% !important;
}
h1, h2, h3, h4, h5, h6 {
text-transform:uppercase;
font-weight:700;
margin:0px 0px 25px 0px;
padding:0px;
line-height:1.1;
}
h1 {
font-size:40px;
margin-bottom:35px;
line-height:1;
}
h2 {
font-size:30px;
}
.footer-highlight h2 {
font-size:32px;
}
h3 {
font-size:28px;
}
body .home-content-highlight li.product h3.product-title-index-pro, body #main h3.product-title-index-pro {
font-size:25px;
}
h4 {
font-size:25px;
line-height:1.4;
}
h5 {
font-size:22px;
margin-bottom:20px;
line-height:1.4;
}
h6 {
font-size:19px;
line-height:1.1;
margin-bottom:18px;
}
body hr.ls-sc-divider {
padding:0px 0px 35px 0px;
position:relative;
top:12px;
}
ul.checkmark, ul.arrow {
padding-left:0px;
}
ul.checkmark li, ul.arrow li {
list-style:none;
padding-left:18px;
}
ul.checkmark li {
background:url(images/checkmark.png) 0px 2px no-repeat;
}
ul.arrow li {
background:url(images/sidebar-arrow.png) -4px 0px no-repeat;
}
.alignright {
float:right;
margin:0 0 10px 20px;
}
.alignleft {
float:left;
margin:0px 20px 10px 0px;
}
.aligncenter {
text-align:center;
margin:0px auto 20px auto;
display:block;
}
blockquote {
margin-left:0px;
border-left:4px solid #cc5b44;
padding-left:30px;
font-style:italic;
line-height:1.8;
}
pre {
border:1px solid #ddd;
padding:9px 9px;
background:#f9f9f9;
overflow:auto;
word-wrap: break-word;
font-size:14px;
line-height:1.2;
margin-bottom:25px;
}
body #main hr.grey {
border-color:#dddddd;
}
p.wp-caption-text {
display:block;
padding:2px 0px 0px 2px;
margin-bottom:10px;
font-style:italic;
font-size:90%;
padding-left:2px;
}
/* -------------------- B. CSS3 TRANSITIONS -------------------- */
form.woocommerce-ordering, body #main a h3, table.variations td.value, a, .social-ico a i, body input.wpcf7-submit, body input#submit, button, input.button, a.ls-sc-button.secondary .ls-sc-button-inner, #bread-crumb i {
-webkit-transition-duration: 125ms;
-webkit-transition-property: color, background-color, opacity, border;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-duration: 125ms;
-moz-transition-property: color, background-color, opacity, border;
-moz-transition-timing-function: ease-in-out;
-o-transition-duration: 125ms;
-o-transition-property: color, background-color, opacity, border;
-o-transition-timing-function: ease-in-out;
transition-duration: 125ms;
transition-property: color, background-color, opacity, border;
}
.bx-controls-direction a, p.stars a {
-webkit-transition-duration: 0ms !important;
-moz-transition-duration: 0ms !important;
-o-transition-duration: 0ms !important;
transition-duration: 0ms !important;
}
#pro-home-slider .Button-Growler a {
-webkit-transition-duration: 125ms !important;
-webkit-transition-property: color, background-color, opacity, border !important;
-webkit-transition-timing-function: ease-in-out !important;
-moz-transition-duration: 125ms !important;
-moz-transition-property: color, background-color, opacity, border !important;
-moz-transition-timing-function: ease-in-out !important;
-o-transition-duration: 125ms !important;
-o-transition-property: color, background-color, opacity, border !important;
-o-transition-timing-function: ease-in-out !important;
transition-duration: 125ms !important;
transition-property: color, background-color, opacity, border !important;
}
/*
=============================================== 04. MAIN CONTAINERS ===============================================
*/
/* -------------------- A. HEADER STYLES -------------------- */
header {
margin:0px;
padding:0px;
position:relative;
width:100%;
z-index:25;
background-position:bottom center;
background-repeat: repeat-x;
}
header h1 {
margin:0px;
padding:0px;
line-height:1;
font-size:5px;
}
header #logo {
float:left;
margin:0px;
padding:0px;
border:none;
}
header #logo img {
height: auto;
opacity:1 !important;
filter:alpha(opacity=100);
}
header #logo a:hover img {
opacity:1 !important;
filter:alpha(opacity=100);
}
header .width-container {
position:relative;
}
header {
-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
}
body.woocommerce header {
-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
}
body.admin-bar #fixed-header-pro.scroll-to-fixed-fixed {
margin-top:32px;
}
header .social-ico {
float:right;
}
#page-title {
/*padding:50px 0px;*/
padding:10px 0px;
}
#page-title h1 {
-ms-word-wrap: break-word;
word-wrap: break-word;
padding:0px;
margin:0px;
line-height:1;
font-size:62px;
text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px;
}
#bread-crumb {
background: #000;
background-color: rgba(0, 0, 0, 0.4);
display:inline-block;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding:12px 26px;
font-size:12px;
margin-top:10px;
text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;
}
#bread-crumb i, #bread-crumb a {
margin-right:5px;
}
#bread-crumb a i {
margin-right:0px;
}
/* -------------------- B. MAIN CONTAINER STYLES -------------------- */
.width-container, .home-widget .textwidget {
width:1140px;
margin: 0 auto;
}
#main {
padding:50px 0px 40px 0px;
}
body.page-template-homepage-php #main {
padding:0px;
}
#content-container {
float:left;
width:70%;
}
#sidebar {
float:right;
width:28%;
}
body.page-template-page-full-width-php #content-container {
width:100%;
}
.content-container-pro {
padding:45px 42px 35px 42px;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.google-maps-expand {
margin:0px -42px 0px -42px;
}
.sidebar-item {
padding:24px 18px 16px 18px;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
margin-bottom:30px;
}
/*
=============================================== 06. FOOTER STYLES ===============================================
*/
footer {
color:#bbbbbb;
}
#widget-area {
color:#aaaaaa;
}
footer a {
color:#bbbbbb;
}
footer a:hover {
color:#ffffff;
}
#widget-area a {
color:#ffffff;
}
#widget-area a:hover {
color:#999999;
}
#widget-area h2 {
color:#ffffff;
}
#widget-area .widget {
padding:62px 0px 55px 0px;
}
#copyrigh-text {
padding:40px 0px 36px 0px;
}
#copyrigh-text {
float:left;
font-size:14px;
}
#widget-area .social-ico {
margin-top:25px;
margin-left:0px;
}
footer #copyright ul.pro-footer-menu {
float:right;
margin:0px;
padding:39px 0px 25px 0px;
list-style:none;
font-size:14px;
}
footer #copyright ul.pro-footer-menu li {
display:inline;
margin-left:15px;
}
.footer-highlight {
padding:45px 0px;
color:#f9ebe8;
font-size:90%;
}
.footer-highlight h2 {
color:#ffffff;
float:left;
margin:0px 25px 0px 0px;
}
.footer-highlight .summary-text-pro {
float:left;
padding-top:8px;
}
/* NEWSLETTERS */
.footer-highlight #mc_embed_signup {
height:50px;
margin-top:-50px;
position:relative;
top:45px;
color:#ffffff;
float:right;
}
.footer-highlight #mc_embed_signup input {
max-width:100%;
width:250px;
padding:15px 12px;
background:rgba(0, 0, 0, 0.2);
border:none;
color:#ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#mc_embed_signup .mc-field-group {
display:inline;
}
.footer-highlight #mc_embed_signup input:focus {
color:#ffffff;
outline:none;
}
.footer-highlight #mc_embed_signup input#mc-embedded-subscribe {
position:relative;
left:-10px;
display:inline-block;
width:auto;
padding:15px 12px;
color:#222222;
background-color:#ffffff;
font-weight:bold;
}
.footer-highlight #mc_embed_signup input#mc-embedded-subscribe:hover {
background-color:#dddddd;
}
#mc_embed_signup .clear {
display:inline;
clear:none;
visibility: visible;
width:auto;
height:auto;
}
.mc-field-group label {
display:none;
}
/* --- Opening Hours --- */
body ul.open-hours {
line-height:1.1;
list-style:none;
margin:5px 0px 0px 0px;
padding:0px;
}
body ul.open-hours li {
margin-bottom:6px;
}
body ul.open-hours li .date-day {
font-weight:bold;
}
body ul.open-hours li .hours-date {
text-align:right;
font-size:12px;
}
body #widget-area ul.open-hours li {
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid rgba(250, 250, 250, 0.12);
}
/* --- Opening Hours --- */
body ul.open-hours {
line-height:1.1;
list-style:none;
margin:5px 0px 0px 0px;
padding:0px;
}
body ul.open-hours li {
margin-bottom:6px;
}
body ul.open-hours li .date-day {
font-weight:bold;
}
body ul.open-hours li .hours-date {
text-align:right;
font-size:13px;
}
body #sidebar ul.open-hours li {
background-image:none;
padding-left:0px;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid rgba(0, 0, 0, 0.07);
}
/* --- Flickr Widget --- */
body .flickr-widget ul {
margin-left:0px;
margin-bottom:15px;
padding-left:0px;
background:none;
}
body .flickr-widget ul li {
padding:0px;
margin:0px;
list-style:none;
display:inline;
border:none;
background:none;
}
body .flickr-widget ul li a {
display:inline;
padding:0px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}
body .flickr-widget ul li img {
background:#fff;
width:93px;
height:93px;
margin:0px 16px 16px 0px;
}
body .flickr-widget ul li a:hover {
opacity: 0.7;
filter:alpha(opacity=70);
}
body #sidebar .flickr-widget ul {
margin-left:0px;
margin-bottom:15px;
padding-left:0px;
background:none;
}
body #sidebar .flickr-widget ul li {
padding:0px;
margin:0px;
list-style:none;
display:inline;
border:none;
background:none;
}
body #sidebar .flickr-widget ul li a {
display:inline;
padding:0px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}
body #sidebar .flickr-widget ul li img {
background:#fff;
width:72px;
height:72px;
margin:0px 16px 16px 0px;
}
body #sidebar .flickr-widget ul li a:hover {
opacity: 0.7;
filter:alpha(opacity=70);
}
/* Feautred Posts Widget */
.featured-post {
position:relative;
}
.featured-post .clear {
width:100%;
height:25px;
overflow:hidden;
}
.featured-post a img.wp-post-image {
width:20%;
position:absolute;
left:0px;
top:1px;
}
body .featured-post h4 {
margin:0px;
font-weight:300;
}
body .featured-post h4 a {
font-size:16px;
margin-left:25%;
display:block;
line-height:1.1;
padding-top:7px;
margin-bottom:5px;
color:#444444;
}
.featured-post .post-time {
margin-left:25%;
color:#bababa;
font-size:80%;
}
.featured-post .excerpt {
margin-left:25%;
font-size:85%;
}
/* Calendar */
#wp-calendar caption {
border:1px solid #dddddd;
font-size:18px;
padding:3px 0px;
}
#wp-calendar th {
background:#f1f1f1;
padding:3px 0;
text-align:center;
border:1px solid #dddddd;
}
#wp-calendar td {
padding: 4px 0;
text-align: center;
border:1px solid #eee;
}
#wp-calendar {
width: 90%;
}
/*
=============================================== 09. DEFAULT GRID ===============================================
*/
.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression {
float:left;
margin-right:3%;
min-height:2px;
}
.grid2column-progression {
width: 48.5%;
}
.grid3column-progression {
width: 31.3%;
}
.lt-ie8 .grid3column-progression {
width: 31%;
}
.grid3columnbig-progression {
width:65.4%;
}
.grid4column-progression {
width: 22.7%;
}
.lt-ie8 .grid4column-progression {
width: 22%;
}
.grid4columnbig-progression {
width:73.8%;
}
body .lastcolumn-progression {
margin-right:0% !important;
}
.rotate_cols_pro .grid2column-progression {
float:right;
margin-right:0%;
margin-left:3%;
}
.rotate_cols_pro .grid2column-progression.lastcolumn-progression {
float:left;
margin-left:0%;
}
/* Footer Widget Columns */
.footer-2-column .widget, .footer-3-column .widget, .footer-4-column .widget {
float:left;
margin-left:2%;
margin-right:2%;
min-height:2px;
}
.footer-2-column .widget {
width: 46%;
}
.footer-3-column .widget {
width: 29%;
}
.footer-4-column .widget {
width: 21%;
}
/* WooCommerce Columns */
body #main .width-container li.product.column-4 {
margin-right:2%;
width: 23.5%;
}
body #main .width-container li.product.column-3 {
margin-right:2%;
width: 32%;
}
body #main .width-container li.product.column-2 {
margin-right:2%;
width: 49%;
}
.lt-ie8 body #main .width-container li.product.column-4 {
margin-right:2%;
width: 23%;
}
.lt-ie8 body #main .width-container li.product.column-3 {
margin-right:2%;
width: 31%;
}
.lt-ie8 body #main .width-container li.product.column-2 {
margin-right:2%;
width: 48.5%;
}
body #main .width-container li.product.column-2.last, body #main .width-container li.product.column-3.last, body #main .width-container li.product.column-4.last, .lt-ie8 body #main .width-container li.product.column-2.last, .lt-ie8 body #main .width-container li.product.column-3.last, .lt-ie8 body #main .width-container li.product.column-4.last {
margin-right:0%;
}
body #main .width-container .related li.product.column-3 {
width:31.3%;
}
body #main .width-container .related li.product.column-3.last {
clear:none !important;
margin-right:2% !important;
}
body #main .width-container .related li.product.column-3.first {
clear:none !important;
margin-right:2%;
}
body #main .width-container .columns-2 li.product {
margin-left:1%;
margin-right:1%;
width: 48%;
}
body #main .width-container .columns-3 li.product {
margin-left:1%;
margin-right:1%;
width: 31.3%;
}
body #main .width-container .columns-4 li.product {
margin-left:1%;
margin-right:1%;
width: 23%;
}
/*
=============================================== 13. NAVIGATION ===============================================
*/
/* -------------------- A. ESSENTIAL STYLES -------------------- */
/*** ESSENTIAL STYLES ***/
nav {
float:right;
position:relative;
z-index:15;
}
nav select {
display:none;
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
}
/*** DEMO SKIN ***/
nav {
float:right;
}
.sf-menu ul {
min-width: 8em; /* allow long menu items to determine submenu width */
*width: 8em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
padding:10px 11px;
line-height:1;
text-decoration: none;
zoom: 1; /* IE7 */
font-size:21px;
margin-right:2px;
margin-left:2px;
text-transform:uppercase;
font-weight:400;
border:1px solid rgba(0, 0, 0, 0);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.social-ico a i {
background:#e5e4e4;
}
.sf-menu li {
white-space: nowrap; /* no need for Supersubs plugin */
*white-space: normal; /* ...unless you support IE7 (let it wrap) */
}
.sf-menu ul:before {
content:"";
position:absolute;
display:block;
width: 0;
height: 0;
left:18px;
top:-8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
.sf-menu ul ul:before {
display:none;
}
.sf-menu ul ul:after {
display:none;
}
.sf-menu ul {
padding:14px 0px 12px 0px;
left:10px;
}
.sf-menu ul ul {
}
.sf-menu ul li a, .sf-menu ul li a:visited {
font-size:13px;
border-right:none;
}
body #pro-header-fixed.scroll-to-fixed-fixed .sf-menu li li a, .sf-menu li li a {
font-size:13px;
text-transform:none;
padding:10px 18px 10px 24px;
margin:0px;
border:none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover a, .sf-menu li.sfHover li a:visited:hover, .sf-menu li li:hover a:visited, .sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover a, .sf-menu li li.sfHover li a:visited:hover, .sf-menu li li li:hover a:visited, .sf-menu li li li li:hover, .sf-menu li li li li.sfHover, .sf-menu li li li li a:focus, .sf-menu li li li li a:hover, .sf-menu li li li li a:active, .sf-menu li li li li.sfHover a, .sf-menu li li li.sfHover li a:visited:hover, .sf-menu li li li li:hover a:visited, .sf-menu li li li li li:hover, .sf-menu li li li li li.sfHover, .sf-menu li li li li li a:focus, .sf-menu li li li li li a:hover, .sf-menu li li li li li a:active, .sf-menu li li li li li.sfHover a, .sf-menu li li li li.sfHover li a:visited:hover, .sf-menu li li li li li:hover a:visited {
outline: 0;
}
.sf-menu .sf-sub-indicator {
position:relative;
top:-2px;
font-size:12px;
left:3px;
}
ul.sub-menu .sf-sub-indicator {
display:none !important;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
padding-right: 2.5em;
*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
content: '';
position: absolute;
top: 50%;
right: 1em;
margin-top: -3px;
height: 0;
width: 0;/* order of following 3 rules important for fallbacks to work */
}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
border-left-color: rgba(255, 255, 255, .5);
}
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: white;
}
/*
=============================================== 17. FONT AWESOME ===============================================
*/
.social-ico {
font-size:16px;
margin-left:6px;
}
.social-ico a i {
line-height:1;
display:inline-block;
vertical-align:top;
margin-left:3px;
padding:5px;
text-align:center;
min-width:16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#ffffff;
}
#widget-area .social-ico a:hover i, header .social-ico a:hover i, footer .social-ico a:hover i {
color:#ffffff;
}
#sidebar .social-ico a i {
background:#ccc;
}
#sidebar .social-ico a:hover .fa-map-marker {
background-color:#cc5b44;
border-color:#09aeec;
}
#sidebar .social-ico a:hover .fa-twitter {
background-color:#09aeec;
border-color:#09aeec;
}
#sidebar .social-ico a:hover .fa-facebook {
background-color:#4161a2;
border-color:#4161a2;
}
.social-ico a i {
text-decoration:none;
}
.social-ico a:hover .fa-map-marker {
background-color:#cc5b44;
border-color:#09aeec;
}
.social-ico a:hover .fa-twitter {
background-color:#09aeec;
border-color:#09aeec;
}
.social-ico a:hover .fa-facebook {
background-color:#4161a2;
border-color:#4161a2;
}
/*
* Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
*/
.fa {
display:inline-block;
font:normal normal normal 14px/1 FontAwesome;
font-size:inherit;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.fa-angle-right:before {
content:"\f105"
}
.fa-facebook:before {
content:"\f09a"
}
.fa-twitter:before {
content:"\f099"
}
.fa-map-marker:before {
content:"\f041"
}
.fa-home:before {
content:"\f015"
}
/* responsive.css */
/* Table of Contents
==================================================
01. RETINA STYLES
02. BASE STYLES (1140px)
03. #DESKTOP (960px)
04. #Tablet (Portrait)
05. #Mobile (Portrait)
*/
/*
=============================================== 01. RETINA STYLES ===============================================
*/
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
body nav select {
background:#FAFAFA url(//cdn.nexternal.com/images/select-arrow@2x.png) center right no-repeat;
background-size:contain;
}
.flex-direction-nav a {
background-image: url(//cdn.nexternal.com/images/slider/arrows@2x.png);
background-size:80px 60px;
}
}
/* IE7-IE8 Fixes*/
.lt-ie9 body nav select {
background: url(//cdn.nexternal.com/images/select-arrow.png) center right no-repeat;
}
.lt-ie9 .flex-direction-nav a {
background-image: url(//cdn.nexternal.com/images/slider/arrows.png);
background-size:68px 69px;
}
/*
=============================================== 02. BASE STYLES (1140px) ===============================================
*/
/* Note: Design for a width of 1040px */
html {
-webkit-text-size-adjust: none;
} /* Removes webkit font resizing */
body {
max-width:100%;
width:100%;
}
img {
max-width:100%;
height: auto;
}
.width-container, .flex-caption .slider-container {
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
/*
=============================================== 03. #DESKTOP (960px) ===============================================
*/
/* Note: Design for a width of 960px */
@media only screen and (min-width: 959px) and (max-width: 1190px) {
.flex-caption .slider-container, .width-container, .home-widget .textwidget {
width:92%;
} /* Default Width */
.sf-menu a {
padding-right:7px;
padding-left:7px;
}
#page-title h1 {
font-size:58px;
}
h1 {
font-size:38px;
}
h2 {
font-size:28px;
}
.footer-highlight h2 {
font-size:30px;
}
h3 {
font-size:26px;
}
body .home-content-highlight li.product h3.product-title-index-pro, body #main h3.product-title-index-pro {
font-size:23px;
}
h4 {
font-size:23px;
}
h5 {
font-size:20px;
}
h6 {
font-size:17px;
}
}
/*
=============================================== 04. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* Default Width */
.width-container {
width:92%;
}
.commentlist {
width:68%;
}
/* WooCommerce Columns */
body #main .width-container li.product.column-4 {
margin-right:2%;
width: 23.5%;
clear:none;
}
body #main .width-container li.product.column-3 {
margin-right:2%;
width: 32%;
clear:none;
}
body #main .width-container li.product.column-2 {
margin-right:2%;
width: 49%;
clear:none;
}
body #main .width-container li.product.column-2.last, body #main .width-container li.product.column-3.last, body #main .width-container li.product.column-4.last, .lt-ie8 body #main .width-container li.product.column-2.last, .lt-ie8 body #main .width-container li.product.column-3.last, .lt-ie8 body #main .width-container li.product.column-4.last {
margin-right:0%;
}
body #main .width-container li.product {
float:left;
}
body #main .width-container li.product.first {
clear: both;
}
body #main .width-container .columns-2 li.product {
margin-left:1%;
margin-right:1%;
width: 48%;
}
body #main .width-container .columns-3 li.product {
margin-left:1%;
margin-right:1%;
width: 31.3%;
}
body #main .width-container .columns-4 li.product {
margin-left:1%;
margin-right:1%;
width: 23%;
}
/* Header Styles */
.sf-menu a {
padding-right:3px;
padding-left:3px;
}
header .social-ico {
margin-left:3px;
float:none;
position:absolute;
top:-32px;
right:0px;
}
header .social-ico a i {
font-size:12px;
margin-left:2px;
padding:3px;
min-width:13px;
}
body, footer {
font-size:13px;
}
.footer-highlight #mc_embed_signup {
margin-top:-40px;
margin-bottom:20px;
}
#page-title h1 {
font-size:56px;
}
h1 {
font-size:36px;
}
h2 {
font-size:26px;
}
.footer-highlight h2 {
font-size:28px;
}
h3 {
font-size:24px;
}
body .home-content-highlight li.product h3.product-title-index-pro, body #main h3.product-title-index-pro {
font-size:21px;
}
h4 {
font-size:21px;
}
h5 {
font-size:18px;
}
h6 {
font-size:16px;
}
}
/*
=============================================== 05. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
body, footer {
font-size:13px;
}
/* Default Width */
.width-container, .flex-caption .slider-container, .home-widget .textwidget {
width:90%;
}
#fixed-header-pro {
position:relative !important;
}
.pro-header-spacing {
display:none !important;
}
/* Default Grid */
.footer-2-column .widget, .footer-3-column .widget, .footer-4-column .widget, #sidebar, #content-container, footer .footer-2-column .widget, footer .footer-3-column .widget, footer .footer-4-column .widget, .grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, #sidebar, #content-container {
width:100%;
margin-bottom:10px;
}
body #main .width-container li.product.column-2, body #main .width-container li.product.column-3, body #main .width-container li.product.column-4, .lt-ie8 body #main .width-container li.product.column-2, .lt-ie8 body #main .width-container li.product.column-3, .lt-ie8 body #main .width-container li.product.column-4 {
margin-left:0px !important;
margin-right:0px !important;
width:100% !important;
margin-bottom:10px;
}
/* Select Menu */
h1#logo {
float:none !important;
padding:0px;
margin:0 auto;
text-align:center;
}
nav {
float:none;
margin:0 auto 15px auto;
background:none;
}
header .social-ico {
float:none;
margin:0 auto 10px auto;
text-align:center;
}
nav ul {
display: none;
}
nav select option {
background:#fff;
color:#888;
}
nav select {
text-transform:none;
display:block;
margin-left:auto;
margin-right:auto;
width:300px;
min-width: 150px;
max-width: 100%;
-webkit-appearance: none;
-moz-appearance: normal;
appearance: normal;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px;
-webkit-padding-start: 2px;
-webkit-user-select: none;
-moz-user-select: none;
background-color:#FAFAFA;
background:#FAFAFA url(//cdn.nexternal.com/images/select-arrow.png) center right no-repeat;
font-size:13px;
border: 1px solid #aaaaaa;
color: #555555;
padding:7px 5px 7px 10px;
}
footer #copyright {
float:none;
text-align:center;
}
#widget-area .widget {
padding:32px 0px 25px 0px;
}
#widget-area .widget .grid2column-progression {
width:48%;
float:left;
}
.footer-highlight h2 {
float:none;
margin:0px 25px 0px 0px;
}
.footer-highlight .summary-text-pro {
float:none;
}
.footer-highlight #mc_embed_signup {
height:auto;
margin:10px auto 0px auto;
top:0px;
float:none;
}
/* BLOG Adjustments */
.commentlist {
width:95%;
left:-10px;
}
.commentlist .children li.comment .comment-meta {
margin-left:0px;
}
.commentlist .avatar, .commentlist > li:before {
display:none;
}
.commentlist .avatar {
display:none;
}
/* WOOCOMMERCE */
.product-remove {
display:none;
}
#single-product-pro .entry-summary {
padding:0px;
background:none;
}
body.woocommerce .commentlist {
left:0px;
}
.comment-text {
width:90% !important;
margin:0px !important;
margin-left:-10px !important;
}
.portfolio-index-text.video-portfolio-pro {
position:relative;
}
img.filler-pro {
display:none;
}
.video-pro-portfolio {
height:auto;
margin:0px;
}
.woocommerce table.cart {
font-size:10px;
}
.googlemap {
max-height:250px !important;
}
.wpcf7 input, #respond input {
width:185px;
}
.wpcf7 textarea, #respond textarea {
width:215px;
}
#page-title h1 {
font-size:45px;
}
h1 {
font-size:34px;
}
h2 {
font-size:24px;
}
.footer-highlight h2 {
font-size:26px;
}
h3 {
font-size:22px;
}
body .home-content-highlight li.product h3.product-title-index-pro, body #main h3.product-title-index-pro {
font-size:20px;
}
h4 {
font-size:20px;
}
h5 {
font-size:17px;
}
h6 {
font-size:14px;
}
.fc-widget-content, .fc-day-grid-container, .fc-day-grid {
min-height:315px;
}
}
/* inline */
body #logo, body #logo img {
width:220px;
}
.sf-menu a {
margin-top:43px;
margin-bottom:43px;
}
.social-ico {
margin-top:51px;
}
body.page #respond {
display:none;
}
header {
background-color:#2c2722;
border-bottom:1px solid rgba(255, 255, 255, 0.08);
}
header .social-ico a i {
color:#2c2722;
}
#page-title {
background-color:#1d1e1f;
}
#main, #homepage-content-container {
background-color:#eeeeee;
}
.sf-menu ul {
background:#cc5b44;
}
.sf-menu ul:before {
border-bottom:8px solid #cc5b44;
}
#widget-area {
background:#191612;
}
#widget-area .social-ico a i {
color:#191612;
}
footer, body {
background-color:#26221d;
}
footer .social-ico a i {
color:#26221d;
}
body.page-template-homepage-php #main {
background-color:#6f5e4f;
}
#pro-home-slider .Button-Growler a, body #main .width-container #respond input#submit, body #main a.button, body #main button.single_add_to_cart_button, body #main input.button, body.woocommerce-cart #main td.actions input.button.checkout-button, body #main button.button, body #single-product-pro a.button, body #single-product-pro button.single_add_to_cart_button, body #single-product-pro input.button, body.woocommerce-cart #single-product-pro input.button.checkout-button, body #single-product-pro button.button, body a.progression-button, body input.wpcf7-submit, body input#submit, body a.ls-sc-button.default, .page-numbers span.current, .page-numbers a:hover {
background:#cc5b44;
border-color:#cc5b44;
}
body #main .width-container .widget_price_filter .ui-slider .ui-slider-handle {
background:#cc5b44;
border-color:#cc5b44;
}
span.comment-meta-pro a, ul#menu-sub-nav li a:hover, ul#menu-sub-nav li.current-cat a, body #main .widget_price_filter .ui-slider .ui-slider-range {
background:#cc5b44;
}
body #main .width-container #respond input#submit:hover, body #main a.button:hover, body #main button.single_add_to_cart_button:hover, body #main input.button:hover, body.woocommerce-cart #main td.actions input.button.checkout-button:hover, body #main button.button:hover, body #single-product-pro a.button:hover, body #single-product-pro button.single_add_to_cart_button:hover, body #single-product-pro input.button:hover, body.woocommerce-cart #single-product-pro input.button.checkout-button:hover, body #single-product-pro button.button:hover, body a.progression-button:hover, body input.wpcf7-submit:hover, body input#submit:hover, body a.ls-sc-button.default:hover {
background:#bc543f;
border-color:#bc543f;
}
span.comment-meta-pro a:hover {
background:#bc543f;
}
.page-numbers span, .page-numbers a, ul#menu-sub-nav li a {
background:#ffffff;
}
.content-container-pro, .container-blog, .shop-index-container, .menu-index-pro, .menu-single-content-pro, .event-container-pro {
background:#ffffff;
}
.sidebar-item {
background:#ffffff;
}
body #main #events-full-calendar .fc-button-group button.fc-button.fc-state-active, .archive-meta.entry-meta strong, body.single-event .entry-meta, body.single-event .entry-meta a, body {
color:#777777;
}
#page-title h1 {
color:#ffffff;
}
#bread-crumb a i, #bread-crumb a {
color:#ffffff;
}
#bread-crumb {
color:#cccccc;
}
a, #bread-crumb i, #bread-crumb a:hover i, #bread-crumb a:hover, body #main a:hover h3.product-title-index-pro {
color:#cc5b44;
}
a:hover, body #main a.more-link:hover {
color:#ff7356;
}
.sf-menu a {
color:#e5e4e4;
}
.sf-menu a:hover, .sf-menu a:hover, .sf-menu li a:hover, .sf-menu a:hover, .sf-menu a:visited:hover, .sf-menu li.sfHover a, .sf-menu li.sfHover a:visited, body.single-post .sf-menu li.current_page_parent a, .sf-menu li.current-menu-item a {
color:#ffffff;
border-color:#ffffff;
}
.sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li li a, .sf-menu li.sfHover li li a:visited, .sf-menu li.sfHover li li li a, .sf-menu li.sfHover li li li a:visited, .sf-menu li.sfHover li li li li a, .sf-menu li.sfHover li li li li a:visited {
color:#f1d1cb;
}
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover a, .sf-menu li.sfHover li a:visited:hover, .sf-menu li li:hover a:visited, .sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover a, .sf-menu li li.sfHover li a:visited:hover, .sf-menu li li li:hover a:visited, .sf-menu li li li li:hover, .sf-menu li li li li.sfHover, .sf-menu li li li li a:focus, .sf-menu li li li li a:hover, .sf-menu li li li li a:active, .sf-menu li li li li.sfHover a, .sf-menu li li li.sfHover li a:visited:hover, .sf-menu li li li li:hover a:visited, .sf-menu li li li li li:hover, .sf-menu li li li li li.sfHover, .sf-menu li li li li li a:focus, .sf-menu li li li li li a:hover, .sf-menu li li li li li a:active, .sf-menu li li li li li.sfHover a, .sf-menu li li li li.sfHover li a:visited:hover, .sf-menu li li li li li:hover a:visited {
color:#ffffff;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color:#101010;
}
#sidebar h5 {
border-bottom:2px solid #e94a29;
}
.page-numbers span.current, .page-numbers a:hover, ul#menu-sub-nav li a:hover, ul#menu-sub-nav li.current-cat a, body a.ls-sc-button.secondary span, body a.ls-sc-button.default span, body #main .width-container #respond input#submit, body #main a.button, body #main button.single_add_to_cart_button, body #main input.button, body.woocommerce-cart #main td.actions input.button.checkout-button, body #main button.button, body #single-product-pro a.button, body #single-product-pro button.single_add_to_cart_button, body #single-product-pro input.button, body.woocommerce-cart #single-product-pro input.button.checkout-button, body #single-product-pro button.button, body a.progression-button, body input.wpcf7-submit, body input#submit, body a.ls-sc-button.default, #pro-home-slider .Button-Growler a {
color:#ffffff;
}
#pro-home-slider .Button-Growler a:hover, body a.ls-sc-button.secondary span:hover, body a.ls-sc-button.default span:hover, body #main .width-container #respond input#submit:hover, body #main a.button:hover, body #main button.single_add_to_cart_button:hover, body #main input.button:hover, body.woocommerce-cart #main td.actions input.button.checkout-button:hover, body #main button.button:hover, body #single-product-pro a.button:hover, body #single-product-pro button.single_add_to_cart_button:hover, body #single-product-pro input.button:hover, body.woocommerce-cart #single-product-pro input.button.checkout-button:hover, body #single-product-pro button.button:hover, body a.progression-button:hover, body input.wpcf7-submit:hover, body input#submit:hover, body a.ls-sc-button.default:hover {
color:#ffffff;
}
ul#menu-sub-nav li a, .page-numbers span, .page-numbers a {
color:#999999;
}
/*----------------------------------------------------------------
..BOTTOM HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..LEFT HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..RIGHT HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..RESPONSIVE BORDERING HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..SHOPPING CART
------------------------------------------------------------------*/
td.cart {
background:none;
width:24%;
*width:250px;
min-width:260px;
}
.nextCartWrapper {
}
.nextCartData {
box-shadow:0 5px 10px rgba(0, 0, 0, .3);
padding:0 6px 6px;
background:#777;
border-radius:2px;
}
#upCartData {
background:#FFF;
border-radius:2px;
padding:0 0 6px;
}
.nextShoppingCartBanner {
display:none;
}
#nextCartHeading {
color: #FFF;
font-size: 18px;
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: "BenchNine",sans-serif;
}
.nextCartContents {
margin:0;
padding:0;
border-radius:14px;
padding-bottom:20px;
}
.nextPoweredBy {
margin:5px 0;
padding:0;
color:#FFF;
display:none;
}
.nextPoweredBy a, .nextPoweredBy a:hover {
color:#FFF;
}
.nextCartProducts td.nextCartShipTo {
background:#999;
color:#FFF;
border-radius:2px 2px 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:2px;
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 {
padding:6px 2px;
}
.nextCartTotal td {
background:#454545;
background:rgba(0,0,0,.7);
border:0;
color:#FFF;
font-size:12px;
text-transform:uppercase;
}
.nextInvoice .nextCartTotal td,
.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:13px;
height:13px;
display:block;
background:url(//cdn.nexternal.com/common/images/bg_edit_delete.png) 0 -14px no-repeat;
margin:0 0 0 20px;
float:left;
}
td.cart .nextCartProductEdit {
margin:0 3px; /* pencil anchor margins */
}
td.cart .nextButtonEdit a img, td.cart .nextCartProductEdit img {
display:none;
}
td.cart .nextButtonEdit a:hover, td.cart .nextCartProductEdit:hover {
background-position: -14px -14px;
}
td.cart .nextButtonDelete a, td.cart .nextCartProductDelete {
width:13px;
height:13px;
display:block;
background:url(//cdn.nexternal.com/common/images/bg_edit_delete.png) 0 0 no-repeat;
margin:0 0 0 20px;
float:left;
}
/* uncomment for white x in cart total row */
/*td.cart tr.nextCartTotal .nextCartProductDelete {
background:url(//cdn.nexternal.com/common/images/x_white.png) 0 0 no-repeat;
opacity:.5;
}
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;
}
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: "BenchNine",sans-serif;
font-size:20px;
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:10px 8px 10px 25px !important;
border-radius:2px;
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;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.2em;
text-align:left;
font-weight:400;
font-family: "BenchNine",sans-serif;
}
.nextPersistentCategory a {
text-decoration:none; /* all persistent category links */
display:block; /* all persistent category links - this makes the anchors 100% wide */
padding:10px 5px;
margin:0;
font-size:14px;
color:#666;
}
.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;*/
*display:block !important; /*IE7*/
margin:50px auto 40px;
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:1140px;
*width:1200px; /*IE7*/
min-width:748px;
padding:45px 42px 35px;
background:#FFF;
box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1);
}
@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:1140px; /* double the padding when you calculate this */
min-width:668px;
margin:0 auto;
padding:0 10px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
td.main {
padding:0 30px;
}
.nocart td.main {
padding:0;
}
.nopersist td.main {
padding-left:0;
}
.nocart td.main {
padding-right:0;
}
/***** ..WHITE SPACE AND DEFAULT FORMATTING *****/
body td.main #threadWrapper {
font-size:12px;
}
.nextMainImage {
margin:0 30px 10px 0; /* main image margins */
}
.nextZoomIcon {
opacity:.85;
}
.nextCartAccountInfo, .nextCartTop {
margin:0 0 10px; /* margin above returning customer in shopping cart */
}
.nextHierarchyFinalText, .nextHierarchyFinalSeparator {
display:none;
}
hr.nextCatUnderbar {
height:1px;
}
.nextLargeImage {
padding:10px;
}
.nextSearchStatement {
padding-bottom:10px;
font-size:14px;
text-align:left;
}
.nextProductDetailTabbed .nextMainImage {
float:none; /*fix IE7 image overlap */
}
.nextPlusOne {
clear: both;
padding: 9px 0 0;
}
.main a.nextCatName {
display:block;
margin-top:10px;
margin-bottom:10px;
font-weight:normal;
font-size:16px;
}
.nextCurrentCategory {
margin:0 auto 0 0;
}
.nextProdImage {
float:none !important;
}
.nextNoAddresses, .nextNoCreditCards {
padding-top:10px;
}
#tdPriceDetails>span {
padding:8px 0 13px;
display:block;
}
.nextPriceDetailsLink {
font-style:italic;
padding-left:5px;
font-size:12px;
}
.nextPriceDetailsLink a:hover {
text-decoration:underline;
}
td.nextProduct {
padding:15px 5px 5px;
}
.nextProduct.nextFirst > td {
padding-top:30px;
}
.nextLegalDisclaimer {
padding:20px 0;
}
.nextRelatedThread {
width:auto;
margin-bottom:20px;
}
.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 0 2px;
}
.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;
}
/***** 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;
}
a.nextProdName {
text-transform:uppercase;
margin-bottom:5px;
font-size:20px;
text-decoration:none;
font-family: 'BenchNine', sans-serif;
}
a.nextProdName:hover {
text-decoration:underline;
}
a.nextProdThumb {
margin:0 0 10px 0; /* margins for product thumbnails on product list pages */
display:inline-block; /* necessary for the right margin to work */
}
.main td.nextProdThumb {
padding-right:15px;
}
.nextTileProducts {
margin-top:10px; /* margin below banner on product detail screen */
}
.nextProductList .nextShortDesc {
margin-bottom:5px;
}
.nextCustomField1 b,
.nextCustomField1 b,
.nextCustomField2 b,
.nextCustomField3 b,
.nextCustomField4 b,
.nextCustomField5 b,
.nextCustomField6 b,
.nextCustomField1,
.nextCustomField1,
.nextCustomField2,
.nextCustomField3,
.nextCustomField4,
.nextCustomField5,
.nextCustomField6 {
font-style:normal;
font-weight:normal;
}
.nextProductList .nextPrice,
.nextProductList .nextAllocation,
.nextProductList .nextCustomField1,
.nextProductList .nextCustomField2,
.nextProductList .nextCustomField3,
.nextProductList .nextCustomField4,
.nextProductList .nextCustomField5,
.nextProductList .nextCustomField6 {
margin-bottom:5px;
}
.nextTileProductBanner td {
text-align:left;
}
.nextProductSpacer div {
width:30px;
}
.nextShipToSelect {
white-space:nowrap;
}
.nextProductList .nextShipToSelect select,
.nextProductList .nextShipToSelect option {
font-size:11px;
}
.nextShipToSelect label,
.nextPickupSelect label {
font-size:12px;
}
.nextShipToSelect select {
/*margin-left:5px;*/
}
.nextShipToLabel input,
.nextPickupLabel input {
margin:0 5px 0 0;
}
.nextShipToSpacer,
.nextPickupSpacer {
width:0;
}
.nextProductList .nextShipToCell,
.nextProductDetail .nextShipToCell {
padding:0 0 4px 0;
}
.nextPickupSelect,
.nextPickupLabel {
white-space:nowrap;
}
.nextPickupLabel span {
padding-right:5px;
}
.nextPickupInnerTable {
margin-top:5px;
}
.nextAddToCartCell {
padding-top:8px;
}
.nextProductList .nextRating {
/*display:none;*/
}
.nextProductList .nextRatingIcons {
padding-left:5px;
display: inline-block;
padding: 0 0 0 4px;
}
.nextProductList .nextRatingIcons img {
height:15px;
float:left;
}
.nextAddToCartInnerTable {
margin:0 auto 0 0;
}
.nextShipToInnerTable {
margin:0 auto 0 0;
}
.infoBtn {
display:inline-block;
margin:-1px 0 0 0;
vertical-align:middle;
}
.nextPickupSelect a {
opacity:.7;
display:inline-block;
outline:0;
}
.nextPickupSelect a:hover {
opacity:1;
}
.nextPickupRow td {
padding-top:5px;
}
.nextListProducts tr.nextProduct > td {
vertical-align:top;
padding-left:7px;
}
.nextListProducts tr.nextProduct > td:first-child {
padding-left:0;
}
.nextExpressOrderProducts .nextProdThumb img {
/*max-height:200px;*/
}
.nextExpressOrderProductRow .nextProdThumb a, .nextExpressOrderSKURow .nextProdThumb a {
display: inline-block;
margin: 6px 10px 6px 0;
}
/***** END PRODUCT LIST STYLING *****/
/***** ..POPUP CSS OVERRIDE ******/
body .modal, body div.margin, body .nextCartPolicies div.margin, body .nextPrivacyPolicyPopup {
/*top:550px !important;*/
}
#mpeAddressValidation_foregroundElement, #mpeCalculator_foregroundElement, #mpeEditAddress_foregroundElement {
position:absolute !important;
}
.nextPickupLocationPopup,
.nextSusbscriptionDescriptionPopup {
position:fixed !important;
}
.modal.nextUpsell {
display:table;
}
body #mpeCalculator_foregroundElement {
top:500px !important;
}
/* 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: "BenchNine",sans-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: "BenchNine",sans-serif;
}
.tab .ajax__tab_outer {
background:#F7F7F7; /* inactive tab background */
border-color: #CCC; /* inactive tab border color */
font-weight: 400; /* inactive tab font weight */
padding:0; /* all tabs padding */
cursor:pointer;
margin:0;
font-size:17px;
border-bottom:1px solid #CCC;
border-radius:2px 2px 0 0;
}
.tab .ajax__tab_outer span {
color: #666; /* inactive tab text color */
}
.tab .ajax__tab_outer:hover span {
color: #666; /* inactive tab hover text color */
}
.tab .ajax__tab_outer:hover {
background:#EEE; /* inactive tab hover background*/
}
.tab .ajax__tab_active .ajax__tab_outer {
background:#FFF; /* active tab background */
border-color: #CCC; /* active tab border color */
font-weight: 400; /* active tab font weight */
border-bottom:1px solid #FFF;
box-shadow:2px 0 0 rgba(0, 0, 0, 0.1);
}
.tab .ajax__tab_active .ajax__tab_outer span {
color:#666 /*active tab text color */
}
.tab .ajax__tab_active .ajax__tab_outer:hover span {
color:#666 /*active tab hover text color */
}
.ajax__tab_inner a span {
padding:8px 15px;
display:block;
}
.tab .ajax__tab_body {
background:#FFF; /* tabber content background */
border:0;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:20px 10px;
}
.ajax__tab_header a {
outline:0;
}
.nextRatingIcons {
vertical-align:bottom;
}
.nextRatingIcons img {
vertical-align:middle;
}
/***** END TABBER *****/
/***** ...BANNERS AND HEADINGS *****/
body .nextProductDetailTabbed h1.nextProdName,
body .modal tr.banner1,
body div.margin tr.banner1 {
font-family: "BenchNine",sans-serif;
font-size:30px;
color:#101010;
margin:0 0 25px;
font-weight:700;
text-transform:uppercase;
}
.main .banner1,
.main .banner2 {
font-family:"BenchNine",sans-serif;
font-weight:normal;
font-size:18px;
}
.nextTileProductBanner tr.banner1 td, .nextSubcategoriesBanner tr.banner1 td, tr.bannerStoreFront td, .nextNoProductsBanner td, .nextRelatedProducts .nextAppendHeader, .main .banner1 h1.nextBannerText, .nextPolicies tr.banner1 td {
color:#101010;
text-align:left;
background:none;
font-weight:normal;
font-size:30px;
font-family:"BenchNine",sans-serif;
font-weight:700;
padding:0;
line-height:1;
text-transform:uppercase;
}
.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:22px;
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;
margin-top:100px;
display:table;
width:100%;
}
.nextSecurityDisclaimer img {
margin:0 20px 10px 0;
}
.nextLogin .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%;
}
/*----------------------------------------------------------------
..HTMLBUTTONS
------------------------------------------------------------------*/
input.nextHTMLButton, a.nextHTMLButton, a.nextAddEditButton {
color:#FFF;
background:#cc5b44;
padding:7px 20px;
border:0;
border-radius:2px;
font-weight:bold;
font-size:17px !important;
cursor:pointer;
font-family: "BenchNine",sans-serif;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
-webkit-appearance: none;
text-decoration:none;
text-transform:uppercase;
line-height:24px;
}
input.nextHTMLButton:hover, a.nextHTMLButton:hover, a.nextAddEditButton:hover {
background-color:#BC543F;
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);
}
a.nextAddButton {
background-image:url(//cdn.nexternal.com/common/images/bg_add.png);
}
.nextSearchButton input.nextHTMLButton {
margin-left:4px;
}
.cart #btnCheckOutTop, .cart #btnCancelOrderTop {
display:none;
}
#memberSavings {
background:#777 url(//cdn.nexternal.com/common/images/arrow_rt_light.png) 100% 50% no-repeat;
color:#FFF;
}
.nextClubCustomerType #memberSavings {
display:none;
}
#memberSavings:hover {
opacity:.8;
}
/*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 {*/
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.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);*/
}
/*.nextInvoice a.nextEnterGiftCert, .nextInvoice a.nextEnterCoupon {*/
.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);
}
.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/next_arrow_rt.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 {
/*background-color:green;*/
/*opacity:.7;*/
font-size:22px !important;
}
input.nextHTMLButton.nextCheckOutButton:hover {
/*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:#DDD;
color:#333;
clear:both;
}
body #clubLogin h3 {
font-size:24px;
margin:0 0 0 5px;
color:#333;
}
body.nextLogin #clubLogin,
body.nextRegister #clubLogin{
display:none;
}
#clubLogin * {
vertical-align:middle;
}
/*----------------------------------------------------------------
..PROGRESS TRACKER CUSTOM
------------------------------------------------------------------*/
#progress {
margin:0 auto;
text-align:center;
position:relative;
display:none;
background:none;
/*padding-bottom:20px;*/
padding-top:10px;
}
.nextLogin #progress, .nextRegister #progress, .nextOrderInfo #progress, .nextInvoice #progress {
display:block;
}
.nextLogin.hideProgress #progress {
display:none;
}
#progress h3 {
font-family: "BenchNine",sans-serif;
font-size:30px;
color:#101010;
margin:0 0 25px;
font-weight:700;
text-transform:uppercase;
line-height:24px;
margin: 0 0 20px;
font-family:"BenchNine",sans-serif;
clear:both;
}
#progressBar {
position:absolute;
top:88px;
left:50%;
width:400px;
margin-left:-205px;
border-bottom:1px solid #999;
box-shadow:0 3px 6px rgba(0, 0, 0, .3);
*top:60px; /*for IE7-*/
}
#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:#999;
list-style:none;
width:30px;
height:30px;
line-height:30px;
margin:0 auto 5px;
box-shadow:0 3px 6px rgba(0, 0, 0, .3);
}
.nextLogin li#progress1 span, .nextRegister li#progress1 span, .nextOrderInfo #progress li#progress2 span, .nextInvoice #progress li#progress3 span {
background:#cc5b44;
}
#progress ul li em {
display:block;
color:#888;
font-style:normal;
}
#progressContinueShopping {
text-decoration:none;
float:left;
font-size:12px;
}
.nextOrderConfirmation #progressContinueShopping {
display:none;
}
/*----------------------------------------------------------------
..INTERNAL ORDER PAGES
------------------------------------------------------------------*/
.oms #trTop, .oms #trBottom, .oms #searchField, .oms #memberSavings, .oms #searchToggle {
display:none !important;
}
.oms .cart #btnCheckOutTop, .oms .cart #btnCancelOrderTop, .editPendingOrder .cart #btnCancelOrderTop {
display:none;
}
body.oms input#btnCancelOrderBottom, body.oms input#btnCancelOrderEmptySuperCart, body.editPendingOrder input#btnCancelOrderBottom {
background-color:#000;
background-image:url(//cdn.nexternal.com/common/images/x_white.png);
margin-top:3px;
opacity:1;
}
body.oms input#btnCancelOrderBottom:hover, body.oms input#btnCancelOrderEmptySuperCart:hover {
opacity:.7;
}
.oms .main input[type="submit"] {
margin-right:5px;
}
/*----------------------------------------------------------------
..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;
}
/*----------------------------------------------------------------
..RETILE.CSS CUSTOM (requires retile.js and retile.css)
------------------------------------------------------------------*/
body .fluidContainer .nextCatLinks, body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:33.2%; /* Tile up to 3 products across (ignore padding for this - containers are set to box-sizing: border-box) */
text-align:center;
/*padding:0 1.5% 5%; */
padding:0; /* padding on display:table elements stopped working in 2015, so now we pad .tileContent */
}
.tileContent {
padding:0 4.5% 15%;
}
body .relatedWrap a {
padding:0 .5em;
}
@media only screen and (min-width: 1500px) {
body .fluidContainer .nextCatLinks, body .fluidContainer .nextProductWrapper, body .relatedWrap {
/*width:20%; /* Tile up to 5 products across at this resolution */
}
}
/* onetile break point - 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: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;
}
}
*/
.fluidContainer .nextProductWrapper table {
margin-left:auto;
margin-right:auto;
}
.fluidContainer .nextProductWrapper .modal table {
margin-left:0;
}
.nextProductList.nextCategory21 div.fluidContainer {
/*min-width:650px; /* we must set a min width on the product wrapper on an allocated product list page to maintain 3 products across */
}
/*----------------------------------------------------------------
..FLUID 2.1
------------------------------------------------------------------*/
/***** ..fluid thumbs *****/
body .nextCatThumb, body a.nextProdThumb, body .nextRelatedThumb {
*width:auto !important;/*IE7*/
margin:0 auto 10px;
display:inline-block;
}
.nextCatThumb img, a.nextProdThumb img, .nextRelatedThumb img {
width:100%;
display:inline-block;
max-width:100%;
*width:auto; /* IE7 */
margin:0;
}
.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%;
*width: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:1;
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;
}
.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: 1024px) {
.CCartActive.nextCartShowing #nextCartMask {
display:none !important;
}
.CCartActive .nextCartWrapper {
display:block !important;
}
.CCartActive #responsiveUtilityWrapper,
.CCartActive #closeCart,
.CCartActive #cartUtilityWrap .nextCartTrigger {
display:none;
}
.CCartActive #cartUtilityWrap {
padding-bottom:9px;
min-height:28px;
}
.CCartActive #checkoutBtnPlaceholder {
margin-top:5px;
display:none;
}
}
/* low res - collapsible cart active*/
@media only screen and (max-width: 1023px) {
body.CCartActive {
padding-top:44px;
}
body.CCartActive.nocart {
padding-top:0;
}
.CCartActive #responsiveUtilityWrapper {
background:#777;
text-align:right;
position:fixed;
z-index:1010;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display:block;
padding:3px 0;
top:0;
left:0;
}
body.CCartActive.nocart #responsiveUtilityWrapper {
display:none;
}
.CCartActive td.cart{
width:0;
min-width:0;
}
.CCartActive .nextCartWrapper {
z-index:1000;
position: absolute;
top: 20px;
left: 50%;
width: 400px;
margin-left: -200px;
display:none;
margin-top:10px;
}
.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");
}
input.nextHTMLButton.nextCheckOutButton {
font-size:17px !important;
}
}
/***** 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: "BenchNine",sans-serif;
}
*/
/*----------------------------------------------------------------
..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;
}
/*----------------------------------------------------------------
..UNIQUE STYLES FOR THIS STORE
------------------------------------------------------------------*/
body.btoc .nextStoreFrontBanner,
body.btob .nextStoreFrontBanner {
display:none;
}
#trCenter {
background:#EEE;
}
td.main,
td.cart,
td.persist {
background:none;
}
.nextFulfillmentTable {
text-align:left;
}
.nextStoreFront #searchField {
margin-bottom:80px;
}
.nextPriceDetailsLink {
display:none;
}
.nextAddToCartTable {
text-align:left;
}
.nextFulfillmentTable label {
margin-left:3px;
}
.nextProductList .nextRating {
font-size:0;
}
.nextUtility2 {
display:none !important;
}
/*
#crumbs {
display:none !important;
}
.nextProductList #threadWrapper {
display:none;
}
*/
body:not(.oms) td.cart .nextCartLogin.nextHTMLButton,
body:not(.oms) .nextCartLogin.nextHTMLButton:hover {
padding:0;
background:none;
color:#222;
}
.nextStoreFront .lastGT,
.checkout .lastGT,
.account .lastGT {
/*display:none;*/
}
.nextClubCustomerType .nextCustomField1 {
display:none;
}
.nextCategory31 .nextHiddenPrice {
display:none;
}
.nextSortBy {
float:right !important;
}
.nextExpressOrderPopup .nextCloseXCell {
display:none;
}
/* ..HELLO */
/* B2B only */
.btob .nextCustomField1,
.btob .nextCustomField1Row,
.btob #memberSavings,
.btob #cartKicker,
.btob .AddCaseToCartRow,
.nextBusiness .nextCustomField1,
.nextBusiness .nextCustomField1Row,
.nextBusiness #memberSavings,
.nextBusiness #cartKicker,
.nextBusiness .AddCaseToCartRow{
display:none;
}
.btob.nextCategory30 .nextCategoryDescription img,
.nextBusiness.nextCategory30 .nextCategoryDescription img{
display:none !important;
}
/*----------------------------------------------------------------
..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;
}
}
body .nextSharingTools {
width: auto;
}
body .nextTabbedProduct.ready .nextSharingTools .nextSharingDiscountNotification {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
font-family: "Oswald",sans-serif;
font-size: 13px;
font-weight: 400;
padding: 0;
}
body .nextSharingDiscountLimit {
font-family: "Lato",sans-serif;
font-size: 11px;
margin: 0;
}
/* Subscription */
.nextProductDetail .nextPickupExplanationRow td {
padding-bottom:10px;
}
.nextProductDetail .nextSubscriptionRow td, .nextSubscriptionExplanationRow td {
background:#f8f8f8;
vertical-align:top;
}
.nextProductDetail .nextSubscriptionRow td:first-child {
padding:3px 1px 0 3px;
}
.nextProductDetail .nextSubscriptionRow td + td {
background-image:url(//cdn.nexternal.com/fairway/images/subscription_arrow.png);
background-repeat:no-repeat;
background-position:0 0;
padding-top:30px;
min-width:270px;
}
.nextProductDetail .nextSubscriptionExplanationRow td {
padding-bottom:5px;
}