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 Arial; color: black; padding: 0 5px 0 5px}
.margin, .modal {background-color: white; background-image: none; text-align: left; font: 10pt Arial; color: black; padding: 0 2px 0 2px}
h1 {margin: 0}
hr {height: 1px}
.main hr, .margin hr {color: #d1cfcf; background-color: #d1cfcf; border-width: 0px}
.cart {background-color: #a10000; background-image: none; text-align: center; vertical-align: top; margin: 0; font: 10pt Arial; color: black}
.persist {background-color: #ffffff; background-image: none; text-align: left; vertical-align: top; margin: 0; font: 10pt Arial; color: black}
.persist hr {color: black; background-color: black}
body.master {background-color: #4d4d4d; 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: center}
td.bottom {background-color: #a10000; background-image: none; text-align: center}
td.left {background-color: black; background-image: none; vertical-align: middle}
td.right {background-color: white; background-image: none; vertical-align: middle}

.font1 {font: 10pt Arial}
.font1small {font: 8pt Arial}
.font1large {font: 12pt Arial}
.font2 {font: 10pt Arial}
.font2small {font: 8pt Arial}
.font2large {font: 12pt Arial}
.labelSubText {font-size: 8pt; display: block}

.welcome {text-align: center}
.main a {color: #a10000}
.main a:hover {color: blue}
.main img {border-color: #a10000}
.cart a {color: #0d317b}
.cart a:hover {color: blue}
.cart img {border-color: #0d317b}
.persist a {color: #666666}
.persist a:hover {color: #000000}
.persist img {border-color: #666666}
.margin a, .modal a {color: #a10000}
.margin a:hover, .modal a:hover {color: blue}
.margin img, .modal img {border-color: #a10000}
a.nounderline, .nounderline a {text-decoration: none; color: darkgoldenrod}
.main a.disguise, .main a.disguise:hover, .margin a.disguise, .margin a.disguise:hover, .modal a.disguise, .modal a.disguise:hover {text-decoration: none; color: black}
.main .banner1 {background-color: #0d317b; background-image: none; font: bold 10pt Arial; color: white}
.main .banner1 h1.nextBannerText {font: bold 10pt Arial; color: white; margin-bottom: 0px}
.main .banner2 {background-color: #0d317b; background-image: none; font: bold 10pt Arial; color: white}
.cart .banner1 {background-color: #666666; background-image: none; font: bold 10pt Arial; color: white}
.persist .banner1 {background-color: #a10000; background-image: none; font: bold 10pt Arial; color: white}
.margin .banner1, .modal .banner1 {background-color: #0d317b; background-image: none; font: bold 10pt Arial; color: white}
.margin .banner2, .modal .banner2 {background-color: #0d317b; background-image: none; font: bold 10pt Arial; color: white}
.main .bannerStoreFront {background-color: #0d317b; background-image: none}
.main .bannerStoreFront .nextStoreFrontBannerNameCell {font-weight: bold; color: white}
.modal {border: solid 1px #d1cfcf}
.shade {background-color: black; opacity: 0.65}

a.closeX {font-weight: normal; color: white; text-decoration: none; border-width: 1px; border-style: solid; padding: 1px}
a.closeX:hover {font-weight: bold; color: white}
.updateProgress {background-color: white; position: absolute; padding: 0; margin: 0; opacity: 0.7}
.updateProgress div {padding: 4px; position: absolute; top: 20%; left: 50%}
.watermark {background-color: #f1f1f1; font-style: italic; text-align: center}
.tab {visibility: visible !important}
.tab .ajax__tab_tab {margin-right: 0px; outline: none}
.tab .ajax__tab_outer {background-color: #0d317b; background-image: none; border: 1px solid #d1cfcf; 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: #0d317b; 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 #d1cfcf; padding: 3px; margin-top: -1px}
.ajax__validatorcallout_error_message_cell {color: black}
.pac-container {z-index: 100001}

.nextCatDisc, .pac-item {font-family: Arial}
.nextStatus, .nextSKUOptions, .nextSearchStatement, .nextArticleSearchStatement, .nextCatDisc, .nextCatDiscText, .nextMultiLinePrevNext, .nextSKUShipText, .nextSharingDiscountLimit, .nextPurchaseSetQtyMsg, .nextMisCustomer, .nextOrderPadSampleLink, .nextCartPolicy, .nextCartCurrency, .nextCartProdSavings, .nextViewCoupon, .nextRemoveCoupon, .nextRemoveGiftCert, .nextRemoveGiftCard, .nextCartCalculator, .nextCartSmallButton, .nextPoweredBy, .nextShippingDisclaimer td, .nextNewCustomerCancel, .nextNoApplicationCoupon, .nextEmptyCartGiftCert, .nextEmptyCartGiftCard, .nextCartLoyaltyRedemption, .nextPendingCancelLink, .nextGroupCreditCardMessage, .nextGroupNoCreditCardMessage, .nextGroupPendingOnlyMessage, .nextGroupSubcustomerMessageCell, .nextGroupCreditCardMessageCell, .nextGroupNoCreditCardMessageCell, .nextGroupACHMessageCell, .nextGroupNoACHMessageCell, .nextGroupPendingOnlyMessageCell, .nextApprovalExplanationCell, .nextRequisitionerExplanationCell, .nextApproverExplanationCell, .nextGroupEmailExplanationCell, .nextNewMembersExplanationCell, .nextPendingMemberExplanationCell {font-size: 8pt}
.nextSoldOut, .nextProductDetailTabbed .nextProdName, .nextProductDetailTabbed .nextPrice, .nextNewCustomerLink, .nextExpressOrderTotals, .nextOrderPadTotalLabel, .nextOrderPadTotalQuantity, .nextOrderPadUpload, .nextInvoicePaymentFooter {font-size: 12pt}
.nextCategoryDisplay .nextCatName, .nextAttributes, .nextExpressOrderAttributes, .nextAppendHeader {font: 10pt Arial}
.nextProduct, .nextAdvancedSearch, .nextUndoSearch, .nextProductDetailTop, .nextProductDetailStacked .nextProdName, .nextExpressOrderProducts .nextProdName, .nextLongDescription, .nextArticleSearchDescription, .nextArticleSearchLink, .nextCartTop, .nextShoppingCart, .nextRegisterHeader, .nextPasswordTextCell, .nextTrusteeTextCell, .nextLargeTextLink {font: 10pt Arial}
.nextArticleSearchTitle {font: 12pt Arial}
.nextCategory .nextCatName {font: 10pt Arial}
.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: #a10000; background-color: #a10000}
hr.nextCatUnderbar {width: 100%; height: 3px; clear: both; border-width: 0px; color: #d1cfcf; background-color: #d1cfcf}
.main .nextSoldOut, .main .nextProdDiscount, .main .nextCartDiscount, .main .nextCartSavings, .main .nextCartSubscription, .main .nextCartOrderSubscription, .main .nextCartReservation, .main .nextExpiredDate, .nextCustomerShipperWarning, .nextCartWarningsWrapper, .nextGroupNoCreditCardMessage, .nextGroupPendingOnlyMessage, .nextGroupNoCreditCardMessageCell, .nextGroupNoACHMessageCell, .nextGroupPendingOnlyMessageCell {color: #e3233c}
.persist .nextSoldOut, .persist .nextProdDiscount {color: black}
.cart .nextCartDiscount, .cart .nextCartSavings, .cart .nextCartSubscription, .cart .nextCartOrderSubscription, .cart .nextCartReservation, .cart .nextCartWarningsWrapper {color: black}
.nextPopupText {white-space: normal}
.nextSortBy, .nextSingleLinePrevNext, .nextPreviousProductTextCell, .nextNextProductTextCell, .nextProductDetailTabbed .nextPrice, .nextRatingIcons, .nextRelatedThread, .nextCartDiscount, .nextBannerCell, .nextInternalCustomerInformationPopup .nextPopupText, .filterLineGroup, .nextShipName, .nextOrderPadUploadSample, .nextAffiliateDropDownCell, .nextBookAddress, .nextAddToCartQuantity, .nextExpressOrderQuantity, .nextOrderPadQuantityCell, .nextEnterTrusteeRow .nextEmailLabelCell, .nextPendingCommitRow, .nextPendingMinQtyRow, .nextPendingCancelRow, .nextInvoiceShipToAddress, .nextInvoicePickupAddress, .nextInvoiceEmailToAddress, .nextInvoiceBillToAddress, .nextCanceledApprovals, .nextMemberFilterCell {white-space: nowrap}
.nextCategoryDiscount, .nextCatDiscRule, .nextRelatedThreadBackTo, .nextRelatedThreadProducts, .nextTabbedProduct, .nextExpressOrderList, .nextDescriptionLink, .productList .nextPagesTicker, .productList .nextBottomPlaceholder, .nextProductDetailStacked .nextAttributes, .nextProductDetailStacked .nextPriceDetails, .nextProductDetailStacked .nextSpecifications, .nextProductDetailTabbed .nextMainImage, .nextProductDetailTabbed .nextProdImage, .nextGallery, .nextMiniThumb, .nextRelatedColumnProduct, .nextCartPolicy, .nextButtonEdit, .nextButtonDelete, .nextPendingCheckbox, .nextPendingRequiredLineItemCheckbox {float: left}
.nextSearch, .productList .nextSortBy  {float: right}
.nextGallery div, .nextCouponSharingButtons {clear: left}
.nextProductDetailTabbed .nextLargeImageLink, .nextProductDetailTabbed .nextGalleryWrap, .nextProductDetailTabbedTable, .nextCategoryDiscount, .nextHeaderFooter, .nextAddToCartButtonMsg, .nextCategoryDescription, .nextProductDetailTop, .nextProductDetailBottom, .nextGallery, .nextRelatedSpacer, .nextRelatedCategory, .nextRelatedRule, .nextProductSeparator, .nextCartProducts, .nextLoginBtoC, .nextLoginForm, .nextHelpDeskProductLabel, .nextHelpDeskCategoryLabel {clear: both}
.nextRelatedProductsColumn {clear: left; float: left}
.nextHierarchyTable, .nextHierarchyCell, .nextRelatedCategory, .nextPopupText, .nextShipNameInstructions, .nextShippingDisclaimer td, .nextBannerCellLeft, .nextBannerCellLeftButton {text-align: left}
.nextCatDiscText, .nextOrderDiscounts, .nextSingleLinePrevNext, .nextAdvancedSearch, .nextUndoSearch, .nextSearchStatement, .nextDescriptionLink, .nextPagesTicker, .nextSKUPagesTicker, .nextProductDetailStacked .nextSKUShipText, .nextMainImage, .nextCentered, .persist .nextSortBy, .nextAdvancedSearchInstructions, .nextTopImage, .nextOrderPadQuantityLabelCell, .nextOrderPadTotalQuantity, .nextOrderPadUpload, .nextOrderPadUploadSample, .nextLoginWelcome, .nextLoginPasswordReset, .nextInvalidLoginMessage1, .nextInvalidLoginMessage2, .nextRegisterHeader, .nextBannerCellCenter, .nextOrderPadNumRows, .nextPasswordTextCell, .nextTrusteeTextCell, .nextTrusteeEmailConfirmation, .nextNoOrders, .nextNoAddresses, .nextNoCreditCards, .nextNoBankAccounts, .nextNoNotifications, .nextNoGroups, .nextNoMembers, .nextNoPending, .nextEditPendingAddressBook, .nextEditSubscriptionAddressBook, .nextLegalDisclaimer, .nextCustomerShipperWarning, .nextEditPendingText, .nextPlacePendingOrderText, .nextApproveOrderText, .nextRejectOrderText, .nextCancelPendingOrderText, .nextPlaceSubscriptionOrderText, .nextSkipSubscriptionOrderText, .nextSubscriptionSuspendText, .nextPaypalInstructions, .nextPaypalTransfer, .nextOrderAddendum, .nextBulkOrderText, .nextNoInvoices, .nextOrderPaymentSeparatorRow td, .nextOrderApprovals, .nextCanceledApprovals, .nextApproveReject, .nextPendingLineItemActions, .nextPendingEditAddress, .nextPendingEditPayment, .nextGroupConfirmationPopup, .nextPendingGroupAccept, .nextOrderStatusLogo {text-align: center}
.productList .nextSortBy, .nextRelatedColumnProduct, .nextExpressOrderAttributeLabel, .nextExpressOrderQuantity, .nextBannerCellRight, .nextCloseXCell, .nextExpressOrderTotals, .nextExpressOrderATC, .nextOrderPadTotalLabel, .nextAffiliateLabelCell, .nextCustomerCustomFieldLabelCell {text-align: right}
.nextCurrentCategorySearch td, .nextRelatedThreadBackTo, .nextRelatedThreadProducts, .nextMainImageWrap, .nextMainImage, .nextTabbedProduct, .nextPriceDetails, .nextSpecifications, .nextAddToCart, .nextAttributes, .nextExpressOrderAttributes, .nextRelatedColumn, .nextTabs, .nextRelatedColumnProduct, .nextOrderPadTotalLabel, .nextOrderPadTotalQuantity, .nextNewCustomer, .nextReturningCustomer, .nextOrderBillToAddress, .nextOrderPaymentInformation, .nextOrderShipToAddress, .nextPendingBillToAddress, .nextPendingPaymentInformation, .nextPendingShipToAddress, .nextPendingActions, .nextSubscriptionBillToAddress, .nextSubscriptionPaymentInformation, .nextSubscriptionShipToAddress, .nextSubscriptionActions, .nextTrusteePickupAddress, .nextAccountAdditionalAddress, .nextAccountCreditCard, .nextOrderCustomerComments, .nextOrderCompanyComments, .nextPendingLineItems, .nextPendingEditAddress, .nextPendingEditPayment, .nextMemberFilterCell, .nextMemberCell, .nextOrderStatus, .nextOrderStatusBillToAddress, .nextOrderStatusPayment {vertical-align: top}
.nextSearch, .nextCartBottomButton, .nextShippingDisclaimer td, .nextPendingLineItemActions, .nextOrderApprovals {vertical-align: middle}
.nextProductList .nextPickupSelect, .nextProductDetail .nextPickupSelect .nextPickupSelectQuickShop {vertical-align: bottom}
.nextCategoryTable {border-spacing: 1px; 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: left}
.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: 100%}
.nextPendingLineItemActions {width: 25%}
.nextProductDetailStacked .nextAttributes, .nextButtonEdit, .nextButtonDelete, .nextReasonCanceledLabel, .nextReasonCanceled, .nextOrderBillToAddress, .nextOrderPaymentInformation, .nextOrderShipToAddress, .nextOrderApprovals, .nextPendingBillToAddress, .nextPendingPaymentInformation, .nextPendingShipToAddress, .nextPendingActions, .nextSubscriptionBillToAddress, .nextSubscriptionPaymentInformation, .nextSubscriptionShipToAddress, .nextSubscriptionActions, .nextTrusteePickupAddress, .nextAccountAdditionalAddress, .nextAccountCreditCard, .nextOrderCustomerCommentsLabel, .nextOrderCustomerComments, .nextOrderCompanyCommentsLabel, .nextOrderCompanyComments {width: 50%}
.nextRelatedThread, .nextOrderPaymentSeparatorRow td div {width: 60%}
.nextPendingLineItems {width: 75%}
.nextMemberCell {width: 80%}
.nextProductDetailTop, .nextProductDetailBottom, .nextRelatedColumnProduct, .nextExpressOrderProducts, .nextBannerCellLeft, .nextBannerCellCenter, .nextBannerCellRight, .nextBannerCellButton, .nextEditContactTable, .nextEditAddressTable, .nextEditPendingAddressTable, .nextEditSubscriptionAddressTable, .nextEditCreditCardTable, .nextEditShipToTable, .nextEditBillToTable, .nextInvoiceTable, .nextPaymentInfoCell, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextMemberTable, .nextTabbedProduct .nextBuyNowButton, .nextOrderPadProducts, .nextOrderPadUpload {width: 100%}
.productList .nextExpressOrderList, .productList .nextDescriptionLink, .productList .nextPagesTicker, .productList .nextSortBy, .productList .nextBottomPlaceholder {min-width: 33%; max-width: 50%}
.nextOrderPadSpacerRow {height: 2px}
.nextRelatedSpacer, .nextRelatedRule, .nextCartBannerSpacer {height: 5px}
.nextOrderPadUpload {height: 100px}
.nextProductTicker, .nextProductDetailBottom, .nextRelatedThread, .nextTweetButton, .nextTweetButtonCoupon, .nextCartPolicies, .nextCartSmallButtons, .nextCartBottomButtons, .nextLoyaltyRedemptionButton {overflow: hidden}
.nextCartProdImageSmall img {max-width: initial; max-height: initial}
.nextCartProdImageLarge img {max-width: initial; max-height: initial}
.nextExpressOrderProductRow .nextProdThumb img, .nextExpressOrderSKURow .nextProdThumb img {max-width: initial; max-height: initial}
.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 #d1cfcf}
.nextSubmitGiftMessage, .nextOrderPadUpload {border: 2px solid #d1cfcf}
.nextTabbedRule, .nextRelatedRule {border-bottom: 1px solid #d1cfcf}
.nextOrderPaymentSeparatorRow td div {border-bottom: 1px dashed #d1cfcf}
.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 #d1cfcf; background-color: white; background-image: none}
.nextATCTransfer { background-repeat: no-repeat; background-position: center; background-size: auto 80%; text-align: center }
.nextATCTransfer .nextATCTextWrapperOuter {width: 100%; height: 100%; display: table}
.nextATCTransfer .nextATCTextWrapperInner, .nextCartProdText, .nextCartProdImage, .nextOrderPadProductDescription, .nextOrderPadProductImage, .nextOrderPadUpload, .nextOrderPadUploadSample, .nextSubscriptionStatus, .nextSubscriptionWarning, .nextPendingStatus, .nextPendingOrderWarning {display: table-cell; vertical-align: middle}
.nextInternalCustomerInformationPopup {background-color: white; background-image: none; color: black; padding: 10px}
.nextAddressBookSearchElements {display: block;background-color: #eee;margin: 2px 2px 2px 0;border-style: none;padding: 0;min-height: 24px;}
.nextAddressBookSearchInput { background-color: #eee;margin: 0 0 2px 0;border-style: none;padding: 0 0 0 2px;height: 24px;vertical-align: middle;position: relative }
.nextAddressBookClearSearch { background-color: #eee;margin: 0 0 2px 0;border-style: none;padding: 0 0 0 0; background-image: none, url('//cdn.nexternal.com/shared/ordermgmt/images/clearButton.png');background-size: 22px;height: 22px;width: 22px; }
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {display: none !important;}

.nextToolTip {border: solid 1px #ccc; background-color: white; z-index: 100005; width: 200px; padding: 10px; box-shadow: 2px 2px 10px #888 }
.nextZoomIcon {position: absolute; right: 0}
.nextZoomContainer {zoom:1; /*for IE7*/ *display:inline; /*for IE7*/}
.nextShipToCell {width: 30%}
div.nextFavoritesWrapper {position: relative;}
.nextContainerQuickShop {position:relative;}
.nextContainerQuickShop a.nextProdThumb {display: block;}
.nextContainerQuickShop a.nextProdThumb img {max-width: 100%; max-height: 100%; width: auto !important; height: auto!important; position: absolute;}
.nextQuickShopContent table.nextProductDetailTop {table-layout:fixed; width:100%}
.nextQuickShopContent td.nextMainImageWrap {width: 330px;}
.nextQuickShopContent td.nextMainImageWrap div, .nextQuickShopContent td.nextTabbedProduct {max-width: 330px;}
.nextQuickShopButton {position: absolute; display: none; width:100%; left: 0; top: 0; margin-top: calc(100% - 30px); text-align: center; background: rgba(250, 250, 246,0.8); cursor: pointer; text-decoration: none; padding: 0; height: 30px; border: none; letter-spacing: .06rem; justify-content: center; align-items: center;}
.nextAspectRatioContainer {padding: 0 0 100% 0; position: relative;}
.nextAbsoluteContainer {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.nextFlexContainer, .nextFlexContainer .adaProdThumbWrap {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.nextQuickShopAllDetails {margin: 0; display: block; text-align: center; cursor: pointer; margin-bottom: 1em; font-style: normal;}
.nextProdThumb:focus~.nextQuickShopButton, .nextProdThumb:hover~.nextQuickShopButton, .nextProdThumb a:focus~.nextQuickShopButton, .nextProdThumb a:hover~.nextQuickShopButton, .nextQuickShopButton:focus, .nextQuickShopButton:hover, .nextContainerQuickShop:focus-within .nextQuickShopButton {display: flex;}
.nextQuickShopPopup {width: 700px; max-height: 460px;}
.nextQuickShopPadding {padding: 0 4.5%;}
.nextQuickShopContent {max-height: 400px; overflow:auto}
.nextQuickShopContent::-webkit-scrollbar {width: 5px; height: 5px;}
.nextQuickShopContent::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 5px;}
.nextQuickShopContent::-webkit-scrollbar-thumb {background: #888; border-radius: 5px;}
.nextQuickShopContent::-webkit-scrollbar-thumb:hover {background: #555;}
.nextQuickShopCarouselContainer {width: 100%; position: relative;}
.nextQuickShopCarouselMain {width: 95%; max-width: 300px; padding: 0 10px; margin: 0 auto; position: relative;}
.nextQuickShopSelected {border: 2px solid #393939 !important}
.nextFavoriteProductButton {position: absolute; top: 0; right: 0; cursor: pointer; padding: 10px;}
.filterPanel {margin-top: 5px;}
.filterGroup {padding-top: 5px;}
.filterHeader {padding-top: 5px; font-weight: bold; border-top: 1px solid #eeeeee; overflow: hidden;}
.filterHeaderLast {margin-top: 5px; border-top: 1px solid #eeeeee; overflow: hidden;}
.filterHeader:hover {cursor: pointer;}
div.filterLine span.filterCB input[type="checkbox"], label, div.filterPriceRange {cursor: pointer;}
div.filterLine:hover, div.filterLineClear:hover, div.filterRefineLine:hover,div.clearRefinements:hover {background-color:rgba(0, 0, 0, .07); cursor: pointer}
.filterLine .nextRatingIcons img {vertical-align: top}
.filterSelected {color: #000; font-weight: 700}
.collapsePanelStatus {float: right; margin-right: 10px}
.removeHierarchyFilterDetail:hover {text-decoration: underline}
.nextHierarchyDivSeparator {float: left; padding-right: 10px; background-color: #eee; border-radius: 5px; display: inline-block; margin: 10px 10px 0 0}
.clearRefinements, .filterLblClear {font-style: italic; padding-right: 5px}
.clearHierarchyFilterRefinements {font-style :italic; margin: 0 0 0 15px}
.removeFilterGroup, .nextHierarchyFilterSeparator {margin: 0 0 0 15px}
.filterBanner {margin: 40px 0 0}
.removeFilter {padding: 0}
.removeFilterX {background-color: #bbb; width: 12px; height:12px; border-radius: 99px; padding:0; display: inline-block; margin :0 0 0 2px;	text-align: center; vertical-align :middle; outline: none; text-indent: 100%; white-space: nowrap; overflow: hidden; background: rgba(0,0,0,.3) url('//cdn.nexternal.com/common/images/filterX.png') 50% 50% no-repeat}
div.filterRefineLine:hover > .removeFilterX, .removeFilterGroup:hover > .removeFilterX, .removeFilter:hover > .removeFilterX, .removeFilterX:hover {background-color: rgba(0,0,0,.5); text-decoration: none}
.removeFilterGroup:hover {text-decoration: underline}
.filterLine > * {vertical-align: middle}
.nextCloseIconCell {padding-right: 2px}
.nextPendingBillToAddress .nextHTMLButton, .nextPendingPaymentInformation .nextHTMLButton, nextPendingShipToAddress .nextHTMLButton {display: inline-block; text-align: center; margin-left: 5px}
.directCheckout .nextPasswordReminder .nextHTMLButton {width: auto}
.nextAlternateInvoiceRow {background: #e9e9ea}
.nextSimpleImageCentered {display: block; margin-left: auto; margin-right: auto; max-width:100%; max-height: 300px;}
.nextQuickShopPopup .nextAddToCartTable { margin-right: 0; width: 100%;}
.nextQuickShopPopup .nextHTMLButton.nextATCButton, .nextQuickShopPopup .nextHTMLButton.nextBuyNowButton, .nextProductList .nextAddToCartTable .nextHTMLButton.nextBuyNowButton {width:100%; margin-left: 0; margin-right: 0;}
.nextQuickShopAllDetails {margin-bottom: 1em}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .nextProdThumb:focus ~ .nextQuickShopButton, .nextProdThumb:hover ~ .nextQuickShopButton, .nextProdThumb a:focus ~ .nextQuickShopButton, .nextProdThumb a:hover ~ .nextQuickShopButton, .nextQuickShopButton:focus, .nextQuickShopButton:hover {display: block;} 
    .nextContainerQuickShop a.nextProdThumb img{top: 0; left: 0;}
}
.nextIconInactive {color:#a5a5a5;}
.nextFontHeartActive {color:red;}
.nextFontStarActive {color:#f7e729;}
.nextFontShopListActive {color:#e09c1e;}
.nextFontBookmarkActive {color:blue;}
.nextAddToFavoritesButton {display: block; text-align: center; cursor: pointer; margin-bottom: 1em; font-style: normal;}
.nextFavoriteProductButton .nextTooltipText {visibility: hidden; width: 120px; background-color: #fff; color: black; text-align: center; border-radius: 6px; border: 2px solid black; padding: 5px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s;}
.nextFavoriteProductButton .nextTooltipText::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;}
.nextFavoriteProductButton .nextTooltipText::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;}
.nextFavoriteProductButton:hover .nextTooltipText, .nextFavoriteProductButton:focus .nextTooltipText {visibility: visible; opacity: 1;}

.filterLineScroll {max-height: 150px; overflow-y: auto}
.filterLineScroll::-webkit-scrollbar {-webkit-appearance: none; width: 7px}
.filterLineScroll::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0, 0, 0, .5); box-shadow: 0 0 1px rgba(255, 255, 255, .5)}



.nextOrderPadProductInvalid {border: 2px solid red; border-radius: 5px}


.nextSubcategoryLevel1 {margin-left: 10px}
.nextSubcategoryLevel2 {margin-left: 20px}
.nextSubcategoryLevel3 {margin-left: 30px}
.nextSubcategoryLevel4 {margin-left: 40px}
.nextSubcategoryLevel5 {margin-left: 50px}
.nextSubcategoryLevel6 {margin-left: 60px}
.nextSubcategoryLevel7 {margin-left: 70px}
.nextSubcategoryLevel8 {margin-left: 80px}
.nextSubcategoryLevel9 {margin-left: 90px}
.nextSubcategoryLevel10 {margin-left: 100px}
.nextSubcategoryLevel11 {margin-left: 110px}
.nextSubcategoryLevel12 {margin-left: 120px}
.nextSubcategoryLevel13 {margin-left: 130px}
.nextSubcategoryLevel14 {margin-left: 140px}
.nextSubcategoryLevel15 {margin-left: 150px}

/* ================================================================
   SKYBOLT AEROSPACE FASTENERS - COMPLETE STORE REDESIGN
   Version: 4.3 - February 2, 2026
   CHANGES: Removed custom cart styles (using native Nexternal cart)
   ================================================================ */

/* ----------------------------------------------------------------
   CSS CUSTOM PROPERTIES (Design System)
   ---------------------------------------------------------------- */
:root {
    /* Brand Colors */
    --sky-red: #a10000;
    --sky-red-dark: #8a0000;
    --sky-red-light: #c41e1e;
    --sky-charcoal: #1a1a1a;
    --sky-dark-gray: #2d2d2d;
    --sky-medium-gray: #4a4a4a;
    --sky-light-gray: #e8e8e8;
    --sky-off-white: #f5f5f5;
    --sky-white: #ffffff;
    
    /* Accent Colors */
    --sky-steel: #4a5568;
    --sky-silver: #718096;
    --sky-gold: #d69e2e;
    
    /* Functional Colors */
    --success: #38a169;
    --warning: #d69e2e;
    --error: #e53e3e;
    --info: #3182ce;
    
    /* Typography */
    --font-heading: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    --font-body: 'Source Sans Pro', 'Segoe UI', sans-serif;
    
    /* Spacing Scale */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 9999px;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.2);
    
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 400ms ease;
    
    /* Layout */
    --max-width: 1400px;
    --header-height: 140px;
    --nav-height: 50px;
}

/* ----------------------------------------------------------------
   RESET & BASE STYLES
   ---------------------------------------------------------------- */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body, body.master {
    font-family: var(--font-body) !important;
    font-size: 16px;
    line-height: 1.6;
    color: var(--sky-charcoal);
    background: var(--sky-white) !important;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    border: 0;
    max-width: 100%;
    height: auto;
}

a {
    color: var(--sky-red);
    text-decoration: none;
    transition: color var(--transition-fast);
}

a:hover {
    color: var(--sky-red-dark);
}

/* ----------------------------------------------------------------
   TYPOGRAPHY
   ---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading) !important;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 var(--space-md);
    color: var(--sky-charcoal);
}

h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); }
h2 { font-size: clamp(1.5rem, 3vw, 2rem); }
h3 { font-size: clamp(1.25rem, 2.5vw, 1.5rem); }

/* ----------------------------------------------------------------
   HIDE OLD NAVIGATION
   ---------------------------------------------------------------- */
.AJXCSSMenuEfXDNHD {
    display: none !important;
}

/* ================================================================
   HEADER SECTION
   ================================================================ */

/* ----------------------------------------------------------------
   MODERN HEADER
   ---------------------------------------------------------------- */
.sky-header {
    background: linear-gradient(135deg, var(--sky-charcoal) 0%, var(--sky-dark-gray) 100%) !important;
    position: relative;
    overflow: hidden;
}

.sky-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.03)"/></svg>') repeat;
    background-size: 20px 20px;
    pointer-events: none;
}

.sky-header-inner {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: var(--space-lg) var(--space-xl);
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-lg);
    position: relative;
    z-index: 1;
}

/* Logo */
.sky-logo {
    flex-shrink: 0;
}

.sky-logo a {
    display: block;
}

.sky-logo img {
    height: 70px;
    width: auto;
    transition: transform var(--transition-base);
}

.sky-logo:hover img {
    transform: scale(1.02);
}

/* Credentials Bar */
.sky-credentials {
    display: flex !important;
    align-items: center;
    gap: var(--space-xl);
    color: var(--sky-white);
}

.sky-credential {
    text-align: center;
}

.sky-credential-label {
    font-family: var(--font-heading) !important;
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.6);
    display: block;
    margin-bottom: 2px;
}

.sky-credential-value {
    font-family: var(--font-heading) !important;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--sky-white);
}

.sky-credential-value a {
    color: var(--sky-white) !important;
    text-decoration: none;
}

.sky-credential-value a:hover {
    color: var(--sky-red-light) !important;
}

/* US Flag Icon */
.sky-flag-icon {
    display: inline-block !important;
    width: 22px !important;
    height: auto !important;
    margin-left: 4px !important;
    margin-right: 0 !important;
    vertical-align: middle !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-radius: 2px !important;
    max-width: 22px !important;
    max-height: none !important;
}

/* Search Bar */
.sky-search-bar {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.sky-search-bar form {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.sky-search-input {
    width: 220px !important;
    padding: 10px 16px !important;
    border: 2px solid rgba(255,255,255,0.2) !important;
    border-radius: var(--radius-full) !important;
    background: rgba(255,255,255,0.1) !important;
    color: var(--sky-white) !important;
    font-size: 14px !important;
    transition: all var(--transition-base);
}

.sky-search-input::placeholder {
    color: rgba(255,255,255,0.5);
}

.sky-search-input:focus {
    outline: none !important;
    border-color: var(--sky-red) !important;
    background: rgba(255,255,255,0.15) !important;
    width: 280px !important;
}

.sky-search-btn {
    padding: 10px 20px !important;
    border-radius: var(--radius-full) !important;
    background: var(--sky-red) !important;
    color: var(--sky-white) !important;
    border: none !important;
    font-family: var(--font-heading) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all var(--transition-base);
}

.sky-search-btn:hover {
    background: var(--sky-red-light) !important;
    transform: translateY(-1px);
}

/* Mobile Hamburger */
.sky-hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    padding: var(--space-sm);
    background: none !important;
    border: none !important;
    cursor: pointer;
    z-index: 1001;
}

.sky-hamburger-line {
    width: 25px;
    height: 3px;
    background: var(--sky-white);
    border-radius: 2px;
    transition: all var(--transition-base);
}

.sky-hamburger.is-active .sky-hamburger-line:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.sky-hamburger.is-active .sky-hamburger-line:nth-child(2) {
    opacity: 0;
}

.sky-hamburger.is-active .sky-hamburger-line:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}

/* ================================================================
   MAIN NAVIGATION
   ================================================================ */

.sky-main-nav {
    background: var(--sky-red) !important;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: var(--shadow-lg);
}

.sky-main-nav.is-scrolled {
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

.sky-nav-inner {
    max-width: var(--max-width);
    margin: 0 auto;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--space-xl);
}

/* Navigation List */
.sky-nav-list {
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0;
}

.sky-nav-item {
    position: relative;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sky-nav-item::before {
    display: none !important;
}

.sky-nav-link {
    display: flex !important;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-md) var(--space-lg) !important;
    color: var(--sky-white) !important;
    font-family: var(--font-heading) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all var(--transition-fast);
    position: relative;
    white-space: nowrap;
}

.sky-nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: var(--sky-white);
    transition: all var(--transition-base);
    transform: translateX(-50%);
}

.sky-nav-link:hover {
    background: rgba(0,0,0,0.2);
    color: var(--sky-white) !important;
}

.sky-nav-link:hover::after {
    width: 80%;
}

.sky-dropdown-arrow {
    font-size: 10px;
    margin-left: 4px;
    transition: transform var(--transition-fast);
}

.sky-nav-item:hover .sky-dropdown-arrow {
    transform: rotate(180deg);
}

/* Dropdown Menu */
.sky-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: var(--sky-white) !important;
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    box-shadow: var(--shadow-xl);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all var(--transition-base);
    z-index: 1001;
    list-style: none !important;
    margin: 0 !important;
    padding: var(--space-sm) 0 !important;
}

.sky-nav-item:hover .sky-dropdown,
.sky-has-dropdown:hover .sky-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.sky-dropdown li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sky-dropdown li::before {
    display: none !important;
}

.sky-dropdown a {
    display: block !important;
    color: var(--sky-charcoal) !important;
    padding: var(--space-sm) var(--space-lg) !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all var(--transition-fast);
    border-left: 3px solid transparent;
}

.sky-dropdown a:hover {
    background: var(--sky-light-gray);
    border-left-color: var(--sky-red);
    color: var(--sky-red) !important;
}

/* Disabled/placeholder links */
.sky-dropdown a.sky-disabled {
    color: var(--sky-medium-gray) !important;
    cursor: not-allowed;
    opacity: 0.5;
}

.sky-dropdown a.sky-disabled:hover {
    background: transparent;
    border-left-color: transparent;
    color: var(--sky-medium-gray) !important;
}

/* Part Selector Button in Nav */
.sky-part-selector-btn {
    display: flex !important;
    align-items: center;
    gap: var(--space-sm);
    padding: 10px 20px !important;
    background: var(--sky-white) !important;
    color: var(--sky-red) !important;
    font-family: var(--font-heading) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: var(--radius-md);
    margin: 8px 0;
    transition: all var(--transition-base);
    animation: pulse 2s infinite;
}

.sky-part-selector-btn:hover {
    background: var(--sky-off-white) !important;
    transform: scale(1.05);
    color: var(--sky-red) !important;
}

.sky-part-selector-btn svg {
    width: 18px;
    height: 18px;
    stroke: var(--sky-red);
}

@keyframes pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0.4); }
    50% { box-shadow: 0 0 0 8px rgba(255,255,255,0); }
}

/* ----------------------------------------------------------------
   PROMOTIONAL BANNER
   ---------------------------------------------------------------- */
.sky-promo-banner {
    background: var(--sky-off-white);
    border-bottom: 1px solid var(--sky-light-gray);
    padding: var(--space-sm) var(--space-xl);
}

.sky-promo-inner {
    max-width: var(--max-width);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--space-sm);
    font-size: 13px;
    color: var(--sky-medium-gray);
}

.sky-promo-item {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
}

.sky-promo-icon {
    font-size: 14px;
}

.sky-promo-divider {
    color: var(--sky-light-gray);
    margin: 0 var(--space-xs);
}

.sky-promo-link {
    color: var(--sky-red) !important;
    font-weight: 600;
    text-decoration: none;
    transition: color var(--transition-fast);
}

.sky-promo-link:hover {
    color: var(--sky-red-dark) !important;
    text-decoration: underline;
}

/* ================================================================
   SIDEBAR - CATEGORY NAVIGATION
   ================================================================ */

td.persist {
    width: 260px !important;
    min-width: 260px;
    background: var(--sky-white);
    border-radius: var(--radius-lg);
    padding: var(--space-lg) !important;
    box-shadow: var(--shadow-md);
    margin-right: var(--space-lg);
}

/* Category Navigation Header - Bold Red Style */
.nextCatNavHeading {
    background: var(--sky-red) !important;
    color: var(--sky-white) !important;
    font-family: var(--font-heading) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 14px !important;
    margin-bottom: var(--space-md);
    border-radius: var(--radius-md) !important;
    border-bottom: none !important;
}

.nextCatNav {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.nextCatNav li {
    margin: 0;
    list-style: none !important;
}

/* Category link spacing and styling */
.nextCatNav li a,
.nextPersistentCategory a {
    display: block;
    padding: 10px 12px;
    margin: 0;
    color: var(--sky-medium-gray);
    font-size: 14px;
    font-weight: 500;
    border-radius: var(--radius-sm);
    border-bottom: 1px solid var(--sky-light-gray);
    transition: all var(--transition-fast);
    border-left: 3px solid transparent;
}

/* Hover effect with background highlight */
.nextCatNav li a:hover,
.nextPersistentCategory a:hover {
    background: var(--sky-light-gray);
    color: var(--sky-charcoal);
    border-left-color: var(--sky-red);
    padding-left: 15px;
}

/* Active category styling */
.nextCatNav li.nextActiveCategory > a,
.nextActiveCategory a {
    background: #faf5f5;
    color: var(--sky-red);
    font-weight: 600;
    border-left-color: var(--sky-red);
}

/* Remove border from last item */
.nextPersistentCategory:last-child a {
    border-bottom: none;
}

/* Subcategory styling */
.nextSubcategoryLevel1,
.nextSubcategoryLevel2,
div[class*="nextSubcategoryLevel"] {
    background: #fafafa !important;
    border-left: 3px solid #e8e8e8 !important;
    margin: 2px 0 !important;
    padding: 0 !important;
}

.nextSubcategoryLevel1 a,
.nextSubcategoryLevel2 a,
div[class*="nextSubcategoryLevel"] a {
    padding: 10px 12px 10px 32px !important;
    font-size: 13px !important;
    color: #888 !important;
    font-weight: 400 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    display: block !important;
    position: relative !important;
}

.nextSubcategoryLevel1 a::before,
.nextSubcategoryLevel2 a::before,
div[class*="nextSubcategoryLevel"] a::before {
    content: '└ ' !important;
    color: #ccc !important;
    margin-right: 4px !important;
    font-weight: 300 !important;
}

.nextSubcategoryLevel1 a:hover,
.nextSubcategoryLevel2 a:hover,
div[class*="nextSubcategoryLevel"] a:hover {
    background: var(--sky-light-gray) !important;
    color: var(--sky-charcoal) !important;
    border-left-color: var(--sky-red) !important;
    padding-left: 36px !important;
}

.nextSubcategoryLevel1 a.nextActiveCategory,
.nextSubcategoryLevel2 a.nextActiveCategory,
div[class*="nextSubcategoryLevel"] a.nextActiveCategory {
    background: #faf5f5 !important;
    color: var(--sky-red) !important;
    font-weight: 500 !important;
    border-left-color: var(--sky-red) !important;
}

/* ================================================================
   SHOPPING CART SIDEBAR
   ================================================================ */

td.cart {
    width: 300px !important;
    min-width: 280px;
    background: transparent;
    padding: 0 !important;
}

.nextCartWrapper {
    position: sticky;
    top: calc(var(--nav-height) + var(--space-lg));
}

.nextCartData {
    background: var(--sky-charcoal);
    border-radius: var(--radius-lg);
    padding: 0;
    box-shadow: var(--shadow-xl);
    overflow: hidden;
}

#nextCartHeading {
    background: var(--sky-red) !important;
    color: var(--sky-white) !important;
    font-family: var(--font-heading) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: var(--space-md) var(--space-lg) !important;
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

#upCartData {
    background: var(--sky-white);
    padding: var(--space-md);
    margin: var(--space-md);
    border-radius: var(--radius-md);
}

.nextShoppingCart {
    border: none !important;
    border-radius: var(--radius-md);
    overflow: hidden;
    margin: 0;
    box-shadow: none;
}

.nextCartProducts {
    font-size: 13px;
}

.nextCartProducts td {
    padding: var(--space-sm) var(--space-xs);
    border-color: var(--sky-light-gray);
}

.nextCartShipTo {
    background: var(--sky-steel) !important;
    color: var(--sky-white) !important;
    font-family: var(--font-heading) !important;
    font-size: 12px !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.nextCartTotal td {
    background: var(--sky-charcoal) !important;
    color: var(--sky-white) !important;
    font-family: var(--font-heading) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: var(--space-md) var(--space-sm) !important;
}

/* Checkout Button */
#btnCheckOutBottom,
.nextCheckOutButtonBottomWrapper input {
    width: 100%;
    background: linear-gradient(135deg, var(--sky-red) 0%, var(--sky-red-dark) 100%) !important;
    color: var(--sky-white) !important;
    font-family: var(--font-heading) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: var(--space-md) var(--space-lg) !important;
    border-radius: var(--radius-md) !important;
    border: none !important;
    cursor: pointer;
    transition: all var(--transition-base);
    margin-top: var(--space-md);
}

#btnCheckOutBottom:hover,
.nextCheckOutButtonBottomWrapper input:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(161, 0, 0, 0.4);
}

/* ================================================================
   MAIN CONTENT AREA
   ================================================================ */

td.main {
    padding: 0 20px;
    background: var(--sky-white) !important;
    width: 100% !important;
}

/* Force all images to scale responsively */
td.main img,
.nextCatLinks img,
.nextProductList img,
.nextTileProducts img {
    max-width: 100% !important;
    height: auto !important;
}

/* Ensure white background throughout */
.nextStoreFront,
.nextCategoryPage,
body > table,
body table[width="100%"] {
    background: var(--sky-white) !important;
}

/* ================================================================
   PRODUCT LISTING GRID
   ================================================================ */

.nextProductList,
.nextTileProducts {
    padding: 20px;
    width: 100%;
}

/* Product Card Base Styling */
.nextProductWrapper {
    background: var(--sky-white);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: all var(--transition-base);
    position: relative;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    margin: 10px;
}

.nextProductWrapper:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-xl);
}

/* Product Tile Content */
.nextTileProducts .tileContent,
.tileContent {
    padding: 10px 15px 20px;
    text-align: center;
}

.nextProductWrapper table {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

/* Product Thumbnail */
.nextProdThumb {
    display: block;
    overflow: hidden;
    background: var(--sky-off-white);
    padding: var(--space-lg);
    text-align: center;
    margin: 0 auto 10px;
}

.nextProdThumb img {
    max-height: 180px;
    object-fit: contain;
    transition: transform var(--transition-base);
    margin: 0 auto;
}

.nextProductWrapper:hover .nextProdThumb img {
    transform: scale(1.05);
}

/* Product Name */
.nextProdName {
    display: block;
    padding: 5px 0;
    font-family: var(--font-heading) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--sky-charcoal);
    text-decoration: none;
    text-align: center;
    width: 100%;
    line-height: 1.3;
    transition: color var(--transition-fast);
}

.nextProdName:hover {
    color: var(--sky-red);
}

/* Short Description */
.nextProductWrapper .nextShortDesc {
    padding: 5px 0;
    text-align: center;
}

/* Price */
.nextPrice {
    padding: 5px 0;
    font-family: var(--font-heading) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--sky-red);
    text-align: center;
}

.nextPrice strike {
    color: var(--sky-silver);
    font-size: 14px;
    font-weight: 400;
}

/* Add to Cart area */
.nextProductWrapper .nextAddToCartCell,
.nextProductWrapper .nextAddToCartInnerTable,
.nextProductWrapper .nextShipToCell,
.nextProductWrapper .nextShipToInnerTable {
    margin: 0 auto;
    text-align: center;
}

/* Custom fields */
.nextProductWrapper .nextCustomField1Container,
.nextProductWrapper .nextCustomField2Container,
.nextProductWrapper .nextCustomField3Container {
    text-align: center;
}

/* Add to Cart button in listings */
.nextProductWrapper .nextHTMLButton {
    width: calc(100% - var(--space-xl));
    margin: 0 var(--space-md) var(--space-md);
}

/* ================================================================
   CATEGORY TILES
   ================================================================ */

.nextCategoryList,
.nextCatLinks {
    padding: 20px;
    width: 100%;
}

.nextCategoryTile {
    background: var(--sky-white);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: all var(--transition-base);
    margin: 10px;
}

.nextCategoryTile:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-xl);
}

.nextCategoryTile a {
    display: block;
    text-decoration: none;
}

.nextCategoryTile img {
    width: 100% !important;
    height: auto !important;
    max-height: 200px;
    object-fit: contain;
    background: var(--sky-white);
    padding: var(--space-lg);
    transition: transform var(--transition-base);
    display: block !important;
}

.nextCategoryTile:hover img {
    transform: scale(1.05);
}

/* Category Text Alignment */
.nextCatLinks {
    text-align: center;
}

.nextCatThumb {
    text-align: center;
    display: block;
    margin: 0 auto 10px;
}

a.nextCatName {
    display: block;
    text-align: center;
    margin-top: 8px;
}

.nextCatLinks .tileContent {
    text-align: center;
}

.nextCatLinks table {
    margin: 0 auto;
    text-align: center;
}

.nextCatLinks td {
    text-align: center;
}

/* ================================================================
   BREADCRUMBS
   ================================================================ */

.nextBreadcrumb,
#threadWrapper {
    padding: var(--space-md) var(--space-lg);
    font-size: 13px;
    color: var(--sky-silver);
}

.nextBreadcrumb a {
    color: var(--sky-steel);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.nextBreadcrumb a:hover {
    color: var(--sky-red);
}

/* ================================================================
   FORMS & BUTTONS
   ================================================================ */

input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]):not([type=button]),
select,
textarea {
    padding: 12px 16px;
    border: 2px solid var(--sky-light-gray);
    border-radius: var(--radius-md);
    font-family: var(--font-body);
    font-size: 15px;
    transition: all var(--transition-fast);
    background: var(--sky-white);
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: var(--sky-red);
    box-shadow: 0 0 0 3px rgba(161, 0, 0, 0.1);
}

button,
input[type="submit"],
input[type="button"],
.nextHTMLButton {
    font-family: var(--font-heading) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 12px 24px;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-base);
    background: var(--sky-red);
    color: var(--sky-white);
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.nextHTMLButton:hover {
    background: var(--sky-red-dark);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

/* ================================================================
   FOOTER
   ================================================================ */

.sky-footer {
    background: linear-gradient(135deg, var(--sky-charcoal) 0%, #1f1f1f 100%) !important;
    padding: 60px 40px 30px !important;
    margin-top: 60px !important;
    position: relative;
}

.sky-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--sky-red);
}

/* Footer Grid Layout */
.sky-footer-grid {
    max-width: var(--max-width);
    margin: 0 auto;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 40px;
}

/* Footer Columns */
.sky-footer-col {
    color: rgba(255,255,255,0.8);
}

.sky-footer-col.sky-footer-left {
    text-align: left;
}

.sky-footer-col.sky-footer-center {
    text-align: center;
}

.sky-footer-col.sky-footer-right {
    text-align: left;
    background: rgba(255,255,255,0.05);
    padding: 25px;
    border-radius: 12px;
}

/* Footer Logo */
.sky-footer-logo {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.sky-footer-logo img {
    height: 70px;
    width: auto;
    filter: brightness(1.5) contrast(1.1) !important;
}

.sky-footer-logo a {
    display: inline-block;
    line-height: 0;
    transition: opacity var(--transition-base);
}

.sky-footer-logo a:hover {
    opacity: 0.8;
}

/* Footer Navigation Links */
.sky-footer-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin-bottom: 20px;
    list-style: none !important;
    padding: 0 !important;
}

.sky-footer-nav li {
    list-style: none !important;
}

.sky-footer-nav a {
    color: rgba(255,255,255,0.7) !important;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.sky-footer-nav a:hover {
    color: #ffffff !important;
}

/* AS9100D Badge */
.sky-footer-cert {
    margin: 20px 0;
}

.sky-footer-cert img {
    height: 45px;
    width: auto;
    opacity: 0.9;
}

/* Copyright & Legal */
.sky-footer-legal {
    margin-top: 20px;
}

.sky-footer-copyright {
    color: rgba(255,255,255,0.5);
    font-size: 13px;
    margin-bottom: 10px;
}

.sky-footer-trademarks {
    color: rgba(255,255,255,0.4);
    font-size: 11px;
    line-height: 1.6;
}

/* Price Disclaimer */
.sky-footer-disclaimer {
    background: rgba(161, 0, 0, 0.3);
    color: #ffcccc !important;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 13px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sky-footer-disclaimer-icon {
    font-size: 18px;
}

/* Contact Info */
.sky-footer-contact-title {
    color: #ffffff;
    font-family: var(--font-heading);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.sky-footer-contact-title span {
    font-size: 16px;
}

.sky-footer-contact-info {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.sky-footer-contact-info a {
    color: #ff6b6b !important;
    text-decoration: none;
}

.sky-footer-contact-info a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

.sky-footer-hours {
    color: rgba(255,255,255,0.6);
    font-size: 13px;
}

/* Right Column - About */
.sky-footer-about-title {
    color: #ffffff;
    font-family: var(--font-heading);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.sky-footer-about-text {
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
}

/* Part Selector CTA in Footer */
.sky-footer-cta {
    background: rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    text-align: center;
}

.sky-footer-cta-title {
    color: #ffffff;
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.sky-footer-cta-text {
    color: rgba(255,255,255,0.7);
    font-size: 13px;
    margin-bottom: 15px;
}

.sky-footer-cta-btn {
    display: inline-block;
    background: var(--sky-red) !important;
    color: #ffffff !important;
    font-family: var(--font-heading) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 12px 25px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.sky-footer-cta-btn:hover {
    background: var(--sky-red-light) !important;
    transform: translateY(-2px);
}

/* Markets Served */
.sky-footer-markets {
    margin-top: 20px;
    text-align: center;
}

.sky-footer-markets-title {
    color: rgba(255,255,255,0.5);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.sky-footer-markets-list {
    color: rgba(255,255,255,0.6);
    font-size: 12px;
}

/* ================================================================
   PART SELECTOR MODAL
   ================================================================ */

.sky-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity var(--transition-base);
}

.sky-modal.is-open {
    display: flex;
    opacity: 1;
}

.sky-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(4px);
    cursor: pointer;
}

.sky-modal-container {
    position: relative;
    width: 90%;
    max-width: 1400px;
    height: 90%;
    max-height: 900px;
    background: var(--sky-white);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: modalSlideIn 0.3s ease-out;
}

@keyframes modalSlideIn {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.sky-modal-header {
    background: var(--sky-red);
    color: var(--sky-white);
    padding: var(--space-lg) var(--space-xl);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.sky-modal-title {
    font-family: var(--font-heading) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.sky-modal-title svg {
    stroke: var(--sky-white);
}

.sky-modal-close {
    background: none;
    border: none;
    color: var(--sky-white);
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all var(--transition-fast);
}

.sky-modal-close:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(90deg);
}

.sky-modal-body {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.sky-modal-body iframe {
    border: none;
    display: block;
}

/* Mobile Modal Adjustments */
@media (max-width: 768px) {
    .sky-modal-container {
        width: 95%;
        height: 95%;
        max-width: none;
        max-height: none;
    }
    
    .sky-modal-header {
        padding: var(--space-md);
    }
    
    .sky-modal-title {
        font-size: 16px !important;
    }
}

/* ================================================================
   FLOATING ACTION BUTTON (FAB)
   ================================================================ */

.sky-fab {
    position: fixed !important;
    bottom: var(--space-xl);
    right: var(--space-xl);
    z-index: 9999;
    display: flex !important;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md) var(--space-xl) !important;
    background: linear-gradient(135deg, var(--sky-red) 0%, var(--sky-red-dark) 100%) !important;
    color: var(--sky-white) !important;
    font-family: var(--font-heading) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border: none !important;
    border-radius: var(--radius-full) !important;
    cursor: pointer;
    box-shadow: var(--shadow-xl);
    transition: all var(--transition-base);
    animation: fab-pulse 3s infinite;
}

.sky-fab:hover {
    transform: scale(1.05) translateY(-2px);
    box-shadow: 0 15px 40px rgba(161, 0, 0, 0.5);
}

.sky-fab svg {
    width: 24px;
    height: 24px;
    stroke: var(--sky-white);
}

@keyframes fab-pulse {
    0%, 100% { box-shadow: 0 10px 30px rgba(161, 0, 0, 0.4); }
    50% { box-shadow: 0 10px 40px rgba(161, 0, 0, 0.6); }
}

/* ================================================================
   RESPONSIVE BREAKPOINTS
   ================================================================ */

/* Tablet & Below - 1200px */
@media (max-width: 1200px) { 
    .sky-header-inner {
        flex-direction: column;
        text-align: center;
    }
    
    .sky-credentials {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    td.persist {
        width: 220px !important;
        min-width: 220px;
    }
    
    td.main {
        padding: 0 15px;
    }
}

/* Tablet Portrait - 1024px */
@media (max-width: 1024px) {
    .sky-hamburger {
        display: flex !important;
    }
    
    .sky-nav-list {
        display: none !important;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--sky-red);
        box-shadow: var(--shadow-lg);
        padding: 0;
        margin: 0;
    }
    
    .sky-main-nav.is-open .sky-nav-list {
        display: flex !important;
    }
    
    .sky-nav-item {
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    
    .sky-nav-link {
        padding: var(--space-md) var(--space-lg) !important;
    }
    
    .sky-dropdown {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none;
        background: rgba(0,0,0,0.1) !important;
        border-radius: 0;
    }
    
    .sky-dropdown a {
        color: var(--sky-white) !important;
        padding-left: var(--space-2xl) !important;
    }
    
    .sky-dropdown a:hover {
        background: rgba(0,0,0,0.2) !important;
        color: var(--sky-white) !important;
    }
    
    .sky-part-selector-btn {
        display: none !important;
    }
    
    .sky-footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
    
    .sky-footer-col.sky-footer-right {
        grid-column: span 2;
    }
}

/* Narrow Sidebar - 900px */
@media (max-width: 900px) {
    td.persist {
        width: 180px !important;
        min-width: 150px !important;
    }
}

/* Mobile & Small Tablets - 880px */
@media (max-width: 880px) {
    /* Hide category sidebar */
    td.persist {
        display: none !important;
    }
    
    /* Reduce padding on smaller screens */
    td.main {
        padding: 0 10px !important;
    }
    
    /* Make product/category cards stack better on mobile */
    .nextProductWrapper,
    .nextCategoryTile {
        margin: 10px 5px !important;
    }
}

/* Mobile - 768px */
@media (max-width: 768px) {
    .sky-footer {
        padding: 40px 20px 20px !important;
    }
    
    .sky-footer-grid {
        grid-template-columns: 1fr !important;
        gap: 30px;
        text-align: center;
    }
    
    .sky-footer-col.sky-footer-left,
    .sky-footer-col.sky-footer-center,
    .sky-footer-col.sky-footer-right {
        text-align: center;
    }
    
    .sky-footer-col.sky-footer-right {
        grid-column: span 1;
    }
    
    .sky-footer-logo {
        justify-content: center;
    }
    
    .sky-footer-nav {
        justify-content: center;
    }
    
    td.main {
        padding: 0 10px;
    }
}

/* Small Mobile - 600px */
@media (max-width: 600px) {
    :root {
        --space-lg: 1rem;
        --space-xl: 1.5rem;
    }
    
    .sky-header-inner {
        padding: var(--space-md);
    }
    
    .sky-credentials {
        gap: var(--space-md);
    }
    
    .sky-credential {
        flex: 0 0 45%;
    }
    
    .sky-search-bar {
        width: 100%;
    }
    
    .sky-search-bar form {
        width: 100%;
    }
    
    .sky-search-input {
        flex: 1;
        width: auto !important;
    }
    
    .sky-promo-inner {
        flex-direction: column;
        gap: var(--space-xs);
    }
    
    .sky-promo-divider {
        display: none;
    }
    
    .sky-fab {
        padding: var(--space-md) !important;
        right: var(--space-md);
    }
    
    .sky-fab-label {
        display: none;
    }
    
    /* Product grid: Let Nexternal handle layout, just tighten spacing */
    .nextProductWrapper {
        padding: 12px !important;
        margin: 8px 3px !important;
    }
    
    /* Category grid: Let Nexternal handle layout, just tighten spacing */
    .nextCategoryTile {
        margin: 8px 3px !important;
    }
}

/* ================================================================
   PRINT STYLES
   ================================================================ */

@media print {
    .sky-header,
    .sky-main-nav,
    .sky-promo-banner,
    td.persist,
    td.cart,
    .sky-footer,
    .sky-fab {
        display: none !important;
    }
    
    td.main {
        width: 100% !important;
        padding: 0 !important;
    }
    
    body {
        background: white;
    }
}

/* ================================================================
   UTILITY CLASSES
   ================================================================ */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sky-page-loaded {
    opacity: 1;
}

/* ================================================================
   ================================================================
   PHASE 3: STOREFRONT STYLES
   Added: January 2025
   Version 3.1 - Fixed spacing, image size, colors, category hiding
   ================================================================
   ================================================================ */

/* ----------------------------------------------------------------
   HIDE DEFAULT STOREFRONT ELEMENTS (AGGRESSIVE)
   ---------------------------------------------------------------- */
/* Hide the "Please Choose a Category" banner */
.nextStoreFront .nextSecondaryBanner,
.nextStoreFront .nextCatBanner,
.nextCatBanner,
.nextSecondaryBanner,
td.main .nextSecondaryBanner,
td.main .nextCatBanner {
    display: none !important;
}

/* Hide ALL default Nexternal category grids on storefront */
.nextStoreFront > table,
.nextStoreFront table.nextCatLinks,
td.main > table.nextCatLinks,
td.main table.nextCatLinks,
table.nextCatLinks,
.nextStoreFront > table > tbody > tr > td > table,
td.main > table > tbody > tr > td > table.nextCatLinks {
    display: none !important;
}

/* But SHOW our custom storefront sections */
.sky-hero-section,
.sky-story-banner,
.sky-featured-section,
.sky-cowling-section {
    display: block !important;
}

/* Hide empty category elements */
.nextStoreFront .nextCatThumb:empty,
.nextStoreFront .tileContent:empty,
.nextCatThumb:empty,
.tileContent:empty {
    display: none !important;
}

/* Nuclear option: hide any table directly after our custom content */
.sky-cowling-section ~ table,
.sky-cowling-section ~ div > table {
    display: none !important;
}

/* ----------------------------------------------------------------
   ENSURE SIDEBAR SHOWS (override any accidental hiding)
   ---------------------------------------------------------------- */
td.persist {
    display: table-cell !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ----------------------------------------------------------------
   HERO SECTION
   ---------------------------------------------------------------- */
.sky-hero-section {
    margin-bottom: 48px;
    padding-top: 10px;
}

.sky-section-header {
    text-align: center;
    margin-bottom: 32px;
}

.sky-section-label {
    display: inline-block;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #a10000;
    background: rgba(161, 0, 0, 0.08);
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 8px;
}

.sky-section-title {
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #2d3748;
    margin: 0 0 8px 0;
}

.sky-section-subtitle {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 17px;
    color: #6c757d;
    max-width: 600px;
    margin: 0 auto;
}

.sky-hero-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

@media (max-width: 768px) {
    .sky-hero-grid {
        grid-template-columns: 1fr;
    }
}

.sky-hero-card {
    position: relative;
    background: linear-gradient(145deg, #2d3748 0%, #4a5568 100%);
    border-radius: 16px;
    overflow: hidden;
    min-height: 380px;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

.sky-hero-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}

.sky-hero-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #d4af37;
    color: #2d3748;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 6px 10px;
    border-radius: 4px;
    z-index: 2;
}

.sky-hero-card-image {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

/* White image frame - larger size */
.sky-hero-image-frame {
    background: #ffffff;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    width: 95%;
    max-width: 380px;
}

.sky-hero-image-frame img,
.sky-hero-card-image img {
    max-width: 100%;
    max-height: 200px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.sky-hero-card:hover .sky-hero-image-frame img,
.sky-hero-card:hover .sky-hero-card-image img {
    transform: scale(1.05);
}

.sky-hero-card-content {
    background: #a10000;
    padding: 20px 24px;
}

.sky-hero-card-title {
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 6px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sky-hero-card-title svg {
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}

.sky-hero-card:hover .sky-hero-card-title svg {
    opacity: 1;
    transform: translateX(0);
}

.sky-hero-card-desc {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
    margin: 0;
}

/* ----------------------------------------------------------------
   STORY BANNER
   ---------------------------------------------------------------- */
.sky-story-banner {
    background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);
    border-radius: 12px;
    padding: 32px 48px;
    margin-bottom: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

@media (max-width: 900px) {
    .sky-story-banner {
        flex-direction: column;
        text-align: center;
        padding: 24px;
    }
}

.sky-story-content {
    flex: 1;
}

.sky-story-title {
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 8px 0;
}

.sky-story-text {
    font-family: "Source Sans Pro", Arial, sans-serif;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    line-height: 1.6;
    max-width: 600px;
    margin: 0;
}

.sky-story-stats {
    display: flex;
    gap: 32px;
}

.sky-stat {
    text-align: center;
}

.sky-stat-value {
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #ff6b6b;
    line-height: 1;
}

.sky-stat-label {
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 6px;
}

/* ----------------------------------------------------------------
   FEATURED PRODUCTS
   ---------------------------------------------------------------- */
.sky-featured-section {
    margin-bottom: 48px;
}

.sky-featured-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1024px) {
    .sky-featured-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .sky-featured-grid {
        grid-template-columns: 1fr;
    }
}

.sky-featured-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    border: 1px solid #e0e0e0;
}

.sky-featured-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    border-color: #a10000;
}

.sky-featured-card-image {
    background: #ffffff;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
}

.sky-featured-card-image img {
    max-width: 100%;
    max-height: 120px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.sky-featured-card:hover .sky-featured-card-image img {
    transform: scale(1.05);
}

.sky-featured-card-content {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #f8f9fa;
}

.sky-featured-card-title {
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #2d3748;
    margin: 0 0 6px 0;
    transition: color 0.2s ease;
}

.sky-featured-card:hover .sky-featured-card-title {
    color: #a10000;
}

.sky-featured-card-desc {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 14px;
    color: #6c757d;
    line-height: 1.5;
    flex: 1;
    margin: 0;
}

.sky-featured-card-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #a10000;
    margin-top: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sky-featured-card-link svg {
    transition: transform 0.2s ease;
}

.sky-featured-card:hover .sky-featured-card-link svg {
    transform: translateX(4px);
}

/* ----------------------------------------------------------------
   COWLING KITS
   ---------------------------------------------------------------- */
.sky-cowling-section {
    margin-bottom: 32px;
}

.sky-cowling-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 2px solid #e0e0e0;
}

.sky-cowling-title {
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #2d3748;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.sky-cowling-title svg {
    color: #6c757d;
}

.sky-cowling-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

@media (max-width: 600px) {
    .sky-cowling-grid {
        grid-template-columns: 1fr;
    }
}

.sky-cowling-card {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    padding: 16px;
    gap: 20px;
}

.sky-cowling-card:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    border-color: #a10000;
    background: #f8f9fa;
}

.sky-cowling-card-image {
    flex-shrink: 0;
    width: 120px;
    height: 90px;
    background: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.sky-cowling-card-image img {
    max-width: 100%;
    max-height: 80px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.sky-cowling-card:hover .sky-cowling-card-image img {
    transform: scale(1.05);
}

.sky-cowling-card-content {
    flex: 1;
}

.sky-cowling-card-title {
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #2d3748;
    margin: 0 0 6px 0;
    transition: color 0.2s ease;
}

.sky-cowling-card:hover .sky-cowling-card-title {
    color: #a10000;
}

.sky-cowling-card-desc {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 13px;
    color: #6c757d;
    line-height: 1.4;
    margin: 0;
}

.sky-cowling-card-arrow {
    flex-shrink: 0;
    color: #c0c0c0;
    transition: all 0.2s ease;
}

.sky-cowling-card:hover .sky-cowling-card-arrow {
    color: #a10000;
    transform: translateX(4px);
}

/* ----------------------------------------------------------------
   STOREFRONT RESPONSIVE ADJUSTMENTS
   ---------------------------------------------------------------- */
@media (max-width: 600px) {
    .sky-section-title {
        font-size: 28px;
    }
    
    .sky-hero-section {
        padding-top: 20px;
    }
}

/* ----------------------------------------------------------------
   ENSURE IMAGES DISPLAY
   ---------------------------------------------------------------- */
.sky-hero-card-image img,
.sky-hero-image-frame img,
.sky-featured-card-image img,
.sky-cowling-card-image img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ================================================================
   END PHASE 3 STOREFRONT STYLES
   ================================================================ */