1 2 3<!DOCTYPE html> 4<html class="no-js" lang="en"> 5<head> 6
6<script src="/bundles/jquery?v=pekdvrHHOhUrqBbsX5_l9tpZ0Zp2AxSuk0km-PrWaw81"></script>
6 7 8
8<script src='/bundles/CoreJs?v=zp5_obNwivNBsK9jzSjBcROdYjidYsl2wpGnht70tJ01' ></script>
8 9 10
10<script src='/bundles/ZnodeCoreJs?v=7owl4xDSCMweovfCS_6J2GwBmbLsVN1wchw_ADIOyV41' ></script>
10 11 12
12<script src='/bundles/SPPCustomJs?v=FtHSML5L8RuUH4paCuQIAl60WDtekuVLrN88hKDuac41' ></script>
12 13 14 <!-- Call to TrustArc -->
15<script src="//consent.trustarc.com/notice?domain=spp.com&c=teconsent&js=nj¬iceType=bb&text=true&irmc=irmlink>m=1" crossorigin=""></script>
15 16<!-- DY Prefetch -->
17<script>// <![CDATA[ 18console.log('--- DY Prefetch ---') 19// ]]></script>
19 20<link rel="preconnect" href="//cdn.dynamicyield.com" /> <link rel="preconnect" href="//st.dynamicyield.com" /> <link rel="preconnect" href="//rcom.dynamicyield.com" /> <link rel="dns-prefetch" href="//cdn.dynamicyield.com" /> <link rel="dns-prefetch" href="//st.dynamicyield.com" /> <link rel="dns-prefetch" href="//rcom.dynamicyield.com" /> <!-- TrustArc Setting Update Event Listener--> <!-- TrustArc API Scripting -->
21<script>// <![CDATA[ 22var MY_DOMAIN = "." + window.location.hostname; 23 var THE_TRACKER_DOMAIN = "getting.consent.for.this-domain.com"; 24 var REQUIRE_USER_EXPRESSED_PERMISSION = true; 25 var dyLoaded; 26 var _STATE = {}; 27 28 const updateFunctionalCookieStatus = (bool) => { 29 DY.userActiveConsent = { accepted: bool }; 30 console.log('set DY.userActiveConsent: ' + JSON.stringify(DY.userActiveConsent)) 31 DYO.ActiveConsent.updateConsentAcceptedStatus(bool); 32 console.log('set DYO.ActiveConsent.updateConsentAcceptedStatus: ' + JSON.stringify(bool)); 33 } 34 35 /** 36 * Different pages add the Consent Manager in different locations, so all callers of the API must wait till 37 * the API is loaded. The API is loaded in two stages: 38 * 1) The first stage is where the "PrivacyManagerAPI" object exists on the page and where default and 39 * page/domain specific settings can be obtained. If your requirements demand user consent, you must wait 40 * for the second stage load, but it is always recommended to wait for the second stage no matter what. 41 * The "loading" parameter will be added to all API responses when the API is in this state. 42 * 2) The second stage loads the user preferences and the domain specific information. If you made a 43 * postMessage API call during the first stage, then the API will automatically send you another, updated, 44 * response if the result has changed. 45 */ 46 function runOnce() { 47 //CHECK: for API exists on the page 48 if (!_STATE.hasRunOnce && window.PrivacyManagerAPI) { 49 console.log("doing run once"); 50 51 //Register with the API for automatic updates of user preferences (for the settings you care about) 52 //--OR-- if the API is loading, then this will send an update when the API is done and has loaded the user preferences. 53 window.addEventListener("message", function (e) { 54 try { 55 var json = JSON.parse(e.data); 56 json.PrivacyManagerAPI && handleAPIResponse(json.PrivacyManagerAPI); 57 } catch (e) { } 58 }, false); 59 var apiObject = { PrivacyManagerAPI: { self: MY_DOMAIN, action: "getConsent", timestamp: new Date().getTime(), type: "functional" } }; 60 window.top.postMessage(JSON.stringify(apiObject), "*"); 61 62 //Get the preference NOW for immediate action (if necessary). 63 handleAPIResponse(window.PrivacyManagerAPI.callApi("getConsent", MY_DOMAIN, THE_TRACKER_DOMAIN)); 64 65 _STATE.hasRunOnce = true; 66 _STATE.i && clearInterval(_STATE.i); 67 } 68 } 69 /** 70 * This function is called whenever a user preference is initially set, is retrieved for the first time on this page, or is updated. 71 * This is the gateway function which should be customized by each client (you) to determine when and how to handle the API response. 72 * 73 * The second half of the function determines settings from the CM API, and decides which elements on the page should be "activated" based upon those settings. 74 * Elements can only be activated once. Elements can not be deactivated, once activated. 75 */ 76 77 function handleAPIResponse(response) { 78 //CHECK: make sure this response is to YOU. You will actually get the messages to all API callers on this page, not just to you. 79 if (!response.source || response.self != MY_DOMAIN) return; 80 console.log("user decision", response); 81 // Fire Custom Response Received Event for DY 82 if (!dyLoaded) { 83 var trustArcResponseEvent = new CustomEvent("trustArcResponse", { detail: response }); 84 document.dispatchEvent(trustArcResponseEvent); 85 } 86 if (response.type == "functional") { 87 if (response.consent == "approved") { 88 updateFunctionalCookieStatus(true); 89 } 90 else { 91 updateFunctionalCookieStatus(false); 92 } 93 } 94 //TrustArc API Query 95 var GDPRConsentDecision = truste.cma.callApi("getGDPRConsentDecision", "." + window.location.hostname); 96 console.log('GDPRConsentDecision: ' + GDPRConsentDecision.consentDecision); 97 if (GDPRConsentDecision.consentDecision.includes(0)) { // Catch for GDPR countries 98 if (response.type == "functional" && response.consent == "approved") { 99 updateFunctionalCookieStatus(true);//explicitly accepted 100 } else { 101 updateFunctionalCookieStatus(false);//explicitly rejected 102 } 103 } 104 else { 105 if (GDPRConsentDecision.consentDecision.includes(2)) { 106 updateFunctionalCookieStatus(true);//explicitly accepted 107 } else { 108 updateFunctionalCookieStatus(false);//explicitly rejected 109 } 110 } 111 //Case where we don't want to do anything till the user has made a preference. 112 if (REQUIRE_USER_EXPRESSED_PERMISSION && response.source != "asserted") { 113 //consent decision not yet made 114 if (response.type == "functional") { 115 if (response.consent == "approved") { 116 updateFunctionalCookieStatus(true); 117 } 118 else { 119 updateFunctionalCookieStatus(false); 120 } 121 } 122 } 123 return; 124 125 //Step 1) Get Consent Manager settings (user prefs) for THE_TRACKER_DOMAIN 126 // These API calls are DIFFERENT than the original API call ("response" parameter) so they must be called separately. 127 //Step 2) Apply the settings after checking if approved 128 var setting = null; 129 // if (!_STATE.hasLoadedAdvertising) { 130 // setting = PrivacyManagerAPI.callApi("getConsent", MY_DOMAIN, THE_TRACKER_DOMAIN, null, "advertising"); 131 // if (setting.consent == "approved") { 132 // activateElement(document.querySelectorAll(".trustecm[trackertype=advertising]")); 133 // _STATE.hasLoadedAdvertising = true; 134 // } console.log(setting); 135 // } 136 if (!_STATE.hasLoadedFunctional) { 137 setting = PrivacyManagerAPI.callApi("getConsent", MY_DOMAIN, THE_TRACKER_DOMAIN, null, "functional"); 138 if (setting.consent == "approved") { 139 activateElement(document.querySelectorAll(".trustecm[trackertype=functional]")); 140 _STATE.hasLoadedFunctional = true; 141 updateFunctionalCookieStatus(true); 142 //console.log('Functional cookie consent explicitly ACCEPTED') 143 } 144 //console.log(setting); 145 } 146
147 //Required trackers/cookies are always allowed, no need to ask permission. 148 if (!_STATE.hasLoadedRequired) { 149 activateElement(document.querySelectorAll(".trustecm[trackertype=required]")); 150 _STATE.hasLoadedRequired = true; 151 } 152 } 153 154 _STATE.i = setInterval(runOnce, 10); 155// ]]></script>
vendor: 2 bytes, line 155
155
156<script type="text/javascript">// <![CDATA[ 157window.DY=window.DY||{},DY.recommendationContext={type:"CART",data:[""]}; 158// ]]></script>
158 159
159<script type="text/javascript" src="//cdn.dynamicyield.com/api/8784927/api_dynamic.js"></script>
vendor: 2 bytes, line 159
159
160<script type="text/javascript" src="//cdn.dynamicyield.com/api/8784927/api_static.js"></script>
vendor: 2 bytes, line 160
160
161<script src="https://assets.adobedtm.com/0aae1a2e4afb/b80f2c68c606/launch-116cb1911977.min.js" async=""></script>
161 162 163 164<!-- Start New Relic Browser Monitoring --> 165 166
166<script src="/Scripts/NewRelic/BrowserMonitoringNR_Prod.min.js?v=20261006223132" defer></script>
166 167<!-- End New Relic Browser Monitoring --> 168 169
169<script nonce="U3RvcmVBbmFseXRpY3M" data-cfasync="false" type="text/javascript"> 170 window.znodeDataLayer = window.znodeDataLayer || []; 171 </script>
171 172 <!-- Google Tag Manager --> 173
173<script nonce="U3RvcmVBbmFseXRpY3M" data-cfasync="false" type="text/javascript">
vendor: 382 bytes, lines 173-178
173 174 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 175 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 176 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 177 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 178 })(window, document, 'script', 'znodeDataLayer', '
178GTM-T3N3M2L
vendor: 9 bytes, lines 178-179
178'); 179
179</script>
179 180 <!-- End Google Tag Manager --> 181 182 183 184 185 186 187<meta charset="utf-8"> 188<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 189<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> 190 191 192<title>StaplesPromo.com</title> 193 <meta property="og:image" content="https://spponeimages.azureedge.net/prod/d3284cf9-098a-465a-90f4-6443c74945d1staplespromo-logo-2026.svg" /> 194 <meta name="description" content="" /> 195 <meta name="keywords" content=""> 196 197<link href="https://spponeimages.azureedge.net/prod/2b155eff-9609-4531-a07f-9046cd8f05e7favicon.ico" rel="shortcut icon" type="image/x-icon" onerror="this.onerror = null; this.src = 'favicon.ico'"> 198<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 199 <meta name="robots" content="INDEX,FOLLOW" /> 200<link rel="canonical" href="https://staplespromo.com/cart" /> 201<link href="/Views/Themes/RedPanda/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" /> 202<link href="/Views/Themes/SalmonSalmon/Content/css/site.css?v=20261006054030" rel="stylesheet" /> 203<style> 204 /*Multipage Checkout*/ 205#Checkout #ShippingPaymentSection .shipping-method { 206 display: none; 207} 208 209/* adds margin to footer opt-in at tablet and smaller */ 210@media (max-width: 768px) { 211.footer-right-content { 212 margin-bottom: 3em; 213} 214} 215 216.product-tile img.product-main-view{ 217 height: 100%; 218 width:100%; 219} 220.product-tile .product-image a.linkProductURL{ 221 height:auto; 222} 223 224/* HIDES survey bar, in the footer, on all pages */ 225#survey-bar { 226display: none; 227} 228/*Suppress all 'Enhanced Search' additions except images (For A/B Test â only impacts "Enhanced Search" when enabled)*/ 229#suggestedsynonyms {display:none!important;}.swatches-price-wrapper {display:none!important;}.search-result-wrapper-left-both{left:unset;}.customize-search-box .search-result-wrapper {width: calc(100% + 1em);} 230 231/* hide znode recommended and recently viewed widgets*/ 232[data-test-selector="divRecentlyViewProducts"], [data-test-selector="divRecommendedProductList"], [data-test-selector="divRecentlyViewItems"] { 233 display: none !important; 234} 235 236/* checkout z-index fix */ 237[data-page-overlay]{ 238z-index:2; 239} 240 241/*Hide email address opt-in checkbox from Checkout*/ 242#Checkout.quick-checkout #customer-details #contact-address .input-checkbox_container { 243 display: none; 244} 245 246/*Temp fix mincart summary overlap when coupon code is applied*/ 247#miniCartViewer #miniCartContent{ 248 grid-template-rows: auto 1fr 9em; 249} 250 251/*Temp suppress PDP Free shipping quantity/qualifies notification message*/ 252#pdp-free-shipping { 253 display: none; 254} 255 256/*set 3-across PLP grid - temporary until added to theme*/ 257@media only screen and (min-width: 1066px) { 258 #container-content .product-grid { 259 grid-template-columns: repeat(3, 1fr)!important; 260 } 261} 262 263#cap-header { 264margin-top: -1px; 265} 266 267.cap-header-nav { 268border-radius: 0 0 10px 10px; 269background-color: #fff !important; 270} 271 272/* ADA */ 273 274@media only screen and (min-width: 1066px) { 275body { 276font-size: 1em !important; 277} 278} 279 280/* New Logo */ 281 282#header-logo .desktop { 283width: 16em; 284} 285 286/* ----------- SITE STYLES FOR NEW BRAND ------------ */ 287 288 289/* Links */ 290 291a:hover, a:focus { 292 color: #FF693C; 293 text-decoration: none; 294} 295 296#header-container a { 297 color: black; 298} 299 300#header-cart .hasItem #header-cart-icon::before, .header-cart.hasItem .headerQuantity { 301 color: #F44719; 302 z-index: 1; 303 animation: pulse 1250ms 0.35s; 304 } 305 306 #header-container a:hover, #header-container a:focus, #header-container a:active { 307 color: #F44719; 308} 309 310#header-container .login-wrapper:hover, #header-container .login-wrapper:hover a { 311 color: #F44719 !important; 312} 313/* 314.giga-menu [data-category-name="Best Sellers"] a, .giga-menu [data-category-name="Best Sellers"] { 315 color: #1B6CE0 !important; 316} 317*/ 318 319.giga-menu [data-category-name="Best Sellers"] a:hover, .giga-menu [data-category-name="Best Sellers"]:hover { 320 color: #3C8CFF !important; 321} 322 323[data-menu-parent].menu-open > [data-menu=heading] { 324 color: #F44719 !important; 325} 326 327#header-container #header-upper #header-cart .hasItem #header-cart-icon::before { 328 color: #F44719; 329} 330 331#header-cart .hasItem #header-cart-icon::before, .header-cart.hasItem .headerQuantity { 332 color: #1B6CE0; 333 z-index: 1; 334 animation: pulse 1250ms 0.35s; 335} 336 337@media (hover: hover), (hover: none) and (max-width: 768px) { 338.header-cart.hasItem .headerQuantity { 339 display: block; 340 position: absolute; 341 right: -5px; 342 top: -5px; 343 overflow: hidden; 344 height: 2em; 345 width: 2em; 346 line-height: 2em; 347 vertical-align: middle; 348 border: 1px solid #fff; 349 background-color: #1B6CE0; 350 color: #fff; 351 border-radius: 15px; 352 font-size: 10px; 353 text-align: center; 354 } 355} 356 357@media (hover: hover), (hover: none) and (max-width: 768px) { 358#header-container #header-upper #header-cart .header-cart.hasItem .headerQuantity, #header-container #header-upper #header-cart .header-cart.hasItem .combinedHeaderQuantity { 359 display: block; 360 position: absolute; 361 right: -5px; 362 top: -5px; 363 overflow: hidden; 364 height: 2em; 365 width: 2em; 366 line-height: 2em; 367 vertical-align: middle; 368 border: 1px solid #fff; 369 background-color: #1B6CE0; 370 color: #fff; 371 border-radius: 15px; 372 font-size: 10px; 373 text-align: center; 374 } 375} 376 377body#Checkout.quick-checkout .single-page-checkout #breadcrumb a { 378 color: #000; 379} 380 381._CustomSinglePage .cta-container a { 382 color: #F44719; 383} 384 385.div-shopping-cart .cartContainer .cartProducts .cart-remove-line-item a:hover, .div-shopping-cart .cartContainer .cartProducts .cart-remove-line-item a:focus, .div-shopping-cart .cartContainer .cartProducts .cart-remove-line-item a:active { 386 color: #F44719 !important; 387} 388 389.div-shopping-cart .cart-item-title a:hover, .div-shopping-cart .cart-item-title a:focus, .div-shopping-cart .cart-item-title a:active { 390 color: #F44719; 391} 392 393.footer-links a:hover { 394 color: #F44719; 395} 396 397.footer-links a { 398 color: rgb(0, 0, 0); 399 transition: color 0.35s ease; 400 text-transform: unset; 401 font-weight: 500; 402} 403 404footer .footer-newsletter .newsletter-subscribe-copy p {
405font-weight: 500; 406font-size: 16px; 407} 408 409/* Buttons */ 410 411button.btn-primary, button .btn-bg-primary, button.mktoButton, .btn.btn-primary, .btn .btn-bg-primary, .btn.mktoButton, [type=button].btn-primary, [type=button] .btn-bg-primary, [type=button].mktoButton, #header-container a.btn.btn-primary, #header-container a.btn .btn-bg-primary, #header-container a.btn.mktoButton, #ProceedToPaymentButton { 412 min-width: 12em; 413 border: 1px solid #F44719; 414 border-radius: 8px; 415 padding: 0.5em 1.25em; 416 background: #F44719; 417 color: rgb(255, 255, 255); 418 font-size: 0.9rem; 419} 420 421 422button.btn-primary:hover, button.btn-primary:focus, button .btn-bg-primary:hover, button .btn-bg-primary:focus, button.mktoButton:hover, button.mktoButton:focus, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn .btn-bg-primary:hover, .btn .btn-bg-primary:focus, .btn.mktoButton:hover, .btn.mktoButton:focus { 423 background-color: #FF693C; 424 background: #FF693C; 425 border: 1px solid #FF693C; 426} 427 428[type=button].btn-primary:hover, [type=button].btn-primary:focus, [type=button] .btn-bg-primary:hover, [type=button] .btn-bg-primary:focus, [type=button].mktoButton:hover, [type=button].mktoButton:focus, #header-container a.btn.btn-primary:hover, #header-container a.btn.btn-primary:focus { 429 background-color: #FF693C; 430 background: #FF693C; 431 border: 1px solid #FF693C; 432} 433 434#header-container a.btn .btn-bg-primary:hover, #header-container a.btn .btn-bg-primary:focus, #header-container a.btn.mktoButton:hover, #header-container a.btn.mktoButton:focus { 435 background-color: #FF693C; 436 background: #FF693C; 437} 438 439button.btn-secondary, button#truste-consent-button, .btn.btn-secondary, .btn#truste-consent-button, [type=button].btn-secondary, [type=button]#truste-consent-button, #header-container a.btn.btn-secondary, #header-container a.btn#truste-consent-button { 440 border: 2px solid #F44719; 441 border-radius: 8px; 442 padding: 0.5em 1.25em; 443 background: rgb(255, 255, 255); 444 color: #F44719; 445 font-size: 0.9rem; 446 font-weight: 600; 447} 448 449button.btn-secondary:hover, button.btn-secondary:focus, button#truste-consent-button:hover, button#truste-consent-button:focus, .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn#truste-consent-button:hover, .btn#truste-consent-button:focus, [type=button].btn-secondary:hover, [type=button].btn-secondary:focus, [type=button]#truste-consent-button:hover { 450 background: white; 451 background-color: white; 452} 453 454 [type=button]#truste-consent-button:focus, #header-container a.btn.btn-secondary:hover, #header-container a.btn.btn-secondary:focus, #header-container a.btn#truste-consent-button:hover, #header-container a.btn#truste-consent-button:focus { 455 background: white; 456 background-color: white; 457 } 458 459 a.btn.btn-secondary.linkProductURL { 460 color: #F44719 !important; 461 border: 2px solid #F44719 !important; 462 background: white !important; 463 } 464 465 466a.btn.btn-secondary.linkProductURL:hover, .btn-secondary:hover { 467 color: #FF693C !important; 468 border: 2px solid #FF693C !important; 469 transition: 0.3s; 470} 471 472button.btn-nav, .btn.btn-nav, [type=button].btn-nav, #header-container a.btn.btn-nav { 473 padding: 0.5em 2em !important; 474 border: 0 none; 475 border-radius: 8px; 476 background-color: #F44719; 477 color: white; 478 font-size: 0.9rem; 479 font-weight: 600; 480} 481 482button.btn-nav:hover, .btn.btn-nav:hover, [type=button].btn-nav:hover, #header-container a.btn.btn-nav:hover { 483 background-color: #FF693C; 484 } 485 486 button.btn-tertiary, .btn.btn-tertiary, [type=button].btn-tertiary, #header-container a.btn.btn-tertiary { 487 background: transparent; 488 padding: 0 1em; 489 border: none; 490 color: #F44719; 491} 492 493button.btn-tertiary:hover, button.btn-tertiary:focus, .btn.btn-tertiary:hover, .btn.btn-tertiary:focus, [type=button].btn-tertiary:hover, [type=button].btn-tertiary:focus, #header-container a.btn.btn-tertiary:hover, #header-container a.btn.btn-tertiary:focus { 494 color: #FF693C; 495} 496 497 .cta .btn-primary { 498 min-width: 12em; 499 border: 1px solid #F44719; 500 border-radius: 4em; 501 padding: .5em 1.25em; 502 background: #F44719; 503 color: #fff; 504 font-size: .9rem; 505 font-weight: 600; 506 } 507 508/* Misc. PLP */ 509#product-list-wrapper aside.sidebar-facets #sidebar-subcategories li a:hover, #product-list-wrapper aside.sidebar-facets #sidebar-subcategories li a:focus, #product-list-wrapper aside.sidebar-facets #sidebar-subcategories li a:active { 510 color: #F44719; 511} 512 513#product-list-wrapper aside.sidebar-facets #filter-panel .filter-list label { 514display: flex; 515margin: .6em 0; 516} 517 518#product-list-wrapper aside.sidebar-facets #filter-panel .panel li.filters-show.active { 519display: flex; 520} 521 522#product-list-wrapper aside.sidebar-facets #filter-panel .filter-list label .filter-count { 523padding-left: 5px; 524} 525 526#container-content .product-grid-paging-sorting .select-container::after, #container-content .product-grid-paging-sorting .dropdown::after { 527top: -3px; 528} 529 530/* Misc. PDP */ 531.product-info .color-swatch li span.color-name { 532 min-width: 120px; 533 font-size: .9em; 534 border-radius: 4px; 535 background: #313131; 536 color: #fff; 537 left: -0.5em; 538 border: 0; 539} 540 541/* ---------------- END NEW BRAND SITE STYLES -----------------*/ 542 543/* Temporary fix for decoration method wrapping */ 544.group-decoration-area label:first-of-type + div { 545 margin-left: 2rem; 546} 547.group-decoration-area .input-checkbox_container {
548 align-items: start;} 549 550/* Temporarily hide size-price labels on PDP - pending size-price rework*/ 551.product-size-quantity-group > .product-price-label { 552 display: none; 553} 554 555/*Temporary re-add cart loader styling after Amla removed from site.css*/ 556div#loader-content-backdrop-shopping-cart { 557 background: rgba(255, 255, 255, 0.8); 558 opacity: 1; 559 display: flex; 560 justify-content: center; 561 align-items: center; 562} 563 564div#loader-content-backdrop-shopping-cart #loading { 565 display: none; 566 height: 12em; 567 width: 12em; 568 opacity: 1; 569 background-size: contain; 570 position: absolute; 571} 572 573 574/* Tier Price overflow fix*/ 575@media screen and (min-width: 640px){ 576 #sticky-cta>div { 577 flex-direction: column; 578 } 579} 580#sticky-cta .wishlist-add [type="button"]{ 581 margin: 0; 582} 583#sticky-cta .cart-add button { 584 margin: 0; 585} 586.product .tierPriceItem { 587 margin-top: 2.5em!important; 588 width: 100%; 589 display: block; 590} 591.tier-price-listing{ 592 overflow-x:hidden; 593} 594.tier-price-listing.active { 595 overflow-x: auto; 596 display: flex; 597 flex-wrap: nowrap!important; 598} 599#sticky-cta .product-price-container, #sticky-cta .left { 600 width: 100%; 601} 602 603/* NEW BRAND SITE STYLES */ 604 605h1 { 606 color: black; 607 font-weight: 600 !important; 608 font-size: 2em !important; 609} 610 611.btn-primary { 612 color: white; 613 background: #FF693C; 614 border: none; 615 width: 16em; 616 font-size: 1em; 617 margin: 1em 0; 618 padding: 1em 0; 619} 620 621.btn-primary:hover { 622 background: #DE481B; 623} 624 625.product-tile-cta { 626 position: static; 627} 628.product-tile-cta .btn-secondary { 629 width: 100%; 630 margin: 0; 631} 632 633.btn-secondary:hover { 634 border: 2px solid #FF693C; 635 background: white; 636} 637 638@media (max-width: 768px) { 639 .btn-primary { 640 color: white; 641 background: #FF693C; 642 border: none; 643 width: 16em; 644 font-size: 1em; 645 margin: 1em 0; 646 padding: 1em 0; 647 width: 100%; 648 } 649 650 .btn-primary:hover { 651 background: #DE481B; 652 } 653 654 .btn-secondary { 655 color: black; 656 background: white; 657 border: 2px solid black; 658 width: 16em; 659 font-size: 1em; 660 margin: 1em 0; 661 padding: 1em 0; 662 width: 100%; 663 } 664 665 .btn-secondary:hover { 666 border: 2px solid #FF693C; 667 background: white; 668 color: #FF693C; 669 } 670 671 #Home [type=button].btn-secondary { 672 color: black; 673 background: white; 674 border: 2px solid black; 675 font-size: .7em; 676 margin: 1em 0; 677 padding: 1em; 678 } 679} 680 681/* END NEW BRAND SITE STYLES 682 683/* fix misaligned "Added To Cart CTA" */ 684#AddedToCartConfirmation .modal-dialog .cta a.btn-primary { 685 margin: 0 auto 1rem auto; 686} 687 688/*quick-ship*/ 689.cartProducts #quick-ship-message > div {padding: 0 0 .5em 2em;} 690 691.cartProducts #quick-ship-message .quick-ship-icon span.tooltip.above { 692 left: 0; 693 right: unset; 694} 695.cartProducts #quick-ship-message .quick-ship-icon span.tooltip.above::after { 696 left: 1.25em; 697} 698 699#sppQuickCheckout #quick-ship-message, #layout-account-receipt #quick-ship-message { 700 display: none; 701} 702/*end quick-ship*/ 703 704/* Misc. New Blog Styling */ 705.blog-news-date-time-tags { 706 display: none; 707} 708 709bold { 710 font-weight: 600; 711} 712 713.takeaway { 714 background: #ebebeb; 715 padding: 3% 5%; 716 border-radius: 1.5em; 717} 718 719.takeaway h4 { 720color: #E42A11; 721font-weight:bold; 722} 723 724/* Fix for PLP misalignment in Firefox */ 725#container-content .product-grid-paging-sorting { align-items: flex-start; } 726 727 728/* Temp Color Swatch alignment fix*/ 729[data-item="Product Filter Colors"]>label{ 730 display: flex!important; 731 align-items: center; 732 flex-wrap: nowrap; 733 margin: .5rem 0!important; 734} 735.SwatchImageSection .iconcolor:not(.input-checkbox_appearance){ 736 height: 1.3rem; 737 width: 1.3rem; 738 min-width: 1.3rem; 739 border-radius:50%; 740 margin-right: .5em; 741} 742/*end Temp Color Swatch alignment fix */ 743 744/*Temp prepare for quick checkout - Remove Oct 17th release*/ 745.quick-checkout #user-popup-content .login-form-forgotpassword { 746 padding-bottom: 2rem; 747 display: block; 748} 749 750body#Checkout .checkoutRight [data-loading-type="customer-details"]{ 751 display:flex; 752 align-items:center; 753 justify-content:center; 754 min-height:64em; 755 color: #969697; 756 animation: halfFade alternate infinite 1s; 757} 758 759/* Temp hide labels for applied filters. Remove when MOQ filters show "Minimum Quantity", not "UniversalMOQRange" */ 760.filter-item-label { 761 display: none; 762} 763/* End temp hide labels for applied filters. */ 764 765/* Create An Account Form Styling */ 766 .registerContainer { 767 max-width: 100%; 768 margin: 0 auto; 769 color: black; 770 background: #f2f2f2; 771 padding: 3em 4em; 772 border-radius: 0 0 2em 2em; 773 } 774 775 .registerContainer h1 { 776 font-size: 1.7em; 777 max-width: 700px; 778 margin: 0 auto; 779 } 780 781 #User.Signup .already-account { 782 margin-bottom: 1rem; 783 max-width: 700px; 784 margin: 0 auto; 785 } 786 787 form#frmRegister { 788 margin: 0 auto; 789 max-width: 700px; 790 padding-top: 2em; 791 } 792 793 a.account-signup-link { 794 color: #F44719 !important; 795 } 796 797 a.account-signup-link { 798 color: #FF693C !important; 799 } 800 801 802 [data-test-selector="btnCancel"] { 803 display: none; 804 } 805 806/* PDP Styling Updates */ 807 808.product-info h2 { 809 border-bottom: 0; 810 font-size: 1.3em; 811} 812 813.logo-functionality-container { 814 border-left: 0; 815 padding-left: 0; 816 margin-left: 0; 817} 818 819.product-info .color-swatch { 820 padding: 0; 821} 822 823.upload-container { 824 box-shadow: none; 825} 826 827#lead-time .est-delivery { 828 border-radius: 10px; 829} 830 831.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .product-size-quantity-group { 832 padding: 1rem 1.1rem 0 0; 833} 834 835.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .product-size-quantity-group .product-size-label { 836 font-size: 0.85em; 837} 838 839.product .product-name { 840 font-size: 1.7em !important; 841} 842 843.product .product-minimum-quantity { 844 position: relative; 845 top: 0; 846 padding: 0; 847 font-style: normal; 848} 849@media screen and (min-width: 768px){ 850 .product .product-minimum-quantity { 851 margin-top: 0; 852 } 853} 854@media screen and (min-width: 900px){ 855 .product .product-minimum-quantity { 856 857 858 } 859} 860 861.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator { 862 justify-content: flex-start; 863} 864 865.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator .product-minimum-quantity-notif { 866 background: transparent; 867 font-style: normal; 868 padding: 5px 0 5px 0; 869} 870 871.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator .product-quantity-input { 872 padding: 5px 0; 873} 874 875.upload-container { 876 margin: 20px 0 30px 0; 877} 878
879.product-short-description h2 { 880 font-size: 1.1em; 881 padding-top: 20px; 882} 883 884.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator #totalQty { 885 width: 50%; 886} 887 888.product-color-selector { 889 background-color: #f7f7f7; 890 border-radius: 10px; 891 padding: 20px; 892} 893.product-info #Selected-Color { 894 padding-bottom: 0; 895} 896 897.decoration-location { 898 background-color: #f7f7f7; 899 border-radius: 10px; 900 padding: 20px; 901 margin-bottom: 0 !important; 902} 903 904.group-decoration-area .input-checkbox_container { 905 flex-direction:column; 906} 907 908.product-quantity-container { 909 background-color: #f7f7f7; 910 border-radius: 10px; 911 padding: 20px; 912 margin-bottom: 0; 913} 914 915#subhead-quantity { 916 max-width: 300px; 917 padding-top: 0; 918} 919 920/*hide in stock */ 921.sp-product-stock { 922 display: none; 923} 924 925#product-message-cta-below { 926 background-color: transparent !important; 927 border-radius: 10px; 928 padding: 15px 15px 5px 15px; 929 display: flex; 930 justify-content: center; 931 margin: 0 !important; 932 color: #1b6ce0; 933text-align:center; 934} 935 936#product-message-cta-below .material-icons { 937 display: none !important; 938} 939 940#product-message-cta-below p { 941 padding-left: 0 !important; 942} 943 944.product .simpleLens-gallery-container .simpleLens-big-image-container { 945 border: 0; 946} 947 948.product .simpleLens-gallery-container .product-altimages .owl-wrapper .owl-item .item img { 949 border: 1px solid #e0e0e0; 950} 951 952 953.upload-container .deco-upload p { 954 font-size: 0.9em; 955} 956 957.productExtras { 958 border-top: 0; 959} 960 961.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .sp-pdp-headings #subtotal, .product #dynamic-product-variations .sp-pdp-size.product-has-sizes .sp-pdp-headings #totalQty, .product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator #subtotal, .product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator #totalQty { 962 width: 50%; 963} 964 965#subtotal-row #subtotal { 966 padding-top: 10px; 967} 968 969.product #dynamic-product-variations .sp-pdp-size.product-no-sizes .product-quantity-label { 970 font-weight: 600; 971} 972 973/* Logo Upload Styling */ 974 975.upload-container .deco-upload .upload-icon { 976font-size: 1.5rem; 977} 978 979#personalizationLogo .artwork-manage { 980text-align: center; 981} 982 983#personalizationLogo .artwork-manage a { 984color: #000; 985text-decoration: underline; 986font-weight: 600; 987} 988 989#personalizationLogo .artwork-manage a:hover { 990color: #000; 991text-decoration: underline; 992font-weight: 600; 993 994} 995 996/* Recently Viewed Styling */ 997.owl-carousel .owl-wrapper h4 { 998 color: #000; 999 text-align: left; 1000 margin-top: 20px; 1001} 1002 1003.owl-carousel .owl-wrapper .product-sku { 1004 display: none; 1005} 1006 1007.owl-carousel .owl-wrapper .price { 1008 text-align: left; 1009} 1010 1011.owl-carousel .owl-wrapper .product-img { 1012 border: 1px solid #e0e0e0; 1013 border-radius: 8px; 1014 overflow: hidden; 1015} 1016 1017.owl-carousel { 1018 padding-top: 40px; 1019} 1020 1021.owl-carousel .owl-wrapper .owl-item { 1022 padding: 20px; 1023} 1024 1025/* PLP experiment July 5: Show min qty, hide number of colors */ 1026.plp-swatch-count { 1027 display: none; 1028} 1029 1030/* PLP Filters Clean Up */ 1031#product-list-wrapper aside.sidebar-facets h2 { 1032padding-bottom: 1.1em; 1033} 1034 1035 1036#product-list-wrapper aside.sidebar-facets h2 .material-icons { 1037display: none; 1038} 1039 1040 1041#product-list-wrapper aside.sidebar-facets #filter-panel .filter-actions { 1042flex-direction: row-reverse; 1043margin-top: 20px; 1044} 1045 1046#product-list-wrapper aside.sidebar-facets #filter-panel .panel li.filters-show.active { 1047text-transform: capitalize; 1048} 1049 1050#product-list-wrapper aside.sidebar-facets h3 { 1051font-size: 1rem; 1052} 1053 1054#product-list-wrapper aside.sidebar-facets .panel-heading { 1055padding: 0 0 0.5rem 0; 1056border-bottom: 1px solid #e0e0e0; 1057margin-bottom: 5px; 1058} 1059 1060#product-list-wrapper aside.sidebar-facets .panel-body { 1061padding: 0.5em 1em 2em 0; 1062} 1063 1064#product-list-wrapper aside.sidebar-facets #filter-panel .panel .accordion-trigger { 1065display: flex; 1066justify-content: space-between; 1067} 1068 1069#product-list-wrapper aside.sidebar-facets h3 .material-icons { 1070font-size: 1.3em; 1071} 1072 1073.filter-count { 1074color: #999; 1075} 1076 1077.filter-actions .facetbtn button.btn-tertiary { 1078border: 1px solid #000; 1079border-radius: 4em; 1080color: #000; 1081font-weight: 500; 1082} 1083 1084/* Was Pricing Update */ 1085 1086.product-tile .product-was-price { 1087justify-content: flex-start; 1088} 1089 1090/* Nav Back to All Caps */ 1091 1092#header-container #header-lower #primary-links #category-links>[data-menu-parent] [data-menu=heading] { 1093text-transform: uppercase; 1094} 1095 1096#header-container #header-lower #primary-links #page-links .link-panel-widget li>a, #header-container #header-lower #primary-links #page-links .link-panel li>a { 1097text-transform: uppercase; 1098} 1099 1100.link-panel-dropdown a { 1101text-transform: uppercase; 1102} 1103 1104#header-container .text:not(.tooltip .text) { 1105text-transform: uppercase; 1106} 1107 1108/* All Blog Page Styles - TEMP needs finished */ 1109.blog-list-page .blog-grid { 1110 width: 100%; 1111 display: flex; 1112 flex-wrap: wrap; 1113 justify-content: space-between; 1114 margin: 0 auto; 1115 animation: fadeIn .75s ease-in; 1116} 1117 1118.blog-list-page .blog-grid figure img { 1119 width: 100%; 1120 display: block; 1121 border: 1px solid #dfdfdf; 1122 position: relative; 1123 isolation: isolate; 1124 transition: opacity .35s ease; 1125 border-radius: 0.75em; 1126} 1127 1128.blog-navigation ul a:hover { 1129 color: #FF693C; 1130} 1131 1132.blog-navigation ul a.active { 1133 color: #F44719; 1134} 1135 1136.blog-list-page .blog-grid figure:hover h3, .blog-list-page .blog-grid figure:focus h3, .blog-list-page .blog-grid figure:focus-within h3 { 1137 color: #F44719; 1138} 1139 1140 1141 1142/* Individual Blog Post Styles - TEMP needs finished */ 1143main.blog-post-page { 1144 margin: 0 auto; 1145} 1146 1147.blog-image-bg img { 1148 width: 100%; 1149 display: block; 1150 border-radius: 2em; 1151} 1152 1153.blog-image-bg { 1154 background-size: cover; 1155 width: 100%; 1156 max-width: 1000px; 1157 margin: 0 auto; 1158 position: relative; 1159 top: 0; 1160 left: 0; 1161 right: 0; 1162} 1163
1164span.blog-news-tags { 1165 display: none; 1166} 1167 1168.blog-news-text h2, .blog-news-text h3 { 1169 margin-top: 1em; 1170 margin-bottom: 0.25em; 1171} 1172 1173.blog-content-container { 1174 width: calc(100% - 2em); 1175 margin: 0 auto; 1176 max-width: 850px; 1177 padding: 1em; 1178 background: #fff; 1179 position: relative; 1180} 1181 1182.blog-post-page .see-more-grid { 1183 display: none; 1184} 1185 1186/* Account Dashboard Cleanup */ 1187.dashboard section { 1188border: 1px solid #e0e0e0; 1189padding: 20px 20px 30px 20px; 1190margin-bottom: 30px; 1191margin-right: 10px; 1192border-radius: 8px; 1193} 1194 1195@media screen and (max-width: 900px){ 1196#container-content .dashboard main, #container-content .dashboard aside { 1197width: 100%; 1198} 1199 1200.dashboard section { 1201margin-right: 0; 1202} 1203} 1204 1205#container-content .dashboard main, #container-content .dashboard aside { 1206margin: 0; 1207} 1208 1209 1210.dashboard p { 1211font-size: 1.2em; 1212padding-bottom: 20px; 1213font-weight: 600; 1214} 1215 1216.dashboard section p { 1217font-size: 1em; 1218padding-bottom: 0; 1219} 1220 1221.dashboard p strong{ 1222color: #FF693C; 1223} 1224 1225/*Temp fix for hiding hot tags*/ 1226.HotTag1 { 1227 display: none; 1228} 1229 1230.HotTag2 { 1231 display: none; 1232} 1233 1234/*Temp fix for stickyCTA image overlap*/ 1235@media screen and (min-width: 880px){ 1236 #Product img#product-image { 1237 max-height: 50vh; 1238 width: auto; 1239 height: 50vh; 1240 object-fit: contain; 1241 } 1242} 1243 1244/*REVERT sticky CTA */ 1245#sticky-cta { 1246 position: relative; 1247 border: none; 1248 box-shadow: none; 1249 padding: 0; 1250 justify-content: space-between; 1251} 1252#sticky-cta>div{ 1253 width:100%; 1254 padding:0; 1255} 1256@media screen and (min-width: 640px) 1257#sticky-cta>div { 1258 padding: 0; 1259} 1260 1261@media screen and (min-width:1048px){ 1262 #sticky-cta>div{ 1263 position:relative; 1264 font-size:1rem; 1265 } 1266 #sticky-cta .right{ 1267 position:absolute; 1268 top:0; 1269 right:0; 1270 } 1271} 1272 1273/* Temp hiding delivery calendar 1274 1275#calendar-button { 1276 display: none; 1277} 1278#lead-time .est-delivery { 1279 padding: 0; 1280 border: 0 none; 1281display: none; 1282} 1283 1284End hiding delivery calendar */ 1285 1286a#calendar-button { 1287 display: none; 1288} 1289 1290 1291/* Hide Blog Banner */ 1292 1293.blog-list-page .page-title { 1294display: none; 1295} 1296 1297/* ************* Temp until 5/16/23 release */ 1298.footer-links .link-panel-widget li { 1299 padding: 0 0 0.25rem 0; 1300} 1301 1302.product .product-lead-time { 1303 font-size: .9rem; 1304} 1305#calendar-popup td a, #calendar-popup td span, #calendar-popup th a, #calendar-popup th span { 1306 padding: 0.25rem 0.75rem; 1307} 1308.deliverySlideIn .date-today a { 1309 background-color: transparent; 1310 color: #000; 1311 border: 1px solid rgba(21, 131, 193, 1); 1312} 1313.deliverySlideIn .date-production a { 1314 background-color: rgba(21, 131, 193, .3); 1315 color: #222; 1316} 1317.deliverySlideIn .date-shipping a { 1318 background-color: rgba(21, 131, 193, .6); 1319 color: #fff; 1320} 1321.deliverySlideIn .date-delivery a { 1322 background-color: rgba(21, 131, 193, 1); 1323 color: #fff; 1324 font-weight: bold; 1325} 1326.deliverySlideIn .date-production.ui-datepicker-week-end a { 1327 color: #fff; 1328} 1329 1330/* *************** End temp until 5/16/23 release */ 1331 1332.tier-price-listing.active { 1333 display:flex; 1334 flex-wrap:wrap; 1335} 1336 1337 1338 1339/* Hides text on Shop All Page */ 1340input[data-categoryid='2370'] ~ .product-list-header .product-list-custom-content {Â Â Â display: none !important;} 1341 1342/* Hides skip to main */ 1343a#skip-to-main { 1344 display: none; 1345} 1346 1347/*Temp fix for "Saveforlater" oddities*/ 1348#Saveforlater #container-content { 1349 display: block; 1350} 1351 1352 1353/*Temp styling for nav buttons and all products page. Remove when this CSS is published to site.css*/ 1354.btn.btn-nav, button.btn-nav, #header-container a.btn.btn-nav { 1355 padding: .25em 4em; 1356} 1357.all-products-buttons .btn-nav { 1358 padding: 0.25em 2em 0.35em 2em; 1359 width: 14em; 1360} 1361.eyebrow { 1362 margin-bottom: .5em; 1363 font-size: 1em; 1364 line-height: 1.5em; 1365 color: #c00; 1366} 1367 1368#header-container #header-lower .giga-menu z-widget { 1369 width: 100%; 1370} 1371 1372#giga-menu-shop-all { 1373 margin: 1em 2em; 1374 text-align: center; 1375 border-bottom: 1px solid rgba(239,239,239,.825); 1376} 1377 1378#giga-menu-shop-all .btn-nav { 1379 position: relative; 1380 bottom: -1.25em; 1381} 1382 1383/* Temp hide "Continue Shopping" link in Cart summary */ 1384.cartSummary [data-test-selector="btnContinueShopping"] { 1385 display: none; 1386} 1387 1388/* Temp hide "You get free shipping" for guest customers in cart */ 1389#cart-shipping-notification.active #ship-countdown[data-is-authenticated="0"], #cart-shipping-notification.active #ship-qualifies[data-is-authenticated="0"], #cart-shipping-notification svg { 1390 display: none; 1391 background-color: red; 1392} 1393#cart-shipping-notification>span:before { 1394 content: '\e558'; 1395 padding-right: 0.5rem; 1396 font-family: 'Material Icons'; 1397 font-weight: normal; 1398 font-style: normal; 1399 font-size: 1.5em; 1400 display: inline-block; 1401 vertical-align: middle; 1402 text-transform: none; 1403 text-decoration: none; 1404 letter-spacing: normal; 1405 word-wrap: normal; 1406 white-space: nowrap; 1407 direction: ltr; 1408 -webkit-font-smoothing: antialiased; 1409 text-rendering: optimizeLegibility; 1410 -moz-osx-font-smoothing: grayscale; 1411 font-feature-settings: 'liga'; 1412} 1413/* End temp hide "You get free shipping" for guest customers in cart */ 1414 1415/* fixing LCP delay from closeouts icon */ 1416@media screen and (min-width:768px){ 1417 #closeout-link-header svg { 1418 position: absolute; 1419 margin-left: -2em; 1420 margin-top: 0.25em; 1421 } 1422} 1423 1424/* Hiding new elements in the product tile. Remove when those are styled in site.css. */ 1425#Share-Links-Container, #Product .product-was-price, #productReview, #Checkout #new-user-link .guest-new-account { 1426 display: none; 1427} 1428 1429/* Styles "Product Additional Text" for was pricing . */ 1430.product-price-container { 1431 text-align: left; 1432} 1433 1434.product-was-price { 1435text-decoration: line-through !important; 1436 margin: 10px 0 !important; 1437} 1438 1439.product .tierPriceItem { 1440 margin: 0 auto 0.5em auto; 1441 margin-top: 0 !important; 1442} 1443 1444span.product-sale-label { 1445 display: none; 1446} 1447.highlight-container .product-highlights ul li:first-child { 1448 position: static; 1449} 1450 1451/* Hide "Shop Custom" for categories where that title looks ridiculous */ 1452[data-categoryId='3038'] ~ main h1, 1453[data-categoryId='2886'] ~ main h1, 1454[data-categoryId='2888'] ~ main h1, 1455[data-categoryId='2868'] ~ main h1, 1456[data-categoryId='2869'] ~ main h1, 1457[data-categoryId='2880'] ~ main h1, 1458[data-categoryId='2385'] ~ main h1, 1459[data-categoryId='2392'] ~ main h1, 1460[data-categoryId='2412'] ~ main h1, 1461[data-categoryId='2419'] ~ main h1, 1462[data-categoryId='2427'] ~ main h1, 1463[data-categoryId='2432'] ~ main h1, 1464[data-categoryId='2446'] ~ main h1, 1465[data-categoryId='2716'] ~ main h1, 1466[data-categoryId='2761'] ~ main h1, 1467[data-categoryId='2769'] ~ main h1, 1468[data-categoryId='2832'] ~ main h1, 1469[data-categoryId='2641'] ~ main h1, 1470[data-categoryId='2699'] ~ main h1, 1471[data-categoryId='2703'] ~ main h1, 1472[data-categoryId='2714'] ~ main h1, 1473[data-categoryId='4304'] ~ main h1, 1474[data-categoryId='3471'] ~ main h1, 1475[data-categoryId='4390'] ~ main h1, 1476[data-categoryId='3393'] ~ main h1, 1477[data-categoryId='3391'] ~ main h1, 1478[data-categoryId='3392'] ~ main h1, 1479[data-categoryId='3395'] ~ main h1, 1480[data-categoryId='3394'] ~ main h1, 1481[data-categoryId='3412'] ~ main h1 { 1482 margin-left: -0.055em; 1483} 1484[data-categoryId='3038'] ~ main h1 .pre-heading, 1485[data-categoryId='2886'] ~ main h1 .pre-heading, 1486[data-categoryId='2888'] ~ main h1 .pre-heading, 1487[data-categoryId='2868'] ~ main h1 .pre-heading, 1488[data-categoryId='2869'] ~ main h1 .pre-heading, 1489[data-categoryId='2880'] ~ main h1 .pre-heading, 1490[data-categoryId='2385'] ~ main h1 .pre-heading, 1491[data-categoryId='2392'] ~ main h1 .pre-heading, 1492[data-categoryId='2412'] ~ main h1 .pre-heading, 1493[data-categoryId='2419'] ~ main h1 .pre-heading, 1494[data-categoryId='2427'] ~ main h1 .pre-heading, 1495[data-categoryId='2432'] ~ main h1 .pre-heading, 1496[data-categoryId='2446'] ~ main h1 .pre-heading, 1497[data-categoryId='2716'] ~ main h1 .pre-heading, 1498[data-categoryId='2761'] ~ main h1 .pre-heading, 1499[data-categoryId='2769'] ~ main h1 .pre-heading, 1500[data-categoryId='2832'] ~ main h1 .pre-heading, 1501[data-categoryId='2641'] ~ main h1 .pre-heading, 1502[data-categoryId='2699'] ~ main h1 .pre-heading, 1503[data-categoryId='2703'] ~ main h1 .pre-heading, 1504[data-categoryId='2714'] ~ main h1 .pre-heading, 1505[data-categoryId='4304'] ~ main h1 .pre-heading, 1506[data-categoryId='3471'] ~ main h1 .pre-heading, 1507[data-categoryId='4390'] ~ main h1 .pre-heading, 1508[data-categoryId='3393'] ~ main h1 .pre-heading, 1509[data-categoryId='3391'] ~ main h1 .pre-heading, 1510[data-categoryId='3392'] ~ main h1 .pre-heading, 1511[data-categoryId='3395'] ~ main h1 .pre-heading, 1512[data-categoryId='3394'] ~ main h1 .pre-heading, 1513[data-categoryId='3412'] ~ main h1 .pre-heading { 1514 display: none; 1515} 1516/* END Hide "Shop Custom" for categories where that title looks ridiculous */ 1517 1518 1519/* Hide the broken "Sale" Hot Tag */ 1520img.HotTag2.img-responsive[src*="no-image.png"] { 1521 display: none; 1522} 1523/* END: Hide the broken "Sale" Hot Tag */ 1524 1525 1526/* Hides Category in Mega Menu */ 1527.giga-menu [data-category-name="Help Me Pick"] { 1528 display: none !important; 1529} 1530 1531.giga-menu [data-category-name="HOT DEALS"] { 1532 display: none !important; 1533} 1534 1535.giga-menu [data-category-name="Seasons of Gifting 2022"] { 1536 display: none !important; 1537} 1538 1539.giga-menu [data-category-name="Annual Apparel Sale"] { 1540 display: none !important; 1541} 1542/* END Hides Category in Mega Menu */ 1543 1544 1545 1546#popular-products span[data-test-selector="spnRetailPrice"] { 1547 font-size: 1.25em; 1548 font-weight: 500; 1549} 1550 1551/* Temp fix for "Best Sellers" Carousel alignment*/ 1552@media only screen and (min-width: 1920px){ 1553 #Home .owl-item .product-details {transform: translate(0);} 1554} 1555@media only screen and (max-width: 319px){ 1556 #Home .owl-item .product-details {transform: translate(0,0);} 1557} 1558 1559/*Temp hide 'Star Ratings' */ 1560.product-rating {display: none;} 1561 1562/*Temp account dashboard button consistency fix */ 1563.cta .btn-primary { 1564 min-width: 12em; 1565 border: 1px solid #c00; 1566 border-radius: 4em; 1567 padding: .5em 1.25em; 1568 background: #c00; 1569 color: #fff; 1570 font-size: .9rem; 1571 font-weight: 600; 1572} 1573 1574/*Hides misleading shipping cost on payment method selection 1575#Checkout .shipping-rate {display:none} 1576*/ 1577 1578/*Checkout Order Confirmation Page*/ 1579#Checkout .sp-accounts .checkout-reciept{ 1580 width: calc(100% - 5em); 1581 max-width:580px; 1582 border-bottom: none; 1583 margin: 0 2em; 1584} 1585 1586#Checkout .checkout-reciept{ 1587 font-size:1rem; 1588} 1589 1590#Checkout .checkout-page-heading-1{ 1591 font-size: 1rem; 1592 margin-bottom:.5em; 1593 color:#444; 1594} 1595 1596#Checkout .checkout-page-heading-1[data-test-selector="hdgCheckoutReciept"]{ 1597 font-size: 1.25rem; 1598} 1599 1600#Checkout .checkout-page-heading-2{ 1601 font-size:1rem; 1602 margin-bottom:.5em 1603} 1604 1605#Checkout [data-test-selector="linkContinueShopping"]{ 1606 display:block; 1607 margin: 2em 0; 1608 text-align:center; 1609 border: 1px solid; 1610 max-width: 12em; 1611 padding: .5em; 1612 border-radius: 1.5em; 1613 background: #E42A11; 1614 color: #FFF; 1615} 1616 1617#Checkout .checkout-page-heading-color .title, .checkout-page-heading-color .sp-num{ 1618 color:#444; 1619} 1620 1621#Checkout #layout-account-receipt { 1622 border-top:1px solid #dedede; 1623 padding-top:2.5em 1624} 1625/* End of Order Confirmation Page */ 1626 1627 1628/*hides Trends Category from giga-menu*/ 1629.giga-menu [data-category-name="Trends"]{ 1630 display:none!important; 1631} 1632 1633/* HIDES from from giga-menu */ 1634.giga-menu [data-category-name="Featured"], .giga-menu [data-category-name="2021 Seasonal Idea Book"] { 1635 display: none!important; 1636} 1637.giga-menu [data-category-name="Curated Collections"] { 1638 display: none !important; 1639} 1640 1641 1642/* Hides Pending Payment History section from Account Dashboard */ 1643section.dashboard-content[data-test-selector="divPendingPaymentHistory"] { 1644 display: none; 1645} 1646 1647/* hides extra plus signs trending products section */ 1648#Home #trending-products>.image-grid a:before { 1649display: none !important; 1650} 1651 1652 1653/* Temp: hide "back to top" */ 1654.back-to-top{ 1655 display:none; 1656} 1657 1658/* hide Facets filter (currently unused)*/ 1659#Category aside.sidebar { 1660 display: none; 1661} 1662 1663.upload-container input[type=file]{ 1664 cursor:pointer; 1665} 1666 1667#personalizationLogo .group-decoration-area{ 1668 position: relative; 1669} 1670 1671#personalizationLogo .decoration-area-remove{ 1672 float:none; 1673 margin:0; 1674 position:absolute; 1675 top:.5em; 1676 right:.5em; 1677 cursor: pointer; 1678} 1679 1680/* Hot Tags */ 1681.hot-tag-assembled-in-usa { 1682background-image: url("https://spponeimages.azureedge.net/prod/ec6a5c2d-66f1-47ea-9698-4e60c741d5cbStaplesPromoHotTags_AssembledUSA.svg?v=0"); 1683} 1684.hot-tag-sustainable { 1685background-image: url("https://spponeimages.azureedge.net/prod/46e2fafc-b778-49e8-9f50-9e8bb5964663StaplesPromoHotTags_Sustainable.svg?v=0"); 1686} 1687.hot-tag-diversity { 1688background-image: url("https://spponeimages.azureedge.net/prod/bdac2d33-8a46-4292-81c4-974db860d3d8StaplesPromoHotTags_Diversity.svg?v=0"); 1689} 1690.hot-tag-giveback { 1691background-image: url("https://spponeimages.azureedge.net/prod/85f091df-c99a-4b1b-81d2-2833d68fcc50StaplesPromoHotTags_GiveBack.svg?v=0"); 1692} 1693.hot-tag-sale { 1694background-image: url("https://spponeimages.azureedge.net/prod/7e25a7f5-376b-4b07-a5a4-0cef7e504050StaplesPromoHotTags_Sale.svg?v=0"); 1695} 1696 1697#Product .hot-tag-2 {
1698 position: absolute; 1699 top: 10px; 1700 right: 10px; 1701} 1702 1703.tooltip button.btn-secondary { 1704 margin: 0.75em 0 0; 1705} 1706 1707/* Home-page specific. Keep in dynamic styles. */ 1708#Home #trending-products>.image-grid a .tooltip { 1709 color: #000; 1710} 1711 1712 1713 1714 1715 1716 1717 1718/* media queries */ 1719 1720@media (max-width: 320px) { 1721 .col.tc-col { 1722 display: flex; 1723 flex-direction: row; 1724 justify-content: space-between; 1725 height: 10em !important;; 1726 } 1727} 1728 1729@media (max-width: 382px) { 1730 .tc-col img { 1731 width: 8em !important; 1732 padding: 0.3em !important; 1733 } 1734 1735 .tc-col .category-cta { 1736 bottom: 3rem !important; 1737 left: 14% !important; 1738 } 1739 1740 .col.tc-col { 1741 height: 10em !important; 1742 } 1743 1744 .curated-right p, .curated-left p, .curated-right h2, .curated-left h2 { 1745 max-width: 69% !important; 1746 } 1747 1748} 1749 1750@media(max-width:415px) { 1751 .row.home-curated-banners { 1752 display: inline !important; 1753 } 1754} 1755 1756@media (min-width: 383px) and (max-width: 415px) { 1757 .col.tc-col { 1758 height: 12em !important; 1759 } 1760 1761 .tc-col img { 1762 width: 10em !important; 1763 } 1764 1765 .category-cta button.btn-secondary { 1766 width: 6rem !important; 1767} 1768 1769.tc-col .category-cta { 1770 bottom: 4rem !important; 1771 left: 2rem !important; 1772 } 1773 1774 .curated-right p, .curated-left p, .curated-right h2, .curated-left h2 { 1775 max-width: 66% !important; 1776 } 1777} 1778 1779@media (min-width: 416px) and (max-width: 542px) { 1780 .tc-col img { 1781 width: 12em !important; 1782 padding: 0.3em !important; 1783 } 1784 1785 .col.tc-col { 1786 height: 15em !important; 1787 } 1788 1789 .tc-col .category-cta { 1790 left: 9% !important; 1791 } 1792} 1793 1794 1795@media (min-width: 543px) and (max-width: 574px) { 1796 .tc-col img { 1797 padding: 0.5em !important; 1798 } 1799 1800 .tc-col .category-cta { 1801 bottom: 22% !important; 1802 left: 25% !important; 1803 } 1804} 1805 1806@media (max-width: 573px) { 1807 .hp-blog { 1808 width: 100% !important; 1809 } 1810 1811 .blog-on-homepage { 1812 margin: 0 auto !important; 1813 } 1814} 1815 1816 1817 1818@media (max-width: 602px) { 1819 .home-hero-wrapper { 1820 background: #f4f4f4 !important; 1821 } 1822 1823 .home-hero-inside { 1824 padding: 4em 3em; 1825 } 1826 1827 .curated-left, .curated-right { 1828 padding: 2em !important; 1829 } 1830 1831 .home-curated-banners a { 1832 height: 400px; 1833 } 1834} 1835 1836@media (min-width: 573px) and (max-width: 768px) { 1837 .tc-col img { 1838 width: 13em !important; 1839 } 1840 1841 .tc-col .category-cta { 1842 bottom: 5rem !important; 1843 left: 1.7em !important; 1844} 1845 1846 #top-categories button.btn-secondary { 1847 padding: .5em 1.25em !important; 1848 } 1849 1850 .hp-blog { 1851 width: 33% !important; 1852 min-width: 200px !important; 1853 } 1854} 1855 1856@media (min-width: 416px) and (max-width: 700px) { 1857 .home-curated-banners a { 1858 height: 24em !important; 1859 width: 100% !important; 1860 } 1861 1862 .curated-right p, .curated-left p, .curated-right h2, .curated-left h2 { 1863 max-width: 45% !important; 1864 } 1865} 1866 1867@media (min-width: 699px) and (max-width: 768px) { 1868 .curated-right p, .curated-left p, .curated-right h2, .curated-left h2 { 1869 max-width: 92% !important; 1870 } 1871} 1872 1873 1874@media (min-width: 769px) and (max-width: 815px) { 1875 .tc-col img { 1876 width: 13em !important; 1877 padding: 0.5em !important; 1878 } 1879 1880 .tc-col .category-cta { 1881 bottom: 22% !important; 1882 left: 12% !important; 1883 position: relative !important; 1884 justify-content: center; 1885 margin: 0 auto; 1886 } 1887} 1888 1889@media (max-width: 888px) { 1890 #Home #homepage-banner .home-hero-inside p { 1891 font-size: 1.5em; 1892 line-height: 1.2em; 1893 } 1894 1895} 1896 1897@media (min-width: 769px) and (max-width: 1024px) { 1898 .curated-right, .curated-left { 1899 padding: 3em !important; 1900 } 1901 1902 .curated-right p, .curated-left p, .curated-right h2, .curated-left h2 { 1903 max-width: 80% !important; 1904 } 1905} 1906 1907 1908 1909 1910 1911 1912 1913 1914 1915 1916/* Header Cart Animation */ 1917 1918@keyframes pulse { 1919 0% { 1920 transform: scale(0.95); 1921 opacity: 0.75; 1922 } 1923 50% { 1924 transform: scale(1.35); 1925 opacity: 0; 1926 } 1927 100% { 1928 transform: scale(0.95); 1929 opacity: 1; 1930 } 1931} 1932 1933#header-cart .hasItem #header-cart-icon::before, .header-cart.hasItem .headerQuantity { 1934 color: #E42A11; 1935 z-index: 1; 1936 animation: pulse 1250ms 0.35s; 1937} 1938 1939/* Temporary header cart styling. Move to site.css */ 1940@media (hover: hover), (hover: none) and (max-width: 768px) { 1941 .header-cart .headerSubtotal, .header-cart .headerQuantity { 1942 display: none; 1943 } 1944 .header-cart.hasItem .headerQuantity { 1945 display: block; 1946 position: absolute; 1947 right: -5px; 1948 top: -5px; 1949 overflow: hidden; 1950 height: 2em; 1951 width: 2em; 1952 line-height: 2em; 1953 vertical-align: middle; 1954 border: 1px solid #fff; 1955 background-color: #c00; 1956 color: #fff; 1957 border-radius: 15px; 1958 font-size: 10px; 1959 text-align: center; 1960 } 1961 #header-cart .tooltip { 1962 display: inline-block; 1963 } 1964} 1965 1966/* TEMP until global styles are deployed. Tightening up header for mobile. */ 1967@media only screen and (max-width: 768px) { 1968 #header-container #header-lower #primary-links #page-links .link-panel-widget li>a, #header-container #header-lower #primary-links #page-links .link-panel li>a, #header-container #header-lower #primary-links #category-links>li>a { 1969 padding: .25rem; 1970 } 1971} 1972 1973/* TEMP until global styles are deployed. Tightening up home page for mobile. */ 1974@media only screen and (max-width: 640px) { 1975 #Home #homepage-blog { 1976 margin: 1em auto; 1977 } 1978 #Home .home-curated-wrapper { 1979 padding-bottom: .5em; 1980 } 1981} 1982@media only screen and (max-width: 700px) { 1983 #homepage-blog .curated-right { 1984 margin-top: 1em; 1985 } 1986 #Home #trending-products { 1987 margin: 1em auto; 1988 } 1989} 1990 1991/* Temporary fixes */ 1992.footer-links .link-panel-widget li { 1993width: 100% !important; 1994} 1995 1996footer .footer-newsletter { 1997 z-index: 2; 1998} 1999 2000@media only screen and (max-width: 778px) { 2001 .hot-tag-default .hot-tag-description:after { 2002 left: calc(50% - -7.5em); 2003 } 2004 2005 .hot-tag-default .hot-tag-description { 2006 width: 330px; 2007 left: -275px; 2008 } 2009} 2010 2011/* Temporary Hot Tag Spacing on PD Page fix */ 2012#Product .price-hot-tag { 2013 min-height:auto; 2014 margin-top:auto; 2015} 2016 2017/* Temporay added Nov. 9. Remove after release week of Nov. 15 */ 2018.blog-image-bg { 2019 min-height: auto; 2020} 2021 2022#log-in-page h1, .paymentHistory-section { 2023 display: none; 2024} 2025 2026/* Temporary for May 18 release */ 2027@media only screen and (max-width: 768px) { 2028 #category-links > li > a { 2029 pointer-events: none; 2030 } 2031} 2032#container-content .product-list-header h1 { 2033 padding-bottom: 1rem; 2034} 2035#Product #breadCrumb>a { 2036 pointer-events: all; 2037 cursor: pointer; 2038} 2039#breadCrumb > a { 2040 color: #000; 2041} 2042 2043#breadCrumb>a[href*="2370"], #Product #breadCrumb>a[href*="2370"] { 2044 pointer-events: none; 2045 color: #333; 2046} 2047#breadCrumb { 2048 text-transform: none; 2049} 2050 2051#header-container .giga-menu-container .giga-menu .category-heading { 2052text-transform:none; 2053font-size: 1em; 2054} 2055
2056/* 2057.category-sub-links ul { 2058display: none; 2059} 2060*/ 2061 2062@media (max-width: 767px) { 2063#header-container .giga-menu-container .giga-menu .second-level .category-sub-links .category-heading { 2064pointer-events:auto; 2065} 2066} 2067 2068/*temp fix for disappearing search results when 'pages' result "next page >>" is clicked*/ 2069div#product-list.tab-pane { 2070 display: block; 2071 width:100%; 2072 opacity: 1; 2073} 2074 2075/*temp hide broken "View Details" button on wishlist (in user dashboard)*/ 2076#User.Wishlist .wishlist-item-tocart button[data-test-selector="btnViewDetails"] {display:none;} 2077 2078/* fixing sidebar filter styling */ 2079#product-list-wrapper aside.sidebar-facets .filter-list label sup { 2080 top: 0; 2081 padding-left: 0.75em; 2082 font-size: 100%; 2083} 2084 2085.sp-edit-address-buttons, .checkout-buttons.quotebutton { 2086 text-align: right; 2087} 2088 2089.save-later-page { 2090width: 100%; 2091} 2092 2093.cart-footnotes p { 2094 padding: 0 1em; 2095} 2096 2097/*Temp fix for Remove Coupon Code "X" (font family is being applied to selector directly and not via 'material-icons' class*/ 2098.cartPromocode .success-msg .removeAppliedCoupon:before { 2099 font-family: "Material Icons Outlined"; 2100} 2101 2102/*Temp styling for 'Size Chart' Concept*/ 2103table#exampleSizeTable, table#exampleSizeTable th, table#exampleSizeTable td { 2104 border:1px #CCC solid; 2105 padding:.25em; 2106} 2107table#exampleSizeTable th{ 2108 background:#222;color:#FFF 2109} 2110#miniCartViewer polyline { 2111 opacity: 1; 2112} 2113 2114/*Temp for DY Nav 01/26 React Checkout fix*/ 2115#Checkout #category-links > li:nth-child(2){display:none;} 2116</style>
2117<script src="/Views/Themes/RedPanda/Content/bootstrap/js/bootstrap.min.js" async></script>
vendor: 2 bytes, line 2117
2117
2118<script src="/Views/Themes/RedPanda/Scripts/lib/event.min.js"></script>
vendor: 2 bytes, line 2118
2118
2119<script> 2120 window.addEventListener('pageshow', function (event) { 2121 if (event.persisted || (window.performance && window.performance.navigation.type === 2)) { 2122 window.location.reload(true); 2123 } 2124 }); 2125</script>
2125 2126 2127</head> 2128<body id="Cart" 2129 class="Index " 2130 pageType="cart" 2131 data-controller="Cart" 2132 data-view="Index" 2133 data-portalID="138" 2134 data-culture="en-US" 2135 data-currency-code="USD" 2136 data-txtSelectedBrandProductName="" 2137 data-selectedbrandname="" 2138 data-company-code="OA" 2139 data-store-code="StaplesPromo" 2140 data-publishState="PRODUCTION"> 2141 2142 2143 2144<input id="InsideDataObjectCustomerId" name="InsideDataObjectCustomerId" type="hidden" value="0" /> 2145<input id="InsideDataObjectCustomerEmail" name="InsideDataObjectCustomerEmail" type="hidden" value="" /> 2146<input id="InsideDataObjectCustomerFirstName" name="InsideDataObjectCustomerFirstName" type="hidden" value="" /> 2147<input id="InsideDataObjectCustomerLastName" name="InsideDataObjectCustomerLastName" type="hidden" value="" /> 2148<input id="InsideDataObjectPageType" name="InsideDataObjectPageType" type="hidden" value="Cart" /> 2149<input id="InsideDataObjectCartData" name="InsideDataObjectCartData" type="hidden" value="null" /> 2150<input id="InsideDataObjectCartQuantity" name="InsideDataObjectCartQuantity" type="hidden" value="" /> 2151<input id="InsideDataObjectCartSubTotal" name="InsideDataObjectCartSubTotal" type="hidden" value="" />
2152<script src="/Scripts/Custom/SppChat.js?v=20261006223132"></script>
vendor: 2 bytes, line 2152
2152
2153<script>SppChat.prototype.GenerateInsideDataObject();</script>
2153 <!--Below hidden field is used to get current theme name in dynamicGrid.ts--> 2154 <input type="hidden" id="currentThemePath" value="SalmonSalmon"> 2155 2156 <input id="ws" name="ws" type="hidden" value="02" /> 2157 <input id="isDefaultViewAll" name="isDefaultViewAll" type="hidden" value="False" /> 2158 <input id="hdnUserHasDataCaptureValue" name="hdnUserHasDataCaptureValue" type="hidden" value="false" /> 2159 2160 <!-- Google Tag Manager (noscript) -->
vendor: 83 bytes, lines 2160-2162
2160 2161 <noscript> 2162 <iframe src="https://www.googletagmanager.com/ns.html?id=
2162GTM-T3N3M2L
vendor: 115 bytes, lines 2162-2165
2162" 2163 height="0" width="0" style="display:none;visibility:hidden"></iframe> 2164 </noscript> 2165
2165<!-- End Google Tag Manager (noscript) --> 2166 2167 2168 <div id="overlay" data-page-overlay data-close-sidebar onclick="CloseOpenMenus()"></div> 2169 <!--Header Widgets--> 2170 <header> 2171 <a id="skip-to-main" href="#container-content">Skip to main content</a> 2172 <!-- Content Block | GlobalMessageBlock--> 2173<!--<div id="dy-mobile-bypass"></div>--> <!-- 2174<center> 2175<div style="padding: 2em 4em 1em 2em; background: #ccc;"><strong> IMPORTANT MESSAGE: </strong>We're temporarily experiencing technical issues generating product images and are working to resolve this. For immediate assistance please reach out to our customer service team at <a style="color: black; text-decoration: underline;" href="mailto:[email protected]">[email protected]</a>.</div> 2176</center> 2177<center> 2178<div style="padding: 2em 4em 1em 2em; background: #ccc;"><strong>Please note: </strong>Credit Card and Apple Pay payment options will be unavailable from midnight to 6AM EST. We apologize for any inconvenience.</div> 2179</center> 2180--> 2181<style><!-- 2182#uvp-banner { 2183color: white; 2184text-align: center; 2185width: 100%; 2186margin: 0 auto; 2187} 2188 2189.uvp-contents span.bold { 2190font-weight: 600; 2191} 2192 2193.uvp-contents a { 2194color: white; 2195font-weight: bold; 2196text-decoration: underline; 2197} 2198 2199.uvp-contents a:hover { 2200color: #FFC845; 2201} 2202 2203#header-contact-top-banner{ 2204 background: #1B6CE0; 2205 color: white; 2206 text-align: center; 2207 width: 100%; 2208 margin: 0 auto; 2209 padding:.5em; 2210} 2211#header-contact-top-banner a{ 2212 color: white; 2213 font-weight: 600; 2214 text-decoration: underline; 2215} 2216#header-contact-top-banner a:hover{ 2217 color: #FFC845; 2218} 2219--></style> 2220<div id="header-contact-top-banner" class="hidden">Get answers, ideas or help: Contact <span data-rep="name"></span> <a data-rep="phone" href="tel:"></a> <a data-rep="email"></a></div> 2221<div id="uvp-banner"> 2222<div class="uvp-contents"></div> 2223</div> <z-widget> 2224<input type="hidden" id="hdnConsolidatedItemCount" value="1" /> 2225<div id="header-container"> 2226 <nav id="header-upper"> 2227 <div id="header-logo"> 2228 <a class="track-me mobile" id="global-header-logo-mobile" aria-label="StaplesPromo.com home page" href="/"> 2229 <!--WidgetHeader | Mobile Site Logo--> 2230 <z-widget> 2231<img src="https://spponeimages.azureedge.net/prod/6cdb2a00-b6a9-48b6-8086-b74c04121db6staplespromo-icon-2026.svg?v=0" width="100%" height="100%" /> 2232 2233 2234</z-widget> 2235 </a> 2236 <a class="track-me desktop" id="global-header-logo" aria-label="StaplesPromo.com home page" href="/"> 2237 <!--WidgetHeader | Desktop Site Logo--> 2238 <z-widget> 2239<img src="https://spponeimages.azureedge.net/prod/d3284cf9-098a-465a-90f4-6443c74945d1staplespromo-logo-2026.svg?v=0" width="100%" height="100%" /> 2240 2241 2242</z-widget> 2243 </a> 2244 </div> 2245 <div id="primary-links"> 2246 <button id="header-mobile-menu-toggle" class="material-icons hamburger no-desktop" aria-label="toggle navigation menu"> 2247 <span></span> 2248 </button> 2249 <div id="primary-links-container"> 2250 <div class="primary-links menu-child"> 2251 2252 2253 <!--_HeaderNav--> 2254<ul id="header-top-links" class="primary-link-group"> 2255 <li data-menu-parent="Shop"> 2256 <a class="categoryValidate primary-link desktop-only menu-trigger" data-category-id="2370" href="/category/all"> 2257 Shop 2258 <span role="presentation" aria-hidden="true" class="material-icons chevron">expand_more</span> 2259 </a> 2260 <div id="nav-2370" data-menu-child="category-links"> 2261 <div class="header-lower"> 2262 <ul class="second-level"> 2263 <li class="no-desktop"> 2264 <a class="primary-link" data-category-id="2370" href="/category/all"> 2265 Shop 2266 </a> 2267 </li> 2268 <li class="no-desktop"> 2269 <!--HeaderNav | Header Top Links Text --> 2270 <z-widget> 2271<ul class="header-top-links-text">⨠2272<li><a class="primary-link" href="/getideas">Help Me Pick</a></li> 2273<li><a class="primary-link" href="/category/24-hour-production">24-Hour Rush</a></li> 2274<li><a class="primary-link" href="/help">Contact Us</a></li> 2275</ul>
2276<script>// <![CDATA[ 2277document.getElementById('primary-links-container').removeAttribute('data-menu-parent') 2278// ]]></script>
2278 2279 2280 2281</z-widget> 2282 </li> 2283 2284 2285 2286 <li class="sub-link hasSub" data-menu-parent="Popular Products"> 2287 <a class="category-heading" data-category-id="13283" href="/category/popular-products">Popular Products</a> 2288 <div id="nav-13283" class="sub-category-container" data-menu-child="Popular Products"> 2289 <ul> 2290 <li class="category-back-link no-desktop"> 2291 <button class="btn-tertiary"><span class="material-icons" role="presentation" aria-hidden="true">chevron_left</span> Back</button> 2292 </li> 2293 2294 <li class="third-level hasSub"> 2295 <a href="/category/all-popular-products">All Popular Products</a> 2296 <ul> 2297 2298 <li class="itemLevel4"> 2299 <a href="/category/24-hour-production">24-Hour Rush</a> 2300 </li> 2301 <li class="itemLevel4"> 2302 <a href="/category/best-sellers">Best Sellers</a> 2303 </li> 2304 <li class="itemLevel4"> 2305 <a href="/category/no-minimum">No Minimum</a> 2306 </li> 2307 <li class="itemLevel4"> 2308 <a href="/category/low-minimums">Low Minimums</a> 2309 </li> 2310 <li class="itemLevel4"> 2311 <a href="/category/trends">Trends</a> 2312 </li> 2313 <li class="itemLevel4"> 2314 <a href="/category/unique-products">Unique Products</a> 2315 </li> 2316 <li class="itemLevel4"> 2317 <a href="/category/direct-to-garment-printing">Direct to Garment Printing</a> 2318 </li> 2319 2320 </ul> 2321 </li> 2322 <li class="third-level hasSub"> 2323 <a href="/category/all-retail-brands">All Retail Brands</a> 2324 <ul> 2325 2326 <li class="itemLevel4"> 2327 <a href="/category/adidas-collection">Adidas®</a> 2328 </li> 2329 <li class="itemLevel4"> 2330 <a href="/category/camelbak-collection">CamelBak®</a> 2331 </li> 2332 <li class="itemLevel4"> 2333 <a href="/category/carhartt-collection">Carhartt®</a> 2334 </li> 2335 <li class="itemLevel4"> 2336 <a href="/category/corkcicle-collection">Corkcicle®</a> 2337 </li> 2338 <li class="itemLevel4"> 2339 <a href="/category/high-sierra-collection">High Sierra®</a> 2340 </li> 2341 <li class="itemLevel4"> 2342 <a href="/category/hydro-flask-collection">Hydro Flask®</a> 2343 </li> 2344 <li class="itemLevel4"> 2345 <a href="/category/moleskine-collection">Moleskine®</a> 2346 </li> 2347 <li class="itemLevel4"> 2348 <a href="/category/nike-collection">Nike®</a> 2349 </li> 2350 <li class="itemLevel4"> 2351 <a href="/category/stanley-collection">Stanley®</a> 2352 </li> 2353 <li class="itemLevel4"> 2354 <a href="/category/the-north-face-collection">The North Face®</a> 2355 </li> 2356 <li class="itemLevel4"> 2357 <a href="/category/titleist-collection">Titleist®</a> 2358 </li> 2359 <li class="itemLevel4"> 2360 <a href="/category/under-armour-collection">Under Armour®</a> 2361 </li> 2362 2363 </ul> 2364 </li> 2365 2366 </ul> 2367 </div> 2368 <div class="category-image"> 2369 </div> 2370 </li> 2371 <li class="sub-link hasSub" data-menu-parent="Events & Gifts"> 2372 <a class="category-heading" data-category-id="13285" href="/category/events-and-gifts">Events & Gifts</a> 2373 <div id="nav-13285" class="sub-category-container" data-menu-child="Events & Gifts"> 2374 <ul> 2375 <li class="category-back-link no-desktop"> 2376 <button class="btn-tertiary"><span class="material-icons" role="presentation" aria-hidden="true">chevron_left</span> Back</button> 2377 </li> 2378 2379 <li class="third-level hasSub"> 2380 <a href="/category/events-and-tradeshows">Events & Tradeshows</a> 2381 <ul> 2382 2383 <li class="itemLevel4"> 2384 <a href="/category/giveaways">Giveaways</a> 2385 </li> 2386 <li class="itemLevel4"> 2387 <a href="/category/stickers">Stickers</a> 2388 </li> 2389 <li class="itemLevel4"> 2390 <a href="/category/lanyards-and-badge-reels">Lanyards & Badge Reels</a> 2391 </li> 2392 <li class="itemLevel4"> 2393 <a href="/category/banners-flags-and-signs">Banners, Flags & Signs</a> 2394 </li> 2395 <li class="itemLevel4"> 2396 <a href="/category/displays-and-table-coverings">Displays & Table Coverings</a> 2397 </li> 2398 2399 </ul> 2400 </li> 2401 <li class="third-level hasSub"> 2402 <a href="/category/gifts">Gifts</a> 2403 <ul> 2404 2405 <li class="itemLevel4"> 2406 <a href="/category/food-and-drink">Food & Drink</a> 2407 </li> 2408 <li class="itemLevel4"> 2409 <a href="/category/employee-gifts">Employee Gifts</a> 2410 </li> 2411 <li class="itemLevel4"> 2412 <a href="/category/client-gifts">Client Gifts</a> 2413 </li> 2414 <li class="itemLevel4"> 2415 <a href="/category/executive-gifts">Executive Gifts</a> 2416 </li> 2417 <li class="itemLevel4"> 2418 <a href="/category/gift-sets">
2418Gift Sets</a> 2419 </li> 2420 <li class="itemLevel4"> 2421 <a href="/category/awards-and-recognition">Awards & Recognition</a> 2422 </li> 2423 2424 </ul> 2425 </li> 2426 2427 </ul> 2428 </div> 2429 <div class="category-image"> 2430 </div> 2431 </li> 2432 <li class="sub-link hasSub" data-menu-parent="Apparel & Headwear"> 2433 <a class="category-heading" data-category-id="13280" href="/category/apparel-and-headwear">Apparel & Headwear</a> 2434 <div id="nav-13280" class="sub-category-container" data-menu-child="Apparel & Headwear"> 2435 <ul> 2436 <li class="category-back-link no-desktop"> 2437 <button class="btn-tertiary"><span class="material-icons" role="presentation" aria-hidden="true">chevron_left</span> Back</button> 2438 </li> 2439 2440 <li class="third-level hasSub"> 2441 <a href="/category/all-apparel">All Apparel</a> 2442 <ul> 2443 2444 <li class="itemLevel4"> 2445 <a href="/category/t-shirts">T-Shirts</a> 2446 </li> 2447 <li class="itemLevel4"> 2448 <a href="/category/polos">Polos</a> 2449 </li> 2450 <li class="itemLevel4"> 2451 <a href="/category/dress-shirts">Dress Shirts</a> 2452 </li> 2453 <li class="itemLevel4"> 2454 <a href="/category/sweatshirts">Sweatshirts</a> 2455 </li> 2456 <li class="itemLevel4"> 2457 <a href="/category/sweaters-and-cardigans">Sweaters & Cardigans</a> 2458 </li> 2459 <li class="itemLevel4"> 2460 <a href="/category/quarter-zip-pullovers">Zip Pullovers</a> 2461 </li> 2462 <li class="itemLevel4"> 2463 <a href="/category/jackets-and-outerwear">Jackets & Outerwear</a> 2464 </li> 2465 <li class="itemLevel4"> 2466 <a href="/category/pants-and-shorts">Pants & Shorts</a> 2467 </li> 2468 <li class="itemLevel4"> 2469 <a href="/category/lounge-and-travel">Lounge & Travel</a> 2470 </li> 2471 <li class="itemLevel4"> 2472 <a href="/category/scrubs-and-safety-uniforms">Scrubs & Safety Uniforms</a> 2473 </li> 2474 <li class="itemLevel4"> 2475 <a href="/category/mens-and-unisex-apparel">Men's & Unisex Apparel</a> 2476 </li> 2477 <li class="itemLevel4"> 2478 <a href="/category/womens-apparel">Women's Apparel</a> 2479 </li> 2480 <li class="itemLevel4"> 2481 <a href="/category/youth-apparel">Youth Apparel</a> 2482 </li> 2483 2484 </ul> 2485 </li> 2486 <li class="third-level hasSub"> 2487 <a href="/category/headwear-and-accessories">Headwear & Accessories</a> 2488 <ul> 2489 2490 <li class="itemLevel4"> 2491 <a href="/category/hats-and-caps">Hats & Caps</a> 2492 </li> 2493 <li class="itemLevel4"> 2494 <a href="/category/beanies">Beanies</a> 2495 </li> 2496 <li class="itemLevel4"> 2497 <a href="/category/gloves-and-scarves">Gloves & Scarves</a> 2498 </li> 2499 2500 </ul> 2501 </li> 2502 2503 </ul> 2504 </div> 2505 <div class="category-image"> 2506 </div> 2507 </li> 2508 <li class="sub-link hasSub" data-menu-parent="Bags & Travel"> 2509 <a class="category-heading" data-category-id="13286" href="/category/bags-and-travel">Bags & Travel</a> 2510 <div id="nav-13286" class="sub-category-container" data-menu-child="Bags & Travel"> 2511 <ul> 2512 <li class="category-back-link no-desktop"> 2513 <button class="btn-tertiary"><span class="material-icons" role="presentation" aria-hidden="true">chevron_left</span> Back</button> 2514 </li> 2515 2516 <li class="third-level hasSub"> 2517 <a href="/category/bags-and-coolers">Bags & Coolers</a> 2518 <ul> 2519 2520 <li class="itemLevel4"> 2521 <a href="/category/totes">Totes</a> 2522 </li> 2523 <li class="itemLevel4"> 2524 <a href="/category/backpacks">Backpacks</a> 2525 </li> 2526 <li class="itemLevel4"> 2527 <a href="/category/business-bags">Business Bags</a> 2528 </li> 2529 <li class="itemLevel4"> 2530 <a href="/category/cinch-and-foldable-bags">Cinch & Foldable Bags</a> 2531 </li> 2532 <li class="itemLevel4"> 2533 <a href="/category/duffels">Duffels</a> 2534 </li> 2535 <li class="itemLevel4"> 2536 <a href="/category/lunch-bags-and-coolers">Lunch Bags & Coolers</a> 2537 </li> 2538 <li class="itemLevel4"> 2539 <a href="/category/fanny-packs">Fanny Packs</a> 2540 </li> 2541 2542 </ul> 2543 </li> 2544 <li class="third-level hasSub"> 2545 <a href="/category/travel">Travel</a> 2546 <ul> 2547 2548 <li class="itemLevel4"> 2549 <a href="/category/travel-bags">Travel Bags</a> 2550 </li> 2551 <li class="itemLevel4"> 2552 <a href="/category/travel-accessories">Travel Accessories</a> 2553 </li> 2554 2555 </ul> 2556 </li> 2557 2558 </ul> 2559 </div> 2560 <div class="category-image"> 2561 </div> 2562 </li> 2563 <li class="sub-link hasSub" data-menu-parent="Drinkware"> 2564 <a class="category-heading" data-category-id="2386" href="/category/drinkware">Drinkware</a> 2565 <div id="nav-2386" class="sub-category-container" data-menu-child="Drinkware"> 2566 <ul> 2567 <li class="category-back-link no-desktop"> 2568 <button class="btn-tertiary"><span class="material-icons" role="presentation" aria-hidden="true">chevron_left</span> Back</button> 2569 </li> 2570 2571 <li class="third-level hasSub"> 2572 <a href="/category/all-drinkware">All Drinkware</a> 2573 <ul> 2574 2575 <li class="itemLevel4"> 2576 <a href="/category/water-bottles">Water Bottles</a> 2577 </li> 2578 <li class="itemLevel4"> 2579 <a href="/category/tumblers">Tumblers</a> 2580 </li> 2581 <li class="itemLevel4"> 2582 <a href="/category/mugs-and-glassware">Mugs & Glassware</a> 2583 </li> 2584 <li class="itemLevel4"> 2585 <a href="/category/plastic-cups">Plastic Cups</a> 2586 </li> 2587 2588 </ul> 2589 </li> 2590 <li class="third-level hasSub"> 2591 <a href="/category/drinkware-accessories">Drinkware Accessories</a> 2592 <ul> 2593 2594 <li class="itemLevel4"> 2595 <a href="/category/can-coolers">Can Coolers</a> 2596 </li> 2597 <li class="itemLevel4"> 2598 <a href="/category/coasters">Coasters</a> 2599 </li> 2600 <li class="itemLevel4"> 2601 <a href="/category/bottle-openers">Bottle Openers</a> 2602 </li> 2603 <li class="itemLevel4"> 2604 <a href="/category/straws">Straws</a> 2605 </li> 2606 2607 </ul> 2608 </li> 2609 2610 </ul> 2611 </div> 2612 <div class="category-image"> 2613 </div> 2614 </li> 2615 <li class="sub-link hasSub" data-menu-parent="Office & Tech"> 2616 <a class="category-heading" data-category-id="13287" href="/category/office-and-tech">Office & Tech</a> 2617 <div id="nav-13287" class="sub-category-container" data-menu-child="Office & Tech"> 2618 <ul> 2619 <li class="category-back-link no-desktop"> 2620 <button class="btn-tertiary"><span class="material-icons" role="presentation" aria-hidden="true">chevron_left</span> Back</button> 2621 </li> 2622 2623 <li class="third-level hasSub"> 2624 <a href="/category/office-essentials">Office Essentials</a> 2625 <ul> 2626 2627 <li class="itemLevel4"> 2628 <a href="/category/journals-and-notebooks">Journals & Notebooks</a> 2629 </li> 2630 <li class="itemLevel4"> 2631 <a href="/category/desk-accessories">Desk Accessories</a> 2632 </li> 2633 <li class="itemLevel4"> 2634 <a href="/category/calendars">Calendars</a> 2635 </li> 2636 <li class="itemLevel4"> 2637 <a href="/category/notepads-and-flags">Notepads & Flags</a> 2638 </li> 2639 <li class="itemLevel4"> 2640 <a href="/category/padfolios">Padfolios</a> 2641 </li> 2642 2643 </ul> 2644 </li> 2645 <li class="third-level hasSub"> 2646 <a href="/category/writing-instruments">Pens & Writing Instruments</a> 2647 <ul> 2648 2649 <li class="itemLevel4"> 2650 <a href="/category/pens">Pens</a> 2651 </li> 2652 <li class="itemLevel4"> 2653 <a href="/category/pencils">Pencils</a> 2654 </li> 2655 <li class="itemLevel4"> 2656 <a href="/category/markers-and-highlighters">Markers & Highlighters</a> 2657 </li> 2658 <li class="itemLevel4"> 2659 <a href="/category/writing-sets">Writing Sets</a> 2660 </li> 2661 2662 </ul> 2663 </li> 2664 <li class="third-level hasSub"> 2665 <a href="/category/tech">Tech</a> 2666 <ul> 2667 2668 <li class="itemLevel4">
2669 <a href="/category/chargers-cables-and-adaptors">Chargers, Cables & Adaptors</a> 2670 </li> 2671 <li class="itemLevel4"> 2672 <a href="/category/earbuds-headphones">Earbuds & Headphones</a> 2673 </li> 2674 <li class="itemLevel4"> 2675 <a href="/category/speakers">Speakers</a> 2676 </li> 2677 <li class="itemLevel4"> 2678 <a href="/category/power-banks">Power Banks</a> 2679 </li> 2680 <li class="itemLevel4"> 2681 <a href="/category/tech-accessories">Tech Accessories</a> 2682 </li> 2683 2684 </ul> 2685 </li> 2686 2687 </ul> 2688 </div> 2689 <div class="category-image"> 2690 </div> 2691 </li> 2692 <li class="sub-link hasSub" data-menu-parent="Wellness & Safety"> 2693 <a class="category-heading" data-category-id="13288" href="/category/wellness-and-safety">Wellness & Safety</a> 2694 <div id="nav-13288" class="sub-category-container" data-menu-child="Wellness & Safety"> 2695 <ul> 2696 <li class="category-back-link no-desktop"> 2697 <button class="btn-tertiary"><span class="material-icons" role="presentation" aria-hidden="true">chevron_left</span> Back</button> 2698 </li> 2699 2700 <li class="third-level hasSub"> 2701 <a href="/category/healthcare-and-ppe">Healthcare & PPE</a> 2702 <ul> 2703 2704 <li class="itemLevel4"> 2705 <a href="/category/safety">Safety</a> 2706 </li> 2707 <li class="itemLevel4"> 2708 <a href="/category/safety-glasses">Safety Glasses</a> 2709 </li> 2710 2711 </ul> 2712 </li> 2713 <li class="third-level hasSub"> 2714 <a href="/category/physical-and-mental-health">Physical & Mental Health</a> 2715 <ul> 2716 2717 <li class="itemLevel4"> 2718 <a href="/category/lip-balm">Lip Balm</a> 2719 </li> 2720 <li class="itemLevel4"> 2721 <a href="/category/stress-relief">Stress Relief</a> 2722 </li> 2723 <li class="itemLevel4"> 2724 <a href="/category/personal-care">Personal Care</a> 2725 </li> 2726 2727 </ul> 2728 </li> 2729 2730 </ul> 2731 </div> 2732 <div class="category-image"> 2733 </div> 2734 </li> 2735 <li class="sub-link hasSub" data-menu-parent="Outdoor & Leisure"> 2736 <a class="category-heading" data-category-id="2420" href="/category/outdoor-and-leisure">Outdoor & Leisure</a> 2737 <div id="nav-2420" class="sub-category-container" data-menu-child="Outdoor & Leisure"> 2738 <ul> 2739 <li class="category-back-link no-desktop"> 2740 <button class="btn-tertiary"><span class="material-icons" role="presentation" aria-hidden="true">chevron_left</span> Back</button> 2741 </li> 2742 2743 <li class="third-level hasSub"> 2744 <a href="/category/outdoors">Outdoors</a> 2745 <ul> 2746 2747 <li class="itemLevel4"> 2748 <a href="/category/rain-gauges">Rain Gauges</a> 2749 </li> 2750 <li class="itemLevel4"> 2751 <a href="/category/towels">Towels</a> 2752 </li> 2753 <li class="itemLevel4"> 2754 <a href="/category/sunglasses">Sunglasses</a> 2755 </li> 2756 <li class="itemLevel4"> 2757 <a href="/category/umbrellas">Umbrellas</a> 2758 </li> 2759 <li class="itemLevel4"> 2760 <a href="/category/camping">Camping</a> 2761 </li> 2762 2763 </ul> 2764 </li> 2765 <li class="third-level hasSub"> 2766 <a href="/category/sport-and-fitness">Sports & Fitness</a> 2767 <ul> 2768 2769 <li class="itemLevel4"> 2770 <a href="/category/golf">Golf</a> 2771 </li> 2772 <li class="itemLevel4"> 2773 <a href="/category/toys-and-games">Toys & Games</a> 2774 </li> 2775 <li class="itemLevel4"> 2776 <a href="/category/yoga">Yoga</a> 2777 </li> 2778 2779 </ul> 2780 </li> 2781 2782 </ul> 2783 </div> 2784 <div class="category-image"> 2785 </div> 2786 </li> 2787 <li class="sub-link hasSub" data-menu-parent="Auto, Tools & Home"> 2788 <a class="category-heading" data-category-id="13289" href="/category/auto-tools-and-home">Auto, Tools & Home</a> 2789 <div id="nav-13289" class="sub-category-container" data-menu-child="Auto, Tools & Home"> 2790 <ul> 2791 <li class="category-back-link no-desktop"> 2792 <button class="btn-tertiary"><span class="material-icons" role="presentation" aria-hidden="true">chevron_left</span> Back</button> 2793 </li> 2794 2795 <li class="third-level hasSub"> 2796 <a href="/category/auto-and-tools">Auto & Tools</a> 2797 <ul> 2798 2799 <li class="itemLevel4"> 2800 <a href="/category/keychains">Keychains</a> 2801 </li> 2802 <li class="itemLevel4"> 2803 <a href="/category/lights-and-flashlights">Lights & Flashlights</a> 2804 </li> 2805 <li class="itemLevel4"> 2806 <a href="/category/auto-accessories">Auto Accessories</a> 2807 </li> 2808 <li class="itemLevel4"> 2809 <a href="/category/tools">Tools</a> 2810 </li> 2811 <li class="itemLevel4"> 2812 <a href="/category/knives">Knives</a> 2813 </li> 2814 2815 </ul> 2816 </li> 2817 <li class="third-level hasSub"> 2818 <a href="/category/home-goods">Home Goods</a> 2819 <ul> 2820 2821 <li class="itemLevel4"> 2822 <a href="/category/blankets">Blankets</a> 2823 </li> 2824 <li class="itemLevel4"> 2825 <a href="/category/entertaining">Entertaining</a> 2826 </li> 2827 <li class="itemLevel4"> 2828 <a href="/category/home-decor">Home Décor</a> 2829 </li> 2830 <li class="itemLevel4"> 2831 <a href="/category/candles">Candles</a> 2832 </li> 2833 <li class="itemLevel4"> 2834 <a href="/category/pet-products">Pet Products</a> 2835 </li> 2836 2837 </ul> 2838 </li> 2839 <li class="third-level hasSub"> 2840 <a href="/category/kitchen">Kitchen</a> 2841 <ul> 2842 2843 <li class="itemLevel4"> 2844 <a href="/category/boards-and-trays">Boards & Trays</a> 2845 </li> 2846 <li class="itemLevel4"> 2847 <a href="/category/containers">Containers</a> 2848 </li> 2849 <li class="itemLevel4"> 2850 <a href="/category/utensils">Utensils</a> 2851 </li> 2852 <li class="itemLevel4"> 2853 <a href="/category/aprons">Aprons</a> 2854 </li> 2855 2856 </ul> 2857 </li> 2858 2859 </ul> 2860 </div> 2861 <div class="category-image"> 2862 </div> 2863 </li> 2864 2865 </ul> 2866 </div> 2867 </div> 2868 </li> 2869 <li class="desktop-only"> 2870 <!--HeaderNav | Header Top Links Text --> 2871 <z-widget> 2872<ul class="header-top-links-text">⨠2873<li><a class="primary-link" href="/getideas">Help Me Pick</a></li> 2874<li><a class="primary-link" href="/category/24-hour-production">24-Hour Rush</a></li> 2875<li><a class="primary-link" href="/help">Contact Us</a></li> 2876</ul>
2877<script>// <![CDATA[ 2878document.getElementById('primary-links-container').removeAttribute('data-menu-parent') 2879// ]]></script>
2879 2880 2881 2882</z-widget> 2883 </li> 2884</ul> 2885 </div> 2886 </div> 2887 </div> 2888 <!--WidgetHeader | Add Code to Header--> 2889 <z-widget> 2890<style><!-- 2891.customize-search-box .search-result-wrapper{ 2892 z-index:2; 2893} 2894 2895.header-top-links-text a[href="/category/24-hour-production"] { 2896 position: relative 2897 } 2898 .promo-24-off { 2899 display: block; 2900 background: #F44719; 2901 color: white; 2902 padding: .5em 1em; 2903 position: absolute; 2904 right: 0; 2905 text-transform: uppercase; 2906 font-weight: 600; 2907 font-size: 0.7em; 2908 } 2909 2910 .desktop-only .promo-24-off { 2911 bottom: calc(100% + .25em); 2912 padding: .25em 1em; 2913 right: -1em; 2914 border-radius:.5em; 2915 opacity:1 2916 } 2917 2918div#overlay.menu-open.giga-menu + header .desktop-only span.promo-24-off { 2919 opacity: 0; 2920} 2921#filter-panel .panel.panel-search-categories, #filter-panel .panel.panel-search-categories.active { 2922display: none; 2923} 2924--></style>
2925<script>// <![CDATA[ 2926document.addEventListener("DOMContentLoaded", function () { 2927 const now = new Date(), 2928 start = new Date("2025-12-08T00:00:00"), // e.g. "2025-12-31T23:59:00" 2929 end = new Date("2025-12-12T23:59:00"); 2930 console.log("Is it targeted time?: "+ (now >= start && now <= end)); 2931 if (now >= start && now <= end) { 2932 const targetLinkMobile = document.querySelector('.no-desktop .header-top-links-text a[href="/category/24-hour-production"]'), 2933 targetLinkDesktop = document.querySelector('.desktop-only .header-top-links-text a[href="/category/24-hour-production"]'); 2934 appendDealLink(targetLinkMobile); 2935 appendDealLink(targetLinkDesktop); 2936 2937 function appendDealLink(targetLink) { 2938 if (targetLink) { 2939 const span = document.createElement('span'); 2940 span.textContent = "24% Off"; 2941 span.classList.add('promo-24-off') 2942 targetLink.appendChild(span); 2943 } 2944 } 2945 } 2946 }); 2947// ]]></script>
2947 2948 2949 2950</z-widget> 2951 <div id="desktop-search" class="no-phone"> 2952 <z-widget> 2953<div class="search-widget customize-search-box"> 2954 <form action="/search" method="GET" id="searchForm"> 2955 <div class="search-wrapper"> 2956 <span class="twitter-typeahead"> 2957 <input type="text" id="searchTextBox" placeholder="Search.." class="typeahead tt-hint" name="searchterm" data-test-selector="txtSearch" maxlength="256" spellcheck="false" tabindex="-1" dir="auto" autocomplete="off" data-cs-encrypt="true" /> 2958 <pre aria-hidden="true"></pre> 2959 <div class="search-result-wrapper"> 2960 <div id="suggestedsynonyms" class="synonymsresult-wrapper"></div> 2961 <div class="typeahead-results-wrapper"> 2962 <span class="tt-dropdown-menu" id="typeahead-search-results"></span> 2963 </div> 2964 </div> 2965 </span> 2966 <button class="btn-tertiary" type="submit" id="btnSearchTerm"> 2967 2968 <span class="material-icons track-me" id="global-header-search-submit-mobile">search</span> 2969 </button> 2970 </div> 2971 <div class="ui-autocomplete-home typeahead-results"></div> 2972 </form> 2973</div> 2974
2975<script> 2976 $(document).ready(function () { 2977 Search.prototype.ValidateSearch(); 2978 }); 2979 2980 $("#btnVoiceSearch").on("click", function () { 2981 if (!$(this).hasClass("active")) { 2982 $(this).addClass("active"); 2983 } 2984 else { 2985 $(this).removeClass("active"); 2986 } 2987 }); 2988</script>
2988 2989 2990</z-widget> 2991 </div> 2992 <a id="phone-link" class="service-nav-item phone-only material-icons" href="tel:1-800-491-3003">call</a> 2993 2994 <div id="locale-header" class="service-nav-item empty"> 2995 </div> 2996 <div id="header-account" class="has-tooltip service-nav-item"> 2997 <div id="new-user-link" style="display:block;"> 2998 <div class="guest-log-in login-wrapper"> 2999 <span class="material-icons only-touch" aria-label="Your Account" tabindex="0">person</span> 3000 <span class="material-icons no-touch"> 3001 <a aria-label="Your Account" data-ajax="true" data-ajax-begin="ZnodeBase.prototype.ExistingCustomerLoginOnBegin();" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-success="ZnodeBase.prototype.ExistingCustomerLoginOnOnSuccess();" data-ajax-update="#user-popup-content" data-isquickview="true" data-target=".address-popup" data-test-selector="linkLogIn" data-toggle="modal" href="/user/login">person</a> 3002 </span> 3003 </div> 3004 </div> 3005 <div class="tooltip"> 3006 <span> 3007 <a aria-label="Log In" class="link-log-in" data-ajax="true" data-ajax-begin="ZnodeBase.prototype.ExistingCustomerLoginOnBegin();" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-success="ZnodeBase.prototype.ExistingCustomerLoginOnOnSuccess();" data-ajax-update="#user-popup-content" data-isquickview="true" data-target=".address-popup" data-test-selector="linkLogIn" data-toggle="modal" href="/user/login">Log In</a> 3008 </span> 3009 <a class="track-me" 3010 id="global-header-create-account" 3011 href="/user/signup?returnUrl=/cart&guestlogolockeruserid=rz02fc3w2zhhlbca04oc1nra"> 3012 <span class="text">Create Account</span> 3013 </a> 3014 </div> 3015 </div> 3016 3017 <div id="header-cart" class="cart has-tooltip service-nav-item header-cart-link" data-test-selector="divMiniCart"> 3018 <a id="global-header-cart-icon" href="/cart"> 3019 <span id="header-cart-icon"></span> 3020 </a> 3021 3022 <a class="header-cart " id="global-header-cart-quantity" href="/cart" aria-label="view cart, cart quantity" data-test-selector="spnSubTotal" data-cartTotalData="0#0"> 3023 <span class="combinedHeaderQuantity" data-test-selector="spnQuantity">1</span> 3024 </a> 3025 <input type="hidden" id="combinedLineItemHeaderQuantity" value="0"> 3026 <div class="tooltip"> 3027 <a class="track-me" id="global-header-cart-subtotal" href="/cart" data-test-selector="spnSubTotal"> 3028 <span class="headerSubtotal" data-test-selector="spnSubTotal">$0.00</span> 3029 </a> 3030 </div> 3031 </div> 3032 </nav> 3033 <div class="header-lower phone-only"> 3034 <div id="mobile-search" class="search"> 3035 <z-widget> 3036<div class="search-widget customize-search-box"> 3037 <form action="/search" method="GET" id="searchForm"> 3038 <div class="search-wrapper"> 3039 <span class="twitter-typeahead"> 3040 <input type="text" id="searchTextBox" placeholder="Search.." class="typeahead tt-hint" name="searchterm" data-test-selector="txtSearch" maxlength="256" spellcheck="false" tabindex="-1" dir="auto" autocomplete="off" data-cs-encrypt="true" /> 3041 <pre aria-hidden="true"></pre> 3042 <div class="search-result-wrapper"> 3043 <div id="suggestedsynonyms" class="synonymsresult-wrapper"></div> 3044 <div class="typeahead-results-wrapper"> 3045 <span class="tt-dropdown-menu" id="typeahead-search-results"></span> 3046 </div> 3047 </div> 3048 </span> 3049 <button class="btn-tertiary" type="submit" id="btnSearchTerm"> 3050 3051 <span class="material-icons track-me" id="global-header-search-submit-mobile">search</span> 3052 </button> 3053 </div> 3054 <div class="ui-autocomplete-home typeahead-results"></div> 3055 </form> 3056</div> 3057
3058<script> 3059 $(document).ready(function () { 3060 Search.prototype.ValidateSearch(); 3061 }); 3062 3063 $("#btnVoiceSearch").on("click", function () { 3064 if (!$(this).hasClass("active")) { 3065 $(this).addClass("active"); 3066 } 3067 else { 3068 $(this).removeClass("active"); 3069 } 3070 }); 3071</script>
3071 3072 3073</z-widget> 3074 </div> 3075 </div> 3076</div> 3077 3078<!-- Content Block | Unique Value Proposition --> 3079<!-- <span id="value-free-shipping">Â </span> --> 3080<style><!-- 3081/* 3082.logged-in-account-link#global-header-account > .salmons-icons { 3083 font-family: 'Material Icons Outlined'; 3084 max-width: 1em; 3085 overflow: hidden; 3086} 3087*/ 3088 3089body:not(.inside-chatv2-open) #inside_holder>* { 3090 z-index: 1!important; 3091} 3092--></style> 3093<input id="enableDisplayAsPointValue" name="enableDisplayAsPointValue" type="hidden" value="False" /> 3094
3094<script> 3095 var values = $("#headerCart").attr("data-cartTotalData"); 3096 let cartValue = 0; 3097 if (values != undefined && values != "" && values.length > 0 && values.length == 2) { 3098 sessionStorage.setItem("cartValue", String(cartValue)); // Store in session 3099 } 3100 3101 if ($("#dynamic_pimProductId").val() !== undefined && $("#dynamic_pimProductId").val() !== "") { 3102 if (($.grep(t.selectedBrandProduct.split(','), function (e, v) { return ($("#dynamic_pimProductId").val() === e); }).length === 0)) 3103 window.location.href = "/home"; 3104 } 3105 </script>
3105 3106
3107<script src="/Scripts/Core/Znode/_LoginPartial.js?v=20261006223132"></script>
vendor: 2 bytes, line 3107
3107
3108<script src="/Scripts/Custom/_CustomWidgetHeader.js?v=20261006223132"></script>
3108 3109 3110 3111 <input type="hidden" id="hdnMiniCartView" /> 3112 <div id="miniCartViewer" inert> 3113 <button id="closeMiniCart" class="close material-icons">close</button> 3114 <div id="miniCartContent"></div> 3115 </div>
3116<script src="/Scripts/lib/miniCart.js?v=20261006223132"></script>
3116 3117 3118<!-- Content Block | CategoryCampaignContent-->
3119<script>// <![CDATA[ 3120(() => { 3121 let observer; 3122 3123 const cleanup = () => { 3124 if (observer) { 3125 observer.disconnect(); 3126 observer = null; 3127 } 3128 3129 document.removeEventListener( 3130 'DOMContentLoaded', 3131 handleDOMContentLoaded 3132 ); 3133 }; 3134 3135 const handleDOMContentLoaded = () => { 3136 cleanup(); 3137 }; 3138 3139 const checkConditions = () => { 3140 const holidayLink = document.querySelector( 3141 'header [href="/category/holiday-on-demand"]' 3142 ); 3143 3144 // Still waiting for the link. 3145 if (!holidayLink) { 3146 return; 3147 } 3148 3149 const mayTimer = document.querySelector('#may-timer'); 3150 3151 // If timer exists and is visible, stop forever. 3152 if (mayTimer && !mayTimer.classList.contains('hidden')) { 3153 cleanup(); 3154 return; 3155 } 3156 3157 document 3158 .querySelector('.holiday-2026-banner') 3159 ?.removeAttribute('hidden'); 3160 3161 cleanup(); 3162 }; 3163 3164 document.addEventListener( 3165 'DOMContentLoaded', 3166 handleDOMContentLoaded 3167 ); 3168 3169 checkConditions(); 3170 3171 observer = new MutationObserver(checkConditions); 3172 3173 observer.observe(document.documentElement, { 3174 childList: true, 3175 subtree: true, 3176 attributes: true, 3177 attributeFilter: ['class'] 3178 }); 3179 })(); 3180// ]]></script>
3180 3181
3181<script> 3182 document.addEventListener("DOMContentLoaded", function () { 3183 sessionStorage.setItem("hasLoggedIn", "false"); 3184 }); 3185 </script>
3185 3186 3187 3188<div id="duallogin"> 3189 <input id="hdnIsFromLogin" name="hdnIsFromLogin" type="hidden" value="" /> 3190 <input id="hdnVersionName" name="hdnVersionName" type="hidden" value="" /> 3191</div> 3192
3193<script src="/Scripts/Custom/CustomSearch.js?v=20261006223132"></script>
3193 3194<input type="hidden" value="true" id="hdnIsMiniCartEnable" /></z-widget> 3195 </header> 3196 <section id="container-messages" class="site-message-block"> 3197 <!-- Layout | Sitewide Notification Message --> 3198 <z-widget> 3199 3200 3201 3202</z-widget> 3203 <div class="message-container message-container-banner" id="SuccessMessage"></div> 3204 <!-- Notification Msg --> 3205 <div class="message-container message-container-banner" id="body" data-test-selector="ValNotificationMessage"> 3206 <div class="messageBoxContainer" id="messageBoxContainerId" data-message=""></div> 3207 3208 </div> 3209 </section> 3210 <div id="container-content"> 3211 3212 3213 3214 3215<div id="divShoppingCart" class="div-shopping-cart" data-test-selector="divShoppingCart"> 3216 3217 3218 3219<div id='loader-content-backdrop-shopping-cart' class='modal-backdrop fade in cartLoader' style="display:none;"> 3220 <div id='loading' class='loader loader-body cartLoader' style="display:none;"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 3221 x="0" y="0" viewBox="0 0 112.6 83.72" xml:space="preserve">
3222<clipPath id="staplesPromoLogo_mask"> 3223<path d="M0,59.7C0,59.8,0.1,60,0.3,60h10.9c0.2,0,0.3-0.1,0.3-0.3V13.8h89.6v45.8c0,0.2,0.1,0.3,0.3,0.3h10.9 c0.2,0,0.3-0.1,0.3-0.3V14.5c0-8-6.1-14.5-14.1-14.5H14.1C6.1,0,0,6.5,0,14.5V59.7z" /> 3224 </clipPath> 3225<g clip-path="url(#staplesPromoLogo_mask)"> 3226<rect class="staples-loading_left" style="fill: #cc0000" x="0" y="0" width="11.53" height="61.94"> 3227<animate attributeName="y" 3228 attributeType="XML" 3229 type="translate" 3230 values="100%; 0; 0; -100%; -100%" 3231 keyTimes="0; 0.16; 0.33; 0.66; 1" 3232 keysplines=" 3233 .39 .57 .57 1; 3234 0 0 0 0; 3235 .39 .57 .57 1; 3236 0 0 0 0; 3237 .39 .57 .57 1;" 3238 dur="2.5s" 3239 repeatCount="indefinite" /> 3240 </rect> 3241<rect class="staples-loading_middle" style="fill: #cc0000" x="0" y="0" width="112.67px" height="14"> 3242<animate attributeName="x" 3243 attributeType="XML" 3244 type="translate" 3245 values="-100%; -100%; 0; 0; 100%; 100%" 3246 keyTimes="0; 0.16; 0.33; 0.66; 0.82; 1" 3247 dur="2.5s" 3248 repeatCount="indefinite" /> 3249 </rect> 3250<rect class="staples-loading_right" style="fill: #cc0000" x="101.12" y="0" width="11.53" height="61.94"> 3251<animate attributeName="y" 3252 attributeType="XML" 3253 type="translate" 3254 values=" -100%; -100%; 0; 0; 100%" 3255 keyTimes="0; 0.2; 0.6; 0.82; 1" 3256 keysplines=" 3257 0 0 0 0; 3258 0 0 0 0; 3259 .39 .57 .57 1; 3260 0 0 0 0; 3261 .39 .57 .57 1;" 3262 dur="2.5s" 3263 repeatCount="indefinite" /> 3264 </rect> 3265 </g> 3266<g> 3267<path style="fill: #cc0000" d="M28.43,78.48v1.8h-7.28V69.05h2.01v9.43H28.43z" /> 3268<path style="fill: #cc0000" d="M37.94,76.08c0,3.1-2.07,4.44-4.24,4.44c-2.17,0-4.24-1.35-4.24-4.44c0-3.09,2.07-4.44,4.24-4.44 3269 C35.87,71.64,37.94,72.99,37.94,76.08z M31.42,76.08c0,1.74,0.87,2.74,2.28,2.74c1.42,0,2.28-1.01,2.28-2.74 3270 c0-1.73-0.86-2.74-2.28-2.74C32.29,73.34,31.42,74.34,31.42,76.08z" /> 3271<path style="fill: #cc0000" d="M43.13,71.64c2.39,0,3.43,1.03,3.43,3.08v3.58c0,0.42,0.15,0.64,0.47,
32710.64l0.36-0.01l-0.16,1.26 3272 c-0.22,0.19-0.61,0.25-0.95,0.25c-0.66,0-1.13-0.24-1.37-0.94c-0.57,0.62-1.34,1.02-2.52,1.02c-1.67,0-2.97-0.79-2.97-2.6 3273 c0-1.73,1.47-2.44,3.31-2.44c0.85,0,1.73,0.12,1.91,0.16v-0.82c0-1.23-0.66-1.6-1.73-1.6c-0.94,0-1.74,0.31-2.33,0.77l-0.76-1.21 3274 C40.68,72.05,41.89,71.64,43.13,71.64L43.13,71.64z M42.95,76.72c-1.01,0-1.7,0.3-1.7,1.15c0,0.91,0.73,1.19,1.46,1.19 3275 c0.82,0,1.56-0.31,1.95-1V76.9C44.27,76.81,43.67,76.72,42.95,76.72L42.95,76.72z" /> 3276<path style="fill: #cc0000" d="M54.91,80.28l-0.26-0.97h-0.04c-0.57,0.69-1.46,1.21-2.49,1.21c-1.76,0-3.73-1.25-3.73-4.45 3277 c0-3.03,1.84-4.43,3.68-4.43c1.19,0,1.88,0.43,2.29,0.81v-4.23h1.93v12.06H54.91z M52.47,73.39c-1.1,0-2.11,0.81-2.11,2.67 3278 c0,1.85,1.07,2.71,2.12,2.71c0.81,0,1.47-0.43,1.88-1.06v-3.45C53.86,73.68,53.25,73.39,52.47,73.39L52.47,73.39z" /> 3279<path style="fill: #cc0000" d="M60.89,69.52c0,0.77-0.58,1.1-1.2,1.1c-0.58,0-1.17-0.33-1.17-1.1s0.58-1.1,1.17-1.1 3280 C60.3,68.43,60.89,68.76,60.89,69.52z M58.74,80.28v-8.41h1.91v8.41H58.74z" /> 3281<path style="fill: #cc0000" d="M70.55,74.49v5.8h-1.93v-5.19c0-1.26-0.54-1.63-1.35-1.63c-0.87,0-1.63,0.48-2.24,1.39v5.43h-1.91v-8.41h1.32 3282 l0.3,1.26h0.06c0.77-0.95,1.59-1.49,2.9-1.49C69.46,71.64,70.55,72.64,70.55,74.49z" /> 3283<path style="fill: #cc0000" d="M76.21,71.64c1.19,0,1.95,0.43,2.46,0.98h0.08l0.38-0.76h1.28v7.91c0,2.79-1.69,3.95-4.14,3.95 3284 c-1.31,0-2.49-0.43-3.23-0.99l0.7-1.45c0.68,0.5,1.56,0.76,2.5,0.76c1.29,0,2.3-0.53,2.3-1.85v-1.08c-0.74,0.7-1.44,0.89-2.35,0.89 3285 c-2.06,0-3.76-1.48-3.76-4.16C72.43,73.06,74.38,71.64,76.21,71.64L76.21,71.64z M76.62,73.39c-1.15,0-2.2,0.81-2.2,2.42 3286 c0,1.64,0.94,2.47,2.18,2.47c0.77,0,1.43-0.32,1.9-0.99v-3.11C78.11,73.76,77.58,73.39,76.62,73.39L76.62,73.39z" /> 3287<path style="fill: #cc0000" d="M85.22,79.36c0,0.8-0.55,1.18-1.15,1.18c-0.59,0-1.14-0.38-1.14-1.18c0-0.79,0.56-1.17,1.14-1.17 3288 C84.67,78.2,85.22,78.57,85.22,79.36z" /> 3289<path style="fill: #cc0000" d="M90.28,79.36c0,0.8-0.55,1.18-1.15,1.18c-0.59,0-1.14-0.38-1.14-1.18c0-0.79,0.56-1.17,1.14-1.17 3290 C89.73,78.2,90.28,78.57,90.28,79.36z" /> 3291<path style="fill: #cc0000" d="M95.33,79.36c0,0.8-0.55,1.18-1.15,1.18c-0.59,0-1.14-0.38-1.14-1.18c0-0.79,0.56-1.17,1.14-1.17 3292 C94.78,78.2,95.33,78.57,95.33,79.36z" /> 3293</g> 3294</svg></div> 3295</div> 3296<div class="main-wrapper _shoppingCart" id="shoppingCartdiv"> 3297 <div class="row"> 3298 <div class="shopping-cart" data-test-selector="divShoppingCartMain"> 3299 <h1 class="page-title" data-test-selector="hdgShoppingCart">Shopping Cart</h1> 3300 <div class="cart-summary" data-test-selector="divCartSummary"> 3301 <p data-test-selector="paraNoRecordFound" id="empty-cart-message">No Items Found In Your Cart.</p> 3302 <!-- Empty Cart Content --> 3303 <z-widget> 3304<style><!-- 3305#empty-cart-message { 3306display: none; 3307} 3308.emptyCartMessage { 3309font-weight: 600; 3310text-align: center; 3311} 3312 3313.emptyCartCTA { 3314margin: 1em auto; 3315text-align: center; 3316} 3317--></style> 3318<p class="emptyCartMessage">Your brandâs possibilities are endless, but your cart is empty.</p> 3319<div class="emptyCartCTA"><a href="/all" alt="Link to Shop All Page"><button class="btn-primary">Shop All Products</button></a></div> 3320 3321 3322</z-widget> 3323 3324 </div> 3325 3326 <input id="hdn_subTotal" name="hdn_subTotal" type="hidden" value="$0.00" /> 3327 <input id="hdn_totalCartQuantities" name="hdn_totalCartQuantities" type="hidden" value="0" /> 3328 <input id="browserLocalesCheckFlag" name="browserLocalesCheckFlag" type="hidden" value="False" /> 3329 <input id="portalLocales" name="portalLocales" type="hidden" value="en-US" /> 3330 <input id="hdn_firstProductId" name="hdn_firstProductId" type="hidden" value="" /> 3331 <input id="EnableNonSKUInventory" name="EnableNonSKUInventory" type="hidden" value="False" /> 3332 <!-- Modal --> 3333 <div class="modal fade" id="cartStaticBackdrop" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true"> 3334 <div class="modal-dialog" role="document"> 3335 <div class="modal-content"> 3336 3337 <div class="modal-body"> 3338 Please ensure your browser language preference is set to English (United States) during your entire shopping session. 3339<ul> 3340<li><strong>Safari:</strong> Apple Menu > System Preferences > Language & Region > English (US)</li> 3341<li><strong>Google Chrome:</strong> Browser Menu > Settings > Languages > English (United States)</li> 3342<li><strong>Firefox:</strong> Browser Menu > Preferences > Settings > Language > English (US)</li> 3343</ul> 3344You may need to restart your browser for the preference to update. 3345 </div> 3346 </div> 3347 </div> 3348 </div> 3349 <div class="product-preview-large" id="product-preview-large" tabindex="-1" role="dialog" title="Preview"> 3350 <div class="product-preview-large-content"></div> 3351 </div> 3352 <input id="hdn_EcommerceCartItemsData" name="hdn_EcommerceCartItemsData" type="hidden" value="[]" /> 3353 <input id="hdn_IsEnhancedEcommerceTrackingEnabled" name="hdn_IsEnhancedEcommerceTrackingEnabled" type="hidden" value="True" /> 3354 </div> 3355 </div> 3356 <input id="cartLimit" name="cartLimit" type="hidden" value="
33560" /> 3357 <input id="RemoveProductsNotification" name="RemoveProductsNotification" type="hidden" value="" /> 3358 <input id="hdn_ReloadCartPage" name="hdn_ReloadCartPage" type="hidden" value="False" /> 3359 <input id="dontreload" name="dontreload" type="hidden" value="false" /> 3360 <input id="hdn_FreeGiftCallExecuted" name="hdn_FreeGiftCallExecuted" type="hidden" value="false" /> 3361 <input id="hdn_CartCount" name="hdn_CartCount" type="hidden" value="0" /> 3362 <input id="hdn_isFreeGiftPromotion" name="hdn_isFreeGiftPromotion" type="hidden" value="False" /> 3363 <input id="hdnIsUseSPPOneInventoryEnable" name="hdnIsUseSPPOneInventoryEnable" type="hidden" value="False" /> 3364 <input type="hidden" id="cartProductsSKU" value="" /> 3365
3365<script src="/Scripts/Core/Znode/_shoppingCart.js?v=20261006223132"></script>
3365 3366
3366<script src="/Scripts/Core/Znode/_removeItem.js?v=20261006223132"></script>
3366 3367</div> 3368 3369
3369<script src="/Scripts/Core/Znode/_shoppingCartEnhancedEcommerce.js?v=20261006223132"></script>
vendor: 2 bytes, line 3369
3369
3370<script> 3371 $(document).ready(function (e) { 3372 $('.cart-image').on('click keypress', function (e) { 3373 if (($(window).width() - $(e.target).width()) > 135) { // Only offer a larger view if the preview image isn't already nearly full screen width 3374 $('#product-preview-large .product-preview-large-content').empty(); 3375 var objImg = $('<img>'); 3376 var strURL = $(e.target).first('img').attr('src').replace(/(&Width=\d+)(&Height=\d+)/, ''); 3377 objImg.attr('src', strURL).attr('alt', $(e.target).first('img').attr('alt')); 3378 $('#product-preview-large .product-preview-large-content').on('click keypress', function (e) { 3379 $(this).toggleClass('exploded'); 3380 }).append(objImg); 3381 $('#product-preview-large').dialog({ 3382 modal: true, 3383 position: { my: "center top", at: "center top+15", of: window }, 3384 width: $(window).width() - 30, 3385 closeOnEscape: true, 3386 open: function (event, ui) { 3387 $('.ui-widget-overlay').bind('click', function () { 3388 $("#product-preview-large").dialog('close'); 3389 }); 3390 } 3391 }); 3392 } 3393 }); 3394 3395 $('.itemQuantity input').on('focus', function (e) { 3396 $(e.target).closest('.itemQuantity').find('.item-minimum-quantity').addClass('active'); 3397 }) 3398 $('.itemQuantity input').on('blur', function (e) { 3399 $(e.target).closest('.itemQuantity').find('.item-minimum-quantity').removeClass('active'); 3400 }) 3401 }); 3402</script>
3402 3403 3404 3405 <input type="hidden" class="insufficientQuantity" /> 3406 <input type="hidden" class="updateForArtifi" /> 3407 <input type="hidden" class="updateForUser" value="0" /> 3408 <input type="hidden" class="portalId" value="138" /> 3409 <input type="hidden" id="publishProductSKUs" value="" /> 3410 <input type="hidden" id="publishProductdetails" value="" /> 3411
3411<script src="/Scripts/Core/Znode/_Cart.js?v=20261006223132"></script>
3411 3412
3412<script src="/Scripts/Core/Znode/_TotalTable.js?v=20261006223132"></script>
3412 3413
3413<script src="/Scripts/Core/Znode/_ShippingOptions.js?v=20261006223132"></script>
3413 3414</div> 3415<div class="row margin-top nopadding"> 3416 <!--Recommended Products Widget, will be displayed on cart page--> 3417 <div class="col-md-12 recommended-view-container" data-test-selector="divRecommendedProductList"> 3418 <z-widget> 3419 3420 <div class="product-list-widget"> 3421 3422<div id="recommended-view-products" class="recommended-view-items" data-test-selector="divRecommendedProduct"> 3423 <input id="hdnWidgetCode" type="hidden" name="hdnWidgetCode" value="CartRecommendations" /> 3424</div>
3425<script src="/Scripts/Core/Znode/_RecommendedItem.js?v=20261006223132"></script>
3425 3426 </div> 3427 3428 </z-widget> 3429 </div> 3430 <input id="hdnOutOfStockOptions" name="hdnOutOfStockOptions" type="hidden" value="{}" /> 3431</div> 3432 3433 3434 3435 <div id="quick-view-popup-ipad" class="quick-view-popup"> 3436 <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-test-selector="btnQuickViewClose"><span id="close-quick-view-popup-ipad" aria-hidden="true"><span class="material-icons">close</span></span></button> 3437 <span class="loader quick-view-loader"></span> 3438 <iframe id="quick-view-iframe" frameborder="0"></iframe> 3439 <input type="hidden" id="isQuickViewLoaded" value="false" /> 3440 </div> 3441 </div> 3442 <!--Footer Widgets--> 3443<footer id="layout-footer" data-test-selector="divFooter"> 3444 <z-widget> 3445<div id="survey-bar"> 3446 <!--Widget Footer | Survey Bar--> 3447 <z-widget> 3448<!-- <div id="survey-footer"> 3449<p>Weâd love to hear what you think!</p> 3450<button id="CTAsurveyButton" class="btn-secondary">Give Website Feedback</button></div>
3451<script>// <![CDATA[ 3452/*minicart->qualtrics interaction observer; Prevent sticky "Feedback" button from obscuring minicart*/ 3453const miniCartViewerElement = document.getElementById('miniCartViewer'); 3454const classChangeCallback = (mutationsList) => { 3455 for (const mutation of mutationsList) { 3456 if(mutation.type === 'attributes' && mutation.attributeName === 'class') { 3457 signalMiniCartToFeedBackStickyButton(); 3458 } 3459 } 3460}; 3461const miniCartViewerObserver = new MutationObserver(classChangeCallback); 3462miniCartViewerObserver.observe(miniCartViewerElement, { attributes: true }); 3463function signalMiniCartToFeedBackStickyButton() { 3464 const feedBackStickyButton = document.querySelector('body > .QSIFeedbackButton'); 3465 const feedBackStickyContainer = document.getElementById('QSIFeedbackButton-target-container'); 3466 if(feedBackStickyButton){ 3467 if(miniCartViewerElement.className.includes('active')){ 3468 feedBackStickyButton.classList.add('miniCart-open'); 3469 feedBackStickyContainer.classList.add('miniCart-open') 3470 }else{ 3471 feedBackStickyButton.classList.remove('miniCart-open'); 3472 feedBackStickyContainer.classList.remove('miniCart-open') 3473 } 3474 } 3475} 3476// ]]></script>
3476 --> 3477 3478 3479</z-widget> 3480</div> 3481<div class="footer-container"> 3482 <div class="footer-row"> 3483 <div class="footer-left-content"> 3484 <div class="footer-brand"> 3485 <!--Widget Footer | Footer Content Left --> 3486 <z-widget> 3487<img class="logo" src="https://spponeimages.azureedge.net/prod/d3284cf9-098a-465a-90f4-6443c74945d1staplespromo-logo-2026.svg?v=0" width="100%" height="100%" style="max-width: 14em;" /> 3488<p class="brand-subtext">We are the Brand Love, Built Better, Together⢠company. <a href="/about">Our Story <span class="material-icons link-icon">chevron_right</span></a></p> 3489 3490 3491</z-widget> 3492 </div> 3493 <div class="footer-links-left"> 3494 <!--Widget Footer | Footer Links Left--> 3495 <z-widget> 3496 3497<ul class="link-panel-widget primary-link-group" data-test-selector="listLinkPanelContainer"> 3498 <li data-link-name="Help"> 3499 <a href=/help target="_self" data-test-selector="linkTitle">Help</a> 3500 </li> 3501 <li data-link-name="Enterprise Solutions"> 3502 <a href=/enterprise-solutions target="_self" data-test-selector="linkTitle">Enterprise Solutions</a> 3503 </li> 3504 <li data-link-name="Blog"> 3505 <a href=https://staplespromo.com/blog target="_self" data-test-selector="linkTitle">Blog</a> 3506 </li> 3507 <li data-link-name="1-800-491-3003"> 3508 <a href=tel:#1-800-491-3003 target="_self" data-test-selector="linkTitle">1-800-491-3003</a> 3509 </li> 3510 <li data-link-name="Careers"> 3511 <a href=https://careers.staples.com/ target="_blank" data-test-selector="linkTitle">Careers</a> 3512 </li> 3513</ul> 3514</z-widget> 3515 </div> 3516 </div> 3517 <div class="footer-right-content"> 3518 <div class="footer-newsletter"> 3519 <div class="newsLetter newsletter-subscribe-copy"> 3520 <!--Widget Footer | Marketo Opt-in--> 3521 <z-widget> 3522<!--<div id="spp-resci-footer"></div> 3523<div id="spp-resci-footer-old"> 3524<h2 class="footer-h2">Sign up and get 15% off your first order</h2> 3525<p>Enter your email below to receive exclusive offers and more.</p> 3526</div>--><div id="staples-footer-form"><br></div><style><!-- 3527@media screen and (min-width: 768px) { 3528 footer .footer-right-content { 3529 flex: 0 1 450px; 3530 } 3531} 3532--></style> 3533 3534 3535</z-widget> 3536 </div> 3537 </div> 3538 </div> 3539 </div> 3540 <div id="footer-links-social" class="footer-row"> 3541 <!--Widget Footer | Footer Links Social--> 3542 <z-widget> 3543<ul> 3544<li><a href="https://www.facebook.com/StaplesPromo/" target="_blank"> <span class="salmons-icons">facebook</span> </a></li> 3545<li><a href="https://www.instagram.com/staplespromo/" target="_blank"> <span class="salmons-icons">instagram</span> </a></li> 3546<!--<li><a href="https://twitter.com/staplespromo/?Twitter=1" target="_blank"> <span class="salmons-icons">twitter</span> </a></li>--> 3547<li><a href="https://www.linkedin.com/company/staples-promotional-products/?LinkedIn=1" target="_blank"> <span class="salmons-icons">linkedin</span> </a></li> 3548<li><a href="https://www.pinterest.com/staplespromo/?Pinterest=1" target="_blank"> <span class="salmons-icons">pinterest</span> </a></li> 3549<!-- <li><a href="https://www.youtube.com/user/StaplesPromotional" target="_blank"> <span class="material-icons" >play_circle</span> </a></li> --></ul> 3550 3551 3552</z-widget> 3553 </div> 3554 <div id="footer-bottom-content"> 3555 <div class="footer-left-content"> 3556 <!--Widget Footer | Footer Copyright--> 3557 <z-widget> 3558 3559 3560 3561</z-widget> 3562 <!--Content Block | FooterCopyrightText--> 3563<!-- Custom staples promo footer --> 3564CopyrightÂ
3565<script type="text/javascript">// <![CDATA[ 3566var theDate = new Date() 3567 document.write(theDate.getFullYear()) 3568// ]]></script>
3568 3569Â Staples, Inc. All Rights Reserved. <br /> <a href="/corporatesocialresponsibility" target="_blank">Corporate Social Responsibility</a> | <a href="/terms-and-conditions" target="_blank">Terms and Conditions</a> | <a href="/accessibility-statement" target="_blank">Accessibility Statement</a> | <a href="https://spponeimages.azureedge.net/prod/a0a97d40-c357-4f21-a90e-6cb929bf686aVulnerability-Disclosure-Policy-v1.0.pdf" target="_blank">Vulnerability Disclosure Policy</a> | <a href="https://staplespromo.com/privacy" target="_blank">Privacy Notice</a> | 3570<div style="display: inline;"><a href="https://staplespromo.com/california-notice" target="_blank">California Notice</a> | 3571<div style="display: inline;" id="teconsent"></div> 3572| 3573<div style="display: inline;" id="irmlink" title="Do not Sell"></div> 3574</div> 3575<div id="consent_blackbar"></div> 3576<style><!-- 3577/* TEMP: CONSENT STYLING FIX */ 3578 div#consent_blackbar { 3579 width: 100%; 3580 left: 0; 3581 } 3582 3583 div#truste-consent-buttons { 3584 display: block; 3585 } 3586 3587 button#truste-consent-button { 3588 display: block; 3589 width: 15em; 3590 margin: 0 auto; 3591 text-align: center; 3592 } 3593 3594 div#truste-consent-content { 3595 text-align: center; 3596 } 3597 3598 div#truste-consent-text { 3599 display: block; 3600 width: 100%; 3601 } 3602 3603 .truste-banner { 3604 margin: 0 auto; 3605 } 3606 3607 .truste-messageColumn { 3608 font-family: Arial, sans-serif; 3609 font-size: 14px; 3610 color: #333 !important; 3611 margin: 15px 0px 15px 5px; 3612 float: left; 3613 } 3614 3615 .truste-buttonsColumn { 3616 float: right; 3617 margin: 10px 5px 10px 0px; 3618 } 3619 3620 .truste-button1 { 3621 font-family: Arial, sans-serif; 3622 background: #b3b3b3; 3623 font-size: 14px; 3624 width: 170px; 3625 height: auto; 3626 cursor: pointer; 3627 margin-left: 5px; 3628 padding: 5px; 3629 border: 0px none; 3630 color: #333 !important; 3631 } 3632 3633 .truste-button2 { 3634 color: white; 3635 } 3636 3637 .truste-button3 { 3638 font-family: Arial, sans-serif; 3639 font-size: 12px; 3640 width: 140px; 3641 height: auto; 3642 cursor: pointer; 3643 margin-left: 5px; 3644 padding: 5px; 3645 color: #00559c; 3646 border: none; 3647 background-color: transparent; 3648 outline: none; 3649 } 3650 3651 .hidedesktop { 3652 display: none; 3653 font-family: Arial, sans-serif; 3654 font-size: 14px; 3655 cursor: pointer; 3656 color: #00559c; 3657 text-decoration: none; 3658 } 3659 3660 .truste-cookie-link { 3661 font-family: Arial, sans-serif; 3662 font-size: 14px; 3663 cursor: pointer; 3664 color: #333; 3665 text-decoration: underline; 3666 display: inline-block; 3667 padding: 5px; 3668 } 3669 3670 /* SPP overrides to the <style> section in the document header */ 3671 #consent_blackbar { 3672 position: fixed; 3673 bottom: 0; 3674 font-family: sans-serif; 3675 font-size: 16px; 3676 line-height: 125%; 3677 } 3678 3679 #consent_blackbar a { 3680 color: #333 !important; 3681 } 3682 3683 /* SOO overrides to the <style> section in #consent_blackbar */ 3684 #truste-consent-track { 3685 border: 0 none !important; 3686 background-color: rgba(255, 255, 255, .9) !important; 3687 } 3688 3689 .truste-buttonsColumn { 3690 float: none !important; 3691 } 3692 3693 #truste-consent-required, 3694 #truste-show-consent, 3695 #truste-consent-button { 3696 border: 0 none !important; 3697 padding: 10px 0 !important; 3698 cursor: pointer !important; 3699 } 3700 3701 #truste-consent-button { 3702 float: none !important; 3703 background-color: #cc0000 !important; 3704 border-radius: 2em; 3705 width: 30%; 3706 padding: 10px !important; 3707 } 3708 3709 #truste-consent-button:focus { 3710 outline: none; 3711 -webkit-box-shadow: 0px 0px 6px 0px #FFFFFF; 3712 box-shadow: 0px 0px 6px 0px #FFFFFF; 3713 } 3714 3715 #truste-consent-button:active { 3716 outline: none; 3717 -webkit-box-shadow: inset 0px 0px 6px 0px #FFFFFF; 3718 box-shadow: inset 0px 0px 6px 0px #FFFFFF; 3719 } 3720 3721 #truste-consent-required, 3722 #truste-show-consent { 3723 margin-right: 20px !important; 3724 background-color: transparent !important; 3725 text-decoration: underline !important; 3726 } 3727 3728 #truste-show-consent { 3729 color: #333 !important; 3730 } 3731 3732 #truste-consent-required:focus, 3733 #truste-show-consent:focus, 3734 #truste-consent-required:active, 3735 #truste-show-consent:active { 3736 outline: none; 3737 text-shadow: 0px 0px 3px #fff; 3738 } 3739 3740 /* MEDIA QUERIES */ 3741 @media screen and (max-width: 420px) { 3742 .truste-banner { 3743 margin: 0 10px; 3744 } 3745
3746 .truste-messageColumn, 3747 .truste-buttonsColumn { 3748 float: left; 3749 width: 100%; 3750 } 3751 3752 .truste-messageColumn { 3753 margin: 15px 0px 10px 0px; 3754 } 3755 3756 .truste-buttonsColumn { 3757 float: right; 3758 margin: 10px 0px 10px 0px; 3759 } 3760 3761 .truste-button1, 3762 .truste-button2 { 3763 margin-top: 5px; 3764 margin-left: 0px; 3765 width: 100%; 3766 } 3767 3768 .truste-button3 { 3769 display: none; 3770 } 3771 3772 .hidedesktop { 3773 display: inline; 3774 font-size: 14px; 3775 cursor: pointer; 3776 color: #00559c; 3777 text-decoration: none; 3778 } 3779 } 3780 3781 @media screen and (min-width: 421px) and (max-width: 856px) { 3782 .truste-banner { 3783 margin: 0 10px; 3784 } 3785 3786 .truste-messageColumn, 3787 .truste-buttonsColumn { 3788 float: left; 3789 width: 100%; 3790 } 3791 3792 .truste-messageColumn { 3793 margin: 15px 0px 10px 0px; 3794 } 3795 3796 .truste-buttonsColumn { 3797 margin: 10px 0px 10px 0px; 3798 } 3799 3800 .truste-button1, 3801 .truste-button2 { 3802 margin-top: 0px; 3803 margin-left: 0px; 3804 width: 49%; 3805 float: left; 3806 } 3807 3808 .truste-button2 { 3809 margin-right: 5px; 3810 } 3811 3812 .truste-button3 { 3813 display: none; 3814 } 3815 3816 .hidedesktop { 3817 display: inline; 3818 font-size: 14px; 3819 cursor: pointer; 3820 color: #00559c; 3821 text-decoration: none; 3822 } 3823 } 3824--></style>
3825<script>// <![CDATA[ 3826const dyJsonObject = document.getElementById('DYApiResponse'); 3827 if (dyJsonObject) { 3828 /* 3829 *Name: Dynamic Yield CS Integration - Server Side 3830 *Version: 1.0.0 3831 */ 3832 var version = "1.0.0"; 3833 var tvp = "AB_DY_SS_"; 3834 window._uxa = window._uxa || []; 3835 3836 function sendToCS(csKey, csValue) { 3837 csKey = tvp + csKey; 3838 3839 _uxa.push([ 3840 "trackDynamicVariable", 3841 { 3842 key: csKey, 3843 value: csValue, 3844 }, 3845 ]); 3846 } 3847 3848 try { 3849 const dyJsonValue = JSON.parse(dyJsonObject.value) 3850 var choices = dyJsonValue.choices; 3851 } catch (e) { 3852 console.warn("no valid JSON found in '#DYApiResponse': ", e); 3853 } 3854 3855 if (choices) { 3856 for (var i = 0; i < choices.length; i++) { 3857 var variations = choices[i].variations; 3858 var analyticsMetadata = variations[0] && variations[0].analyticsMetadata; 3859 3860 if (analyticsMetadata) { 3861 var campaignName = analyticsMetadata.campaignName; 3862 var variationName = analyticsMetadata.variationName; 3863 3864 if (campaignName && variationName) { 3865 sendToCS(campaignName, variationName); 3866 } 3867 } 3868 } 3869 } 3870 3871 function callback() { 3872 if (!disableCallback) { 3873 disableCallback = true; 3874 3875 if (window.CS_CONF) { 3876 CS_CONF.integrations = CS_CONF.integrations || []; 3877 CS_CONF.integrations.push("Dynamic Yield Server Side - v" + version); 3878 } 3879 } 3880 } 3881 3882 var disableCallback = false; 3883 _uxa.push(["afterPageView", callback]); 3884 } 3885// ]]></script>
vendor: 2 bytes, line 3885
3885
3886<script>// <![CDATA[ 3887document.getElementById('TESTVARIATIONIDS')?.remove(); 3888// ]]></script>
3888 </div> 3889 <!--Content Block | DynamicLandingPageScripting--> 3890 <!-- Dynamic Landing Page Scripts--> 3891 <div id="accessibility-link"> 3892 <!--Widget Footer | Accessibility Link --> 3893 <z-widget> 3894<!-- In "Accessibility Link" Widget -->
3895<script>// <![CDATA[ 3896//Dynamic Landing Pages Session Retrieval 3897 populateRepDataFromSession(); 3898 3899 function populateRepDataFromSession(){ 3900 // check for 'representativeData' in session 3901 const repDataObject = localStorage.getItem('representativeData'); 3902 if (repDataObject) { 3903 const repData = JSON.parse(repDataObject); 3904 console.log("Retrieving "+ repData.name +"'s info from local storage"); 3905 //check for expiration (set by 'internal' parameter) 3906 if(repData.expiresEpoch && repData.expiresEpoch <= Date.now()){ 3907 localStorage.removeItem('representativeData'); 3908 }else{ 3909 3910 pushToDataLayer('repData_available', repData.name) 3911 3912 // define and populate endpoints to '#Header-Contact-Info' 3913 const headerContactSpan = document.querySelector('[data-headercontactinfo]'); 3914 if(headerContactSpan){ 3915 const headerName = document.createElement('span'), 3916 headerPhoneLink = document.createElement('a'), 3917 headerEmailLink = document.createElement('a'); 3918 headerName.dataset.rep = 'name'; 3919 headerPhoneLink.dataset.rep = 'phone'; 3920 headerEmailLink.dataset.rep = 'email'; 3921 headerContactSpan.innerHTML = 'Contact ' 3922 headerContactSpan.append( 3923 headerName, 3924 document.createTextNode(' '), 3925 headerPhoneLink, 3926 document.createTextNode(' '), 3927 headerEmailLink 3928 ); 3929 } 3930 3931 // select all elements with [data-rep] attribute (i.e. endpoints) 3932 const endpoints = document.querySelectorAll('[data-rep]'); 3933 3934 // loop through each endpoint and populate based on data-rep key 3935 endpoints.forEach(endpoint => { 3936 const key = endpoint.dataset.rep; // e.g., "name", "email", etc 3937 if (repData[key]) { 3938 // for 'clientLogo' img tags 3939 if (key === "clientLogo" && endpoint.nodeType === 1 && endpoint.tagName === "IMG") { 3940 endpoint.src = repData[key] 3941 } 3942 // for 'photo' img tags 3943 if (key === "photo" && endpoint.nodeType === 1 && endpoint.tagName === "IMG") { 3944 endpoint.src = repData[key] 3945 } 3946 // for phone links 3947 else if (key === "phone" && endpoint.nodeType === 1 && endpoint.tagName === 'A') { 3948 endpoint.href = formatPhoneForTel(repData[key]); 3949 endpoint.textContent = repData[key] 3950 } 3951 // for email links 3952 else if (key === "email" && endpoint.nodeType === 1 && endpoint.tagName === 'A') { 3953 const emailContentString = "?subject=Inquiry%20for%20Staples%20Promotional%20Products&body=Hello%20-%20Please%20fill%20out%20the%20below%20details%20and%20your%20representative%20from%20Staples%20Promotional%20Products%20will%20reach%20out%20to%20shortly.%0A%0AThank%20you!%0A%0AFirst%20Name%3A%0ALast%20Name%3A%0APhone%20Number%3A%0AEmail%20Address%3A%C2%A0%C2%A0%0ACompany%3A%0A%0AAre%20there%20specific%20items%20you%20would%20like%20quoted%20or%20would%20you%20like%20us%20to%20source%20product%20ideas%20for%20you%3F%0A%0ABudget%3A%0AQuantity%20Needed%3A%0ALogo%3A%20%5Bplease%20attach%5D%0AAre%20you%20shipping%20to%20one%20address%20or%20multiple%3F%0AWhat%20date%20do%20you%20need%20the%20order%20delivered%20by%3F%0A%0AThank%20you!" 3954 endpoint.href = 'mailto:'+repData[key]+emailContentString; 3955 if(!endpoint.classList.contains('btn-outline')){ 3956 endpoint.textContent = repData[key] 3957 } 3958 } 3959 else{ 3960 endpoint.textContent = repData[key] 3961 } 3962 } 3963 }); 3964 swapTopBanner(); 3965 } 3966 } 3967 } 3968 //Helper functions: 3969 function formatPhoneForTel(rawNumber) { 3970 const digitsOnly = rawNumber.replace(/\D/g, ''); 3971 return `tel:${digitsOnly}`; 3972 } 3973 3974 function pushToDataLayer(eventName, data){ 3975 znodeDataLayer.push({ event: eventName, rep_id: data }); 3976 } 3977 3978 function swapTopBanner(){ 3979 const ubpBanner = document.getElementById('uvp-banner'), 3980 headerContactTopBanner = document.getElementById('header-contact-top-banner'); 3981 if(ubpBanner && headerContactTopBanner){ 3982 ubpBanner.classList.add('hidden'); 3983 headerContactTopBanner.classList.remove('hidden'); 3984 } 3985 } 3986// ]]></script>
3986 3987 3988 3989</z-widget> 3990 </div> 3991 </div> 3992</div> 3993<a href="#container-messages" class="back-to-top">Back to Top <span class="icon-angle-down"></span></a></z-widget> 3994</footer> 3995 3996 3997 <div class="modal fade preview-popup" id="preview-popup-popup-ipad" tabindex="-1" role="dialog" aria-label="preview pop up"> 3998 <div class="popup-container modal-dialog modal-lg"> 3999 <div class="modal-body" data-test-selector="popPreviewMessage"> 4000 <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-test-selector="popBtnPreviewClose"><span aria-hidden="true" data-test-selector="spnClose"><i class="zf-close"></i></span></button> 4001 <div id="preview-popup-content"> 4002 Loading.... 4003 </div> 4004 </div> 4005 </div> 4006 </div> 4007 4008<div id="brand-popup-ipad" class="modal fade brand-popup" tabindex="-1" role="dialog" aria-label="brand pop up"> 4009 <div class="modal-dialog"> 4010 <div class="modal-content"> 4011 <div class="modal-body brandPopupBody"> 4012 <button type="button" class="close nopadding" data-dismiss="modal" aria-label="Close" data-test-selector="popBtnBrandClose"> 4013 <span aria-hidden="true" data-test-selector="spnClose"><i class="zf-close"></i></span> 4014 </button> 4015 <div class="brand-popup-main"> 4016 <h2 data-test-selector="hdgBrand">Select your brand/logo to start shopping</h2> 4017 <p class="brand-details" data-test-selector="paraBrandDetails">Select a brand for a list of products tailored specifically to your needs.</p> 4018 <p id="brandSearchLabelText" class="select-brand" data-test-selector="paraBrandSearch">Search for your brand/logo</p> 4019 <div class="brand-search"> 4020 <i class="zf-search"></i> 4021 <input id="txtSearchBrandList" type="text" class="search" aria-labelledby="brandSearchLabelText" data-test-selector="txtBrandSearch" /> 4022 </div> 4023 <div class="error-msg" style="display:none;"><p data-test-selector="paraBrandError">The brand you have selected does not apply to this item(s). You will be redirected to the home page</p></div> 4024 <div class="error-msg error-msg-required" style="display:none;"><p data-test-selector="paraBrandError">Please select any brand.</p></div> 4025 <div id="brand-content" data-test-selector="btnSelectBrand"> 4026 <input id="isFromPopUp" name="isFromPopUp" type="hidden" value="True" /> 4027 <div id="brandPopUpPage"> 4028 <img src="/Views/Themes/SalmonSalmon/Images/loading.gif" alt="Loading" /> 4029 </div> 4030 </div> 4031 </div> 4032 </div> 4033 <div class="modal-footer"> 4034 <a href="#" id="idShowBrand" class="btn btn-primary">Show Brand</a> 4035 </div> 4036 </div> 4037 </div> 4038</div>
4039<script src="/Scripts/Core/Znode/_BrandList.js?v=20261006223132"></script>
4039 4040
4040<script id="tmpl-typeahead-results" nonce="X0lubGluZVRlbXBsYXRlcy10bXBsLXR5cGVhaGVhZC1yZXN1bHRz" type="text/template"> 4041 <a href="#" class="close" data-test-selector="linkClose"><i class="zf-close close"></i></a> 4042 <ul data-test-selector="listSearchTermContainer"> 4043 {{#matches}} 4044 <li><a href="/search?searchterm={{term}}&category={{category}}" data-test-selector="linkTerm"><strong>{{product}}</strong> {{suffix}}</a></li> 4045 {{/matches}} 4046 </ul> 4047</script>
vendor: 2 bytes, line 4047
4047
4048<script id="tmpl-alertmessage" nonce="X0lubGluZVRlbXBsYXRlcy10bXBsLWFsZXJ0bWVzc2FnZQ" type="text/template"> 4049 <div id="status-message" class="{{style}} alert alert-info text-center">{{message}}</div> 4050</script>
4050 4051 4052 <input id="hdnWebStoreUrl" name="hdnWebStoreUrl" type="hidden" value="https://staplespromo.com" /> 4053 <input id="loggedInStatus" name="loggedInStatus" type="hidden" value="GuestUser" /> 4054
4054<script src="/Views/Themes/SalmonSalmon/Scripts/lib/w3cCustomSelect.js"></script>
4054 4055 4056
4056<script src="/Views/Themes/SalmonSalmon/Scripts/lib/navMenuKeyboardAccessibility.js"></script>
4056 4057 4058
4058<script src="/Scripts/lib/DynamsoftBarcode/dbr-7.0.min.js?v=20261006223132"></script>
4058 4059 4060 4061 4062 4063
4063<script> 4064 let currentVisitDate = new Date(); 4065 if (sessionStorage.getItem("lastVisit") === null) { // If user has not visited since 4066 const logo = document.getElementById('header-logo'); 4067 if (logo) { 4068 logo.classList.add('go'); 4069 } 4070 currentVisitDate = JSON.stringify(currentVisitDate); // Convert to json 4071 sessionStorage.setItem("lastVisit", currentVisitDate); // Store in session 4072 } 4073 else { 4074 const previousVisit = new Date(sessionStorage.getItem('lastVisit')); 4075 //console.log('Last Visited: '+previousVisit); 4076 let parsedDate = new Date(previousVisit); 4077 if (currentVisitDate.getTime() > (parsedDate.getTime() + 900000)) { 4078 document.getElementById('header-logo').classList.add('go'); 4079 } 4080 sessionStorage.setItem("lastVisit", currentVisitDate); // Store in session 4081 } 4082 </script>
4082 4083 4084 4085 4086 <div id="divAddedForCompare" class="modal fade comparepopup" role="dialog" aria-label="compare pop up"> 4087 <div class="compare-product-popup" id="popUp_content" data-test-selector="popCompareMessage"> 4088 </div> 4089 </div> 4090 <button id="btnAddCompare" style="display:none" data-toggle="modal" data-target=".comparepopup" data-test-selector="popBtnCompare">Compare</button> 4091 <!-- Content Block | GlobalEndOfBody--> 4092 <style><!-- 4093.admin-footer .footer-contain.pb-5 { 4094 display: none; 4095} 4096 4097/* Calendar Lead Time Button - Disable */ 4098#calendar-button { 4099display: none; 4100} 4101.deliveryDate > div { 4102gap: 0 4px; 4103} 4104--></style> 4105<epro_only><!-- epro only stuff --> </epro_only> <sso_only><!-- sso only only stuff --> </sso_only> 4106 4107 <!--Log In Modal--> 4108 <div class="spp-modal-overlay modal fade address-popup" id="user-popup-content-modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" style="display:none;"> 4109 <div class="spp-modal" role="document"> 4110 <button type="button" id="closeLoginButton" class="close" data-dismiss="modal" aria-label="Close" data-test-selector="btnClose"> 4111 <span class="material-icons"> 4112 close 4113 </span> 4114 </button> 4115 <div id="user-popup-content" data-test-selector="logInModal"> 4116 </div> 4117 </div> 4118 </div> 4119 4120 <!--Start Clear Session Storage when clicking in logout--> 4121
4121<script> 4122 const logoutLink = document.querySelector("#global-header-log-out"); 4123 if (logoutLink != null) { 4124 logoutLink.onclick = function () { sessionStorage.removeItem("quickCheckoutEditingFields"); }; 4125 } 4126 </script>
4126 4127 <!--End Clear Session Storage when clicking in logout--> 4128 <div id="screenReaderMessage" class="sr-only" role="status" aria-live="assertive" aria-atomic="true"></div> 4129 4130
4131<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=5&cb=776044336" async></script>
4131</body> 4132</html> 4133
4134<script type="text/javascript"> 4135 $(document).ready(function () { 4136 var notification = new ZnodeNotification(); 4137 notification.DisplayNotificationMessages(); 4138 }); 4139</script>
4139 4140 4141 <!-- RetentionScience start --> 4142
4142<script type='text/javascript'> 4143 4144 let currentPage = $("#hdnCurrentPage").val(); 4145 if (currentPage !== "OCR") { 4146 var _rsq = _rsq || []; 4147 4148 (function() { 4149 let currentPage = $("#hdnCurrentPage").val(); 4150 4151 const rSciSiteId = '1390'; 4152 _rsq.push(['_setSiteId', rSciSiteId]); 4153 _rsq.push(['_enableOnsite']); 4154 4155 4156 let rScixSku = $("#hdnRScixSku").val(); 4157 4158 if (currentPage === "PDP" && rScixSku !== "") { 4159 4160 _rsq.push(['_addItem', { 'id': rScixSku }]); 4161 } 4162 4163 _rsq.push(['_track']); 4164 })(); 4165 } 4166 </script>
4166 4167 <!-- RetentionScience end -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.