PageSourceSearch

https://staplespromo.com/cart

html staplespromo.com collected 2026-10-10 00:00:51 UTC 136,214 bytes, 4,167 lines download raw bytes

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&noticeType=bb&text=true&irmc=irmlink&gtm=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&#174;</a>
2328    </li>
2329    <li class="itemLevel4">
2330        <a href="/category/camelbak-collection">CamelBak&#174;</a>
2331    </li>
2332    <li class="itemLevel4">
2333        <a href="/category/carhartt-collection">Carhartt&#174;</a>
2334    </li>
2335    <li class="itemLevel4">
2336        <a href="/category/corkcicle-collection">Corkcicle&#174;</a>
2337    </li>
2338    <li class="itemLevel4">
2339        <a href="/category/high-sierra-collection">High Sierra&#174;</a>
2340    </li>
2341    <li class="itemLevel4">
2342        <a href="/category/hydro-flask-collection">Hydro Flask&#174;</a>
2343    </li>
2344    <li class="itemLevel4">
2345        <a href="/category/moleskine-collection">Moleskine&#174;</a>
2346    </li>
2347    <li class="itemLevel4">
2348        <a href="/category/nike-collection">Nike&#174;</a>
2349    </li>
2350    <li class="itemLevel4">
2351        <a href="/category/stanley-collection">Stanley&#174;</a>
2352    </li>
2353    <li class="itemLevel4">
2354        <a href="/category/the-north-face-collection">The North Face&#174;</a>
2355    </li>
2356    <li class="itemLevel4">
2357        <a href="/category/titleist-collection">Titleist&#174;</a>
2358    </li>
2359    <li class="itemLevel4">
2360        <a href="/category/under-armour-collection">Under Armour&#174;</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 &amp; Gifts">
2372            <a class="category-heading" data-category-id="13285" href="/category/events-and-gifts">Events &amp; Gifts</a>
2373            <div id="nav-13285" class="sub-category-container" data-menu-child="Events &amp; 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 &amp; 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 &amp; Badge Reels</a>
2391    </li>
2392    <li class="itemLevel4">
2393        <a href="/category/banners-flags-and-signs">Banners, Flags &amp; Signs</a>
2394    </li>
2395    <li class="itemLevel4">
2396        <a href="/category/displays-and-table-coverings">Displays &amp; 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 &amp; 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 &amp; 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 &amp; Headwear">
2433            <a class="category-heading" data-category-id="13280" href="/category/apparel-and-headwear">Apparel &amp; Headwear</a>
2434            <div id="nav-13280" class="sub-category-container" data-menu-child="Apparel &amp; 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 &amp; 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 &amp; Outerwear</a>
2464    </li>
2465    <li class="itemLevel4">
2466        <a href="/category/pants-and-shorts">Pants &amp; Shorts</a>
2467    </li>
2468    <li class="itemLevel4">
2469        <a href="/category/lounge-and-travel">Lounge &amp; Travel</a>
2470    </li>
2471    <li class="itemLevel4">
2472        <a href="/category/scrubs-and-safety-uniforms">Scrubs &amp; Safety Uniforms</a>
2473    </li>
2474    <li class="itemLevel4">
2475        <a href="/category/mens-and-unisex-apparel">Men&#39;s &amp; Unisex Apparel</a>
2476    </li>
2477    <li class="itemLevel4">
2478        <a href="/category/womens-apparel">Women&#39;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 &amp; Accessories</a>
2488            <ul>
2489                
2490    <li class="itemLevel4">
2491        <a href="/category/hats-and-caps">Hats &amp; 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 &amp; 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 &amp; Travel">
2509            <a class="category-heading" data-category-id="13286" href="/category/bags-and-travel">Bags &amp; Travel</a>
2510            <div id="nav-13286" class="sub-category-container" data-menu-child="Bags &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; Tech">
2616            <a class="category-heading" data-category-id="13287" href="/category/office-and-tech">Office &amp; Tech</a>
2617            <div id="nav-13287" class="sub-category-container" data-menu-child="Office &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; Adaptors</a>
2670    </li>
2671    <li class="itemLevel4">
2672        <a href="/category/earbuds-headphones">Earbuds &amp; 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 &amp; Safety">
2693            <a class="category-heading" data-category-id="13288" href="/category/wellness-and-safety">Wellness &amp; Safety</a>
2694            <div id="nav-13288" class="sub-category-container" data-menu-child="Wellness &amp; 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 &amp; 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 &amp; 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 &amp; Leisure">
2736            <a class="category-heading" data-category-id="2420" href="/category/outdoor-and-leisure">Outdoor &amp; Leisure</a>
2737            <div id="nav-2420" class="sub-category-container" data-menu-child="Outdoor &amp; 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 &amp; 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 &amp; 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 &amp; Home">
2788            <a class="category-heading" data-category-id="13289" href="/category/auto-tools-and-home">Auto, Tools &amp; Home</a>
2789            <div id="nav-13289" class="sub-category-container" data-menu-child="Auto, Tools &amp; 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 &amp; 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 &amp; 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&#233;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 &amp; 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.