/** * Main CSS Stylesheet * * @copyright Copyright 2003-2022 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 * @version $Id: John 2022 Jul 07 Modified in v1.5.8-alpha $ */ /*bof basic elements*/ body {margin:0;font-family:'Poppins', Arial, sans-serif;font-size:16px;line-height:140%;} /*general link styles*/ a img {border:none;} a:link, #navEZPagesTOC ul li a {text-decoration:underline;} a:visited {text-decoration:underline;} .sideBoxContent a:visited{} a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover{} a:active {} /*heading styles*/ h1 {font-size:1.8em;line-height:25px;} h2 {font-size:1.4em;} h3 {font-size:1.3em;} h4, h5, h6, h4.optionName, LEGEND, ADDRESS, .larger{font-size:1.1em;} h1, h2, h3, h4, h5, h6 {margin:20px 0;} .biggerText {font-size:1.2em;line-height:160%;} P, ADDRESS {padding:0.5em;text-align:left;} ADDRESS {font-style:normal;} HR {height: 1px;margin-top:0.5em;border:none;} #logo, .centerBoxContents, .specialsListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float:left;} .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {text-align:center;} #navCategoryIcon, .buttonRow, #indexProductListCatDescription {margin:0.5em;} #logo {padding-left:5px;} #paylink {float:right;} #message1 {text-align:center;color:#F00;font-weight:bold;margin-top:20px;font-size:16px;} #centerColumn a[href*="cPath=228"], .centerBoxContents a[href*="cPath=228"] { color: inherit !important; /* Forces link back to standard site color */ font-weight: normal !important; } #centerColumn a[href*="cPath=228"]::before, #centerColumn a[href*="cPath=228"]::after { content: none !important; } .abouthome{margin-top:-15px;bottom:-15px;} /*floats and clears*/ .back {float:left;} .forward, #shoppingCartDefault #PPECbutton {float:right;} .clearBoth {clear:both;} .bold {font-weight:bold;} .hiddenField {display:none;} .visibleField {display:inline;} #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {vertical-align:top;} .alert {margin-left:0.5em;} .important {font-weight:bold;} .gvBal {float:right;} .centerColumn, #bannerTwo, #bannerFour, #bannerFive, #bannerSix {padding:0.8em;} #bannerOne {background-color:#1c1717;} #bannerThree {padding:0px;} .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {font-size:0.9em;} .information {padding: 10px 3px; line-height: 150%;} .group:after {content: "";display:table;clear:both;} /*blue text color change to your color*/ .blue{} .blue:hover{} .last{border:none !important;} .no-fouc {display: none;} .italic{font-style:italic;} .back-margin{margin-top:30px;} .onerow-fluid{width:85% !important;margin:auto;} .categoryImg {display:none;} .notification {text-align:center;margin-bottom:0px;background-color:#ffffff;} /*bof form elements*/ CODE {font-family:'Poppins', Arial, sans-serif;font-size:1em;} FORM, SELECT, INPUT {display:inline;font-size:1em;margin:0 0.1em 0 0;} input{height:35px;padding-left:5px;margin-bottom:10px;} select{border:none;padding-left:5px;width:51%;} TEXTAREA {margin:auto;display:block;width:66%;float:left;margin-left:15px;} input:focus, select:focus, textarea:focus {} legend{padding:0;display:table;text-align:center;width:100%;padding:10px 0;font-size:1.3em;} fieldset{border:0;padding:0.01em 0 0 0;padding-bottom:20px;padding-top:20px;margin:0;min-width:0;margin-bottom:20px;} body:not(:-moz-handler-blocked) fieldset{display:table-cell;} fieldset > fieldset{} fieldset fieldset legend{text-align:left;padding:0;margin:0;position:relative;left:20px;font-size:120%;display:table;background:none;} fieldset p{margin-left:20px;} fieldset label, fieldset .inputLabel, fieldset h3, fieldset address, #advSearchDefault input, fieldset .buttonRow.back, fieldset select, fieldset input[type=radio], fieldset label {float:left;margin-left:5%;} fieldset input[type=checkbox], fieldset div{margin-left:20px;} fieldset div, fieldset .buttonRow.forward{margin-right:20px;} option{font-size:110%;} LABEL, h4.optionName {line-height:1.5em;padding:0.2em;} LABEL.checkboxLabel, LABEL.radioButtonLabel {margin:0.5em 0.3em;} LABEL.inputLabel {width:11em;float:left;} LABEL.inputLabelPayment {width:15em;float:left;} LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {width:12em;float:left;} LABEL#textAreaReviews {font-weight:normal;margin:1em 0;} input[type=text]{width:85%;} #password-current, #login-password, #password-new, #password-confirm{width:50%;} input[type=radio], input[type=checkbox]{margin-top:8px;vertical-align:middle;height:auto;} input[type=file], input[type=image]{border:none;width:auto;height:auto;} input[type=password]{width:50%;} input[type=email] {width:85%;} input[type=tel] {width:85%;} select#country, .wrapperAttribsOptions select, #advSearchDefault select, select#stateZone {height:40px;} select#send-to {font-size: 1.1em; margin-bottom: 10px; margin-left: 0;} select#country, select#stateZone, #state {margin-left:0;} .ccinfo select{width:auto;height:25px;margin-bottom:10px;} .sideBoxContent select{width:90%; margin: auto; margin-bottom: 5px;} #currenciesContent select{height:35px;} /*bof warnings, errors, messages*/ .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {line-height:1.8em;padding:20px;} .messageStackWarning, .messageStackError {} .messageStackSuccess {} .messageStackCaution {} /*bof wrappers - page or section containers*/ #mainWrapper {text-align:left;width:100%;vertical-align:top;padding-right:15px;} #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {margin:0;padding:0;} #contentMainWrapper { padding-bottom: 10px; } #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper{margin:auto;} #mainWrapper{} #sendSpendWrapper {padding:20px 0;width:100%;} #sendSpendWrapper .buttonRow{margin-right:20px;} .floatingBox, #accountLinksWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {margin:0;width:47%;} .floatingBox{width:46%;} #loginDefault .floatingBox{min-height:240px;} .shippingEstimatorWrapper {padding:0.5em;} /*bof header*/ #headerWrapper{} #banner1 {background-color:#000000;font-size:16px;color:#ffffff;text-align:center;padding-top:10px;margin-bottom:10px;width:100%;} /*top left navigation*/ #navMainWrapper {margin:0;padding:0px 0;font-size:120%;width:100% !important;} #navMain{width:90%;margin:0 auto;} #navMain ul {margin:0;padding:0.5em 0;width:60%;list-style-type:none;text-align:left;line-height:1.5em;} #navMain ul li {display:inline;} #navMain ul li a {text-decoration:none;padding:0 0.8em;margin:0;white-space:nowrap;font-size:14px;} #navMain ul li a.navCartContentsIndicator {padding: 10px;border-radius: 10px;margin-right: 5px;} /*top right search*/ .cart-add input[type=text]{vertical-align:top;display:inline-block;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;height:42px;border:3px solid #ccc;} .cart-add input[type=submit], .videoplayer {display: flex; justify-content: center; align-items: center;} /*top middle*/ #logo{/*margin:4px 0px;*/margin-top:4px;} #taglineWrapper {/*margin-top:10px;*/} #tagline {display:none;font-size:1.5em;text-align:right;width:95%;margin-top:20px;} /* TOP EZ-PAGES LINKS - HEADER */ #navEZPagesTop { margin: 0; width: 100%; clear: both; display: block; } #navEZPagesTop ul { margin: 0; padding: 0; text-align: center; overflow: visible; font-size: initial; } #navEZPagesTop li { display: inline-block; margin: 0; list-style: none; font-size: 14px; } #navEZPagesTop li a { display: block; padding: 10px 14px; text-decoration: none; font-size: 14px; line-height: 1.2; } .pagination{margin-top:-10px;} .pagination ul {font-size:0;text-align:center;overflow:hidden;padding:0;} .pagination li {font-size:0.7rem;display: inline-block;margin-top:0;} .pagination li:first-child{border-left:0;} .pagination li a {text-decoration: none;padding: 1.2em 1.0em;display: block;} .pagination li a:hover {} .pagination .current{padding:1.2em 1.0em;} /*breadcrumbs*/ #navBreadCrumb {margin:0;padding:0.5em;} #navBreadCrumb a{text-decoration:none;} #navBreadCrumb a:visited{} /*view cart icon for phones*/ #navMain i.fa.fa-share{position:relative;top:-10px;left:-10px;} /*bof footer*/ /*bottom ezpages links*/ #navSuppWrapper {margin:0;width:100%;} #navSupp ul {font-size:0;text-align:center;} #navSupp li {font-size:0.75rem;display: inline-block;margin-top:0;} #navSupp ul li:last-child{} #navSupp li a {text-decoration: none;padding: 1.2em 1.0em;display: block;} #navSupp li a:hover {} /*footer copyright*/ #siteinfoIP, #siteinfoLegal, #bannerSix{font-weight:normal;padding:1.0em 0;margin:0;} #siteinfoLegal a{} #siteinfoLegal a:hover{} .phone1 a:link {text-align:center;padding-right:0px;color:#fff;padding-top:0px;float:right;text-decoration:none;} .phone1 { display: inline-block; float:right; /*background-color: #e3510f; /* dark modern gray */ color: #ffffff; padding: 10px 18px; border-radius: 6px; font-size: 15px; font-weight: 600; text-decoration: none; transition: background-color 0.2s ease, transform 0.1s ease; } .phone-button:hover { background-color: #111827; transform: translateY(-1px); } .phone-button:active { transform: translateY(0); } /* Make the Front Page Banner 1 full width */ #indexDefault #bannerThree { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } #indexDefault #bannerThree img { width: 100%; height: auto; display: block; } /*bof ezpages*/ #navEZPagesTOCWrapper {float:right;padding:0 20px 20px 20px;margin:0 0 20px 20px;} #navEZPagesTOC ul {margin:0;padding:0.5em 0;list-style-type:none;line-height:1.5em;} #navEZPagesTOC ul li {white-space:nowrap;font-size:130%;line-height:150%;} #navEZPagesTOC ul li a {padding:0 0.5em;margin:0;text-decoration:none;/*remove text decoration if you want an underline*/} #navEZPageNextPrev{margin-bottom:30px;} /*bof left and right hand columns*/ /*styles for centerbox, left and right hand headings*/ h2.centerBoxHeading, h3.rightBoxHeading, h3.leftBoxHeading{font-size:2.75em;font-weight:normal;} h3.rightBoxHeading a, h3.leftBoxHeading a{color: #ffffff;font-weight:normal;text-decoration:none;/*remove text decoration if you want an underline*/} h3.rightBoxHeading a:hover, h3.leftBoxHeading a:hover {text-decoration:none;} .rightBoxHeading, .leftBoxHeading, .centerBoxHeading {margin:0;padding:1.0em 0.2em;} /*sidebox content styles*/ .sideBoxContent {padding:1.0em;margin-bottom:10px;} .sideBoxContent a{padding:0.3em 0;display:inline-block;font-size:1.1em;text-decoration:none; /*remove text decoration for underlined links*/} .sideBoxContent a:hover{} .sideBoxContentItem{padding:1.0em 0;display:block;cursor:pointer;} .sideBoxContentItem:hover {} .sideBoxContentItem img, .reviewsContent img{margin-bottom:20px;} .rightBoxContent {margin-bottom:1em;} #ezpagesContent, #informationContent, #moreinformationContent, #bestsellersContent, #documentcategoriesContent, #categoriesContent{padding:0;} ul.list-links, ol.list-links{padding:0;margin-top:0;} ul.list-links li{list-style-type:none;} ol.list-links li{} ul.list-links li a, ol.list-links li a{padding:10px;display:block;} ul.list-links li:hover, ol.list-links li:hover{} .cat-count{} #cartBoxListWrapper li, .orderHistList li{list-style-type:none;padding:8px 0;} #cartBoxListWrapper li a, .orderHistList li a{display:inline !important;} .orderHistList i{margin-left:10px;display:inline;} #cartBoxListWrapper, .orderHistList {margin:0;padding:0;} #shoppingcartContent hr{display:none;} .cartBoxTotal{padding:10px !important;} .sideBoxContent .productPriceDiscount{font-size:130%;margin-top:3px;} .sideBoxContent .productSpecialPrice{font-size:120%;} /*bof shopping cart*/ .tableHeading TH {padding:10px 0;} .tableHeading{} #cartSubTotal {text-align:right;line-height:2.2em;padding:10px 0 20px 0;font-size:130%;} .tableRow, .tableHeading, #cartSubTotal {height:2.2em;} .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {padding: 0.5em 0;} .cartUnitDisplay, .cartTotalDisplay {text-align:right;padding-right:0.2em;} .cartTotalDisplay{font-size:130%;} #scUpdateQuantity {width:2em;} .cartQuantity {width:4.7em;} .cartNewItem {position:relative;} .cartOldItem {position:relative;} .cartBoxTotal {text-align:right;font-weight:bold;} .cartRemoveItemDisplay {width:3.5em;} .cartAttribsList {margin-left:1em;} .normalprice, .productSpecialPriceSale {text-decoration:line-through;} .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {} #ezPageBoxList ul {list-style-type:none;} #ezPageBoxList li, .cartBoxTotal {margin:0;padding: 0.2em 0;} #cartBoxEmpty, #cartBoxVoucherBalance {font-weight:bold;} .totalBox {width:5.5em;text-align:right;padding:0.2em;} .lineTitle, .amount {text-align:right;padding:0.2em;} .amount {width:5.5em;} #shoppingcartBody #shippingEstimatorContent {clear:both;} .seDisplayedAddressLabel {text-align:center;padding:10px 0;} .seDisplayedAddressInfo {text-transform:uppercase;text-align:center;font-weight:bold;} #seShipTo {padding:0.2em;} TR.tableHeading {} .rowOdd {height:1.5em;vertical-align:top;} .rowEven {height:1.5em;vertical-align:top;} .cartProdTitle{font-size:120%;} .cartProductDisplay a{text-decoration:none;} /*shipping estimator styles*/ #shippingEstimatorContent h2{padding:20px 0;font-weight:normal;text-align:center;} #shippingEstimatorContent table{border:none !important;margin-top:30px;} #shippingEstimatorContent td, #shippingEstimatorContent th{border:none !important;} #shippingEstimatorContent th{padding:10px 0;} #shippingEstimatorContent tr:nth-child(odd){} #shippingEstimatorContent td{padding:10px;} /*bof checkout*/ #order-comments{padding:5px 20px 20px 20px;margin:20px 0;} #checkoutConfirmDefault .cartTableHeading{height:40px;} #checkoutShipping .important{margin-right:20px;} #checkoutShipping input[type=radio]{margin-left:20px;} #checkoutOrderTotals div, #csNotifications .buttonRow{margin-right:20px;} #checkoutPayment label, #csNotifications input{margin-left:20px;} div#checkoutShippingContentChoose{margin-bottom:20px;} #sendSpendWrapper h2{margin-top:-20px;} /*bof images*/ #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {margin:0 1em 1em 0;} .cartImage {margin:0.5em 1em;} /*bof center boxes*/ .centerBoxContents, .specialsListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {margin:1em 0;} .specialsListBoxContents a, .centerBoxContentsAlsoPurch a, .centerBoxContentsFeatured a, .centerBoxContentsSpecials a, .centerBoxContentsNew a{margin:10px auto;font-size:0.8em;display:block;width:90%;text-decoration:none; /*remove text decoration for underlined links*/} .specialsListBoxContents, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew{font-size:1.6em;cursor:pointer;padding:5px 0;} .specialsListBoxContents:hover, .centerBoxContentsSpecials:hover, .centerBoxContentsAlsoPurch:hover, .centerBoxContentsFeatured:hover, .centerBoxContentsNew:hover{} .centerBoxWrapper { overflow:hidden; margin-bottom:15px; clear:both; } .productPriceDiscount{margin:10px 0 5px 0;display:block;font-size:90%;} .productPriceDiscount br{display:none;} .normalprice{font-size:0.9em;} /*bof categories and product listing*/ #productListHeading, #indexCategoriesHeading { font-size: 34px !important; font-weight: 700 !important; line-height: 1.15 !important; margin: 0 0 8px 0 !important; } #indexProductListCatDescription, #categoryDescription { margin-left: 0; float: none; clear: both; max-width: none; width:100%; line-height: 1.6; } #categoryDescription p { margin-top: 0; margin-bottom: 12px; } #categoryDescription p:last-child { margin-bottom: 0; } #categoryDescription p { margin-bottom: 0px; } #cat-top { margin-bottom: 10px !important; padding-top: 5px !important; } #cat-top { margin-bottom: 10px !important; padding-top: 5px !important; clear: both; } #cat-top.group:after { content: ""; display: table; clear: both; } #indexCategories { clear: both; } #cat-top { margin-bottom: 10px !important; } #cat-left{text-align:center;} #filter-wrapper{padding:10px;} #filter-wrapper select{width:25%;height:35px;} .navSplitPagesLinks {display:inline-block;} .navSplitPagesLinks a{padding:10px;font-weight:bold;text-decoration:none;} .navSplitPagesLinks a:hover{} .navSplitEmpty3rdColumn {margin-left: 0 !important;} .current{padding:10px;} .productListing-rowheading{padding:10px 10px;text-align:center;} .productListing-rowheading a{display:inline-block;padding:10px 30px;text-decoration:none;} .productListing-rowheading a:hover{} .productListing-odd{padding:20px;overflow:hidden;} .productListing-even{padding:20px;overflow:hidden;} .productListing-even, .productListing-odd{clear:both;} .productListing-even:hover, .productListing-odd:hover{} .productListing-even form, .productListing-odd form{float:right;} .cart-add input[type=text]{width:auto !important;} .list-image{min-height:200px;min-width:20%;float:left;margin-right:5%;} .list-more{display:block;padding:8px 20px;float:right;text-align:center;text-decoration:none !important;width:50%;} .list-more:hover{} .listingProductImage {border: solid 1px #DFBEBF;box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.5);border-radius:5px;} #indexProductList .list-more{width:auto;margin-top:0px;} #searchresultBody .list-more{width:auto;} .itemTitle{font-weight:bold;font-size:140%;margin:5px 0;width:80%;} .itemTitle a{text-decoration:none;} .itemTitle a:hover{} .tabTable{margin-bottom:20px;} .listingDescription{width:75%;margin:10px 0;} .cart-add{float:right;} .list-input{float:right;width:10%;} span.list-addtext{display:block;text-align:center;} .list-input input[type=text]{width:100%;} .prod-list-wrap{text-align:center;padding:20px 10px 10px 20px;clear:both;height:40px;} #productsListingListingBottomLinks, #allProductsListingTopLinks, #allProductsListingBottomLinks, #featuredProductsListingTopLinks, #featuredProductsListingBottomLinks, #newProductsDefaultListingTopLinks, #newProductsDefaultListingBottomLinks, #productsListingListingTopLinks{width:47%;margin-left:25%;text-align:center;} #productsListingBottomNumber, #allProductsListingBottomNumber, #allProductsListingTopNumber, #productsListingTopNumber, #featuredProductsListingBottomNumber, #featuredProductsListingTopNumber, #newProductsDefaultListingTopNumber, #newProductsDefaultListingBottomNumber{width:25%;margin-left:-74%;margin-top:0;} #newProductsDefaultListingTopNumber, #newProductsDefaultListingBottomNumber{margin-left:-72.5%;} #featuredProductsListingBottomNumber, #featuredProductsListingTopNumber{margin-left:-71%;} .button-top{width:25%;text-align:right;margin:-10px 0 0 0;} .button-bottom{height:auto;padding:9px 0 5px 0;} #specialsListing .prod-list-wrap{padding:20px 20px 0 20px;} #productListing{margin-bottom:20px;} #no-products{padding:20px;margin:20px 0;} /*product listing column-layout overrides*/ /* ===== PFC PRODUCT LISTING CARDS - 3 COLUMN LAYOUT ===== */ .gridlayout.centerBoxContentsProducts { border: 1px solid #e1e1e1 !important; border-radius: 10px !important; padding: 18px 14px !important; margin: 8px !important; box-shadow: 0 4px 12px rgba(0,0,0,.06) !important; box-sizing: border-box !important; width: calc(33.333% - 16px) !important; height: auto !important; min-height: 0 !important; transition: all .2s ease; } .gridlayout.centerBoxContentsProducts > br { display: none !important; } .gridlayout.centerBoxContentsProducts:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,.12); } /* ========================================================= PRODUCT LISTING IMAGE FIT - FILL CARD WITHOUT SIDE GAPS ========================================================= */ .gridlayout .list-image { float: none; min-height: 350px; min-width: 0; margin: 0 0 15px 0; width: 100%; overflow: hidden; border-radius: 8px; } .gridlayout .list-image img { width: 100%; height: 350px; object-fit: cover; object-position: center center; display: block; border-radius: 8px; } .gridlayout .list-more {float: none;} #indexProductList .gridlayout .list-more {margin: auto; width: 30%} .gridlayout .itemTitle { width: 90%; margin: 8px auto 2px auto; min-height: 34px; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 500; line-height: 1.3; } .centerBoxContentsProducts:nth-of-type(4n+1) { clear: left; } .gridlayout .listingDescription {width:90%;margin:10px auto} .gridlayout .cart-add {float:none;} .gridlayout .list-input {float:none;width:30%;margin:auto} .gridlayout.centerBoxContentsProducts > a[href*="main_page=login"] { border: none; border-radius: 6px; font-weight: 600; padding: 10px 22px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; transition: all .2s ease; } .list-price-a { border: none; border-radius: 6px; font-weight: 600; padding: 10px 22px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; transition: all .2s ease; } .list-price-a:hover { text-decoration: none; } .gridlayout .list-price { font-size: 18px; font-weight: 600; margin: 4px 0 8px 0; line-height: 1.2; } /*bof new, featured, all listing*/ .listing-wrapper:nth-child(odd) {} .listing-wrapper{padding:20px;} .listing-left{width:25%;margin-right:2%;} .listings-description{padding-top:20px;} .listing-wrapper .list-more{float:none;} .listings-description a {margin-left:10px;} /*bof product info page*/ #prod-info-top{width:100%;clear:both;} .categoryIcon {float:left;width:35%;} .categoryIcon a{text-decoration:none;} .categoryIcon img{margin-bottom:5px;} .navNextPrevList {display:inline;white-space:nowrap;padding:0.5em 0;list-style-type: none;} #pinfo-left{float:left;width:43%;} #productMainImage{float:none;margin:0;} #productMainImage a{text-decoration:none;} #productAdditionalImages{clear:both;} .additionalImages{width:90%;margin:10px auto;} #pinfo-right{float:right;width:52.5%;padding: 0.5em 1em 1em 1em;} #productDetailsList li{list-style-type:none;} #productDetailsList{padding:0;margin-left:30px;} #productPrices{font-size:1.5em;text-align:center;margin:10px 0 10px 0;font-weight:normal;} .productSpecialPrice{font-size:120%;} #mediaManagerHeading{font-weight:normal;} #freeShippingIcon{margin:10px 0 10px 30px;} #productQuantityDiscounts table{margin:0 auto 20px auto;border:none !important;border-spacing:0 !important;border-collapse:separate !important;} #productQuantityDiscounts td{padding:10px;border:none;} #productQuantityDiscounts td:last-child{border:none;} #productQuantityDiscounts tr:nth-child(even){} #productQuantityDiscounts table tr:first-child td{padding:5px 10px;border:none !important;} #mediaManager {width:50%;margin:0.2em 0 0.2em 30px;padding:0.5em 0;} .mediaTitle {float:left;} .mediaTypeLink {float:right;} #attribsOptionsText{display:none;font-weight:normal;margin-bottom:10px;} #cartAdd {text-align:center;} #cartAdd input[type=text]{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;vertical-align:top;display:inline-block !important;width:11%;border:none;height:40px;margin:0;padding:7px !important;} #cartAdd input[type=submit]{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;display:inline-block !important;margin:0;padding:7px 20px !important;height:40px !important;} h4.optionName{margin:0% 30px 0 30px;padding:0;} .attribImg {width:20%;margin:0.3em 0;font-size:0.80em;} .attributesComments {font-weight:normal;} .wrapperAttribsOptions select{width:100%;} .wrapperAttribsOptions{margin:20px 0;} #PWA_STOCK_QTY {font-size:24px;} .max-qty{margin-bottom:10px;} #docGeneralDisplay #pinfo-right{background:none;} .qty-text{display:none;} .additionalImages a{text-decoration:none;} .btn--ys a:link{ background-color:#555; position: relative; padding: 10px 14px; font-size: 0.875em; line-height: 1.486em; height: 40px; color: #ffffff; border-radius: 0; border: 0; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: all 300ms 0s ease; -moz-transition: all 300ms 0s ease; -ms-transition: all 300ms 0s ease; -o-transition: all 300ms 0s ease; transition: all 300ms 0s ease; } /*bof reviews*/ .reviews-wrapper{overflow:hidden;padding:20px;margin:20px 0;} .reviews-wrapper h2{margin:7px 0;} .reviews-right{width:50%;} .reviews-wrapper .smallProductImage{width:18%;} .reviews-middle{width:40%;margin-right:2%;} .reviews-wrapper .forward{width:25%;} #reviewsInfoDefault .reviews-wrapper{padding-top:0;margin-top:50px;} #reviews-right{width:50%;float:left;} #review-text{width:100%;margin:20px 0;} #reviewWriteMainImage{float:none;margin:0;} #reviewsWritePrice{text-align:center;} #pinfo-left .buttonRow{width:75%;margin:10px auto;} #reviewsWriteReviewer{text-align:center;margin-bottom:0;font-weight:normal;} .ratingRow {width:70%;margin:10px auto;} #reviewsWriteHeading{text-align:center;font-weight:normal;padding:10px 0;margin-bottom:0;} #reviews-write-wrapper{padding:20px;overflow:hidden;} #reviewsDefault #reviews-middle{width:40%;} #productReviewsDefaultHeading{margin-top:0;} #reviews-top{margin-top:30px;} .read-reviews-button{width:25%;} #reviewsDefault .reviews-right{width:70%;} #productReviewsDefaultNoReviews {clear:both;} #reviewsDefault .prod-list-wrap{padding:20px;} #reviewsInfoDefault .rating{margin:10px 0;} /*bof my account*/ #myAccountGen li, #myAccountNotify li {margin:0;list-style-type:none;} #myAccountGen li a, #myAccountNotify li a{text-decoration:none;} .accountTotalDisplay, .accountTaxDisplay {width:20%;text-align:right;} .accountQuantityDisplay {width:10%;vertical-align:top;} #gvFaqDefaultContent, #checkoutPayAddressDefault .instructions, #checkoutShipAddressDefault .instructions, #addressBookDefault .instructions, #myAccountNotify, #myAccountGen{padding:20px 20px 20px 30px;margin-top:0;} #sendSpendWrapper h2, #accountDefault #sendSpendWrapper h2, #gvFaqDefaultSubHeading, #checkoutPayAddressDefaultAddress, #checkoutShipAddressDefaultAddress, #accountLinksWrapper h2, h2#addressBookDefaultPrimary{padding:10px;font-weight:normal;margin-bottom:0;text-align:center;} #gvFaqDefaultSubHeading{clear:both;} #accountDefault #sendSpendWrapper h2{margin-top:-20px;clear:both;} #accountDefault #sendSpendWrapper{margin-top:30px;} #accountDefault #sendSpendWrapper .buttonRow.forward{margin:0 20px 20px 0;} #addressBookDefault .instructions{padding-bottom:40px;} #checkoutPayAddressDefault address, #checkoutShipAddressDefault address, #addressBookDefault address{padding:20px 10% 20px 30px;} #accountLinksWrapper{width:100%;} #prevOrders td{padding:10px;} #accountHistoryDefault .content.back{margin-right:5%;} #accountHistInfo table td{padding:20px 10px;} #accountHistInfo hr{display:none;} #orderTotals{padding:10px;} #myAccountPaymentInfo, #myAccountShipInfo{margin-top:30px;} #myAccountPaymentInfo h3, #myAccountShipInfo h3{margin-top:0;padding:10px;font-weight:normal;text-align:center;} #myAccountPaymentInfo h4, #myAccountShipInfo h4{margin-top:0;padding:10px;font-weight:normal;text-align:center;} #myAccountPaymentInfo address, #myAccountShipInfo address, #myAccountPaymentInfo div, #myAccountShipInfo div{padding:0 0 20px 30px;} #accountHistoryDefault .buttonRow{margin-top:20px;clear:both;} #accountHistoryDefault .content {margin-left:20px;} #accountHistoryDefault .content.forward {margin-right:20px;} #accountHistoryDefault .notice{margin-right:20px;} #accountDefault #sendSpendWrapper{width:100%;border:none;} #createAcctSuccess div{margin-bottom:30px;} /*bof popups*/ #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart{background:none;} /*bof home page*/ #indexDefaultHeading { margin: 20px auto 8px auto; padding: 0 15px; text-align: center; font-size: 28px; line-height: 1.25; font-weight: 700; color: #071d4a; } .pfc-home-intro { margin: 0 auto 18px auto; padding: 0 15px; text-align: center; font-size: 16px; line-height: 1.5; color: #555555; } h2.greeting{margin-bottom:20px;} h2.greeting a{} h2.greeting a:hover{} .home-image{display:block;margin:0 auto;max-width:100%;height:auto;} #indexHomeBody #navBreadCrumb{display:none;} #icon{padding:40px;margin:100px;font-size:1500%;} /*bof misc*/ #upProductsHeading {text-align:left;} #upDateHeading {text-align:right;} #siteMapList {width:90%;float:right;} #gvFaqDefaultContent{line-height:20px;font-size:110%;} #advSearchDefault .floatingBox{min-height:115px;margin-bottom:30px;} .g-recaptcha {float:right;} /*bof login*/ #loginDefault{margin-bottom:30px;} #loginDefault .inputLabel{margin-left:20px;} #loginDefault .alert{margin-right:20px;} .paypal-button-hidden{visibility:hidden;} /* markup for tables used to present tabular data */ .alignLeft {text-align: left} .alignCenter {text-align: center} .alignRight {text-align: right} .tabTable {width:100%;border:none;padding:0;margin:0; border-spacing:0;border-collapse:collapse;} table{border:none;padding:0;margin:0; border-spacing:0;border-collapse:collapse;width:100%;} #cartContentsDisplay {width: 100%;} #myAccountOrdersStatus, #orderHistoryHeading, #prevOrders {width: 100%;} .accountOrderId {width:30px;} .accountOrderDate, .accountOrderStatus, .accountOrderTotal {width:70px;} #seQuoteResults {width: 100%;} #seQuoteResults td {} .listBoxContentTable {width:100%;} .listBoxContentTable td {} #upcomingProductsTable {width: 100%;} .products-listing .productsAllListing, .productsNewListing, .productsFeaturedListing {width: 100%;} .tableBorder1 td {} /* Ask a Question */ #productQuestions { margin-left: 20px; margin-bottom: 5px; } /** Brands page */ .brandCell {height: 126px !important;} .brandImage {margin-top: 20px;} .brandCell a {text-decoration: none;} /* ========================================================= PFC HEADER / TOP NAV CLEAN FINAL STYLES ========================================================= */ /* Keep page background clean */ html, body { background: #ffffff !important; border: none !important; } /* Main wrapper cleanup */ #mainWrapper { background: #ffffff !important; border-top: none !important; border-radius: 0 !important; overflow: visible !important; } /* Header cleanup */ #headerWrapper { border-top: none !important; border-radius: 0 !important; margin-top: 0 !important; } /* Top utility bar wrapper */ #navMainWrapper { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #111 !important; border-radius: 0 !important; overflow: hidden !important; } /* Full-width connected top nav bar */ #navMain { width: 100% !important; max-width: 100% !important; height: 34px !important; line-height: 30px !important; margin: 3px !important; padding: 0 14px !important; background: linear-gradient( to bottom, rgba(255,255,255,.18) 0%, rgba(255,255,255,.08) 45%, rgba(255,255,255,.03) 100% ) !important; border-bottom: 1px solid rgba(255,255,255,.14) !important; box-sizing: border-box !important; border-radius: 0 !important; } /* Top nav list */ #navMain ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; width: auto !important; line-height: 30px !important; } /* Connected nav items */ #navMain li { margin: 0 !important; padding: 0 !important; display: inline-block !important; } /* Connected nav links */ #navMain li a { display: block !important; padding: 0 14px !important; margin: 0 !important; font-size: 12px !important; font-weight: 600 !important; color: #e9e9e9 !important; text-decoration: none !important; border-right: 1px solid rgba(255,255,255,.10) !important; white-space: nowrap !important; } #navMain li:first-child a { border-left: none !important; } #navMain li:last-child a { border-right: none !important; } #navMain li a:hover { background: rgba(255,255,255,.06) !important; color: #ffffff !important; text-shadow: 0 0 4px rgba(255,255,255,.35) !important; } /* Phone number aligned inside same top bar */ .phone1 { float: right !important; height: 30px !important; line-height: 30px !important; padding: 0 14px !important; margin: 5px 0px 0px 0px!important; display: flex !important; align-items: center !important; position: relative !important; z-index: 2 !important; } .phone1 a:link, .phone1 a:visited { display: inline-flex !important; align-items: center !important; height: 30px !important; line-height: 30px !important; padding: 0 !important; margin: 0 !important; color: #ffffff !important; text-decoration: none !important; } /* Breathing room between top nav and logo/header */ #logoWrapper { margin-top: 10px !important; } /* FINAL FIX - show rounded top right corner */ #mainWrapper { width: calc(100% - 8px) !important; margin: 0 4px !important; border-radius: 6px 6px 0 0 !important; overflow: hidden !important; } #navMainWrapper { border-radius: 6px 6px 0 0 !important; overflow: hidden !important; } #headerWrapper { border-radius: 0 !important; overflow: hidden !important; } #logoWrapper { margin-top: 0 !important; } /* Smooth transition between top nav and header */ #navMainWrapper { margin-bottom: 0 !important; border-bottom: none !important; } #headerWrapper { margin-top: 0 !important; padding-top: 0 !important; border-top: none !important; } /* ========================================================= PFC MOBILE HEADER - CLEAN FINAL ========================================================= */ @media only screen and (max-width: 768px) { #mainWrapper { width: calc(100% - 8px) !important; margin: 0 4px !important; border-radius: 6px 6px 0 0 !important; overflow: hidden !important; } .header { height: 42px !important; min-height: 42px !important; line-height: 42px !important; width: 98% !important; max-width: 98% !important; left: 1% !important; right: 1% !important; margin: 0 auto !important; padding: 0 12px !important; display: flex !important; align-items: center !important; background: #1a1818 !important; color: #ffffff !important; box-shadow: none !important; border-bottom: none !important; border-radius: 0 !important; } .header a, .header .fa, .header i { color: #ffffff !important; text-decoration: none !important; } #logoWrapper { position:relative !important; } .mobile-header-icons { display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:18px !important; position:absolute !important; left:0px !important; top:0px !important; z-index:50 !important; } .header .mobile-header-icons a { display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; float: none !important; font-size: 22px !important; width: 32px !important; height: 32px !important; padding: 0 !important; margin: 0 !important; } .header .mobile-header-icons { transform:none !important; } #page, .mm-slideout { padding-top: 0px !important; } .header { background:transparent !important; border:none !important; outline:none !important; box-shadow:none !important; } #navMain { display: none !important; } #navMainWrapper { height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: none !important; background: #111 !important; overflow: hidden !important; } #headerWrapper, #logoWrapper { width: 100% !important; max-width: 100% !important; margin: 2px 0px 0px 0px !important; padding: 0 !important; border: none !important; } #logo { margin: 0 !important; padding-left: 5px !important; } #logoWrapper { background: #1a1818 !important; padding-top: 0 !important; } .phone1 { display: none !important; } } /* PFC modern announcement bar */ .pfc-announcement-bar { background: #fff4d6; color: #333; text-align: center; font-size: 14px; line-height: 1.4; padding: 8px 15px; border-bottom: 1px solid #e2c46b; } .pfc-announcement-bar strong { color: #b00000; } /* PFC header modernization - staging */ #logoWrapper { background: #171717; /*padding: 18px 8%;*/ border-bottom: 1px solid #2b2b2b; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-direction: row-reverse !important; } #logo { display: flex; align-items: center; min-height: 60px; } #logo img { max-height: 120px; width: auto; } /* PFC homepage hero modernization */ .pfc-home-hero-section { max-width: 1500px; margin: 34px auto 30px auto; padding: 0 24px; } .pfc-home-hero-link { display: block; overflow: hidden; border-radius: 2px; } .pfc-home-hero-img { display: block; width: 100%; height: auto; } /* PFC top utility bar modernization - final override */ #navMainWrapper { background: #0f0f0f !important; border-bottom: 1px solid #242424 !important; min-height: 38px !important; } #navMain { height: 38px !important; line-height: 38px !important; margin: 0 !important; padding: 0 22px !important; background: #111 !important; border-bottom: none !important; } #navMain ul { height: 38px !important; line-height: 38px !important; } #navMain li a { height: 38px !important; line-height: 38px !important; padding: 0 16px !important; font-size: 13px !important; font-weight: 600 !important; color: #ffffff !important; } .phone1 { height: 38px !important; line-height: 38px !important; margin: 0 !important; padding: 0 22px 0 0 !important; font-size: 14px !important; } .phone1 a, .phone1 a:link, .phone1 a:visited { height: 38px !important; line-height: 38px !important; color: #ffffff !important; } /* ========================================================= PFC MODERN WHOLESALE FOOTER Corporate dealer portal styling ========================================================= */ .pfc-footer { background: #111c2e !important; color: #ffffff !important; margin-top: 20px !important; padding: 22px 30px 14px !important; font-size: 15px !important; border-top: 4px solid #2f80ed !important; } .pfc-footer, .pfc-footer * { box-sizing: border-box; } .pfc-footer-inner { max-width: 1180px; margin: 0 auto !important; display: flex !important; justify-content: center; align-items: flex-start; gap: 95px; } .pfc-footer-column:nth-child(1) { flex: 0 1 430px; } .pfc-footer-column:nth-child(2) { flex: 0 0 220px; } .pfc-footer-column:nth-child(3) { flex: 0 0 240px; } .pfc-footer-column h4 { color: #ffffff !important; font-size: 22px !important; font-weight: 700 !important; margin: 0 0 22px !important; padding: 0 !important; letter-spacing: -0.3px !important; text-transform: none !important; } .pfc-footer-column ul { list-style: none !important; padding: 0 !important; margin: 0 !important; } .pfc-footer-column li { color: #dbe7f5 !important; font-size: 17px !important; line-height: 1.8 !important; margin: 0 0 14px !important; padding: 0 !important; border-bottom: none !important; } .pfc-footer-column p { color: #dbe7f5 !important; font-size: 17px !important; line-height: 1.8 !important; margin: 0 0 18px !important; } .pfc-footer a, .pfc-footer a:link, .pfc-footer a:visited, .pfc-footer a:active { color: #ffffff !important; text-decoration: underline !important; } .pfc-footer a:hover { color: #dbeafe !important; text-decoration: underline !important; } .pfc-footer-bottom { max-width: 760px; margin: 12px auto 0 !important; padding-top: 8px !important; border-top: 1px solid rgba(255,255,255,0.18) !important; color: #e2e8f0 !important; font-size: 13px !important; text-align: center !important; } .pfc-footer-bottom, .pfc-footer-bottom p, .pfc-footer-bottom span, .pfc-footer-bottom div, .pfc-footer-bottom a { color: #e2e8f0 !important; } .pfc-section-heading { text-align: center; margin: 34px auto 18px; } .pfc-section-heading h2 { font-size: 32px; font-weight: 800; margin: 0 0 8px; color: #111827; } .pfc-section-heading p { font-size: 16px; color: #4b5563; margin: 0; text-align: center; } @media (max-width: 768px) { .pfc-footer { padding: 34px 22px 24px !important; } .pfc-footer-inner { max-width: 100%; display: block !important; } .pfc-footer-column { width: 100% !important; max-width: 100% !important; flex: none !important; margin-bottom: 14px !important; } .pfc-footer-column:nth-child(3) { flex: none !important; } .pfc-footer-bottom { text-align: left !important; } } /* ========================================================= FORCE FOOTER LINK COLORS ========================================================= */ .pfc-footer a, .pfc-footer a:visited, .pfc-footer a:active { color: #f1f5f9 !important; } .pfc-footer a:hover { color: #ffffff !important; text-decoration: underline !important; } .pfc-footer h4 { color: #ffffff !important; } .pfc-footer p, .pfc-footer li, .pfc-footer span, .pfc-footer div { color: #e2e8f0 !important; } /* ========================================================= PFC HOMEPAGE SPACING POLISH ========================================================= */ #indexCategories, #indexDefault .centerBoxWrapper { margin-top: 18px !important; } #indexDefault #bannerThree { margin-bottom: 18px !important; } /* ========================================================= PFC CATEGORY LISTING CARDS ========================================================= */ .categoryListBoxContents {text-align:center;} #indexCategories .categoryListBoxContents, #indexDefault .categoryListBoxContents { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 14px 14px 12px !important; margin: 8px !important; width: calc(33.333% - 16px) !important; min-width: 240px !important; height: auto !important; box-sizing: border-box !important; display: block !important; vertical-align: top !important; float: left !important; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,.06); transition: all .2s ease; } #indexCategories .categoryListBoxContents:hover, #indexDefault .categoryListBoxContents:hover { transform: translateY(-4px); box-shadow: 0 10px 22px rgba(0,0,0,.11); } #indexCategories .categoryListBoxContents img, #indexDefault .categoryListBoxContents img { width: 100% !important; max-width: 360px !important; height: auto !important; object-fit: contain !important; border: none !important; border-radius: 8px; box-shadow: none !important; display: block; margin: 0 auto 10px auto; } #indexCategories .categoryListBoxContents a, #indexDefault .categoryListBoxContents a { color: #111827 !important; font-size: 20px !important; font-weight: 700 !important; text-decoration: none !important; } #indexCategories .categoryListBoxContents a:hover, #indexDefault .categoryListBoxContents a:hover { text-decoration: none !important; } .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float:left;} /* ===== PFC CATEGORY TAB NAVIGATION - MODERN BAR ===== */ #navCatTabsWrapper { width: 100% !important; margin: 0 !important; background: #f7f7f7 !important; border-left: none !important; border-right: none !important; border-top: 3px solid #770170 !important; border-bottom: 1px solid #d8d8d8 !important; } #navCatTabs ul { font-size: 0; text-align: center; overflow: hidden; margin: 0; padding: 0; } #navCatTabs li { font-size: 16px; display: inline-block; margin: 0 10px; font-family: 'Poppins', Arial, sans-serif; text-transform: uppercase; } #navCatTabs li a { text-decoration: none; padding: 15px 18px; display: block; font-size: 15px; color: #111827 !important; transition: all 0.2s ease; border-radius: 4px; font-family: 'Montserrat', Arial, sans-serif; font-weight: 700; letter-spacing: .35px; text-transform: none; } #navCatTabs li a:hover { text-decoration: none; color: #770170 !important; background: #ffffff !important; } /* ========================================================= PFC Desktop Header Search Modern rounded search box with inline icon ========================================================= */ @media only screen and (min-width:1101px) { #navMainSearchLogo { width: 240px !important; display: block !important; position: relative !important; margin-left: 80px !important; } #navMainSearchLogo form { width: 260px !important; margin: 0 !important; padding: 0 !important; position: relative !important; } #navMainSearchLogo .instantSearchInputWrapper { width: 280px !important; position: relative !important; display: block !important; } #navMainSearchLogo input[type="text"], #navMainSearchLogo input[type="search"] { width: 280px !important; height: 48px !important; border: 1px solid #d8d8d8 !important; border-radius: 32px !important; padding: 0 58px 0 22px !important; font-size: 18px !important; font-weight: 500 !important; background: #ffffff !important; color: #333 !important; box-shadow: 0 2px 8px rgba(0,0,0,.08) !important; box-sizing: border-box !important; } #navMainSearchLogo input[type="submit"], #navMainSearchLogo .button_search { display: none !important; visibility: hidden !important; } #navMainSearchLogo .instantSearchInputWrapper::after { content: "\f002"; font-family: FontAwesome; position: absolute !important; right: 22px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 18px !important; color: #555 !important; pointer-events: none !important; } } /* ========================================================= PFC Product Info Attributes & More Box - FINAL ========================================================= */ #cart-box { float: right; width: 52.5%; background: #f8f8f8 !important; border: 1px solid #e1e1e1; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,.08); padding: 18px 22px !important; box-sizing: border-box; } #productAttributes { margin-top: 25px; } .wrapperAttribsOptions { margin: 12px 0 !important; } .wrapperAttribsOptions select { width: 100% !important; height: 42px !important; border: 1px solid #d5d5d5 !important; border-radius: 6px !important; padding: 0 10px !important; background: #ffffff !important; } h4.optionName { margin: 0 0 8px 0 !important; padding: 0 !important; font-weight: 600 !important; } /* Inventory dropdown width */ .wrapperAttribsOptions select { min-width: 260px !important; } /* Clean option label */ h4.optionName { font-size: 16px !important; font-weight: 600 !important; margin: 0 12px 0 0 !important; } /* ========================================================= PFC Product Main Image Card ========================================================= */ #pinfo-left { background: #fff; border: 1px solid #e1e1e1; padding: 12px; box-sizing: border-box; } #pinfo-left img { display: block; margin: 0 auto; } /* ========================================================= PFC Product Additional Images ========================================================= */ #productAdditionalImages { clear: both; margin: 18px auto 0 auto; text-align: left; width: 95%; } #productAdditionalImages .additionalImages { display: inline-block; vertical-align: top; margin: 0 12px 16px 12px; } #productAdditionalImages img { border: 1px solid #e1e1e1; padding: 4px; background: #fff; box-sizing: border-box; } #productAdditionalImages span.imgLink { display: none !important; } #productAdditionalImages br { display: none; } /* ========================================================= PFC Product Description - FINAL ========================================================= */ #productDescription { clear: both; max-width: 1100px; margin: 30px auto 0 auto !important; padding: 20px 12px 0 12px; color: #444 !important; font-size: 17px !important; line-height: 1.8 !important; } #productDescription strong, #productDescription b { color: #222 !important; font-weight: 700 !important; } #productDescription p { margin: 0 0 18px 0; } /* ========================================================= PFC Product Additional Images ========================================================= */ span.imgLink { display: none !important; } #productAdditionalImages br { display: none; } /* ========================================================= PFC Product Info Top Navigation - FINAL ========================================================= */ .navNextPrevWrapper { float: none; margin: 0 0 14px 0; padding: 0; text-align: center; clear: both; } .navNextPrevCounter { display: block; margin: 0 0 6px 0; font-size: 13px; color: #777; text-align: center; } /* Hide product info category thumbnail block */ #categoryImgListing { display: none !important; } /* Hide product count above previous/next buttons */ .navNextPrevCounter { display: none !important; } /* ========================================================= PFC Product Info Category Icon - FINAL ========================================================= */ #categoryIcon, .categoryIcon, .categoryIcon.alignLeft { display: none !important; } /* ========================================================= PFC Product Info Action Buttons - FINAL ========================================================= */ .download_image_button { display: inline-block !important; font-size: 1.3em !important; margin: 0 12px 0 0 !important; padding: 8px 20px !important; text-decoration: none !important; background: #5a5a5a !important; color: #ffffff !important; line-height: normal !important; box-sizing: border-box !important; } .download_image_button:hover { background: #444444 !important; color: #ffffff !important; text-decoration: none !important; } /* ========================================================= PFC Product Info Action Buttons - MATCHED ========================================================= */ .download_image_button, .ask_a_question { display:inline-block !important; min-width:170px !important; text-align:center !important; box-sizing:border-box !important; } /* ========================================================= PFC Product Info Heading - FINAL ========================================================= */ #productName, h1#productName { font-size: 30px; font-weight: 600; line-height: 1.25; margin: 0 0 6px 0; text-align: center; } #productDetailsList { margin: 0 0 20px 0 !important; padding: 0 !important; text-align: center; } #productDetailsList li { list-style: none; margin: 0; color: #888; } #productModel, .productModel, .model { display: block; text-align: center; float: none; clear: both; margin: 0 auto 14px auto; font-size: 15px; font-weight: 500; } h1#productName { text-align: center; margin-bottom: 6px; } /* ========================================================= PFC Product Info Model Placement Fix ========================================================= */ #productDetailsList { width: 100% !important; display: block !important; clear: both !important; } #productDetailsList li { display: block !important; text-align: center !important; } /* ========================================================= PFC Product Info Buttons ========================================================= */ #pinfo-left span.cssButton.normal_button, #pinfo-left span.normal_button:hover{ display:block; text-align:center; padding:8px 0; font-size:0.95em; } /* ========================================================= PFC Product Info Previous / Next Navigation ========================================================= */ .navNextPrevWrapper { text-align: center; margin: 18px auto 16px auto; } .navNextPrevWrapper a, .navNextPrevWrapper span.cssButton { display: inline-block; min-width: 105px; margin: 0 5px; padding: 9px 18px !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.2; text-align: center; text-decoration: none; border-radius: 18px; } /* ========================================================= PFC Product Info Right Column Buttons ========================================================= */ #pinfo-right .buttonRow { width: auto; margin: 10px auto 18px auto; text-align: center; } #pinfo-right span.cssButton.normal_button, #pinfo-right span.normal_button:hover { display: inline-block; text-align: center; padding: 9px 18px; } /* ========================================================= PFC Product Info Right Column Spacing ========================================================= */ #pinfo-right .buttonRow { margin: 6px auto 12px auto; } #cart-box { margin-top: 8px !important; } /* ========================================================= PFC Product Additional Images ========================================================= */ #productAdditionalImages .imgLink, #productAdditionalImages span.imgLink, #productAdditionalImages a span.imgLink { display: none !important; visibility: hidden !important; font-size: 0 !important; line-height: 0 !important; } /* ========================================================= PFC Product Additional Image Grid ========================================================= */ #productAdditionalImages .additionalImages { float: none !important; display: inline-block !important; width: auto !important; height: auto !important; margin: 0 12px 16px 12px !important; vertical-align: top; } /* ========================================================= PFC Product Navigation Cleanup ========================================================= */ .navNextPrevCounter { display: none !important; } /* ========================================================= PFC Product Navigation Modernization ========================================================= */ .navNextPrevCounter { display: none !important; } .navNextPrevWrapper { text-align: center; margin: 18px auto; } .navNextPrevList { display: inline-block; vertical-align: middle; margin: 0 8px; } .navNextPrevList span.cssButton { background: #ffffff !important; color: #333 !important; border: 1px solid #d4d4d4 !important; border-radius: 3px !important; box-shadow: none !important; padding: 10px 18px !important; font-size: 14px !important; font-weight: 500 !important; } .navNextPrevList span.cssButton:hover { background: #f5f5f5 !important; color: #111 !important; border-color: #c2c2c2 !important; } /* ========================================================= PFC Product Navigation Hover Size Lock ========================================================= */ .navNextPrevList span.cssButton, .navNextPrevList span.cssButtonHover, .navNextPrevList span.normal_button, .navNextPrevList span.normal_button:hover { display: inline-block !important; width: auto !important; min-width: 105px !important; padding: 10px 18px !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; box-sizing: border-box !important; text-align: center !important; } .navNextPrevList span.cssButton:hover, .navNextPrevList span.cssButtonHover, .navNextPrevList a:hover span.cssButton, .navNextPrevList .button_prevHover, .navNextPrevList .button_nextHover { background: #f5f5f5 !important; color: #111 !important; border: 1px solid #c2c2c2 !important; box-shadow: none !important; } /* ========================================================= PFC Product Navigation Hover Position Lock ========================================================= */ .navNextPrevList, .navNextPrevList a, .navNextPrevList span.cssButton, .navNextPrevList span.cssButtonHover { margin: 0 !important; left: auto !important; right: auto !important; position: static !important; transform: none !important; } /* ========================================================= PFC Product Details List ========================================================= */ #productDetailsList li { margin: 2px 0; } /* ========================================================= PFC HOMEPAGE HERO IMAGE Controls homepage hero height above Dealer Specials ========================================================= */ #pfcHomeHero { max-width: 1700px; margin: 0 auto 26px auto; overflow: hidden; } #pfcHomeHero img { width: 100%; height: 500px; object-fit: cover; object-position: center 38%; display: block; margin: 0; } /* ========================================================= DEALER SPECIALS Homepage Promotional Products --------------------------------------------------------- Required for the Dealer Specials homepage card layout. Layout behavior: - 1 special: centered at approximately one-third width - 2 specials: centered in two columns - 3 specials: three columns - Tablet/mobile: one-column full-width layout Future note: .pfc-special-badge styling is included for optional future use with the badge_text database field. The current homepage snippet does not output the badge by default. ========================================================= */ #pfcDealerSpecial { max-width: 1340px; margin: 8px auto 40px auto; padding: 0 15px; } #pfcDealerSpecial .pfc-special-heading { text-align: center; margin-bottom: 22px; } #pfcDealerSpecial .pfc-special-heading span { display: inline-block; background: linear-gradient(135deg, #770170, #9b019b); color: #ffffff; font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; padding: 12px 28px; border-radius: 30px; box-shadow: 0 4px 12px rgba(119, 1, 112, .25); } /* ========================================================= DEALER SPECIALS - DESKTOP GRID Supports up to 3 active specials ========================================================= */ #pfcDealerSpecial .pfc-special-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px; } /* Three specials: each card uses one-third of the row */ #pfcDealerSpecial .pfc-special-card { grid-column: span 2; background: #ffffff; border: 1px solid #dddddd; border-top: 5px solid #770170; border-radius: 12px; overflow: hidden; box-shadow: 0 3px 12px rgba(0, 0, 0, .08); transition: transform .2s ease; } /* One special: center it at one-third width */ #pfcDealerSpecial .pfc-special-card:only-child { grid-column: 3 / span 2; } /* Two specials: center both at normal half-row positions */ #pfcDealerSpecial .pfc-special-card:first-child:nth-last-child(2) { grid-column: 2 / span 2; } #pfcDealerSpecial .pfc-special-card:first-child:nth-last-child(2) + .pfc-special-card { grid-column: 4 / span 2; } #pfcDealerSpecial .pfc-special-card:hover { transform: translateY(-2px); } #pfcDealerSpecial .pfc-special-image img { width: 100%; height: 350px; object-fit: cover; display: block; margin: 0; } #pfcDealerSpecial .pfc-special-info { padding: 24px; text-align: center; } /* Optional future badge styling for badge_text */ #pfcDealerSpecial .pfc-special-badge { display: inline-block; background: linear-gradient(135deg, #770170, #9b019b); color: #ffffff; border-radius: 30px; padding: 10px 22px; margin-bottom: 18px; font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 4px 12px rgba(119, 1, 112, .25); } #pfcDealerSpecial .pfc-special-badge span { display: none; } #pfcDealerSpecial h2 { margin: 0 0 12px; font-size: 26px; line-height: 1.18; font-weight: 800; color: #071d49; } #pfcDealerSpecial p { margin: 0 0 22px; font-size: 17px; line-height: 1.5; color: #4b5563; text-align: center; } #pfcDealerSpecial .pfc-special-button { display: inline-block; background: #071d49; color: #ffffff !important; text-decoration: none; font-weight: 800; padding: 14px 28px; border-radius: 30px; transition: all .2s ease; margin-top: auto; } #pfcDealerSpecial .pfc-special-button:hover { background: #770170; } /* ========================================================= DEALER SPECIALS - TABLET One column below 992px ========================================================= */ @media (max-width: 991px) { #pfcDealerSpecial .pfc-special-grid { grid-template-columns: 1fr; } #pfcDealerSpecial .pfc-special-card, #pfcDealerSpecial .pfc-special-card:only-child, #pfcDealerSpecial .pfc-special-card:first-child:nth-last-child(2), #pfcDealerSpecial .pfc-special-card:first-child:nth-last-child(2) + .pfc-special-card { grid-column: 1; width: 100%; } #pfcDealerSpecial h2 { font-size: 26px; } } /* ========================================================= PFC HOMEPAGE HERO / DEALER SPECIALS - MOBILE ========================================================= */ @media (max-width: 767px) { #pfcHomeHero img { height: auto !important; object-fit: unset !important; object-position: center center !important; } #pfcDealerSpecial .pfc-special-image img { height: 210px; object-fit: cover; } #pfcDealerSpecial .pfc-special-card { margin-bottom: 16px; display: flex; flex-direction: column; flex-grow: 1; } } /* ========================================================= SEARCH AUTOCOMPLETE - KEEP RESULTS ABOVE HERO ========================================================= */ #headerWrapper, #navMainWrapper { position: relative; z-index: 1000; overflow: visible !important; } #navMainSearch, #navMainSearch form { position: relative; z-index: 2000; overflow: visible !important; } /* Search autocomplete results */ .ui-autocomplete { z-index: 99999 !important; } /* TOP EZ-PAGES LINKS - FINAL HEADER VISIBILITY FIX #navEZPagesTop, #navEZPagesTop ul, #navEZPagesTop li, #navEZPagesTop li a { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; max-height: none !important; overflow: visible !important; } #navEZPagesTop { width: 100% !important; clear: both !important; margin: 0 !important; padding: 8px 0 !important; position: relative !important; z-index: 9999 !important; text-align: center !important; } #navEZPagesTop ul { margin: 0 !important; padding: 0 !important; text-align: center !important; font-size: 0 !important; } #navEZPagesTop li { display: inline-block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; font-size: 14px !important; } #navEZPagesTop li a { display: block !important; padding: 8px 12px !important; font-size: 14px !important; line-height: 1.3 !important; text-decoration: none !important; color: inherit !important; } */ /* PFC Call to Order - mobile only */ .pfc-call-order-button { display: none; } @media only screen and (max-width: 600px) { .pfc-call-order-button { display: block !important; width: 100%; max-width: 260px; margin: 14px auto 0 auto; padding: 11px 14px; box-sizing: border-box; text-align: center; text-decoration: none !important; background: #0b2554; color: #ffffff !important; font-size: 16px; line-height: 1.2; } .pfc-call-order-button:hover, .pfc-call-order-button:focus { background: #0b2554; color: #ffffff !important; text-decoration: none !important; } } /* PFC Consumer Product / Find a Retailer Box */ #productGeneral .pfc-consumer-product-help { clear: both; width: 100%; box-sizing: border-box; margin: 24px 0 28px; padding: 20px 24px; background: #f7f8fa; border: 1px solid #d9dde3; border-radius: 6px; } #productGeneral .pfc-consumer-product-help h2 { margin: 0 0 8px; padding: 0; font-size: 20px; line-height: 1.3; } #productGeneral .pfc-consumer-product-help p { margin: 0 0 14px; line-height: 1.6; } #productGeneral .pfc-consumer-product-button { display: inline-block; padding: 10px 18px; background: #222; color: #fff; text-decoration: none; border-radius: 4px; font-weight: 600; } #productGeneral .pfc-consumer-product-button:hover, #productGeneral .pfc-consumer-product-button:focus { background: #111; color: #fff; text-decoration: none; }