/* GLOBAL BUTTON COLORS */
html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
/* PSEUDO OVERRIDE */
:focus { outline: none; }
.jQStImg:focus { outline: inset; }
/* FRAMEWORK */
.PhoneText { font-size: 15px; }
.call-center-hours { cursor: pointer; }
.csd img { margin: 10px 0 0; max-width: 100%; height: auto; width: 100%; }
/* HEADER */
.LinkLogo img { padding: 18px 0 0; }
.lpchat-label,
.livechat img { top: 0 !important; left: 0 !important; }
.group-logo nav#hours { margin-top: 16px; }
.group-logo ul#menu_h_nav a,
.group-logo ul#menu_h_nav a.cart { padding: 20px 10px; }
.group-logo ul#menu_h_nav .list-group-logo a { padding: 0; }
.search_button input, .search_button div { font-size: 2em; }
/* PAGE LAYOUT */
.hdng,
.layout_title { color: #353535; font: bold 24px/1.1em Roboto,Arial,sans-serif; margin: 0; text-align: left; }
.hdng em,
.layout_title em { font-weight: normal; }
.embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; margin: 20px 0; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* TAP RESPONSIVE CALL CENTER HOURS */
nav#hours { font-weight: bold; margin-top: 7px; color: #3e3e3e; }
nav#hours ul { border: 0; outline: 0; font-size: 13px; padding: 2px 0 0 7px; margin: 0; list-style: none; clear: both; display: block; }
nav#hours li { position: relative; float: left; margin-right: 20px; }
nav#hours li a { color: #3e3e3e; text-decoration: none; }
nav#hours span:after { width: 0; height: 0; border: 0.313em solid transparent; border-bottom: none; border-top-color: #efa585; vertical-align: middle; display: inline-block; position: relative; right: -0.313em; }
/* Dropdown menu */
nav#hours li .dropdownwrapper { min-width: 290px; background-color: #FFF; display: none; position: absolute; top: 100%; margin-left: -2px; padding: 13px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
nav#hours li .dropdownwrapper { z-index: 9999; border: 2px solid #dadada; font-weight: normal; font-size: 12px; cursor: auto; }
nav#hours li .dropdownwrapper h5:first-child { margin-top: 0; padding-top: 0; }
nav#hours li .dropdownwrapper:before,
nav#hours li .dropdownwrapper:after { content: ""; display: table; }
nav#hours li .dropdownwrapper:after { clear: both; }
nav#hours li:hover .dropdownwrapper { display: block; left: 0; right: 0; }
nav#hours li:not(:first-child):hover .dropdownwrapper { left: -1px; }
.page nav#hours h3 { text-transform: uppercase; margin: 0; }
.page nav#hours p { padding: 0 0 20px 0; font-size: 12px; }
ul#menu_h_nav .coupon-link a { background-color: #922727; color: #FFF; }
ul#menu_h_nav .coupon-link a:hover { background-color: #690B0B; }
/* RESPONSIVE MAIN MENU */
.mobile-menu-shelf .panel { position: fixed; left: -250px; width: 250px; } /* left and width must be the same values; left is always negative */
.mobile-menu-shelf .wrap { position: relative; max-width: 80%; margin: 0 auto; padding: 20px; }
.mobile-menu-shelf .panel { background: #101820 }
.mobile-menu-shelf .panel a { color: #fff }
/* VPS */
.vpsBar .box { color: #525252; text-align: center; padding: 15px 0; border-right: 1px solid #c1c6c8; }
.vpsBar .box:last-child { width: 32%; border-right: 0; }
.vpsBar .box h2 { font-size: 17px; margin: 0 0 3px 0; padding: 0; }
.vpsBar .box a { background: url(/content/images/icon-yellow-arrow-right.png) no-repeat right center; font-size: 14px; padding-right: 20px; color: #525252; }
.product-overview-vp { border-bottom: 1px solid #bbb; line-height: initial; padding: 10px 0; }
.product-overview-vp:first-child { padding-top: 0; }
/* Bulk Discounts */
.bulk-discount { font-size: 12px; }
.bulk-discount .header { background: #F4F4F4; padding: 5px; font-weight: bold; }
.bulk-discount .line { border-bottom: 1px dotted #b3c1db; padding: 5px; }
.bulk-discount .price { color: #e74c3c; font-weight: bold; }
.bulk-discount span { font-size: 12px; }
.bulk-discount .styleSalePriceStrikeTitleundefined { display: none; }
.bulk-discount .styleSalePriceStrikeundefined { display: none; }
/* FOOTER */
.footer { width: 100%; font-size: 12px; padding: 10px 0; margin: 0; clear: both; }
.footer ul { list-style: none; margin: 0; padding: 0; }
.footer li a { color: #3e3e3e; text-decoration: none; }
.footer li a:hover { text-decoration: underline; }
.footer h4 { font-size: 14px; }
.footer .copyright { font-size: 60%; text-align: center; }
.footer .customer-support .row-abnormal { font-size: 11px; }
.footer .feedback { background: #faf1d0; border: 1px solid #edc891; color: #3e3e3e; }
.footer .socialNav { float: left; }
.footer-phone-number { font-size: 24px; font-weight: bold; padding: 0 0 10px 0; }
.auxiliary-information { font-size: 11px; margin: 20px 0 0; }
.auxiliary-information div.AuthorizeNetSeal { text-align: inherit; margin: inherit; padding: inherit; width: inherit; font: inherit; line-height: inherit; }
.auxiliary-information .paypal,
.auxiliary-information div.AuthorizeNetSeal a { float: left; }
.auxiliary-information div.AuthorizeNetSeal a img { width: 35px; height: 28px; }
.auxiliary-information #AuthorizeNetText { display: none; }
.auxiliary-information .copyright { margin-top: 2em; }
.badges { margin: 0 auto; display: block; text-align: center; }
.page .seo p { font-size: 11px; text-align: center; }
.ref-id { background-color: #FFF; font-size: 16px; font-weight: bold; color: #f36866; margin-bottom: 15px; padding: 10px; text-align: center; }
.refid { padding: 5px; display: inline-block; }
.seo-footer { text-align: center; }
.show-mobile:hover { cursor: pointer; text-decoration: underline; }
/* ANIMATED BACK TO TOP LINK */
#back-top { position: fixed; bottom: 62px; margin-left: 20px; font-size: 12px; z-index: 500; }
#back-top a { display: block; text-align: center; text-decoration: none; color: #FFF; font-weight: bold; }
#back-top a { -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } /* transition */
#back-top a:hover { color: #FFF; }
#back-top span { padding: 14px 44px; color: #FFF; display: block; margin-bottom: 7px; background: #7a7b7e; } /* button */
#back-top span { -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } /* transition */
#back-top a:hover span { background: #414042; }
/* RESETS - GENERICS */
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.cl { height: 1%; display: block; clear: both; }
.clear { clear: both; }
.clear1 { clear: both; height: 1px; }
.fl { float: left; }
.fr { float: right; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* RESPONSIVE LAYOUT */
[class*="span"] { float: left; min-height: 1px; margin-left: 20px;}
.span12 { width: 940px; }
.span11 { width: 860px; }
.span10 { width: 780px; }
.span9 { width: 700px; }
.span8 { width: 620px; }
.span7 { width: 540px; }
.span6 { width: 460px; }
.span5 { width: 380px; }
.span4 { width: 300px; }
.span3 { width: 220px; }
.span2 { width: 140px; }
.span1 { width: 60px; }
/* DETAIL */
.PrImageMore { text-align: center; }
.ThumbLink img { margin: 0 auto; display: block; }
.resp-gallery-link { cursor: pointer; }
.resp-gallery-img { width: 40px; }
.cloudzoom-blank div:first-child { background-color: inherit; }
.cloudzoom-lens { width: 170.75px; height: 170.75px; border: 2px dotted #7f9ebf; cursor: crosshair; z-index: 10; }
.cloudzoom-lens img { display: none; }
.cloudzoom-zoom { width: 765px; height: 710px; z-index: 1000; box-shadow: 0 0 5px #CCC; top: 395px; }
.cloudzoom-zoom-inside { border: none; box-shadow: none; cursor: n-resize; z-index: 2000; }
.cloudzoom-video,
.cloudzoom-gallery { display: inline-block; width: 40px; height: 40px; background: #FFF; border: 1px solid #e0e0e0; margin: 0 5px 7px 0; text-align: center; }
.image-module .cloudzoom-video,
.image-module .cloudzoom-gallery { display: inline-block; width: unset; height: unset; background: #FFF; border: 1px solid #e0e0e0; text-align: center; }
.cloudzoom-gallery-active { border: 1px solid #404040; }
.flex-control-nav { bottom: -20px; }
.mobile-product-photo { text-align: center; }
.gallery-vid-dead { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .15; }
.mediaDialog { border: 1px solid #9a9a9a; z-index: 1010; box-shadow: 0 0 20px #9a9a9a; z-index: 9999; }
.PriceDropDialog { text-align: center; }
.PriceDropDialogTitle { font-size: 21px; font-weight: bold; color: #c0392b; }
.PriceDropDialog table { background-color: #ecf0f1; border: 1px solid #95a5a6; border-radius: 2px; width: 100%; padding: 5px; margin-top: 10px; }
.PriceDropDialog table td { font-size:16px; padding: 7px; color: #252525; }
.PriceDropDialog table td input { width: 95%; padding: 5px; border: 1px solid #95a5a6; border-radius: 2px; }
.PriceDropDialog table td input:focus { border: 1px solid #585c5c; }
.PriceDropDialog table td #pdAgree { width: 3%; }
td.PriceDropDialogTNC { font-size: 14px; }
td.PriceDropDialogTNC a { cursor: pointer; }
td.PriceDropDialogTNC a:hover { font-weight: bold; }
#mediaHeader { margin: 5px 0 }
#mediaLogo { float: left; padding: 5px 15px; width: 150px; }
#mediaLogo img { max-width: 130px }
#mediaTitle { color: #000; text-transform: capitalize; }
#mediaTitle h3 { font-size: 20px; line-height: normal; }
#mediaDisplayContainer { width: 785px; min-height: 500px; border: 1px solid #ddd; }
#mediaDisplayTarget { float: left; cursor: pointer; padding: 10px; height: auto; width: 640px; }
#mediaDisplayTarget img { width: 100% }
#mediaPrev { float: left; background-image: url(/content/images/left-grayctrl.png); background-repeat: no-repeat; cursor: pointer;
width: 50px; margin-top: 25%; height: 50px; margin-right: 10px; opacity: 0.5; outline: medium none; }
#mediaNext { float: right; background-image: url(/content/images/right-grayctrl.png); background-repeat: no-repeat; cursor: pointer;
width: 50px; margin-top: 25%; margin-left: 10px; height: 50px; opacity: 0.5; outline: medium none; }
#mediaThumbnailsContainer { padding: 15px 0 }
#mediaThumbnails img { float: left; padding: 5px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #ddd; cursor: pointer; }
.styles_accessory label { display: inherit; margin: 5px 0; }
#dlgTarget { background: #FFF; }
.truck-message { border-bottom: 1px solid #d3d3d3; margin-bottom: 20px; }
.truck-message h6 { margin: 0 0 7px 0; padding: 0; }
.truck-message p { padding: 0 0 20px 0; }
.embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.product-page-view-count { font-size: 13px; padding: 2px 5px; }
.radio-ui label { display: block; font-weight: normal; cursor: pointer; position: relative; padding: 10px 10px 10px 0; clear: both; }
.radio-ui input[type=radio] { width: 15px; height: 15px; margin: 0; -moz-appearance: none; cursor: pointer; z-index: 3; position: absolute; }
.radio-ui span { position: absolute; left: 21px; }
.product-bullets { margin: 20px 0 10px 0; }
.product-bullets ul { font-size: 14px; margin: 0; padding-left: 15px; }
/* PROMO BAR */
.PromoBar { margin-bottom: 5px; padding: 5px; font-size: 14px; text-align: center; }
.PromoBar a { margin: 0 0 0 5px; padding: 2px 10px; border-radius: 5px; }
.PromoBar a:hover { text-decoration: none; border-radius: 5px; }
.PromoBarDummy { height: 30px; }
.PromoBarArrow { background-repeat: no-repeat; background-position: top; border: medium none; display: block; height: 0; overflow: hidden;
padding: 19px 0 0; position: absolute; right: 50px; top: 7px; width: 40px; z-index: 10; cursor: pointer; }
.PromoBarRollup { background-position: 5px; background-repeat: no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 0;
display: block; height: 0; overflow: hidden; padding: 18px 0; position: absolute; right: 25px; top: 0; width: 50px; z-index: 2000; cursor: pointer; }
/* PROMO BAR BASE SKIN */
.PromoBar { background: #444; border-bottom: 1px solid #AAA; color: #FFF; }
.PromoBar a { background-color: #252525; color: #FFF; }
.PromoBar a:hover { background: #525252; color: #FFF; }
.PromoBarArrow { background-image: url(/content/images/gray_arrow_up.png); }
.PromoBarRollup { background-image: url("/content/images/drk_arrow_down.png"); background-color: #444; border: 1px solid #AAA; box-shadow: 0 0 2px #CCC; }
/* CALL CENTER BUTTON */
.callcenterbutton { float: right; font-weight: bold; }
.headerLeft { font-size: 12px; }
/* SOCIAL MEDIA */
.socialNav li { list-style-type: none; margin-right: 10px; float: right; }
/* RETURNS & REPLACEMENT PARTS */
.returns { border: 0; }
.returns > tbody > tr > td { padding: 0; }
.returns-upload li { background-color: #ededee; padding: 7px; margin-bottom: 7px; }
/* CART */
.cart-wrapper { font-size: 13px; }
.CartIDWrapper { background-color: #BDC3C7; padding: 15px; }
.CartID { background: none repeat scroll 0 0 #C0392B; border: 1px solid #C0392B; color: #FFF; font-size: 15px; font-weight: bold; margin: 8px 10px; padding: 5px; text-align: center; text-shadow: 0 1px 0 #528009; }
.CartRefID { color: #000; background-color: #FFFE98; margin-left: 10px; margin: 8px 10px; padding: 5px; }
.CartTitle { font-weight: bold; font-size: 24px; line-height: 1.1em; }
.CartIDnum { font-size: 13px; font-style: italic; }
.CartContinue { font-size: 13px; margin-right: 20px; }
a.CartProceedUpper { font-size: 16px; background-color: #000; color: #FFF; font-weight: bold; padding:10px 30px; border-radius: 3px; border: 1px solid #185b93; }
a:hover.CartProceedUpper { background-color: #777; text-decoration: none; color: #fff; }
.CartTable { width: 100%; margin-top: 10px; border: 1px solid #252525; border-collapse: collapse; }
.CartHeader { font-size: 12px; font-weight: bold; color: #FFF; letter-spacing: .05em; background-color: #252525; line-height: 1.2em; }
.ChildCartItemRow { background-color: #F3F3F3; border-top: 1px solid #FFF; }
.ScrollingCartDivider { background-color: #5b5b5b; padding: 3px; }
.CartItemNameSmall { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; }
.CartItemRowSmall { border-top: 1px solid #95a5a6; }
.CartItemRowSmall:first-child { border: 0; }
.CartItemRow { border-bottom: 1px solid #95a5a6; }
.CartItemImage { border: 1px solid #bdc3c7; }
.ChildCartItemDescription { font-size: 14px; font-weight: bold; }
.CartItemDescription { font-size: 16px; font-weight: bold; }
.CartItemDescription span { display: inline-block; background-color: #252525; color: #fff; font-size: 0.8em; padding: 2px 5px; margin-top: 5px; }
.CartItemFullSku { color: #4c4c4c; padding: 0; margin: 0; }
.ChildCartItemDescription a,
.CartItemBrand a,
.CartItemDescription a { color: #252525; }
.CartItemDelivery { font-size: 11px; font-weight: bold; color: #1abc9c; }
.CartItemDelivery a { cursor: pointer; }
.child-item-row { background: url(/content/images/cart-tile-lg-child.png); }
.CartItemUnitPrice { font-size: 13px; width: 95px; }
.cart-line-height { height: 90px; line-height: 90px; }
.cart-line-height input,
.cart-line-height button,
.cart-line-height select,
.cart-line-height textarea { line-height: normal; }
.jQCartItemQtySelect { border: 1px solid #aaa; text-align: justified; -moz-text-align-last: center; text-align-last: center; }
.cart-cell-inner-qty { margin-top: 15px; }
.CartItemQtyEdit { padding: 6px 2px !important; height: 28px !important; text-align: center; cursor: text; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.CartItemQtyEdit:focus { border: 1px solid #525252; -webkit-box-shadow: 0 0 5px #bdc3c7; -moz-box-shadow: 0 0 5px #bdc3c7; box-shadow: 0 0 5px #bdc3c7; }
.CartItemQtyUpdate { font-size: 14px; margin-top: 7px; color: #252525; cursor: pointer; }
.CartItemQtyUpdate:hover { text-decoration: underline }
.CartItemYourPrice { font-size: 13px; }
.CartItemYourPrice strike { font-style: italic }
.CartItemYourPriceValue { text-align: center }
.CartItemYourPriceDeco,
.CartSaleMsg,
.CartCouponMsg,
.CartPCMsg { font-size: 12px; font-weight: bold; }
.CartPCMsg { color: #327BB8 }
.CartItemYourPriceDeco { color: #327BB8 }
.CartSaleMsg { color: #990000 }
.CartCouponMsg { color: #27AE60; font-weight: bold; position: relative; }
.jQExp { cursor: pointer; }
.JQExplainHide { color: #900; }
.CartExplanation { background-color: #ddd; border: 1px solid #ddd; color: #333; position: absolute; left: -50px; top: 50px; margin-top: -32px; width: 230px; padding: 10px; text-align: left; z-index: 10000; }
.CartExplanationHide { text-align: right; font-style: normal; cursor: pointer; font-weight: bold; }
.CartItemTotal { font-weight: bold; text-align: center; width: 110px; }
.CartCouponWrapper { padding: 10px; border: 5px solid #ccc; line-height: 1em; margin: 10px 0; }
.CartCouponTitle { font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #327BB8; }
.CartCouponInput input { border: 1px solid #aaa; background-color: #fffceb; padding: 5px; margin-right: 10px; float: left; border-radius: 3px; height: 20px; }
.CartCouponInput input:focus { border: 1px solid #525252; background-color: #fffff0; -webkit-box-shadow: 0 0 5px #bdc3c7; -moz-box-shadow: 0 0 5px #bdc3c7; /* Firefox 3.6 and earlier */ box-shadow: 0 0 5px #bdc3c7; }
.CartCouponApply { font-size: 14px; padding: 7px 5px 5px 5px; background-color: #252525; text-align: center; width: 80px; color: #fff; float: left; border-radius: 3px; height: 20px; text-transform: uppercase; font-weight: bold; cursor: pointer; }
.CartCouponApply:hover { background-color: #327BB8 }
.CartCouponResultsWrapper { margin-top: 10px }
.CartCouponResults { background-color: #327BB8; clear: both; color: #FFFFFF; font-size: 12px; }
.CartCouponInst { clear: left; font-size: 11px; margin-top: 5px; }
.CartShipEstWrapper { min-height: 115px; float: left; padding: 30px; line-height: 1em; }
.CartShipInst { font-size: 11.5px; margin-bottom: 10px; font-weight: bold; }
.CartShipZipEdit { width: 95px; margin-right: 10px; float: left; padding: 5px; font-size: 13px; border: 1px solid #aaa; border-radius: 3px; height: 15px; background-color: #fffceb; }
.CartShipZipEdit:focus { background-color: #fffff0; border: 1px solid #525252; }
.CartShipZipCalc { font-size: 12px; font-weight: bold; padding: 5px 5px 5px 5px; background-color: #252525; color: #fff; width: 80px; text-align: center; float: left; border-radius: 3px; height: 17px; text-transform: uppercase; cursor: pointer; }
.CartShipZipCalc:hover { background-color: #525252 }
.CartShipInter { clear: left; font-size: 11px; padding-top: 15px; }
.CartShippingGeoWrapper { background-image: none }
.CartShippingGeoChange { font-size: 14px; border: 1px solid #bdc3c7; border-radius: 3px; background-color: #525252; color: #fff; padding: 10px; position: relative; cursor: pointer; text-align: center; }
.ShippingGeoChange:hover { background-color: #7f8c8d }
.CartTotals { font-size: 13px; z-index: 800; }
.CartTotals table { border: 1px solid #bdc3c7; border-top: none; border-collapse: collapse; float: right; background-color: #ecf0f1; width: 100%; }
.CartTotals td { padding: 5px 10px; border-bottom: 1px solid #bdc3c7; font-size: 14px; }
.CartTotals h1 { background: #5b5b5b; color: #FFF; font-size: 14px; color: #FFF; margin: 0; padding: 10px; text-transform: uppercase; }
.CartRegSubtotalLabel,
.CartRegSubtotalValue { color: #000 }
.CartYourTotalSavedValue { color: #16A085; font-weight: bold; }
.CartYourTotalSavedValue .PHCS { color: #444; font-weight: normal; }
.CartOrderFormDescDiscount { background-color: #27ae60; color: #fff; font-weight: bold; }
.CartOrderFormValueDiscount { font-size: 14px; font-weight: bold; background-color: #27ae60; color: #fff; }
.CartOrderFormValueDiscount .PHCS { color: #444; font-weight: normal; }
.CartYourSubtotal { border-top: 2px solid #888 }
.CartYouSaved { padding: 10px; font-size: 16px; font-weight: bold; color: #990000; }
.CartShipping { line-height: 1.1em; font-size: 12px; }
.CartShippingEmptyLabel { font-size: 12px }
.CartShippingEmptyValue { font-size: 12px; font-weight: normal; }
.CartOrderFormDescSale,
.CartOrderShipDesc,
.CartOrderShipValue { line-height: 1.2em; font-size: 12px; }
.CartOrderFormDescPC,
.CartOrderFormValuePC { color: #327BB8; font-weight: bold; }
.CartOrderFormDescPC .PHCS,
.CartOrderFormValuePC .PHCS { color: #444; font-weight: normal; }
.CartTaxLabel { font-size: 12px; font-weight: bold; }
.CartOrderTaxDesc,
.CartOrderTaxValue { font-size: 12px; line-height: 1.1em; }
td.CartOrderTaxDesc,
td.CartOrderTaxValue { padding: 10px }
.CartOrderTotal { background-color: #252525; color: #fff; }
.CartOrderFormValueSale { font-weight: bold; font-size: 14px; color: #16a085; }
.CartOrderFormValueSale .PHCS { font-weight: normal; color: #444; }
.CartOrderTotalDesc,
.CartOrderTotalValue { background-color: #252525; color: #fff; }
.CartOrderTotalDesc .PHCS,
.CartOrderTotalValue .PHCS { color: #444; }
td.CartOrderTotalDesc,
td.CartOrderTotalValue { padding: 10px }
.CartProceedLower { float: right; width: 300px; text-align: center; }
a.CartProceedChkout { background-color: #000; color: #fff; font-weight: bold; padding: 10px 30px; border-radius: 3px; border: 1px solid #185b93; }
a:hover.CartProceedChkout { background-color: #777; text-decoration: none; color: #fff; }
.CartProceedOR { padding: 10px 0; font-weight: bold; }
.CartEmptyTitle,
.CompareEmptyTitle { font-size: 24px; font-weight: bold; text-align: center; padding-top: 100px; padding-bottom: 10px; }
.CartEmptyInst,
.CompareEmptyInst { font-size: 18px; text-align: center; padding-bottom: 100px; }
.CartControlWrap { clear: both; float: left; text-align: center; border-top: 1px solid #bdc3c7; border-bottom: 1px solid #bdc3c7; border-radius: 3px; font-size: 13px; background-color: #ecf0f1; color: #252525; }
.CartButtons { display: inline; min-width: 150px; padding: 8px 0; float: left; border-right: 1px solid #bdc3c7; border-left: 1px solid #bdc3c7; cursor: pointer; }
.CartButtons a { padding-left: 5px; }
.CartPriceDropNEW { background-color: #c0392b; color: #fff; text-align: center; }
.CartPriceDropNEW:hover { font-weight: bold; background-color:#902419; }
a#ContinueToYourCart:hover { text-decoration: none; }
.CartItemYourPrice .OrderShipDesc .shipping-charge-prefix,
.CartItemUnitPrice .OrderShipDesc .shipping-charge-prefix,
.CartTotals .OrderShipDesc .shipping-charge-affix { display: none; }
/* Hides a second, unwanted SAYT UI panel */
.ui-autocomplete { display: none; }
/* USERBAR */
#UBHelp { margin: auto; position: relative; }
#UBHelpClose { background-color: #252525; color: #fff; padding: 2px; cursor: pointer; width: 20px; border-radius: 3px; text-align: center; }
#UBHelpClose { text-transform: uppercase; font-size: 10px; position: absolute; top: 50px; left: 645px; font-weight: bold; }
#UBHelpClose:hover { background-color: #525252 }
.CompThumbWrapper { clear: both; margin-top: 20px; padding: 7px 0px; border-top: 1px dotted #7f8c8d; border-bottom: 1px dotted #7f8c8d; }
.CompThumbText { font-size: 11px; margin: -1px 20px; text-align: left; text-transform: uppercase; font-weight: bold; letter-spacing: .05em; color: #34495e; }
.CompThumbText a { color: #c0392b; }
.CompThumbText a:hover { color: #e74c3c; text-decoration: none; }
.CompThumbWrapper input { float: left; margin: 0; padding: 0; }
.UserBarWrapper { width: 100%; z-index: 9999; }
.UseBarMenu { background-color: #ccc; border-color: #95a5a6; border-image: none; height: 47px; margin: auto; }
.UserBarContent { width: auto; background-color: #ECF0F1; background-image: url(/content/images/textured_bg.png); background-position: center top; }
.UserBarContent { background-repeat: repeat; border: 1px solid #95a5a6; margin: auto; overflow: auto; padding: 25px 5px; z-index: 1000; }
#UserBarProdList { float: right; overflow-x: auto; width: 88%; }
.UseBarNav { float: left; }
.jQCompare { cursor: pointer; display: inline-block; }
.jQCompareList ul { margin: 0; padding: 0; }
.jQCompareList a { color: #000000; font-size: 12px; }
#UBCompareBtn:hover,
#UBRecentBtn:hover,
#UBCartBtn:hover { opacity: 0.8 }
#UBCompareBtn,
#UBRecentBtn,
#UBCartBtn,
#UBRefID { cursor: pointer; display: block; font-size: 11px; font-weight: bold; margin: 8px 10px; padding: 5px; text-align: center; }
#UBCartBtn a { text-decoration: none; color: #3e3e3e; }
#UBCloseBtn { width: 35px; height: 25px; cursor: pointer; margin: 12px 25px 0; background-image: url(/content/images/arrow-minimize.png); background-repeat: no-repeat; background-position: 50%; }
#UBCloseBtn:hover { opacity:0.5; }
#CompareListWrapper { background-color: #ecf0f1; padding: 10px; margin: 0 10px; }
#CompareItems { list-style-type: none; margin: 0; padding: 0; }
#CompareItems li { display: inline-block; padding: 0 10px; font-size: 11px; }
.CompareWrapper { width: 100%; overflow-x: auto; }
.compare-table { font-size: 13px; vertical-align: middle; border-spacing: 0; }
.compare-table td { padding: 8px 10px }
.CompareRemoveBtn { width: 25px; background: url(/content/images/statusbuttonsprite.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; display: block; float: right; height: 25px; text-decoration: none; }
.CompareRemoveBtn:hover { background-position: -25px 0 }
.CompareViewBtn { background-color: #0061A7; border: 1px solid #124D77; border-radius: 3px 3px 3px 3px; color: #FFFFFF; display: block; font-size: 13px; }
.CompareViewBtn { margin-left: auto; margin-right: auto; padding: 5px 7px; text-align: center; text-decoration: none; width: 80px; }
.CompareViewImg { display: block; margin-bottom: 15px; margin-left: auto; margin-right: auto; }
.CompareViewBtn:hover { background-color: #528FCC; color: #FFFFFF; text-decoration: none; }
.CompareAttrRowAlt { background-color: #DDDDDD; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; }
.CompareAttrName { float: left; font-weight: bold; width: 140px; }
.CompareAttrValue { min-width: 50px; text-align: center; }
.CompareAttrRowGroup { color: #000000; font-size: 16px; font-weight: bold; }
.CompareAttrRowGroup th { padding: 15px 0 5px }
/* RECENT VIEWS */
.menu3dmega li .dropdown-menu #TopNavRecentTarget { white-space: normal; line-height: 1em; }
#TopNavRecentTarget a { display: inline-block; }
#TopNavRecentTarget a:hover { text-decoration: none; }
.recent-views-wrapper { margin: 15px 0 0 0; background-color: #F7F7F7; }
.recent-views-wrapper p { font-size: 13px; font-weight: 600; text-align: center; margin: 0; padding: 10px 0; }
.recent-views-wrapper #UBRecentTarget { padding: 0; }
.recent-views-wrapper #UBRecentTarget ul { padding: 0; margin: 0; list-style: none; }
.recent-views-wrapper #UBRecentTarget li { padding: 0 20px 20px 0; }
/* REDESIGNED SAVE/COMPARE */
.save-compare-wrapper { min-width: 350px; left: 15px; bottom: 0; border-radius: 0; background-color: #fff; position: fixed; z-index: 11; border: 1px solid #B8B8B8; border-bottom: 0; }
.save-compare-wrapper .content { min-height: 50px; padding: 10px; }
.save-compare-wrapper .jQCompareList { padding: 0; }
.save-compare-wrapper .jQCompareList li { list-style-type: none; padding: 0 5px; float: left; }
.save-compare-wrapper .CompareItemImg img { display: block; margin: 0 auto; max-height: 50px; max-width: 50px; border: 1px solid #dedede; vertical-align: middle; }
.save-compare-wrapper .CompareItemInfo { display: none; opacity: 0; visibility: hidden; }
.save-compare-wrapper .button-wrapper { width: 100%; margin: auto 25%; }
.save-compare-wrapper .jQCompareGo,
.save-compare-wrapper .jQCompareClear { width: 94%; background-color: #2c3e50; border: 1px solid #34495e; border-radius: 3px; color: #FFFFFF; cursor: pointer; display: block; font-size: 13px; margin: 10px 0; padding: 5px; text-align: center; float: left; }
.save-compare-wrapper .jQCompareGo:hover,
.save-compare-wrapper .jQCompareClear:hover { background-color: #34495e }
.save-compare-wrapper .jQCompareGo { margin-right: 10px; }
/* REDESIGNED PHCS USERBAR */
#UBPHCS { width: 220px; position: fixed; bottom: 130px; left: 0%; z-index: 12000; outline: 1px solid #333; } /* set z-index really high to float over UserBar */
#UBPHCS .phcs-menu-button { cursor: pointer; background: #D8D760; padding: 5px; }
#UBPHCS .phcs-menu-button img { margin-right: 10px; }
#UBPHCS .spacing { padding: 0 15px; }
#UBPHCS .phcs-wrapper { text-align: center; }
#UBPHCS .phcs-box { font-size: 11px; border-bottom: solid 1px #D8D760; border-top: solid 1px #FFF; }
#UBPHCS .phcs-box:first-child { border-top: 0; }
#UBPHCS .phcs-box input { padding: 0; }
#UBPHCS .info-box { background-color: white; padding: 15px; font-size: 12px; }
#UBPHCS .info-box h5 { margin: 0; padding: 0; }
.user-bar-tooltip { opacity: 1; margin: 3px 3px 3px 10px; }
.user-bar-tooltip-discount { opacity: 1; top: 0; left: 45px; cursor: pointer; }
.tooltipster-default { max-width: 400px; font-size: 13px; }
#PHCSHawkReport { background-color: #D8D760; font-size: 0.9em; position: fixed; bottom: 340px; left: 0; z-index: 12000; }
#PHCSHawkReport table { outline: 1px solid #333; }
#PHCSHawkReport thead th:not(:nth-child(1)),
#PHCSHawkReport tbody td:not(:nth-child(1)) { text-align: center; }
#PHCSHawkReport thead th { background: #D8D760; padding: 5px; }
#PHCSHawkReport tbody td { padding: 5px; border-bottom: 1px solid #333; text-transform: capitalize; }
#PHCSHawkReport tbody tr:last-child td { border-bottom: 0; }
#PHCSHawkReport tbody tr:nth-of-type(1) td { background: #333; color: #FFF; }
/* PRICING COMPARE */
.styleSalePriceStrikeTitlecp,
.styleSalePriceStrikecp { text-decoration: line-through; font-size: 11px; color: #000; font-weight: normal; }
.styleSalePriceTitlecp,
.styleSalePricecp,
.stylePricecp { font-size: 12px; color: #990000; margin-bottom: 5px; font-weight: bold; }
.styleSalePriceStrikeTitlehserps,
.styleSalePriceStrikehserps,
.styleSalePriceStrikeTitledp,
.PMSalePriceStrikeContainerpp,
.styleSalePriceStrikedp { text-decoration: line-through; font-size: 12px; font-weight: normal; color: #666; font-style: italic; }
/* LEGACY */
.ShowProjectList {
margin-top: 5px;
}
.ShowNewProject2 {
color: #fff;
font-size: 13px;
padding: 5px;
margin-top: 5px;
width: 150px;
text-align: center;
border: 1px solid #444;
background-color: #444;
background: -moz-linear-gradient(top, #444 30%, #222);
background: -webkit-linear-gradient(top, #444 30%, #222);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
cursor: pointer;
}
#NewProjectDlg {
background-color: #ddd;
padding: 10px;
font-size: 14px;
clear: both;
}
#NewRoomDlg
{
width: 237px;
background-color: #eee;
border: 1px solid #ccc;
margin-top: 32px;
padding: 10px;
font-size: 14px;
text-align: right;
clear: both;
}
.ProjectsListingHeader {
font-size: 16px;
border-bottom: 1px solid #ccc;
}
.ProjectsListingHeader a {
color: #000;
}
.ProjectWrapper {
width: 100%;
min-height: 500px;
}
.ProjectContainer {
width: 100%;
}
.ProjectInfoContainer {
width: 100%;
}
.ProjectInfoPanelCol
{
border: 1px solid #ddd;
background-color: #eee;
width: 263px;
margin: 8px;
padding: 10px 20px;
float: left;
}
.ProjectHeader {
text-align: left;
font-size: 13px;
font-weight: bold;
border-bottom: 1px #c7c7c7 solid;
padding: 5px 0;
margin-bottom: 0;
clear: both;
color: #000;
}
.ProjectInfoPanel ul {
padding: 0;
margin-bottom: 40px;
list-style-type: none;
}
.ProjectInfoPanel li {
padding-top: 10px;
}
.ProjectInfoPanelRO ul {
padding: 0;
margin-bottom: 40px;
list-style-type: none;
}
.ProjectInfoPanelRO li {
margin-top: 5px;
font-size: 12px;
line-height: 1.3em;
}
.DataLabel {
font-size: 12px;
width: 30%;
float: left;
}
.ProjectProductHeader{
background-color: #eee;
font-size: 12px;
font-weight: bold;
color: #444;
height: 30px;
border-bottom: 3px solid #ccc;
}
.DataValue {
width: 65%;
float: left;
margin-top: 2px;
}
.DataLabelRO {
font-size: 12px;
width: 30%;
float: left;
font-weight: bold;
}
.DataValueRO {
width: 65%;
float: left;
margin-top: 2px;
}
.DataValueAddressRO {
width: 65%;
float: left;
margin-top: 2px;
}
.DataValue input {
width: 181px;
margin-top: 0;
}
.DataValue select {
width: 187px;
margin: 1px 0;
height: 23px;
margin-top: 0;
}
.HLProdLink
{
width: 200px;
background-color: #000;
}
#ProjectPromo {
width: 45%;
float: right;
}
#ProjectPromo img {
max-width: 430px;
}
.ProjectAdminHeader
{
padding: 0 10px;
}
#ProjectAdminClick
{
background-image: url(/content/images/ProjectToolSpriteContact.png);
background-repeat: no-repeat;
width: 35px;
height: 35px;
cursor: pointer;
float: right;
}
#ProjectAdminClickClose
{
cursor: pointer;
font-size: 12px;
color: #990000;
width: 80px;
margin-top: 10px;
float: right;
}
.ProjectAdminContainer{
clear: both;
margin-top: 80px;
margin-bottom: 5px;
}
.ProjectAdminContainer ul {
list-style-type: none;
padding: 0;
margin-left: -5px;
}
.ProjectAdminContainer li {
font-size: 12px;
line-height: 2em;
}
.ProjectAdminHelpPop {
float: right;
width: 16px;
height: 16px;
background-image: url(https://sanccms.z14.web.core.windows.net/site/common/selhelp2.png);
background-repeat: no-repeat;
}
.ProjectAdminHelpContent {
width: 300px;
background-color: #666;
color: #fff;
font-size: 12px;
padding: 5px;
line-height: 1.5em;
border: 2px solid #555;
}
.ProjectProductEditContainer {
clear: both;
margin-bottom: 0;
margin-bottom: 15px;
min-height: 26px;
padding: 5px 5px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}
.ProjectTitleContainer {
width: 850px;
float: left;
margin-top: 8px;
margin-left: 10px;
color: #000;
font-size: 12px;
}
.ProjectTitle {
font-size: 18px;
border: 0;
}
.ProjectTitleRO {
display: block;
margin-top: 7px;
font-weight: bold;
float: left;
margin-left: 10px;
}
.ProjectButton,.ProjectButtonATC,.ProjImageLogoButton,.ProjectEditButton {
float: left;
color: #fff;
font-size: 13px;
padding: 3px;
margin: 0 5px;
border: 1px solid #222;
background-color: #444;
background: -moz-linear-gradient(top, #444 30%, #222);
background: -webkit-linear-gradient(top, #444 30%, #222);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
cursor: pointer;
}
.ProjectButtonATC {
float: right;
}
.ProjectButtonPreview,.ProjectButtonSave,.FeedbackButton {
float: right;
color: #fff;
font-size: 13px;
padding: 15px;
margin: 10px 15px 0 0;
border: 1px solid #222;
background-color: #444;
background: -moz-linear-gradient(top, #444 30%, #222);
background: -webkit-linear-gradient(top, #444 30%, #222);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
cursor: pointer;
}
.ProjectButton:hover,.ProjectButtonATC:hover,.ProjectButtonPreview:hover,.ProjectButtonSave:hover,.FeedbackButton:hover,.ProjectEditButton:hover {
opacity: 0.9;
}
.ProjectEditButton {
float: right;
margin: 0 10px;
}
.ProjectPreviewButtonWrapper {
background-color: #eee;
border: 1px solid #ccc;
padding: 10px;
}
.RoomChange {
float: left;
color: #fff;
width: 175px;
font-size: 13px;
padding: 3px;
margin: 0 5px;
border: 1px solid #666;
background-color: #888;
background: -moz-linear-gradient(top, #888 30%, #666);
background: -webkit-linear-gradient(top, #888 30%, #666);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
cursor: pointer;
}
.SectionHeader {
padding: 30px 0 10px;
text-align: left;
font-size: 16px;
font-weight: bold;
}
.SectionRow {
padding-top: 10px;
color: #990000;
}
.imgCol {
vertical-align: middle;
width: 55px;
}
.imgCell
{
padding: 0 15px;
}
.selCol {
vertical-align: middle;
width: 20px;
}
#List {
display: table;
}
.RoomHeader {
background-color: #AAAAAA;
padding: 3px;
padding-left: 15px;
text-align: left;
}
.RoomProduct {
width: 100%;
text-align: left;
font-size: 12px;
height: 75px;
}
.RoomProduct td {
border-top: 1px solid #ccc;
}
.ProjectProductName {
font-size: 14px;
color: #990000;
float: left;
font-weight: bold;
margin-bottom: 3px;
}
.ProjectProductModel {
font-size: 11px;
clear: both;
font-weight: bold;
}
.ProductNotes {
font-size: 12px;
padding: 10px 230px 10px 0;
text-align: justify;
color: #222;
clear: both;
}
.ImageLink {
width: 50px;
height: 50px;
vertical-align: middle;
}
.ModelNumber {
width: 120px;
text-align: left;
vertical-align: middle;
}
.ModelOptions {
width: 120px;
text-align: left;
vertical-align: middle;
}
.ProductName {
width: 400px;
text-align: left;
height: 25px;
}
.Quantity {
text-align: right;
font-size: 14px;
width: 200px;
}
.QtyVal
{
border: 1px solid #999;
padding: 3px 10px;
font-size: 12px;
}
.ProjCutSheet {
background-color: #999;
padding: 5px;
font-size: 10px;
float: left;
margin-right: 10px;
color: #fff;
}
.ProjCutSheet:hover {
background-color: #666;
text-decoration: none;
}
.ProjImageLogo {
width: 265px;
padding: 5px;
margin-top: 5px;
}
.ProjImageLogoLink {
font-size: 12px;
padding: 0 5px;
cursor: pointer;
}
.ProjPrice {
background-color: #fff;
text-align: right;
font-weight: bold;
font-size: 12px;
padding: 0 5px;
width: 150px;
}
.ProjMinPrice {
text-align: right;
font-size: 12px;
padding: 0 5px;
width: 150px;
}
.EmptyAddress {
background-color: #F6F6F6;
}
.EditStartText,.AdminStartText,.SaveStartText
{
color: #990000;
margin-left: -28px;
margin-top: -2px;
}
.EditStartText
{
margin-left: -28px;
margin-top: -2px;
}
.AdminStartText
{
margin-left: -42px;
margin-top: 6px;
}
.SaveStartText
{
margin-left: -42px;
margin-top: -2px;
}
.EditStartText:hover,.AdminStartText:hover,#ProjectAdminClickClose:hover
{
text-decoration: underline;
}
.EditStart, .EditSave, .EditCancel, .EditRoom, .EditRmSave, .EditRmCancel, .ReadOnlyCheck, .ReadOnlyNotCheck, .AddStart, .AddSave, .AddCancel, .Delete, .Expand, .Contract, .SaveWait, .RollUp, .RollDown, .Document, .VerticalGrip {
border: 1px solid #F6F6F6;
cursor: pointer;
display: block;
background-clip: border-box;
background-image: url(/content/images/thumbnailpng.png);
background-origin: padding-box;
background-repeat: no-repeat;
height: 16px;
width: 16px;
margin-top: 5px;
}
.EditStart, .EditRoom {
background-position: -64px -112px;
}
.EditSave, .EditRmSave, .AddSave {
background-position: -96px -112px;
}
.EditCancel, .EditRmCancel, .AddCancel {
background-position: -96px -128px;
}
.ReadOnlyCheck {
background-position: -64px -144px;
}
.ReadOnlyNotCheck {
background-position: -208px -224px;
}
.AddStart, .Expand {
background-position: -32px -128px;
}
.Contract {
background-position: -48px -128px;
}
.Delete {
background-position: -176px -96px;
}
.SaveWait {
background-position: -80px -112px;
}
.RollUp {
background-position: -96px -192px;
border: none;
}
.RollDown {
background-position: -64px -192px;
border: none;
}
.Document {
background-position: -32px -96px;
border: none;
}
.VerticalGrip {
background-position: 0 -224px;
border: none;
}
.StatusTextBad,.StatusTextGood {
color: #fff;
margin: 0 0 10px 0;
clear: both;
padding: 8px;
display: block;
text-align: center;
}
.StatusTextGood {
background-color: #679B00;
}
.StatusTextBad {
background-color: #990000;
}
.NoProject {
font-size: 24px;
position: absolute;
top: 200px;
left: 475px;
width: 900px;
text-align: center;
display: block;
background-color: #ddd;
padding: 30px;
line-height: 1.5em;
}
.ProductListEmptyPnl {
font-size: 14px;
background-color: #ddd;
padding: 20px 30px;
margin: 30px 30px;
text-align: center;
line-height: 1.5em;
}
.FeedbackWrapper {
background-color: #eee;
border: 1px solid #ccc;
margin-top: 10px;
width: 45%;
padding: 0 10px;
float: left;
}
.FeebackPrompt {
color: #000;
font-size: 13px;
font-weight: bold;
display: block;
margin-left: 10px;
padding-top: 10px;
width: 100%;
height: 20px;
}
.FeedbackMessage {
width: 100%;
height: 50px;
}
.ProjectTotals {
border-top: 1px dotted #999;
padding: 5px;
margin-top: 20px;
}
.TotalsListTitle {
text-decoration: underline;
margin-bottom: 8px;
font-weight: bold;
}
.TotalsListDisc {
color: red;
}
.TotalsListMar {
color: green;
}
.ProjectTotals ul {
list-style-type: none;
float: right;
font-size: 24px;
margin-right: 10px;
}
.ProjectTotals li {
line-height: 1.5em;
text-align: right;
}
.ProjectTotalsLabel{
color: #900000;
font-size: 16px;
}
.ProjectTotalsValue{
color: #900000;
font-size: 16px;
}
.ProjectHelpLink {
padding: 8px;
margin: 5px;
font-size: 12px;
display: block;
float: left;
}
.ProjectHelpLink2 {
display: block;
width: 100px;
float: right;
font-size: 12px;
text-align: right;
color: #444;
}
.ProjectsPageButton {
display: block;
float: right;
color: #fff;
text-align: center;
width: 200px;
font-size: 13px;
padding: 8px;
margin: 5px 0;
border: 1px solid #222;
background-color: #444;
background: -moz-linear-gradient(top, #5d7792 30%, #444);
background: -webkit-linear-gradient(top, #5d7792 30%, #444);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
cursor: pointer;
}
.ShowNewProject {
color: #fff;
font-size: 13px;
padding: 8px;
margin: 5px 0;
width: 150px;
text-align: center;
float: left;
display: block;
border: 1px solid #444;
background-color: #444;
background: -moz-linear-gradient(top, #444 30%, #222);
background: -webkit-linear-gradient(top, #444 30%, #222);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
cursor: pointer;
}
.ProjectsListGridList {
clear: both;
}
.ProjecTotalCell {
width: 100px;
color: #000;
font-size: 14px;
font-weight: bold;
border: 1px solid #999;
background-color: #ddd;
}
.ProjecTotalRow {
width: 100px;
color: #000;
font-size: 14px;
font-weight: bold;
border: 1px solid #999;
background-color: #ccc;
}
.SigninButton {
float: left;
color: #fff;
width: 100px;
font-size: 13px;
padding: 3px;
margin: 0 5px;
border: 1px solid #222;
background-color: #444;
background: -moz-linear-gradient(top, #777 30%, #444);
background: -webkit-linear-gradient(top, #777 30%, #444);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
cursor: pointer;
}
.SignupButton {
color: #fff;
font-size: 13px;
width: 150px;
margin-left: auto;
margin-right: auto;
display: block;
padding: 3px;
margin: 0 5px;
border: 1px solid #222;
background-color: #444;
background: -moz-linear-gradient(top, #777 30%, #444);
background: -webkit-linear-gradient(top, #777 30%, #444);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
cursor: pointer;
}
.ProjNotesContainer
{
background-color: #eee;
border: 1px solid #ddd;
margin: 0 8px;
padding: 15px;
font-weight: bold;
}
.ProjIntNotes,.ProjClientNotes
{
width: 430px;
font-size: 12px;
float: left;
margin-left: 15px;
}
#ROClientNotes{
font-size: 12px;
border: 1px solid #ddd;
padding: 15px;
margin: 0 12px;
display: block;
clear: both;
}
/* Global closeout message */
.closeout-return-message { background: #d9d9d9; color: #333; font-size: 12px; font-weight: bold; padding: 0 20px 15px 20px; margin-bottom: 20px; }
/* Unknown */
.jQBack { cursor: pointer; color: #888; }
.shipping-info .jQBack { right: 30px; }
/* Forms */
#GeneralForms ul li.ui-tabs-active,
#GeneralForms ul li.ui-state-hover,
#GeneralForms ul li.ui-tabs-active a,
#GeneralForms ul li.ui-state-hover a { background: #8092a6; }
.form-notify { width: 40% !important; display: inline-block !important; float: left; }
option:disabled { color: #BDC3C7; }
/* Responsive Error Labels */
#GeneralForms .bs-form input[type="text"].error,
#GeneralForms .bs-form input[type="tel"].error,
#GeneralForms .bs-form input[type="email"].error,
#GeneralForms .bs-form input[type="password"].error,
#GeneralForms .bs-form input[type="radio"].error,
#GeneralForms .bs-form select.error { border: 2px solid #e84c3f; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; margin: 0; }
#GeneralForms .bs-form .form-control { width: 100%; }
.bs-form .long label.error { width: 97%; padding: 10px; }
.bs-form .short label.error { width: 243px; padding: 10px; }
.bs-form .mini label.error { width: 130px; padding: 10px; }
.bs-form label.error { display: block; background: #e84c3d; font-size: 12px; padding: 4px; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFF; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.bs-form .special label.error { background: #e84c3d; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFF; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.bs-form span.spanerror,
.bs-form span.error { background: #e84c3d; padding: 10px; clear: both; color: #fff; }
.bs-form span.error { display: block; }
.bs-form span.spansuccess { background: #27AE60; padding: 10px; clear: both; color: #fff; }
/* Content Centric Responsive Form */
.content_wrapper h3 { border-bottom: 0; padding-bottom: 10px; margin: 40px 0; font-size: 24px; }
.content_wrapper h3:first-child { margin-top: 0 }
.content_wrapper h4 { border-bottom: 0; padding-bottom: 10px; margin: 40px 0; font-size: 19px; }
.content_wrapper h4:first-child { margin-top: 0 }
.layout_innercontent .content_wrapper li { font-size: 11px; }
/* CMS REMODAL */
.cms-content h2 { margin-bottom: 30px; }
.cms-content p { margin: 20px 0; }
/* QUOTE / PARTS REQUEST REMODAL FORM */
.quote-modal h1 { margin: 0 0 10px 0; }
.quote-modal p:first-child { margin: 0; }
.quote-modal p:last-child { margin: 15px 0 0; }
.quote-modal .errors-output { border: 1px solid #e84c3d; padding: 10px; }
.quote-modal span.error { background: none; padding: 0 10px 10px 0; color: #e84c3d; font-size: 12px; border: 0; }
.quote-modal span.error { padding: 0 10px 0 0; }
.quote-modal .form-control { cursor: auto; width: 98%; padding: 5px; font-size: 12px; height: 20px; }
.quote-modal .options-wrapper { background-color: #ecf0f1; padding: 10px; }
.quote-modal .options-wrapper .radio-inline { padding-top: 0; }
.quote-modal .modal-form-group { display: inline-block; vertical-align: middle; }
.quote-modal .grid-1 { padding-left: 0; }
.quote-modal .grid-2 { padding: 0; }
.quote-modal .grid-3 { padding-right: 0; }
.quote-modal .selection-box { background-color: #ecf0f1; padding: 10px; margin: 20px 0; }
.quote-modal .main-wrapper { padding: 20px 0; }
.quote-modal .product-wrapper { padding-top: 10px; margin: 0 0 20px; }
.quote-modal .product-wrapper select { cursor: auto; width: 100%; padding: 5px; font-size: 12px; min-height: 32px; }
.quote-modal .submit-wrapper { margin-top: 50px;}
.quote-modal .submit-wrapper input { margin-top: 20px; }
.quote-modal .submit-wrapper input:focus { font-size: 12px; }
.quote-modal .notes-wrapper ul { margin: 10px 0 20px 18px; }
.quote-modal input:focus,
.quote-modal select:focus,
.quote-modal textarea:focus { outline: none; border: 1px solid #bfc4c7; font-size: 12px; }
.quote-modal ::-webkit-input-placeholder { color: #232426; } /* Chrome and Safari */
.quote-modal input::-moz-placeholder { color: #232426; } /* Mozilla Firefox 4 - 18 */
.quote-modal input:-moz-placeholder { color: #232426; } /* Older versions of Firefox */
.quote-modal .secure { background: url(/content/images/icon-secure.png) no-repeat 0; }
.quote-modal .secure span { display: block; font-size: 10px; color: #838c8b; padding: 0 0 0 30px; font-weight: 600; }
.quote-modal ul { list-style-type: circle; }
.quote-modal .divider { border-top: 1px solid #bfc4c7; padding-top: 20px; margin-top: 20px; }
/* ATTENTION BOX */
.attention { background-color: #317BB8; color: #fff; padding: 10px 30px; margin: 0 0 20px 0; text-align: center; }
.attention .button { background-color: #fff; font-weight: bold; color: #317BB8; padding: 2px 10px; margin: 0 5px; }
/* VIEW STATUS (RAZOR VIEW) */
.view-status { font-size: 14px; }
.view-status .form-control { height: auto; max-width: 100%; box-sizing: border-box; margin-bottom: 10px; }
/* LOGIN PAGE */
.login { font-size: 14px; margin: 100px 0; }
.login .form { display: grid; grid-template-columns: repeat(2, 1fr); }
.login .form-spacing { display: grid; row-gap: 10px; margin-top: 20px; }
.login .password { display: grid; grid-template-columns: repeat(2, 1fr); }
.login input { box-sizing: border-box; } /* This fixes a problem where Bootstrap input widths are greater than the container's width of 100% */
.login h2 { font-weight: bold; font-size: 18px; margin: 0; }
.login .form-divider { border-right: 1px solid black; }
.login .form-col-width { width: 50%; margin: auto 25%; }
.login .form-col-right { padding-left: 30px; }
.login a { text-decoration: none; }
.login .gray-box { background: #f7f7f7; padding: 10px; }
/* SIGNUP VP FOR DEPT AND BLOG PAGES*/
.sign-up-cms { font-size: 14px; margin: 20px 0; padding: 10px 0; border-top: 1px solid #D1D1D6; }
.sign-up-cms .form { display: grid; grid-template-columns: repeat(2, 1fr); }
.sign-up-cms .form-spacing { display: grid; row-gap: 10px; margin-top: 20px; }
.sign-up-cms .password { display: grid; grid-template-columns: repeat(2, 1fr); }
.sign-up-cms h2 { font-weight: bold; font-size: 18px; margin: 0; }
.sign-up-cms .form-divider { border-right: 1px solid #D1D1D6; }
.sign-up-cms .form-col-width { width: 50%; margin: auto 25%; }
.sign-up-cms .form-col-right { padding-left: 30px; }
.sign-up-cms a { text-decoration: none; }
/* ACCOUNT SIGNUP FORMS */
.signup { font-size: 14px; display: grid; grid-template-columns: 1fr; }
.signup .form-horizontal { display: grid; row-gap: 20px; }
.signup .form { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px; row-gap: 15px; }
.signup h2 { font-weight: bold; font-size: 18px; margin-top: 0; }
.signup .form .radio-grid { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 10px; }
.signup .opt-in { display: grid; grid-template-columns: 25px auto; }
.signup .form label { margin-bottom: 10px; }
.signup .form label em { padding-left: 5px; }
.signup .form input[type="text"],
.signup .form input[type="password"],
.signup .form input[type="email"],
.signup .form input[type="tel"] { width: 100%; margin: 0px; box-sizing: border-box; }
.signup .form input[type=radio] { margin-top: unset; }
.signup .gray-box { background: #f7f7f7; border: 1px solid #ccc; padding: 20px; border-radius: 5px; }
/* CHECKOUT 2.0 */
.checkout { font-size: 14px; padding: 15px 0; }
.checkout h3 { font-size: 16px; }
.checkout .list-inline { margin-left: 0; }
.checkout .stepbar { min-height: 40px; color: #6c6c6c; font-weight: bold; }
.checkout .stepbar a { font-weight: normal; color: #818b8a; }
.checkout .stepbar .title { color: #000; }
.checkout .stepbar li { text-transform: uppercase; background: #efefef; margin: 0; padding: 9px 0; text-align: center; float: left; font-size: 11px; }
.checkout .stepbar .active { background: #6c6c6c; font-weight: bold; color: #FFF; }
.checkout .stepbar em { font-style: normal; padding-left: 5px; }
.layout_innercontent .checkout { line-height: normal; }
.layout_innercontent .checkout li,
.page p,
.checkout p { font-size: 14px; margin: 15px 0; }
.checkout .cart-vertical-spacing { margin: 50px 0 10px 0; }
.checkout .forgotpassword { font-weight: normal; }
.checkout .account-box { min-height: 320px; }
.checkout .secure { color: #444; }
.checkout .secure i { color: #8DA2A3; padding-top: 20px; }
.checkout .secure h3 { margin-top: 0; }
.checkout .secure span { display: block; color: #838c8b; }
.checkout .required { font-size: 1.25em; color: #cf0016; top: 4px; left: 5px; }
.checkout .creditcards { min-height: 40px; background: url(/content/images/icon-creditcards.png) no-repeat 200px 6px; padding-bottom: 10px; }
.checkout .paypal { min-height: 40px; background: url(/content/images/icon-paypal.png) no-repeat 200px 6px; padding-bottom: 10px; }
.checkout .billmelater { min-height: 40px; background: url(/content/images/icon-billmelater.png) no-repeat 200px 6px; padding-bottom: 10px; }
.checkout .googlewallet { min-height: 40px; background: url(/content/images/icon-googlewallet.png) no-repeat 200px 6px; padding-bottom: 10px; }
.checkout .amazonpayments { min-height: 40px; background: url(/content/images/icon-amazonpayments.png) no-repeat 200px 6px; padding-bottom: 10px; }
.checkout .cc-icon { min-height: 40px; }
.checkout .visa { background: url(/content/images/icon-visa.png) no-repeat 20px 0; width: 107px; height: 49px; }
.checkout .mastercard { background: url(/content/images/icon-mastercard.png) no-repeat 20px 0; width: 107px; height: 49px; }
.checkout .discover { background: url(/content/images/icon-discover.png) no-repeat 20px 0; width: 107px; height: 49px; }
.checkout .amex { background: url(/content/images/icon-amex.png) no-repeat 20px 0; width: 107px; height: 49px; }
.checkout .genericreferrerids { font-size: 10px; }
.checkout .genericreferrerids ul { margin: 0; }
.checkout .genericreferrerids li { font-size: 10px; margin: 0; }
.checkout .feedback { background: #ECF0F1; border: 1px solid #95A5A6; padding: 20px; }
.checkout .feedback big { display: inline-block; font-size: 16px; margin: 20px 0 0; }
.checkout #scrollingbox { height: 1394px; right: 0; float: right; }
.checkout .scroll-wrapper { position: sticky; top: 20px; }
.checkout .CartWrapper { width: auto; margin: 0; }
.checkout .CartWrapper > div:last-of-type { display: none; }
.checkout-creditcard-grid { display: grid; row-gap: 20px; margin-bottom: 20px; }
.checkout-creditcard-grid > div { display: grid; }
.checkout-creditcard-grid > div div { height: 34px; display: block; background-image: none; font-size: 14px; font-weight: 600; line-height: 1.42857143; color: #555; }
.checkout-creditcard-grid > div div { border-radius: 4px; box-sizing: border-box; }
.checkout-creditcard-grid > div #ccnumberconatiner { width: 50%; border: 1px solid #ccc; }
#ccexpdatecontainer { width: 50%; display: grid; grid-template-columns: 4fr 2fr; column-gap: 20px; }
#ccvcodecontainer { width: 25%; border: 1px solid #ccc; }
#ccexpiremonth, #ccexpireyear { padding: 6px 12px; border: 1px solid #ccc; }
.checkout-creditcard-grid > div #ccnumberconatiner,
#ccexpdatecontainer { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.checkout-payment-area-spinner { width: 100%; height: 160px; cursor: wait; display: none; display: grid; padding: 10px; text-align: center; }
.checkout-payment-area-spinner .serp-spinner { width: initial !important; height: initial !important; display: grid; justify-content: center; text-align: center; }
.checkout-payment-area-spinner .serp-spinner div { position: initial; }
.checkout-creditcard-grid input,
.checkout-creditcard-grid select { height: fit-content; background-color: initial; padding: 0; border: 0; box-shadow: none; }
.checkout-creditcard-grid input:focus,
.checkout-creditcard-grid select:focus { box-shadow: none; -webkit-box-shadow: none; }
@media (max-width:801px) {
.checkout-creditcard-grid > div { grid-template-columns: 4fr 8fr; }
.checkout-creditcard-grid > div #ccnumberconatiner,
#ccexpdatecontainer { width: 100%; }
}
@media (min-width:992px) {
.checkout-creditcard-grid > div { grid-template-columns: 3fr 9fr; }
}
/* 2017 SERPs Redesign */
.icons { min-height: 25px; }
.ProductImageWrapper span { color: #FFF; font-style: italic; padding: 2px 5px; position: absolute; top: 0; right: 0; }
.ProductImageWrapper span.tag-coupon { background: #0bb298; }
.ProductImageWrapper span.tag-clearance { background: #FFA500; }
.ProductImageWrapper span.tag-sale { background: #F15A2F; }
.product-desc { font-size: 15px; }
.product-desc a { color: #707070; }
.product-brand { font-size: 13px; color: #707070; font-style: italic; }
.product-brand span { text-transform: capitalize; }
.product-price { font-size: 14px; }
.free-shipping { font-size: 13px; min-height: 13px; font-weight: bold; color: #1abc9c; }
.promo-coupon { clear: both; }
.product-coupon .PrPromoText { font-size: 16px; padding: 7px 8px; }
.product-coupon br { display: none; line-height: 0; }
.cart-wrapper sup,
.CartTotals sup,
.product-price sup,
.complete-box sup,
.rr-price sup { font-size: 60%; vertical-align: super; line-height: 0; top: 1px; font-weight: 600; }
.styleSalePriceStrikeTitletn,
.styleSalePriceStriketn { text-decoration: line-through; font-size: 11px; font-weight: normal; color: #666; }
.stylePriceBreaktn { display: block; height: 18px; }
.PrPromoText { display: inline-block; }
.ProductImageWrapper { position: relative; }
.coupon-image { background: #F15A2F; color: #FFF; text-align: center; padding: 2px 5px; }
.promo-coupon-wrapper .fa-coupon-color i { color: #FFF; }
.promo-coupon-wrapper h4 { display: inline-block; font-weight: normal; margin: 12px 0; }
.promo-coupon-wrapper span.coupon-code { font-weight: bold; color: #F15A2F; }
.promo-coupon-wrapper .coupon-text { text-align: center; color: #686868; }
.product-details-module .promo-coupon-wrapper { background-color: #F3F3F3; text-align: center; border: 0; }
.product-details-module .promo-coupon-wrapper .fa-coupon-color i { color: #FFF; }
.product-details-module .promo-coupon-wrapper h4 { display: inline-block; font-weight: normal; margin: 12px 0; }
.product-details-module .promo-coupon-wrapper span.coupon-code { font-weight: bold; color: #F15A2F; }
.product-details-module .promo-coupon-wrapper .coupon-text { text-align: center; color: #686868; }
.product-details-module #StyleListDiv .purchase-buttons { padding: 0 0 20px 0; text-align: unset; }
.filter-group-title { display: block; background: url(https://sanccms.z14.web.core.windows.net/site/common/patio/textured_bg.png) center top; border-bottom: 1px solid #ddd; cursor: pointer; }
.badge-top-seller { background-color: #A90024; font-weight: bold; color: #fff; padding: 2px 5px; position: absolute; top: 0; left: 0; }
.top-seller { color: #20C1A7; }
.list-bullets { background: #f7f7f7; padding: 20px; }
.list-bullets ul { padding: 0 0 0 15px; }
.list-bullets ul li { padding-bottom: 1em; text-transform: capitalize; }
/* Price Match (Competitor) */
.price-match-screenshot { padding: 20px; margin-top: 20px; text-align: center; border: 3px dashed #bfc4c7; }
/* Global Master Adjustments for Bootstrapped sites */
.bootstrap { font-size: 13px; }
.bootstrap h2 { font-size: 18px; }
.bootstrap h3 { padding-bottom: 10px; margin: 0; font-size: 24px; }
.bootstrap h3:first-child { margin-top: 0 }
.bootstrap h4 { border-bottom: 2px solid #4d4d4d; padding-bottom: 10px; margin: 30px 0; font-size: 17px; }
.bootstrap h4:first-child { margin-top: 0 }
.bootstrap p { margin: 15px 0; }
.bootstrap .error { border: 2px solid #e84c3f; }
.bootstrap span.error { background: #e84c3d; padding: 10px; clear: both; color: #fff; }
.bootstrap span.error { display: block; }
.bootstrap .table .form-control { width: 75%; }
.btn-gray { background-color: #ecf0f3; color: #666; border: 1px solid #bfc3c6; }
.btn-gray:hover { background-color: #d3d3d3; }
.btn-black { background-color: #000; color: #DDD; }
.btn-black:hover { background-color: #444; color: #DDD !important; }
.btn-silver { background-color: #ccc; color: #000; border: 0; }
.btn-silver:hover { background-color: #ddd; }
.btn-phcs { background-color: #FFFE98; }
.btn-stripepay { width: 228px; display: inline-block; }
.btn-belami { min-width: 240px !important; padding-left: 0 !important; padding-right: 0 !important; }
.btn-wide { padding-left: 20px !important; padding-right: 20px !important; }
.btn-favorites-serps { position: absolute; bottom: 0; right: 0; border-radius: 100px !important; }
.btn.btn-xl { font-size: 16px; font-weight: bold; }
.btn.btn-xl:hover { font-size: 16px; font-weight: bold; }
.btn.btn-cart, .btn.btn-cart:focus { background-color: #63ba3c; color: #FFF; }
.btn.btn-cart:hover { background-color: #fff; font-weight: bold; color: #63ba3c; border: 1px solid #63ba3c; }
.amazonpay-button-inner-image { min-width: 228px; }
.btn-bt, .btn.btn-bt:hover, .btn.btn-bt:focus { background-color: #000; color: #FFF; }
/* Featured Brands Filters styles for Select */
.featured-brands-filters select { width: 270px; font-size: 12px; padding: 3px; margin: 0;
-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
background: #f8f8f8; color: #888; border: none; outline: none; display: inline-block; cursor: pointer; }
.line-cards { font-family: Verdana; text-align: center; min-height: 240px !important; border: 1px solid #E5E5E5; }
.line-cards h3 { padding: 10px; }
.line-cards h3 a { font-size: 13px; font-weight: bold; }
.height-adjustment { min-height: 81px; }
.image-hide { float: right; cursor: pointer; margin-top: 12px; }
/* Belami Responsive Modal for Product Media Gallery */
#LP_DIV_1401225668355 div div img { z-index: inherit; }
.belami-modal .overlay { background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.belami-modal { visibility: hidden }
.belami-modal .content { background: #fff; width: 32rem; position: absolute; left: 50%; margin-left: -16rem; top: 6rem; min-height: 32rem; }
.belami-modal .content h1 { margin: 0; padding: 0; line-height: 32rem; text-align: center; display: block; }
.belami-modal .close { position: absolute; right: 2rem; top: 2rem; text-decoration: none; }
.modal--show { visibility: visible }
.modal--transition { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0;
-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.modal--show .modal--transition { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
@media (max-width: 1850px)
{
.belami-modal .content { top: 0; left: 0; bottom: 0; width: 100%; margin: 0; }
.belami-modal .close { display: block }
.modal--transition { -webkit-transform: translateX(-0) translateY(150%); -moz-transform: translateX(-0) translateY(150%);
-ms-transform: translateX(-0) translateY(150%); transform: translateX(-0) translateY(150%); }
}
.jQStyleImage { margin: 0 auto; }
/* Product Pages - TODO: Let's reduce redundancy by migrating static styles from resp.detail and resp.global to here. */
.delivery_text { background-color: #1abc9c; color: #fff; font-size: 13px; border: 0; padding: 0 8px; }
.accessory_price { color: #990000; font-size: 12px; text-align: right; margin-top: 9px; }
#StyleListDiv .accessory_price,
#StyleListDiv .pr-snippet-read-write a.pr-snippet-link,
#StyleListDiv .CartCouponTitle,
#StyleListDiv .results-message { line-height: 0; }
#StyleListDiv #PriceLabel div.price-deco { line-height: 1.3em; }
#StyleListDiv #PriceLabel div.price-deco-cad { margin-top: 15px; }
#StyleListDiv .reg-price { font-size: 12px; font-style: italic; font-weight: bold; }
#StyleListDiv .strike-price { text-decoration: line-through; color: #000; padding-right: 2px; }
#StyleListDiv .display-price { font-size: 26px; font-weight: normal; line-height: 2em; }
#StyleListDiv .stylePricedp { background: none; margin: 0; padding: 0; }
.td-label { font-size: 70%; }
.accordion-product-bullets { font-size: 13px; }
.accordion-product-bullets ul { margin: 0; padding: 0 15px; }
.accordion-product-bullets ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.accordion-product-bullets ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.info-sheets ul { margin-top: 10px; }
.info-sheets li { margin-bottom: 10px; }
/* 2021 Delivery update */
.delivery_text_bo { display: block; background-color: #fff8cf; color: #8a6d3b; padding: 5px; text-align: center; }
/* Bulk Discount pricing overrides */
#StyleListDiv .bulk-discount .display-price,
#StyleListDiv .bulk-discount .reg-price { font-size: unset; line-height: unset; }
#StyleListDiv .purchase-buttons { padding: 20px 10px; text-align: right; }
/* Product Option Images Swatches */
.optional-group { background: #efefef; }
.jQSOptImg { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; }
.jQSOptImg { border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; }
.jQSOptImg { border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.jQSOptImg { width: 50px; height: 50px; border-radius: 2px; margin: 0 10px 10px 0; padding: 0; border-radius: 2px; cursor: pointer; }
.jQOptText { width: initial; height: initial; margin: 10px 10px 10px 0; }
.jQSOptImg img { border: 1px solid transparent; }
.jQSOptImg:hover img { border: 1px solid #BA4A4A; border-radius: 2px; }
.jQSOptImg-active { border-color: #1db1a5; -webkit-box-shadow: inset 0 0 0 4px rgba(255,255,255,1); -moz-box-shadow: inset 0 0 0 4px rgba(255,255,255,1); box-shadow: inset 0 0 0 4px rgba(255,255,255,1); }
.jQSOptImg-active { -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.jQSOptImg-active img,
.jQSOptImg-active:hover img { border: 0; }
/* SKYX */
@media (max-width:800px)
{
.jQSOptImg.map-type-4,
.jQSOptImg.map-type-4 img { width: 75px; height: 75px; }
}
@media (min-width:801px)
{
.jQSOptImg.map-type-4,
.jQSOptImg.map-type-4 img { width: 100px; height: 100px; }
}
/* Akeneo */
.akeneo .jQSOptImg,
.jQSOptImg.available-option { border-style: solid; border-color: #ADB1B8 #8D9096; }
.jQSOptImg.unavailable-option { border-style: dashed; border-color: #ADB1B8 #8D9096; }
.jQSOptImg.unavailable-option img { opacity: 33%; filter: grayscale(1); }
.jQSOptImg.unavailable-option [data-tippy-root] .tippy-box .tippy-content img { opacity: 100%; filter: inherit; }
.akeneo img.jQSOptImg.available-option,
.akeneo img.jQSOptImg.unavailable-option { border: 0; }
.akeneo .jQSOptImg-active { border-color: #E77502; }
.tooltipster-content cite { color: #222; }
.unavailable { display: none; }
.available { display: block; }
/* Product Styles and Options Swatches */
.jQStyleOptionSel { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.jQStyleOptionSel img { border: 1px solid transparent; }
.jQStyleOptionSel:hover img { border: 1px solid #BA4A4A; border-radius: 2px; }
.jQStyleOptionSel-active { border-color: #1db1a5; -webkit-box-shadow: inset 0 0 0 4px rgba(255,255,255,1); -moz-box-shadow: inset 0 0 0 4px rgba(255,255,255,1); box-shadow: inset 0 0 0 4px rgba(255,255,255,1); }
.jQStyleOptionSel-active { -webkit-border-radius: 2px; -moz-border-radius: 2px; margin: 8px 0 0 8px; }
.jQStyleOptionSel-active img { width: 55px; height: 55px; border: 0; }
.jQStyleOptionSel-active:hover img { border: 0; }
/* Product Quantity */
.product-qty { vertical-align: middle; }
.product-qty .btn-lg { line-height: inherit; }
.product-qty .qty { font-size: 16px; border: 1px solid #d7d7d7; margin: 0; padding: 10px; text-align: center; }
.product-qty .qty-increment { width: 69%; text-align: center; position: relative; float: left; }
.product-qty .qty-increment { margin: 0 0 0 5px; padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.product-qty .qty-increment { border-radius: 3px; color: transparent; text-shadow: none; vertical-align: middle; -moz-user-select: none; -ms-user-select: none; }
.product-qty .qty-increment { color: #FFF; -webkit-user-select: none; user-select: none; text-indent: -9999px; }
.product-qty .jQQtyIncrease { background: #c8c8c8 url(/content/images/icon-plus.png) no-repeat center center; }
.product-qty .jQQtyDecrease { background: #c8c8c8 url(/content/images/icon-minus.png) no-repeat center center; }
.product-qty .qty-increment:hover { background-color: #33a1ff; cursor: pointer; }
/* My Cart Product Quantity */
.product-qty .cart-qty-increment { width: 27px; text-align: center; position: relative; float: left; }
.product-qty .cart-qty-increment { margin: 0 0 0 5px; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.product-qty .cart-qty-increment { border-radius: 3px; color: transparent; text-shadow: none; vertical-align: middle; -moz-user-select: none; -ms-user-select: none; }
.product-qty .cart-qty-increment { color: #FFF; -webkit-user-select: none; user-select: none; text-indent: -9999px; }
.product-qty .jQMyCartQtyIncrease { background: #327BB8 url(/content/images/icon-plus.png) no-repeat center center; }
.product-qty .jQMyCartQtyDecrease { background: #327BB8 url(/content/images/icon-minus.png) no-repeat center center; }
.product-qty .CartItemQtyEdit { padding: 0; }
.product-qty .cart-qty-increment:hover { background-color: #33a1ff; cursor: pointer; }
.product-details-module .product-qty .qty-increment { margin: 0; border-radius: 3px 0 0 3px; }
.product-details-module .product-qty .qty-decrement { border-radius: 0 3px 3px 0; }
.product-details-module #StyleListDiv .add-to-cart-qty { width: 100%; padding: 7px 7px 6px 7px; margin: 0; }
/* Save to Project */
#content-shift-wrapper .ShowProjectList { position: inherit; left: 0; top: 0; }
#content-shift-wrapper .ShowProjectList:focus { outline: initial; }
#content-shift-wrapper .product-details-module .ShowProjectList { margin-right: 15px; }
.ProjectList { width: 168px; display: none; border: 1px solid #d9d9d9; background-color: #efefef; color: #000; position: absolute; z-index: 3000; top: 21px; }
.ProjectList a { color: #000; }
.product-details-module .ProjectList { padding: 10px; }
.ProjectList .project-list { width: 96%; margin: 10px 0 7px 0; }
.ProjectList .btn-project { display: block; }
.ProjectList ul { width: 100%; max-height: 140px; line-height: 1.4em; margin: 0; padding: 0; list-style: none; overflow: hidden; overflow-y: auto; }
.ProjectList ul li { font-size: 11px; text-align: left; }
.ProjectList ul li:hover { background-color: #FFF; }
.ProjectList ul a { font-weight: normal; }
.ProjectList ul a:hover { text-decoration: none; }
.QuoteList { width: 300px; display: none; border: 1px solid #d9d9d9; background-color: #efefef; color: #000; position: absolute; z-index: 3000; top: 21px; }
.QuoteList a { color: #000; }
.product-details-module .QuoteList { padding: 10px; }
.QuoteList .project-list { width: 96%; margin: 10px 0 7px 0; }
.QuoteList .btn-project { display: block; }
.QuoteList ul { width: 100%; max-height: 140px; line-height: 1.4em; margin: 0; padding: 0; list-style: none; overflow: hidden; overflow-y: auto; }
.QuoteList ul li { font-size: 11px; text-align: left; }
.QuoteList ul li:hover { background-color: #FFF; }
.QuoteList ul a { font-weight: normal; }
.QuoteList ul a:hover { text-decoration: none; }
/* Media Gallery */
#product-carousel #carousel .slides { margin-left: 60px; }
#product-carousel .flexslider { background: #fff; margin: 0 0 30px; }
#product-carousel .flexslider .slides img { min-height: 60px; }
#product-carousel .flex-control-nav { width: 100%; bottom: -40px; }
#product-carousel .loading-carousel { min-height: 75px; background: url(/content/images/spinner-waiting-small.gif) no-repeat center 50%; }
#product-carousel .flex-direction-nav a { margin: 0; top: 0; }
#product-carousel .flex-direction-nav a { width: 55px; height: 100%; background: #E5E5E5 url(/content/images/icon-jcarousel-arrows-spritesheet.png) no-repeat -15px 50%; margin: 0; top: 0; }
#product-carousel .flex-direction-nav .flex-prev { top: 0; left: 0; }
#product-carousel .flex-direction-nav .flex-next { top: 0; right: 0; background-position: -95px 50%; }
#product-carousel .flex-direction-nav .flex-prev { left: 0; }
#product-carousel .flex-direction-nav .flex-next { right: 0; }
#product-carousel .jQim, #product-carousel .jQvc { cursor: pointer; }
.PrImageMenu { text-align: center; }
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.flex-viewport .slides li iframe { margin: 20% 0 0 5%; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 35px; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; background-image: url(/content/images/left-grayctrl_sm.png); }
.flex-direction-nav .flex-next { right: -50px; text-align: right; background-image: url(/content/images/right-grayctrl_sm.png);}
.flexslider:hover .flex-prev { opacity: 0.7; left: -30px; }
.flexslider:hover .flex-next { opacity: 0.7; right: -40px; }
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -10px; text-align: center; }
.flex-control-nav li { margin: 0; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; margin: 0 2px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
@media screen and (max-width:800px)
{
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
/* Toastr Overrides */
.toast-top-center { top: 12px; left: 50%; margin-left: -150px; }
/* Help Modal Window */
.iconhelp { cursor: pointer; padding-left: 10px; display: inline-block; position: relative; }
#showhelp { padding: 20px; }
/* NEW STYLES FOR FLEXSLIDER */
/* Once this new FlexSlider has been implemented across all business units then we'll replace the existing flexslider styles in globalmaster.css. We won't remove or change #belami_new_flexslider.
/* Browser Resets */
#belami_new_flexslider .flex-container a:active,
#belami_new_flexslider .flexslider a:active,
#belami_new_flexslider .flex-container a:focus,
#belami_new_flexslider .flexslider a:focus {outline: none;}
#belami_new_flexslider .slides,
#belami_new_flexslider .flex-control-nav,
#belami_new_flexslider .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles */
#belami_new_flexslider .flexslider {margin: 0; padding: 0;}
#belami_new_flexslider .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
#belami_new_flexslider .flexslider .slides img {width: 100%; display: block;}
#belami_new_flexslider .flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
#belami_new_flexslider .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] #belami_new_flexslider .slides {display: block;}
* html #belami_new_flexslider .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
#belami_new_flexslider .no-js .slides > li:first-child {display: block; }
/* FlexSlider Default Theme */
#belami_new_flexslider .flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
#belami_new_flexslider .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
#belami_new_flexslider .loading .flex-viewport {max-height: 300px;}
#belami_new_flexslider .flexslider .slides {zoom: 1;}
#belami_new_flexslider .carousel li {margin-right: 5px}
/* Direction Nav */
#belami_new_flexslider .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(https://sanccms.z14.web.core.windows.net/site/common/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
#belami_new_flexslider .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
#belami_new_flexslider .flex-direction-nav .flex-prev {left: -36px;}
#belami_new_flexslider .flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
#belami_new_flexslider .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
#belami_new_flexslider .flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {opacity: 1;}
#belami_new_flexslider .flex-direction-nav .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
#belami_new_flexslider .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
#belami_new_flexslider .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
#belami_new_flexslider .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
#belami_new_flexslider .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
#belami_new_flexslider .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
#belami_new_flexslider .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
#belami_new_flexslider .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
#belami_new_flexslider .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
#belami_new_flexslider .flex-control-thumbs img:hover {opacity: 1;}
#belami_new_flexslider .flex-control-thumbs .active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
#belami_new_flexslider .flex-direction-nav .flex-prev { opacity: 1; left: 0; }
#belami_new_flexslider .flex-direction-nav .flex-next { opacity: 1; right: 0; }
}
/* HOMEPAGE RESPONSIVE PRODUCTS FLEXSLIDER */
/* Browser Resets */
.homepage-responsive-products .loading { min-height: 30px; background: url(/content/images/spinner-waiting.gif) no-repeat center center; }
.homepage-responsive-products .flex-container a:active,
.homepage-responsive-products .flexslider a:active,
.homepage-responsive-products .flex-container a:focus,
.homepage-responsive-products .flexslider a:focus { outline: none;}
.homepage-responsive-products .slides,
.homepage-responsive-products .flex-control-nav,
.homepage-responsive-products .flex-direction-nav { margin: 0; padding: 0; list-style: none;}
/* Necessary FlexSlider styles */
.homepage-responsive-products .flexslider { margin: 0; padding: 0;}
.homepage-responsive-products .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.homepage-responsive-products .flexslider .slides img { display: block; }
.homepage-responsive-products .flex-pauseplay span { text-transform: capitalize;}
/* Clearfix for the .slides element */
.homepage-responsive-products .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .homepage-responsive-products .slides { display: block;}
* html .homepage-responsive-products .slides { height: 1%;}
/* No JavaScript Fallback - If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.homepage-responsive-products .no-js .slides > li:first-child { display: block; }
/* Default FlexSlider theme */
.homepage-responsive-products .flexslider { position: relative; zoom: 1;}
.homepage-responsive-products .flex-viewport { max-height: 2000px; margin: 0 auto; }
.homepage-responsive-products .loading .flex-viewport { max-height: 300px;}
.homepage-responsive-products .flexslider .slides { zoom: 1;}
.homepage-responsive-products .carousel li { margin-right: 5px}
/* Direction Nav */
.homepage-responsive-products .flex-direction-nav a { margin: -20px 0 0; display: block; position: absolute; cursor: pointer; text-indent: -9999px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; opacity: 1; }
.homepage-responsive-products .flex-direction-nav .flex-next { background-position: 100% 0; }
.homepage-responsive-products .flexslider:hover .flex-next { opacity: 1; }
.homepage-responsive-products .flexslider:hover .flex-prev { opacity: 1; }
.homepage-responsive-products .flexslider:hover .flex-next:hover,
.homepage-responsive-products .flexslider:hover .flex-prev:hover { opacity: 1;}
.homepage-responsive-products .flex-direction-nav .disabled { opacity: .3; filter:alpha(opacity=30); cursor: default;}
.homepage-responsive-products .flex-disabled { opacity: 0; filter:alpha(opacity=0); cursor: default; }
/* Control Nav */
.homepage-responsive-products .flex-control-nav { width: auto; position: absolute; text-align: center;}
.homepage-responsive-products .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.homepage-responsive-products .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.homepage-responsive-products .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.homepage-responsive-products .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.homepage-responsive-products .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden;}
.homepage-responsive-products .flex-control-thumbs li { width: 25%; float: left; margin: 0;}
.homepage-responsive-products .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer;}
.homepage-responsive-products .flex-control-thumbs img:hover { opacity: 1;}
.homepage-responsive-products .flex-control-thumbs .active { opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.homepage-responsive-products .flex-direction-nav .flex-prev { opacity: 1; left: 0;}
.homepage-responsive-products .flex-direction-nav .flex-next { opacity: 1; right: 0;}
}
/* PRODUCT PAGE IMAGE RESPONSIVE FLEXSLIDER (PPI = Product Page Image) */
/* Initialize Flexslider for product page images */
.ppi-resp .flexslider .slides img { height: auto; }
.ppi-resp .flex-control-nav { bottom: 20px; right: 10px; }
.ppi-resp .loading-hero { min-height: 271px; background: url(/content/images/spinner-waiting-small.gif) no-repeat center 50%; }
/* Browser Resets */
.ppi-resp .loading { min-height: 30px; background: url(/content/images/spinner-waiting.gif) no-repeat center center; }
.ppi-resp .flex-container a:active,
.ppi-resp .flexslider a:active,
.ppi-resp .flex-container a:focus,
.ppi-resp .flexslider a:focus { outline: none; }
.ppi-resp .slides,
.ppi-resp .flex-control-nav,
.ppi-resp .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* Necessary FlexSlider styles */
.ppi-resp .flexslider { margin: 0; padding: 0; }
.ppi-resp .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.ppi-resp .flexslider .slides img { display: block; }
.ppi-resp .flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.ppi-resp .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .ppi-resp .slides { display: block; }
* html .ppi-resp .slides { height: 1%; }
/* No JavaScript Fallback - If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.ppi-resp .no-js .slides > li:first-child { display: block; }
/* Default FlexSlider theme */
.ppi-resp .flexslider { position: relative; zoom: 1; }
.ppi-resp .flex-viewport { max-height: 2000px; margin: 0 auto; }
.ppi-resp .loading .flex-viewport { max-height: 300px; }
.ppi-resp .flexslider .slides { zoom: 1; }
.ppi-resp .carousel li { margin-right: 5px; }
/* Direction Nav */
.ppi-resp .flex-direction-nav a { margin: -20px 0 0; position: absolute; cursor: pointer; text-indent: -9999px; top: 50%;
opacity: 0;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;
-ms-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.ppi-resp .flex-direction-nav .flex-prev { background: url(/content/images/arrow-xs.png) no-repeat 100% 0; left: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.ppi-resp .flex-direction-nav .flex-next { background: url(/content/images/arrow-xs.png) no-repeat 100% 0; right: 0; }
.ppi-resp .flexslider:hover .flex-next,
.ppi-resp .flexslider:hover .flex-prev,
.ppi-resp .flexslider:hover .flex-next:hover,
.ppi-resp .flexslider:hover .flex-prev:hover { opacity: 1; display: inline-block; }
.ppi-resp .flex-direction-nav .disabled { opacity: .3; filter:alpha(opacity=30); cursor: default; }
.ppi-resp .flex-disabled { opacity: 0; filter:alpha(opacity=0); cursor: default; }
/* Control Nav */
.ppi-resp .flex-control-nav { width: auto; position: absolute; text-align: center; }
.ppi-resp .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; display: inline; }
.ppi-resp .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px; border-radius: 20px;
box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.ppi-resp .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.ppi-resp .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.ppi-resp .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.ppi-resp .flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.ppi-resp .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.ppi-resp .flex-control-thumbs img:hover { opacity: 1; }
.ppi-resp .flex-control-thumbs .active { opacity: 1; cursor: default; }
@media screen and (max-width: 860px)
{
.ppi-resp .flexslider .flex-prev { opacity: 1; left: 0; }
.ppi-resp .flexslider .flex-next { opacity: 1; right: 0; }
}
/* MEGA MENU */
.menu3dmega #container h1,
.menu3dmega #container h2,
.menu3dmega #container h3,
.menu3dmega #container h4,
.menu3dmega #container h5,
.menu3dmega #container h6 { margin: 0; padding: 0; border: 0; vertical-align:baseline; }
.menu3dmega > ul > li h1 a,
.menu3dmega > ul > li h3 a,
.menu3dmega > ul > li h4 a,
.menu3dmega > ul > li h5 a,
.menu3dmega > ul > li h6 a { background: none; }
.menu3dmega #container { clear:both; margin:30px auto }
.menu3dmega ul { margin: 0; padding: 0; }
.menu3dmega li .dropdown-menu { background-color: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.menu3dmega .dropdown-menu ul li a { background: none; }
.menu3dmega ul li { list-style: none }
.menu3dmega a, .menu3dmega a:visited { outline: 0 none }
.menu3dmega { position: relative }
.menu3dmega:after { clear: both; content: ""; display: block; }
.menu3dmega > ul > li { float: left; display: inline-block; position: static; text-align: left; line-height: 24px; }
.menu3dmega > ul > li.last { border-right: none }
.menu3dmega > ul > li.first { border-left: none }
.menu3dmega > ul > li.full-width { position:static; }
.menu3dmega .dropdown-menu { left:-1px; width: 700px; }
.menu3dmega .brands { left:-1px; width: 200px; }
.menu3dmega .full-width .dropdown-menu { left:-1px; width: 100%; }
.menu3dmega .dropdown-menu { padding: 0; }
.menu3dmega > ul > li > h2 { margin: 0; padding: 0; }
.menu3dmega > ul > li > h2 a,
.menu3dmega > ul > li > h2 span { padding: 10px; color: #FFF; display: block; font-weight: bold; outline: 0; text-decoration: none; font-size: 15px; text-transform: uppercase; font-weight: bold; }
.menu3dmega > ul > li .icon-menu { float: left; height: 16px; margin-right: 7px; }
.menu3dmega > ul > li > .arrow-icon,
.menu3dmega > ul > li > .arrow-icon-bottom { padding-right: 25px; cursor: pointer; position: relative; }
.menu3dmega > ul > li p a { text-decoration: none }
.menu3dmega > ul li > a { text-decoration: none; color: #333; display: block; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a { background-color: transparent; background-image: none; color: #333; }
.menu3dmega > ul li > .dropdown-menu a { color: inherit; border: 0; }
.menu3dmega > ul li > .dropdown-menu a:hover { text-decoration: underline; }
.menu3dmega >ul > li > .dropdown-menu { left: auto; font-family: Arial,sans-serif; }
.menu3dmega li li > a:hover { background: none; }
.menu3dmega li .dropdown-menu { position: absolute; text-align: left; border-top: 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; white-space: nowrap; display: none;
background-color: #fff; margin: 0;
box-shadow: 1px 1px 1px rgba(170,170,170,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(170,170,170,0.5);
-moz-box-shadow: 1px 1px 1px rgba(170,170,170,0.5);
}
.menu3dmega .dropdown-menu > ul > li > a { color: #333333; display: block; line-height: 20px; padding: 3px 20px; white-space: nowrap; }
.menu3dmega .dropdown-menu [class*="col-lg"]:first-child { margin-left: 0 }
.menu3dmega .grid-demo [class*="col-lg"] { background: none repeat scroll 0 0 #EEEEEE; font-size: 12px; font-weight: bold; margin-bottom: 5px; margin-top: 5px; text-align: center;
border: 1px solid #ccc; }
.menu3dmega li .sub { border-top: 1px solid #ccc; display: none; position: absolute; top: 0px; z-index: 20; }
.menu3dmega span.arrow-icon:after { background: none repeat scroll 0 0 transparent; content: ""; display: inline-block; font-size: 0; position: absolute; right: 16px; top: 30%;
height: 0; width: 0; border-style: solid; border-width: 4px 0px 4px 4px; border-color: transparent transparent transparent #bbb; }
.menu3dmega span.arrow-icon-bottom:after { background: none repeat scroll 0 0 transparent; content: ""; display: inline-block; font-size: 0; position: absolute; right: 8px; height: 0;
top: 46%; width: 0; border-style: solid dashed dashed dashed; border-width: 4px 4px 0 4px; border-color: #eee transparent transparent transparent; }
/* Menu Toggle */
.menu3dmega .menuToggle { display: none; cursor: pointer; display: none; font-size: 10px; padding: 12px 15px; text-align: left; text-transform: uppercase; color: #EEE; }
.menu3dmega .menuToggle .megaMenuToggle-icon { background: none repeat scroll 0 0 rgba(230, 230, 230, 0.7); display: inline-block; float: right; height: 2px; margin-top: 12px; position: relative;
text-align: left; width: 16px; }
.menu3dmega .menuToggle .megaMenuToggle-icon:before { background: none repeat scroll 0 0 rgba(230, 230, 230, 0.8); content: ""; height: 2px; position: absolute; top: -4px; width: 16px; }
.menu3dmega .menuToggle .megaMenuToggle-icon:after { background: none repeat scroll 0 0 rgba(230, 230, 230, 0.9); content: ""; height: 2px; position: absolute; top: -8px; width: 16px; }
.menu3dmega p { line-height: 18px; margin: 0 0 22px 0; white-space: normal; clear: both; text-align: justify; }
.menu3dmega li .blackbox { background-color: #333333; color: #eeeeee; text-shadow: 1px 1px 1px #000; padding: 4px 6px 4px 6px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 3px #000000; -moz-box-shadow: inset 0 0 3px #000000; box-shadow: inset 0 0 3px #000000; }
.menu3dmega li .blue { background-color: #444; box-shadow: 0px 4px 12px #000 inset; -webkit-box-shadow: 0px 4px 12px #000 inset; -moz-box-shadow: 0px 4px 12px #000 inset;
padding: 7px 10px; text-shadow: 1px 1px 1px #000000; }
.menu3dmega .blue li a { color: #FFFFFF; text-shadow: 0 1px 0 #000; }
.menu3dmega li ul { list-style: none; margin: 0; }
.menu3dmega li ul li { font-size: 12px; position: relative; margin: 0; float: none; text-align: left; }
.menu3dmega li .grisbox li { background: #F4F4F4; border: 1px solid #bbbbbb; margin: 0px 0px 4px 0px; padding: 4px 6px 4px 6px; width: 116px; -moz-border-radius: 5px 5px 2px 2px;
-webkit-border-radius: 5px 5px 2px 2px; border-radius: 5px 5px 2px 2px; -webkit-box-shadow: inset 0 0 3px #ccc;
-moz-box-shadow: inset 0 0 3px #ccc; box-shadow: inset 0 0 3px #ccc; }
.menu3dmega .separator { clear: both; margin: 0px 0 10px 0; height: 1px; display: block; border-bottom: 1px solid #eee; }
.menu3dmega .separator:before,
.separator:after { content: ""; display: table; line-height: 0; }
.menu3dmega .content { padding: 20px }
.menu3dmega .content h3 { font-size: 100%; margin-top: 0; padding-top: 0; }
.menu3dmega .content:after { clear: both; content: ""; display: table; line-height: 0; }
.menu3dmega .separate { border-bottom: 1px solid #ccc }
.menu3dmega div[class*="animate-"] { display: none; position: absolute; }
.menu3dmega > ul > li.right { border-left: none; border-right: none; }
.menu3dmega .browsing-history { background-color: rgba(0,0,0,0.2); }
.menu3dmega .browsing-history .dropdown-menu { width: 100%; left: 1px; right: unset; }
/* Reverses alignment on last 5 dropdowns only if mainmenu count is greater than or equal to 10 - jQuery handled in MasterPages/MasterControls/RespTopNavigation.ascx */
nav.megaMenu li .reverse { right: -2px; left: inherit; }
/* Mega Menu Hover FadeIn Animation */
@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }
/* Mega Menu Hover FadeOut Animation */
@-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
@-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
@-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
@keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; }
/* edit icon adjustments */
.nav-edit { background-color: #FFFE98; position: absolute; right: 10px; top: 10px; z-index: 10; }
.dropdown-menu .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-icon-pencil { background-position: -64px -112px; }
.special h5,
.menu3dmega li .special ul li { font-size: 100%; }
/* Misc Adjustments */
#tblResultsSection { width: 100%; }
.PopUpContainer { border: 0; }
/*
* ==================================================================
* Belami Menu Shelf - v35RC1
* CSS is found in content/resp.globalmaster.css (2484 - 2568)
* Breakpoints is found in scripts/bootstrap-custom.css (83 - 183)
* jQuery script is found in scripts/site-for-shelf.js (1426 - 1530)
* ==================================================================
*/
/* Menu shelf core setup */
#belami-menu { width:auto; clear:both }
#belami-menu .collapse { position:relative; height:0; -webkit-transition:height .35s ease; -moz-transition:height .35s ease; -o-transition:height .35s ease; transition:height .35s ease }
#off-canvas-nav { display:none }
#content-shift-wrapper { min-height: 750px; }
/* Horizontal main menu */
#belami-menu .navbar { overflow:visible; }
#belami-menu .navbar .nav > li { float:left; }
/* Collapse main menu for phone (Hidden on full width) */
#belami-menu .header { display: none; }
/* Menu Shelf button (Hidden on full width) */
.mainnav .navbar .btn-navbar {
display:none;
padding:0;
font-size:42px;
width:33px;
height:40px;
color: #FFF;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: pointer;
}
/* Menu Button focus (removes the border that appears in some browsers like Chrome) */
#belami-menu .navbar .btn-navbar:focus { outline: 0; }
/* Main Menu base styles */
#belami-menu .navbar { margin-bottom:0; margin-top:0; border: 0; }
#belami-menu .navbar-inner {
padding:0;
background:transparent;
border:0;
position:relative;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)
}
/* Shelf Menu base styles */
.off-canvas #off-canvas-nav .mainnav { background: #fff; }
.off-canvas #off-canvas-nav .mainnav .nav-collapse .nav > li > a { color:#999; font-weight: normal; }
.off-canvas #off-canvas-nav .menu3dmega .dropdown-menu ul li a { font-size: 14px; display: block; padding: 2px 0; }
.off-canvas #off-canvas-nav .mainnav .nav-collapse .nav > li > a:hover,
.off-canvas #off-canvas-nav .mainnav .nav-collapse .nav > li > a:focus,
.off-canvas #off-canvas-nav .mainnav .nav-collapse .nav > li > a:active { color:#fff }
.mob-only { display: none; visibility: hidden; }
/*
* ==================================================================
* ToolTipster 3.2.6 Library CSS
* ==================================================================
*/
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default { border-radius: 5px; border: 1px solid #000; background: #FFF; color: #454545; }
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content { font-size: 12px; line-height: 16px; padding: 8px 10px; overflow: hidden; }
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ }
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon { cursor: help; margin-left: 4px; }
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; }
.tooltipster-base .tooltipster-content { overflow: hidden; }
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: -1px; left: 0; z-index: -1; }
.tooltipster-arrow span,
.tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; }
.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; }
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; }
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; }
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; }
.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; }
.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span { left: 6px; }
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; }
.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span { right: 6px; }
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; }
.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; }
.tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; }
.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; }
.tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; }
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }
.tooltipster-fade-show { opacity: 1; }
.tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; }
.tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; }
.tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); }
.tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-fall-show { }
.tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; }
.tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-slide.tooltipster-slide-show { }
.tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; }
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.tooltip { z-index: 12000; }
.tooltipstered { color: #182a3c; cursor: pointer; }
/* ToolTipster for Styles and Options. Replacing the old tooltip. */
.style-option-tip { display: inline; }
.style-option-tip .tip { width: 60px; }
.style-option-tip .dot { cursor: pointer; z-index: 1200; }
.SelectorTooltipAct { width: 16px; margin-left: 8px; height: 16px; background-image: url(/content/images/SelHelp2.png); background-repeat: no-repeat; cursor: help; float: right; }
/* RICH RELEVANCE */
@media (max-width:748px)
{
.rr-wrapper { margin-bottom: 0; padding-bottom: 0 !important; }
.rr-wrapper .rr-box { min-height: 220px; }
}
.rr-wrapper { background-color: #fff; padding-bottom: 20px; }
.rr-wrapper h4 { font-size: 16px; padding: 0 5px 5px 5px; }
.rr-wrapper h1 { color: #356BA9; color: #353535; font: bold 24px/1.1em Roboto,Arial,sans-serif; margin: 0 0 20px 0; text-align: left; }
.rr-wrapper .rr-box { min-height: 220px; background: #FFF; padding: 20px; margin: 0 10px; border: 1px solid #d9d9d9; }
.rr-wrapper .rr-price .sup { font-size: .5417em; font-weight: 600; vertical-align: .500em; }
.rr-wrapper .rr-price .price { margin-left: 10px; position: absolute; left: 0; }
.rr-wrapper .model { font-size: 13px; font-weight: 600; line-height: 1.2; color: #444; }
.rr-wrapper .model .brand { text-transform: capitalize; }
.rr-wrapper .model .sku { text-transform: uppercase; }
.rr-wrapper .rr-box a,
.rr-wrapper .desc { font-size: 12px; line-height: 1.2; color: #444; }
#StyleListDiv .rr-wrapper .rr-price .display-price,
#StyleListDiv .rr-wrapper .rr-price a .display-price,
.rr-wrapper .rr-price,
.rr-wrapper .rr-price a { font-size: 18px; color: #d43900; font-weight: bold; }
.rr-wrapper .rr-grid { padding: 0; }
.rr-wrapper .rr-price { padding-top: 20px; }
.rr-wrapper > div { padding: 0; }
.rr-wrapper div:nth-of-type(1) .rr-box { margin-left: 0; }
.rr-wrapper div:nth-last-of-type(1) .rr-box { margin-right: 0; }
.rr-wrapper h1 { padding: 0; }
.rr-wrapper .rr-button { background-color: #DFDFDF; padding: 10px 20px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; }
.rr-resp-accordion { margin: 0 0 20px 0; padding: 0; list-style-type: none; }
.rr-resp-accordion li { margin: 0 0 5px 0; padding: 0; text-align: left; }
.rr-resp-accordion li .rr-resp-accordion-head { display: table; margin: 0 auto; padding: 0; cursor: pointer; cursor: pointer; }
.rr-resp-accordion li .rr-resp-accordion-panel { display: none; }
.rr-resp-accordion-default.rr-resp-accordion li .rr-resp-accordion-head { line-height: normal; position: relative; display: table; margin: 0 auto; padding: 0; cursor: pointer; }
/* New Rich Relevance template */
.rr-wrapper-new { text-align: center; }
.rr-wrapper-new h4 { font-size: 22px; color: #292F5C; padding: 0 5px 5px 5px; }
.rr-wrapper-new .rr-box { border: 0; border-top: 5px solid #DDD; border-bottom: 5px solid #DDD; }
.rr-wrapper-new .brand { font-size: 18px; font-weight: 600; line-height: 1.1em; color: #292F5C; text-transform: capitalize; }
.rr-wrapper-new .brand .model { font-size: 15px; font-weight: normal; color: #515151; }
.rr-wrapper-new > div { padding-top: 15px; padding-bottom: 15px; }
/* New accordion promo */
.panel-main-header .collapse { display: none; }
.panel-main-header .collapse.in { display: block; }
.panel-main-header tr.collapse.in { display: table-row; }
.panel-main-header .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; }
.close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50); }
a, a:hover, a:active, a:focus { outline: 0; }
.panel-main-header { color: #232323; }
.promo-content { color: #424242; }
.panel-main-header .container { margin-top: 0; }
.promo-content h2 { font-weight: normal; }
#promo-header { background-color: #FFF; border-bottom: 1px solid #e5e5e5; text-transform: uppercase; font-size: 12px; text-align: center; padding: 5px 0; }
#promo-header .copy { color: #232323; cursor: pointer; }
#promo-header .styled-amp { color: #5d5d5d; padding: 0 6px; font-weight: 700; opacity: .7; }
#promo-header a { text-decoration: none; text-align: center; }
#pre-header-value .valuePropExpand h2 { text-align: center; }
#pre-header-value .valuePropExpand h4 { margin-top: 30px; }
#pre-header-value a { color: #0095da; }
#promo-slider .promo-close-btn { padding: 10px 0 30px; }
/* DONATIONS CAMPAIGN */
#donation-campaign { border: 1px solid #333; padding: 0 0 20px 0; margin: 20px 0; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }
#donation-campaign .header { background: #333; padding: 20px; text-align: center; }
#donation-campaign .header p { font-size: 16px; margin-top: 20px; color: #FFF; }
#donation-campaign img { margin-top: 20px; }
#donation-campaign .tile { background: #efefef; border: 0; margin: 20px 0 0; padding: 15px 0; }
#donation-campaign .tile h4 { border: 0; margin: 0; padding: 0; }
#donation-campaign .tile h5 { margin-top: 0; }
.charity-message { margin-bottom: 0; }
.charity-name { margin-top: 0; }
/* RESP PRODUCT SHEET */
.admin-bar { background: #f7f7f7; font-size: 13px; }
.spec-group .spec-header { background: #f7f7f7; }
.spec-group > div:last-child { border: 0; }
.spec-table td { width: inherit; white-space: inherit; }
.product-name-brand { font-size: 20px; font-weight: normal; }
.specs-group div:last-of-type { border: 0; }
.cutsheet-prod-image { padding: 30px 0; }
.cutsheet-group { margin-bottom: 20px; }
.cutsheet-group .spec-title { background: #3E3E3E; color: #FFF; }
.cutsheet-group .stylePriceBreaktn { display: none; opacity: 0; visibility: hidden; }
/* MOVED FROM MAX SCRIPT. CLONED IN GLOBALMASTER.CSS AND RESP.GLOBALMASTER.CSS FOR LEGACY AND RESPONSIVE TEMPLATES */
.style_pcpriceLogin { padding: 34px 10px 17px 0px; font-size: 17px; }
.styleSalePriceStrikeTitle, .styleSalePriceStrike { font-size: 11px; text-decoration: line-through; color: #000; float: left; }
.style_pcpriceLogin { padding: 34px 10px 17px 0px; font-size: 17px; }
.styleSalePriceStrikeTitle, .styleSalePriceStrike { font-size: 12px; text-decoration: line-through; color: #000; }
.styleSalePriceTitle { color: red; margin-bottom: 5px; }
.style_pcpriceLogin { padding: 34px 10px 17px 0px; font-size: 17px; }
.styleSalePriceStrikeTitle, .styleSalePriceStrike {font-size: 11px; text-decoration: line-through; color: #000; float: left; }
/* RESP CONTENT BASE STYLES (Note: Related media breakpoints are found in bootstrap-custom) */
.resp-content { position: relative; font-size: 15px; line-height: 1.6em; }
.resp-content .panel-title { font-size: 1.1em; }
.resp-content .btn-subnav span,
.resp-content .btn-subnav span:before,
.resp-content .btn-subnav span:after { height: 8px; width: 8px; background: #bac5c6; border-radius: 100px }
.resp-content .btn-subnav { border: 1px solid #bac5c6; bottom: -16px; display: none; overflow: hidden; position: relative; width: 50px }
.resp-content .btn-subnav span { display: block; margin: auto; position: relative; -webkit-transition: width .2s .5s, border-radius .2s .5s; transition: width .2s .5s, border-radius .2s .5s }
.resp-content .btn-subnav span:before,
.resp-content .btn-subnav span:after { content: ''; position: absolute; top: 0; -webkit-transition: left .2s, right .2s; transition: left .2s, right .2s }
.resp-content .btn-subnav span:before { right: 150% }
.resp-content .btn-subnav span:after { left: 150% }
.resp-content .btn-subnav.sub-nav-opened { background: #F3F3F1; }
.resp-content .sub-nav a { display: block; margin-bottom: .5em; overflow: hidden; padding-bottom: .25em; padding-top: .25em; text-decoration: none }
.resp-content .sub-nav a:focus,
.resp-content .sub-nav a:hover { text-decoration: none; }
.resp-content .sub-nav ul { margin: 0; padding: 0; list-style: none; }
.resp-content .sub-nav li { line-height: 1; margin-bottom: 0 }
.resp-content h2 { color: #353535; }
.resp-content h4 a i { margin-right: 5px; }
.resp-content .help-accordion-toggle a { color: #353535; }
.resp-content .help-accordion-toggle a:hover { color: #5B7EA7; text-decoration: none; }
.resp-content .accordion-btn { display: block; }
.resp-content .panel-heading { padding: 0; }
.resp-content a.accordion-btn,
.resp-content a.accordion-btn:hover { padding: 10px 15px; text-decoration: none; }
.resp-content .accordion-expander { font-size: 1.3em; font-weight: bold; }
.resp-content .sub-nav h4 { font-size: 1em; }
.resp-content .sub-nav a.accordion-btn { padding: 0; color: #353535; }
.resp-content .sub-nav a.accordion-btn:hover { padding: 0; color: #5B7EA7; }
.resp-content .sub-nav #menu-accordion ul li a { font-size: 13px; }
.resp-content li { font-size: 100%; }
.resp-content .sub-nav .panel { background: none; }
.resp-content .panel-group .panel { margin-bottom: 20px; }
.resp-content #menu-accordion .panel-body { padding: 15px 21px; }
.resp-content .gray { background-color: #ddd; }
.resp-content hr { margin-top: 15px; margin-bottom: 15px; }
.resp-content hr:first-child { margin-bottom: 0; }
.resp-content .grid-fixed-side .fixed-side-col { z-index: 10; }
.layout_innercontent .resp-content .content a { font-weight: normal; }
.layout_innercontent .resp-content .content h4 a { font-weight: bold; }
.modalDialog .resp-content .accordion-expander,
.modalDialog .resp-content .btn-subnav { display: none; }
.remodal-wrapper .resp-content .grid-fixed-side { padding: 0; }
/* STICKY HEADER & PRODUCT CONFIGURATOR */
.persistent-navigation-anchor { display: inline-block; }
#ConfiguratorMenu h3 { margin: 0; margin-bottom: 20px; }
#ConfiguratorMenu ol { display: inline-block; text-align: center; margin: 0; padding: 0; }
#ConfiguratorMenu ol li { float: left; }
#ConfiguratorMenu .persistent-navigation { display: none; overflow: hidden; background-color: #f7f7f7; border-bottom: 1px solid #c4c4c4; }
#ConfiguratorMenu .sticky { display: block; position: fixed; text-align: left; top: 0; z-index: 9999; }
#ConfiguratorMenu .sticky-wrapper,
#ConfiguratorMenu .configurator-menu { min-height: 33px; padding: 30px 40px; text-align: center; }
#ConfiguratorMenu .tab { font-size: 20px; margin: 0 60px; }
#ConfiguratorMenu .tab a { text-decoration: none; color: #062942; }
#ConfiguratorMenu .tab a:hover { border-bottom: 4px solid #27ae60; padding-bottom: 5px; }
.second-product-page-wrapper { border: 1px solid #c4c4c4; }
.second-product-page-wrapper h2 { font-size: 18px; color: #444; margin: 0; padding: 0; }
.second-product-page-wrapper a { color: #407eaa; }
.selection-wrapper { background-color: #f7f7f7; padding: 30px 40px; margin: 0; border-bottom: 1px solid #c4c4c4; }
.selection-wrapper h2 { font-size: 18px; color: #444; margin: 0; padding: 73px 0; line-height: 24px; }
.selection-wrapper .image-wrapper { padding-top: 20px; }
.selection-wrapper .item-details .icon { font-size: 18px; padding: 75px 0 0 0; color: #27ae60; }
.selection-wrapper .item-details .desc { font-size: 18px; padding: 75px 0 0 0; }
.config-wrapper { padding: 20px; margin: 0; }
.config-wrapper p { margin: 0 0 5px; }
.config-wrapper h2 { padding: 20px 0; margin-bottom: 0; padding: 0; }
.config-wrapper .grid-box { font-size: 12px; margin-bottom: 30px; border: 1px solid #d9d9d9; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
.config-wrapper .configured-item-added { padding: 10px; text-transform: uppercase; text-align: center; position: absolute; top: 60%; left: 15%; z-index: 99; }
.config-wrapper .configured-item-added .fa-uber { font-size: 70px; }
.config-wrapper .inactive { opacity: .3; }
.config-wrapper .inactive img { cursor: default; }
.config-wrapper .image-wrapper { border-bottom: 1px solid #d9d9d9; }
.config-wrapper .grid-text-wrapper { padding: 15px 10px; font-weight: bold; border-bottom: 1px solid #d9d9d9; }
.config-wrapper .stylePriceBreaktn { height: inherit; }
.config-wrapper .style-combos { border-bottom: 1px solid #d9d9d9; }
.config-wrapper .style-combos:last-child { border: 0; }
.config-wrapper .responsive_form .config-wrapper .mini { width: auto; float: none; margin-top: 10px; }
.config-wrapper .responsive_form .mini,
.config-wrapper .responsive_form .mini input[type="text"],
.config-wrapper .responsive_form .mini select { width: 100%; }
.config-wrapper .responsive_form input:focus { outline: none; border: inherit; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.config-wrapper .responsive_form input[type="submit"] { padding: 5px 10px; }
.config-wrapper .available-options { margin-top: 20px; }
.config-wrapper .step-two-message { color: #F00; font-weight: bold; padding: 20px 0 5px 0; text-align: center; font-size: 14px; }
.config-wrapper .step-two-title { border-bottom: 1px solid #c4c4c4; padding: 20px 0; }
.selection-footer { background-color: #f7f7f7; padding: 30px 40px; margin: 0; border-top: 1px solid #c4c4c4; }
/* PRODUCT PAGE ACCESSORIES 2023 */
.product-accessory-grid { display: grid; grid-template-columns: 2fr 10fr; column-gap: 15px; background-color: #efefef; padding: 0; border-radius: 15px; }
#StyleListDiv .product-accessory-grid.styleComboWrapper { padding: 15px; }
.product-accessory-grid img { border-radius: 5px; }
.product-accessory-grid h2 { font-size: 17px; margin-top: 0; }
.product-accessory-grid > div { display: grid; align-content: center; }
.product-accessory-title-grid { display: grid; grid-template-columns: 10fr 2fr; column-gap: 10px; }
.btn-link.product-accessory-learn-more-link { font-size: 17px; font-weight: 700; color: #0075FF; text-decoration: underline; }
/* SKYX MODAL CONTENT */
.skyx-product-accessories { display: grid; row-gap: 20px; font-size: 15px; text-align: center; }
.skyx-product-accessories h2 { font-size: 18px; color: #007FFD; margin: 0; padding: 0; }
.skyx-product-accessories a { color: #39A9DF; text-decoration: underline; }
.skyx-product-accessories .pillbox { display: grid; border: 1px solid #D0D0D0; border-radius: 5px; text-align: left; }
.skyx-product-accessories .pillbox .header { background: #007FFD; font-weight: bold; color: #FFF; padding: 10px; border-radius: 5px 5px 0 0; }
.skyx-product-accessories .pillbox .details { display: grid; grid-template-columns: 2fr 10fr; padding: 10px; }
.skyx-product-accessories .pillbox .details ul { padding: 0 0 0 17px; }
.skyx-product-accessories .pillbox .details ul li { margin-bottom: 5px; }
.skyx-product-accessories .pillbox .details .image { justify-self: center; }
.skyx-product-accessories .pillbox .details .content { display: grid; row-gap: 5px; }
.skyx-product-accessories .pillbox .details .content .headline { align-self: center; }
.skyx-product-accessories .pillbox .details .highlights-grid { display: grid; grid-template-columns: 6fr 6fr; }
.skyx-product-accessories .pillbox .value-props { border-top: 1px solid #D0D0D0; padding: 10px; text-align: center; }
.skyx-product-accessories .pillbox .value-props img { margin: 5px; }
.skyx-product-accessories p { font-weight: 700; }
.skyx-product-accessories footer { text-align: center; }
/* POWER REVIEWS AND RATINGS */
.pr-snippet .pr-snippet-social-bar .pr-google-plus-one,
.pr-snippet .pr-snippet-stars { margin: 0; }
.pr-snippet-stars { padding: 0; }
#hawkitemlist .pr-snippet .pr-snippet-rating-decimal,
.pr-snippet-read-write { display: none; }
/* CRITEO TAG ADJUSTMENT */
a#criteo_msg_trigger { right: 44%; }
/* Alpha menu icons */
@font-face {
font-family: "alpha";
src:url("alpha.eot");
src:url("alpha.eot?#iefix") format("embedded-opentype"),
url("alpha.woff") format("woff"),
url("alpha.ttf") format("truetype"),
url("alpha.svg#capital") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="alpha-"]:before,
[class*="alpha-"]:before { font-family: "alpha"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.alpha { width: 85px; height: 60px; display: inline-block; font-size: 4em; overflow: hidden; }
.alpha-hc-bathroom:before { content: "\61"; } /* a */ /* reference https://www.w3schools.com/cssref/css_entities.asp */
.alpha-hc-bedding:before { content: "\62"; } /* b */
.alpha-hc-clearance:before { content: "\63"; } /* c */
.alpha-hc-decor:before { content: "\64"; } /* d */
.alpha-hc-diy:before { content: "\65"; } /* e */
.alpha-hc-fireplaces:before { content: "\66"; } /* f */
.alpha-hc-furniture:before { content: "\67"; } /* g */
.alpha-hc-kitchen:before { content: "\68"; } /* h */
.alpha-hc-lighting:before { content: "\69"; } /* i */
.alpha-hc-outdoor:before { content: "\6a"; } /* j */
.alpha-hc-fan:before { content: "\6b"; } /* k */
.alpha-hc-heater:before { content: "\6c"; } /* l */
.alpha-capital-bathroom:before { content: "\6d"; } /* m */
.alpha-capital-ceiling:before { content: "\6e"; } /* n */
.alpha-capital-decor:before { content: "\6f"; } /* o */
.alpha-capital-fan:before { content: "\70"; } /* p */
.alpha-capital-ideas:before { content: "\71"; } /* q */
.alpha-capital-outdoor:before { content: "\72"; } /* r */
.alpha-capital-pendant:before { content: "\73"; } /* s */
.alpha-capital-wall:before { content: "\74"; } /* t */
.alpha-capital-brands:before { content: "\75"; } /* u */
.alpha-hc-heater-alt:before { content: "\76"; } /* v */
.alpha-hc-decor-alt:before { content: "\77"; } /* w */
.alpha-capital-coupon:before { content: "\78"; } /* x */
/* BANNERS & PROMOS */
.csd { position: relative; }
/* Bread Credit System */
.bread-checkout-btn-bread-iframe { max-width: 243px; display: inline-block; }
.bread-checkout-btn-bread-iframe iframe { width: 100%; max-height: 40px; }
.bread-cart-ui { background-color: #ECECEC; padding-top: 10px; }
.bread-cart-ui h3 { font-size: 16px; }
/* Buy It Installed System */
.price-wrapper { font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
.btn-how-it-works { font-size: 12px; font-weight: bold; color: #111111; margin-left: 5px; padding: 0; text-decoration: underline; }
/* YOTPO SERP Ratings */
@font-face {
font-family: 'yotpo-widget-font';
src: url("https://staticw2.yotpo.com/assets/yotpo-widget-font.eot?version=2021-03-11_18-44-25");
src: url("https://staticw2.yotpo.com/assets/yotpo-widget-font.eot?version=2021-03-11_18-44-25#iefix") format("embedded-opentype"),
url("https://staticw2.yotpo.com/assets/yotpo-widget-font.woff?version=2021-03-11_18-44-25") format("woff"),
url("https://staticw2.yotpo.com/assets/yotpo-widget-font.ttf?version=2021-03-11_18-44-25") format("truetype"),
url("https://staticw2.yotpo.com/assets/yotpo-widget-font.svg?version=2021-03-11_18-44-25") format("svg");
font-weight: normal;
font-style: normal
}
.yotpo-serp { font-size: 16px; }
.yotpo-serp span { font-size: 13px; font-weight: bold; }
.yotpo-empty-star:before { font-family: "yotpo-widget-font"; font-style: normal; content: "\e61b" }
.yotpo-half-star:before { font-family: "yotpo-widget-font"; font-style: normal; content: "\e61a" }
.yotpo-star:before { font-family: "yotpo-widget-font"; font-style: normal; content: "\e60e" }
/* Accordions */
.accordion,
.accordion-single,
.accordion ul,
.accordion-single ul,
.accordion li,
.accordion-single li,
.accordion a,
.accordion-single > a,
.right .accordion-single,
.right .accordion-single ul,
.right .accordion-single li,
.right .accordion-single ul li > a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-size: 13px; position: relative; }
.accordion,
.accordion-single,
.right .accordion-single { width: 100%; }
.accordion > ul > li,
.accordion-single > ul > li,
.right .accordion-single > ul > li { display: block; }
.accordion > ul > li > a,
.accordion-single > ul > li > a,
.right .accordion-single > ul > li > a { display: block; margin: 0; cursor: pointer; }
.accordion > ul > li > a > span,
.accordion-single > ul > li > a > span { vertical-align: middle; }
.accordion > ul > li > a:hover,
.accordion-single > ul > li > a:hover,
.right .accordion-single > ul > li > a:hover,
.accordion-single > ul > li > a.subdrop-single { color: #000; }
.accordion ul ul,
.accordion-single ul ul { width: 100%; display: none; background: #FFF; }
.accordion ul ul li,
.accordion-single ul ul li,
.right .accordion-single ul ul li { border-top: 0 }
/* Sub-Accordions (Accordions inside accordions) */
.accordion-single > dl > dd > a { display: block; font-size: 16px; color: #000; padding: 10px; font-weight: bold; cursor: pointer; }
.accordion-single > dl > dd > a:hover { background: #BEC5CC; }
.accordion-single dd,
.accordion-single > dl > dd { margin: 0 20px 5px 20px; }
.accordion > dl > dd > a,
.accordion-single > dl > dd > a { font-size: 13px; display: block; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1); }
.accordion > dl > dd > a > span,
.accordion-single > dl > dd > a > span { vertical-align: middle; }
/* Accordion - Adjustments */
.accordion-single > ul > li { margin-bottom: 10px; }
.accordion-single > ul > li > a { color: #000; text-decoration: none; }
/* Sub-Accordion - Adjustments */
.accordion-single > dl > dd > a { text-decoration: none; }
/* styles */
.wrapper { max-width: 1024px; margin: 0 auto; position: relative; }
/* expand and collapse links */
.options { margin: 20px auto; text-align: center; }
/* accordions */
.accordion-single .acc-content-inner,
#acc .acc-section { overflow: hidden; background: #ecf2f6; }
/* General Forms */
label.error { display: block; font-size: 13px; line-height: 1.2em; color: #cf0016; padding-top: 5px; }
.information-box { background-color: #E5F0F8; padding: 10px; text-align: center; margin: 10px 0; }
.information-box-new { background-color: #E5F0F8; }
.jQAIIframe { width: 100%; height: 45px; border: 0; border-bottom: 1px solid #fff; overflow: hidden; }
/* CCPA Message Banner */
@media (max-width:801px) {
.ccpa-message-banner { z-index: 7000; }
}
@media (min-width:992px) {
.ccpa-message-banner { z-index: 3000; }
}
.ccpa-message-banner { width: 100%; display: grid; justify-content: center; position: fixed; bottom: 0; }
.ccpa-wrapper .tooltipstered { display: none; }
.ccpa-wrapper { display: grid; grid-template-columns: 11fr 1fr; column-gap: 10px; }
.ccpa-wrapper { width: 800px; background-color: #fff; padding: 23px; align-items: center; justify-content: space-around; }
.ccpa-wrapper { border: 3px solid #e3e3e3; border-radius: 6px; box-shadow: 0 6px 10px 0 rgb(194 194 194 / 10%); position: relative; }
.ccpa-wrapper a { text-decoration: underline; }
.ccpa-close-button { background-color: white; border: 5px solid white; border-radius: 20px; position: absolute; top: -13px; right: -13px; cursor: pointer; }
/* DISCOUNT BANNER */
ul#menu_h_nav a.discount-banner-url:hover { text-decoration: none; }
span.discount-banner-top { display: inline-block; background-color: #0B6B59; font-weight: bold; color: #fff; margin: 10px 5px 0 0; padding: 10px; border-radius: 20px; }
span.discount-banner-top.not-confirmed { background-color: #EE9539; }
.mobile-discount-ribbon span.discount-banner-top { display: block; margin: 0; border-radius: 0; text-align: center; }
/* DISCOUNT BANNER LOGGED IN */
span.discount-banner-top-left { background-color: #0B6B59; font-weight: bold; color: #fff; margin: 10px 5px 0 0; padding: 10px; border-radius: 20px; position: relative; top: 19px; }
span.discount-banner-top-left.logged-in { margin: 0; border: 2px solid #0B6B59; }
span.discount-banner-top-right { background-color: #fff; padding: 10px; border: 2px solid #0B6B59; border-radius: 0 20px 20px 0; position: relative; top: 19px; right: 5px; }
span.discount-banner-top-right strong { color: #0B6B59; }
span.discount-banner-not-confirmed { background-color: #fff; padding: 10px; border: 2px solid #EE9539; border-radius: 20px; position: relative; top: 19px; right: 5px; }
/* DISCOUNT BANNER CONFIRMED */
.discount-banner-confirmed.logged-in { background-color: #0B6B59; font-weight: bold; color: #fff; margin: 10px 5px 0 0; padding: 10px; border-radius: 20px; position: relative; top: 19px; }
.discount-banner-top.confirmed.logged-in { background-color: #0B6B59 !important; }
/* SURVEY RIBBON */
.survey-ribbon { background-color: #D5D5D5; font-weight: bold; color: #222; margin-bottom: 10px; padding: 5px; text-align: center; }
.survey-ribbon span { text-decoration: underline; }
.survey-ribbon span:hover { text-decoration: none; }
.survey-ribbon-common { background-color: #DFF6F1; color: #1ABC9C; }
.survey-ribbon-response { color: #000; }
.survey-modal { text-align: center; }
.survey-modal h1 { font-size: 20px; }
.survey-modal a { text-decoration: underline; }
.survey-modal a:hover { text-decoration: none; }
.survey-modal > div { padding: 20px 0 10px 0; }
.survey-modal span { width: 130px; margin-right: 20px; }
.remodal .survey-modal-small .dialog-form { padding: 20px; }
/* CMS SIGN-UP FORM */
.cms-sign-up { width: 100%; position: relative; }
.cms-sign-up * { padding: 0; margin: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }
.cms-sign-up h1 { font-size: 20px; color: #000; margin: 0 0 30px 0; }
.cms-sign-up h2 { font-size: 15px; margin: 30px 0 10px 0; }
.cms-sign-up .form-wrapper { overflow: hidden; }
.cms-sign-up .indicator { width: 100%; display: none; align-items: center; justify-content: center; margin: 0 0 20px 0; }
.cms-sign-up .indicator .step { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 5px; }
.cms-sign-up .step div { width: 30px; height: 30px; display: flex; border: 2px solid #000; border-radius: 50%; font-weight: 600; }
.cms-sign-up .step div { align-items: center; justify-content: center; flex-direction: column; }
.cms-sign-up .step1 div { border-color: #2e6ba7; background: #2e6ba7; color: #FFF; transition: all 0.4s ease; }
.cms-sign-up .step span { font-weight: 600; text-align: center; transition: all 0.4s ease; }
.cms-sign-up .step1 span { color: #2e6ba7; }
.cms-sign-up .indicator .line { width: 30px; height: 20px; border-top: 4px solid #000; transition: all 0.4s ease; }
.cms-sign-up .breadcrumbs div { padding: 0 5px; }
.cms-sign-up .breadcrumbs .divider { border: 0; padding: 0 3px; }
.cms-sign-up .breadcrumbs .child { font-weight: bold; color: #2E6BA7; }
.cms-sign-up .breadcrumbs .grand-child { color: #C8C8C8; }
.cms-sign-up .panel { transition: all 0.4s ease; box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; padding-bottom: 20px; position: relative; left: 0; top: 0; }
.cms-sign-up .page1, .cms-sign-up .page2, .cms-sign-up .page3 { position: absolute; }
.cms-sign-up .page1 { background-color: #E8EBEF; left: 0; }
.cms-sign-up .form { display: flex; align-items: center; flex-direction: column; }
.cms-sign-up .form-group input:not([type='checkbox']),
.cms-sign-up .form-group select { width: 100%; height: 45px; font-size: 17px; font-weight: 500; padding: 5px 10px; border-radius: 5px; border: 1px solid #BBB; outline: none; }
.cms-sign-up .page2 .form-group input:not([type='checkbox']),
.cms-sign-up .page2 .form-group select { width: 99%; }
.cms-sign-up .form-group label { font-size: 14px; font-weight: 600; color: #2E6BA7; }
.cms-sign-up .form .btn-group { width: 100%; height: 50px; margin: 0 0 30px 0; }
.cms-sign-up .notice-padding { font-size: 17px; font-weight: 600; text-align: center; margin: 0 auto; padding: 5px; margin-bottom: 15px; }
.cms-sign-up .padding-left { margin: 0; padding: 0 0 0 10px; }
.cms-sign-up .btn-group .btn { display: flex; align-items: center; justify-content: center; background: #000; color: #FFF; text-transform: capitalize; text-align: center; }
.cms-sign-up .btn-group .btn { width: 46%; height: 100%; font-size: 17px; font-weight: 500; margin-right: 16px; padding: 10px; border-radius: 6px; outline: none; border: none; }
.cms-sign-up .btn-group .btn { box-shadow: 0 0 8px rgba(0,0,0,0.3); cursor: pointer; }
.cms-sign-up .btn-group .btn-f { width: 100% !important; margin: 0; }
.cms-sign-up .btn-group .btn.disabled { background: #d5d5d5; box-shadow: none; }
.cms-sign-up .btn-group .btn:hover { opacity: 0.8; }
.cms-sign-up .radio-grid { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 10px; margin-top: 10px; }
.cms-sign-up .page-form-grid { width: 100%; display: grid; grid-template-columns: repeat(2, 6fr); margin-top: 20px; }
.cms-sign-up .form-box { width: 95%; background-color: #FFF; border-radius: 10px; box-shadow: 0 0 8px rgba(0,0,0,0.3); border-top: 10px solid #2E6BA7; padding: 65px; }
.cms-sign-up .text-highlight { color: #2E6BA7; }
.cms-sign-up .form-box h1, .cms-sign-up .form-box h2 { color: #000; text-align: center; margin: 0 0 10px 0; }
.cms-sign-up .form-box h1 { font-size: 36px; }
.cms-sign-up .form-box h2, .cms-sign-up .page2 h2, .cms-sign-up .page3 h2 { font-size: 24px; }
.cms-sign-up .page2 h2, .cms-sign-up .page3 h2 { margin: 30px 0; }
.cms-sign-up .page2, .cms-sign-up .page3 { font-size: 15px; }
.cms-sign-up .page2 .value-props { padding-top: 0; }
.cms-sign-up .page3 .value-props { background-color: #E8EBEF; }
.cms-sign-up .value-props { font-size: 25px; padding: 35px 65px 65px 65px; }
.cms-sign-up .value-props h1 { font-size: 65px; text-align: left; }
.cms-sign-up .page2 .value-props { padding-left: 0; }
.cms-sign-up .page3 .value-props { font-size: 18px; }
.cms-sign-up .page3 .page-form-grid { column-gap: 40px; }
.cms-sign-up .county-state-grid { display: grid; grid-template-columns: 6fr 6fr; gap: 20px; }
.cms-sign-up .confirmation-grid { display: grid; grid-template-columns: 1fr; row-gap: 20px; }
.cms-sign-up .bullets-grid { display: grid; grid-template-columns: 1fr; row-gap: 20px; }
.cms-sign-up .bullets-grid dd { display: grid; grid-template-columns: 45px auto; column-gap: 20px; row-gap: 20px; align-items: center; text-align: left; }
.cms-sign-up .bullets-grid dd div:first-child { text-align: center; }
.cms-sign-up .optin-grid { display: grid; grid-template-columns: 20px auto; column-gap: 10px; margin-bottom: 10px; }
.cms-sign-up .cms-content-grid { display: grid; background: #E8EBEF; padding: 65px; }
.cms-sign-up .cms-content-grid h1 { font-size: 36px; color: #2E6BA7; margin-bottom: 50px; }
.cms-sign-up .cms-content-grid div h1 { margin: 50px 0; }
.cms-sign-up .cms-content-grid .brand-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px; row-gap: 20px; }
.cms-sign-up .cms-content-grid .brand-card { background-color: #FFF; font-size: 18px; color: #000; padding: 50px; border-radius: 10px; text-align: center; }
.cms-sign-up .cms-content-grid .brand-card h2 { margin: 0 0 20px 0; }
.cms-sign-up .cms-content-grid .brand-card p { text-align: left; }
.cms-sign-up .cms-content-grid .carousel-grid { margin: 0 0 50px 0; }
.cms-sign-up .cms-content-grid .team-members { background-color: #FFF; padding: 100px; border-radius: 10px; }
.cms-sign-up .cms-content-grid .feedbacks { padding: 50px; }
.cms-sign-up .cms-content-grid .feedbacks h1 { border-bottom: 5px solid #1592E6; padding-bottom: 30px; }
.cms-sign-up .cms-content-grid .feedbacks-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(325px, 1fr)); gap: 50px; }
.cms-sign-up .cms-content-grid .feedback { display: grid; grid-template-columns: 1fr; row-gap: 15px; font-size: 20px; }
.cms-sign-up .cms-content-grid .feedback h2 { font-size: 32px; font-weight: 300; color: #1592E6; text-align: center; }
.cms-sign-up .cms-content-grid .feedback .source,
.cms-sign-up .cms-content-grid .feedback .rating { color: #1592E6; }
.cms-sign-up .required { font-style: italic; font-size: 15px; color: #2E6BA7; }
.cms-sign-up .team-members-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 60px; }
.cms-sign-up .team-member { display: grid; grid-template-columns: 1fr; row-gap: 15px; font-size: 15px; text-align: center; }
.cms-sign-up .team-members h1 { font-size: 50px; font-weight: 500; color: #000; margin: 0 0 50px 0; text-align: center; }
.cms-sign-up .team-member h1 { font-size: 20px !important; color: #000; margin: 0 !important; }
.cms-sign-up .page3 .team-members-grid { grid-template-columns: repeat(auto-fill, minmax(150, 1fr)); gap: 30px; }
.cms-sign-up .page3 .team-members h1 { font-size: 30px; }
.cms-sign-up #one,
.cms-sign-up #two,
.cms-sign-up #three { display: none; }
.cms-sign-up #one:checked ~ .indicator .line1,
.cms-sign-up #two:checked ~ .indicator .line2,
.cms-sign-up #three:checked ~ .indicator .line3 { border-color: #2e6ba7; }
.cms-sign-up #one:checked ~ .indicator .step2 div,
.cms-sign-up #two:checked ~ .indicator .step3 div,
.cms-sign-up #two:checked ~ .indicator .step3 div,
.cms-sign-up #three:checked ~ .indicator .step4 div { background: #2e6ba7; border-color: #2e6ba7; color: #FFF; }
.cms-sign-up #one:checked ~ .indicator .step2 span,
.cms-sign-up #two:checked ~ .indicator .step3 span,
.cms-sign-up #three:checked ~ .indicator .step4 span { color: #2e6ba7; }
.cms-sign-up label.error { font-weight: bold; color: #cf0016; top: unset; left: 0; right: 0; bottom: -26px; text-align: right; }
.cms-sign-up input.error, .cms-sign-up select.error { border-color: #cf0016 !important; }
/* CMS SIGN-UP FORM ADJUSTABLE VALUES */
.cms-sign-up .panel { width: calc(var(--page-width) * var(--total-pages)); min-height: 1020px; }
.cms-sign-up .page1, .cms-sign-up .page2, .cms-sign-up .page3 { width: var(--page-width); position: absolute; }
.cms-sign-up .page1 { left: 0; }
.cms-sign-up .page2 { left: calc(var(--page-width) * 1); }
.cms-sign-up .page3 { left: calc(var(--page-width) * 2); }
.cms-sign-up #one:checked ~ .panel { transform: translateX(calc(-1 * var(--page-width))); }
.cms-sign-up #two:checked ~ .panel { transform: translateX(calc(-2 * var(--page-width))); }
.cms-sign-up #three:checked ~ .panel { transform: translateX(calc(-3 * var(--page-width))); }
@media (max-width:800px)
{
.cms-sign-up { width: 100%; padding: 0; box-shadow: none; margin-top: 0 !important; z-index: 9999999; }
.cms-sign-up .cms-content-grid { padding: 20px; }
.cms-sign-up .cms-content-grid h1 { margin: unset; }
.cms-sign-up .page-form-grid { grid-template-columns: 1fr; margin-top: 0; }
.cms-sign-up .cms-content-grid .feedbacks,
.cms-sign-up .value-props { padding: 25px; }
.cms-sign-up .page2 .value-props { padding: 0; }
.cms-sign-up .value-props h1 { font-size: 25px; }
.cms-sign-up .value-props dl { font-size: 15px; }
.cms-sign-up .notice-padding { font-size: 14px; }
.cms-sign-up .breadcrumbs { text-align: center; margin-top: 20px; }
.cms-sign-up .form-box { width: 88%; color: #000; margin: 25px; padding: 15px; }
.cms-sign-up .cms-content-grid > h1 { display: none; }
.cms-sign-up .cms-content-grid .brand-card-grid { display: none; }
.cms-sign-up .page1 { margin-top: 0; }
.cms-sign-up .page3 .value-props { text-align: center; }
.cms-sign-up .team-members { padding-top: 30px; }
.cms-sign-up .team-members-grid { grid-template-columns: 6fr 6fr; padding: 10px; gap: 20px; }
.cms-sign-up .cms-content-grid .team-members { margin: 20px 0 0; padding: 0; }
.cms-sign-up .cms-content-grid .carousel-grid { margin: 0 0 20px 0; padding: 0; }
.cms-sign-up .cms-content-grid div h1 { font-size: 17px; margin: 0 0 20px 0; }
.cms-sign-up .cms-content-grid div h1,
.cms-sign-up .form-box h1 { font-size: 25px; }
.cms-sign-up .county-state-grid { grid-template-columns: 1fr; }
.cms-sign-up .cms-content-grid .team-members h1 { margin: 12px 0; }
.cms-sign-up .form-box h2,
.cms-sign-up .page2 h2,
.cms-sign-up .page3 h2,
.cms-sign-up .cms-content-grid .feedback h2 { font-size: 18px; }
.cms-sign-up .cms-content-grid .feedback h2 { text-align: left; }
.cms-sign-up .cms-content-grid .feedback { font-size: 15px; }
.cms-sign-up .cms-content-grid .team-members-grid { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
}
/* SITEVIBES OVERRIDES */
.sv-widget.sv-trending-single-product .sv-trending-single-product-title { padding: 0 !important; margin-bottom: 20px !important; }
/* MISC STUFF */
.supplier-select { height: 35px; }
iframe[name='google_conversion_frame'] { height: 0; width: 0; line-height: 0; font-size: 0; margin-top: -13px; float: left; } /* Hides google_conversion_frame (ALPHA-3073) */
#whyusd { color: #cc0000; }
.chosen-options-small { margin: 0 0 7px 0; }
.chosen-options { font-size: 12px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px; padding: 3px 6px; cursor: pointer; margin: 5px 5px 5px 0; display: block; float: left; }
#PriceLabel sup { font-size: 60%; vertical-align: super; line-height: 0; top: 1px; font-weight: 500; }
.product-price cite { padding-left: 0; }
.cart-wrapper cite,
.CartTotals cite { padding-left: 0; }
#PriceLabel cite { padding-left: 0; }
.family-collection-item:last-child { padding: 0; }
.family-collection-header { background: #ddd; color: #000; }
.family-collection-wrapper { padding: 5px 5px 15px 5px; border: 1px solid #d9dee1; border-left: 0; border-top: 0; border-right: 0; }
.save-compare-button { background-color: #D5D5D5; }
.site-logo { margin-top: 4% }
.PHCS_textarea { width: 100%; }
.sign-up-enticement { background-color: #EFEFEF; }
.facebook-button { width: 200px; height: 45px; cursor: pointer; text-decoration: none; background: url(https://sanccms.z14.web.core.windows.net/site/common/promos/charities/share-on-facebook-smaller.png) no-repeat; display: inline-block; }
.noimage { position: absolute; width: 50px; height: 50px; float: left; clear: both; }
.forgotpassword { font-weight: normal; }
.highlight { background-color: #f7f7f9; border: 1px solid #e1e1e8; padding: 9px 14px; }
.cost-pricing-highlight { background-color: #00A2B7; color: #fff; }
.genericmodal,
#genericmodal { cursor: pointer; }
.text-truncate { height: 30px; }
.truncate { width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.truncate-small { max-width: 100px; }
.truncate-medium { max-width: 173px; }
.truncate-lists { max-width: 193px; }
.truncate-large { max-width: 275px; }
.truncate-inlineblock { width: 250px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.truncate-percent { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.selected-car-cover { margin: 5px; }
.selected-car-cover .selected-car-cover-title { font-size: 14px; font-weight: 600; color: #252525; text-align: left; padding-bottom: 5px; }
.selected-car-cover .selected-car-cover-output { font-size: 16px; }
.selected-car-cover .selected-car-cover-output .selected { font-weight: normal; padding-right: 10px; }
.shipping-estimator { font-size: 12px; color: #252525; text-align: left; }
.shipping-estimator .shipping-code input { font-size: 12px; padding: 3px; height: inherit; }
.shipping-estimator .shipping-button { padding-top: 4px; }
.tabsCustomUL { border-bottom: 1px solid #ddd; border-radius: 0; }
.tabsCustomPanel { padding: 0; border: 1px solid #ddd; box-shadow: none; }
.product-info { padding: 0 !important; }
.product-info .ui-corner-top { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.product-info li { margin: 0 0.4em 0 0; background: #dedede; cursor: pointer; }
.product-info li.ui-tabs-active { background: none; background: #FFF; }
.product-info li a:focus { outline: 0; outline: none; cursor: pointer; }
#hawkitemlist .compare-message { font-size: 10px; color: #666; }
.canada-message img { height: 18px; margin-right: 5px; }
.filter-wrapper { border: 1px solid #e9e9e9; }
.RefinementBannerArrow img { vertical-align: inherit; }
.promo-content { height: 95px; overflow-y: hidden; }
.seo-header { position: absolute; text-indent: -9999px; }
.secure-message { color: #838c8b; font-size: 11px; }
.border-top { border-top: 1px solid #EEE; }
.border-right { border-right: 1px solid #EEE; }
.border-bottom { border-bottom: 1px solid #EEE; }
.border-left { border-left: 1px solid #EEE; }
.border-top-dark { border-top: 1px solid #D7D7D7; }
.border-right-dark { border-right: 1px solid #D7D7D7; }
.border-bottom-dark { border-bottom: 1px solid #D7D7D7; }
.border-bottom-black { border-bottom: 1px solid #000; }
.border-left-dark { border-left: 1px solid #D7D7D7; }
.alert-promotype-msg { font-size: 16px; line-height: 1.25em; }
.text-small { font-size: 11px; }
.text-large { font-size: 14px; }
.text-xlarge { font-size: 16px; }
.text-normal { font-weight: normal; }
.text-bold { font-weight: bold; }
.pachide { width: 16px; height: 16px; position: absolute; top: 9px; right: 10%; z-index: 3000; cursor: pointer; }
.inline-pc-wrapper { background-color: #FBF1D0; }
.inline-pc-signup { font-size: 14px; }
.sign-up-inline-messaging { font: normal 16px Raleway,sans-serif; background-color: #EEE; padding: 8px 0; text-align: center; margin-bottom: 20px; }
.cart-copy-to-project { z-index: 99999999; } /* A zindex override for jQuery UI */
.hide-form { position: absolute; left: -99999px; }
.disabled { background-color: #DDD; }
.disabled-light { background-color: #F5F5F5; }
.disabled-dark { background-color: #AAA; }
#pricewaiter-button { display: inline-block; }
.pw-button-wrapper-outer { position: relative; }
.pw-button-wrapper-inner { position: absolute; top: 7px; left: 20px; }
.product-details-module .pw-button-wrapper-outer { display: inline-block; position: unset; }
.product-details-module .pw-button-wrapper-inner { position: unset; }
.discount-tag { background: #1ABC9C; color: #FFF; font-size: 0.8em; padding: 2px; }
.message-wrapper-discount { background: #084577; color: #FFF; font-weight: normal; font-size: 20px; text-align: center; padding: 15px; }
.cart-discount-message { background-color: #D7DDC1; color: #141C29; }
.product-details-module .product-module-shipping-estimator { margin: 0; }
.socialNav, .socialNav ul { margin: 0; padding: 0; }
.no-bold { font-weight: normal; }
.pc-discount-message { background: #ecf0f1; font-weight: normal; margin: 0; padding: 10px 0; font-size: 14px; }
.pc-discount-message a { text-decoration: underline; }
.pc-discount-message a:hover { text-decoration: none; }
.single-style-combo-wrapper { border-bottom: 1px solid #c4c4c4; margin-bottom: 0; padding: 10px 0 20px 0; }
.phone-cart-payment-gateway-wrapper { background-color: #F0F0F0; border: 1px solid #bdc3c7; margin: 10px 0 0; padding: 10px 0 0; }
.error-text { color: #e74c3c; }
.atc-error { font-size: 15px; color: #e74c3c; padding: 0 0 40px 0; text-align: center; }
.vertical-center { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.price-waiter-wrapper { right: 0; top: 30px; }
.modal-login-primary-title { font-size: 17px; font-weight: bold; }
.modal-login-secondary-title { font-size: 14px; font-weight: bold; }
.item-number { color: #999; }
.ui-tabs .ui-tabs-nav li a { margin: 0 .2em 0 0; }
#chat-widget-container { z-index: 9500 !important; }
.order-number-status { background: #FFF url(https://sanccms.z14.web.core.windows.net/site/common/required-star-icon.png) no-repeat right center !important; cursor: auto; }
.start-editing-button { float: right; margin-top: -18px; }
.start-editing-button,
.save-editing-button,
.cancel-editing-button { display: none; }
.textarea-editor-box { width: 100%; display: none; }
.linked-accessories { font-size: initial; color: initial; }
.grid-row { width: 100%; display: grid; place-items: center; }
.grid-row-child { display: grid; grid-template-columns: 1fr; }
.info-bar-head { padding: 5px; border: 1px solid #636363; color: #FFF; }
.info-bar { padding: 5px; background-color: #474747; border: 1px solid #636363; color: #fcfcfc; }
.info-bar-spread { grid-column: 1 / span 4; margin-bottom: 5px; }
.info-bar-spread-grid { display: grid; }
.returns-consent-grid { display: grid; grid-template-columns: 1fr; gap: 10px; background-color: #fff; padding: 10px; }
.returns-consent-grid ul { margin: 0; padding: 0; }
.returns-consent-grid ul li { display: grid; grid-template-columns: 20px auto; column-gap: 20px; margin-bottom: 10px; }
.returns-consent-grid ul li div:first-child { text-align: center; align-self: center; }
.media-gallery-wrapper { position: relative; left: 0; float: left; }
.media-gallery-anchor { position: sticky; top: 5px; }
#StyleListDiv .style-combos { margin-bottom: 15px; }
@media (max-width:801px) {
.suggestion { display: unset; flex-wrap: unset; }
.touchswipe { display: grid; grid-template-columns: repeat(auto-fill, minmax(min-content, 1fr)); }
.touchswipe { grid-auto-flow: column; /* Ensure items flow horizontally */ overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; /* Smooth scrolling for iOS */ }
.touchswipe::-webkit-scrollbar { display: none; }
.touchswipe a { min-width: max-content; -ms-overflow-style: none; scrollbar-width: none; }
.media-gallery-wrapper { min-height: unset; }
}
@media (min-width:992px) {
.suggestions { display: flex; justify-content: center; flex-wrap: wrap; }
}
#cookiescript_injected,
#cookiescript_badge,
#cookiescript_injected_fsd,
#cookiescript_fsd_wrapper { z-index: 9999999 !important; }