PageSourceSearch

https://www.sunsetter.com/c/outdoor-products/

html sunsetter.com collected 2026-09-28 05:59:36 UTC 101,572 bytes, 1,517 lines download raw bytes

1
2
3
4<!DOCTYPE html>
5<html lang="en" prefix="og: http://ogp.me/ns#">
6<head>
7    
8<script>
9            var getParameterByName = function (name) {
10                name = name.replace(/[\[\]]/g, '\\$&');
11                var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)');
12                var results = regex.exec(window.location.href);
13                if (!results) return '';
14                if (!results[2]) return '';
15                return decodeURIComponent(results[2].replace(/\+/g, ' '));
16            };
17            var _dataLayer = {};
18            var storageKey = '_datalayer';
19            // Check if session storage data layer already exists
20            if (!window.sessionStorage.getItem(storageKey)) {
21                // Check url for utm params
22                _dataLayer = {
23                    userID: 'e5z2r20ejdt05qtpty0us5wl',
24                    utmCampaign: getParameterByName('utm_campaign'),
25                    utmContent: getParameterByName('utm_content'),
26                    utmMedium: getParameterByName('utm_medium'),
27                    utmSource: getParameterByName('utm_source'),
28                    utmTerm: getParameterByName('utm_term'),
29                };
30                // Write to session storage
31                window.sessionStorage.setItem(storageKey, JSON.stringify(_dataLayer));
32            } else {
33                // Parse data and write to page
34                _dataLayer = JSON.parse(window.sessionStorage.getItem(storageKey));
35            }
36            dataLayer = [{
37                userID: _dataLayer.userID,
38                utmCampaign: _dataLayer.utmCampaign,
39                utmContent: _dataLayer.utmContent,
40                utmMedium: _dataLayer.utmMedium,
41                utmSource: _dataLayer.utmSource,
42                utmTerm: _dataLayer.utmTerm,
43                epiVersion: 'Production',
44            }];
45</script>
45
46    <meta charset="utf-8" />
47    <meta name="viewport" content="width=device-width, initial-scale=1" />
48    <title>Backyard Accessories and More | SunSetter</title>
49    <meta name="description" content="Explore SunSetter&#39;s backyard accessories and make the most of your backyard and patio with flagpoles, grills and more. Shop SunSetter today!" />
50    <meta name="keywords" />
51    <meta property="og:type" content="website" />
52    <meta property="og:site_name" content="SunSetter" />
53    <meta property="og:title" content="Backyard Accessories and More | SunSetter" />
54    <meta property="og:description" content="Explore SunSetter&#39;s backyard accessories and make the most of your backyard and patio with flagpoles, grills and more. Shop SunSetter today!" />
55    <meta property="og:url" content="https://www.sunsetter.com/c/outdoor-products/" />
56    <meta property="og:image" content="https://embed.widencdn.net/img/springswindowfashions/1y2qhmzaip/1200x628px/SunSetter-WebAlt22-SemiMotor-WhiteFrame-Perf-VillaStripe.jpeg?keep=c&amp;crop=yes&amp;q=90" />
57    <meta name="twitter:card" content="summary_large_image" />
58    <meta name="twitter:site" content="SunSetter" />
59    <meta name="twitter:image:alt" />
60    
61
62    <meta name="google-site-verification" content="uYMy76xH_ZqdeqV62KH3v8iJAAK3nrM5Q1vcV4ww_gc" />
63
64    <link link rel="canonical" href="https://www.sunsetter.com/c/outdoor-products/" />
65
66    <link rel="preconnect" href="https://fonts.googleapis.com">
67    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
68    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" />
69    <link rel="stylesheet" type="text/css" href="/assets/dist/css/vendors/bootstrap-grid.min.css?cache=04302026" />
70    <link rel="stylesheet" type="text/css" href="/assets/dist/css/sunsetter.min.css?cache=04302026" />
71    <link rel="stylesheet" type="text/css" href="/assets/src/css/site.css?cache=04302026" />
72    <link href="/assets/src/css/cssite.css?cache=04302026" rel="stylesheet" type="text/css" />
73    
74        
74<script src="https://cdn.optimizely.com/js/23982742137.js"></script>
74
75        
75<script>
76            const OptimizelyStyleManager = {
77                set: (o, p, t, i, m) => {
78                    if (typeof optimizely === 'undefined') return;
79                    const u = new URLSearchParams(window.location.search), x = u.get('experiment-id'), v = u.get('variation-id'),
80                        s = optimizely.get('state'), a = s.getActiveExperimentIds(), c = s.getVariationMap(); let f = false;
81                    a.forEach(e => {
82                        const r = c[o]; if (!r) return; const d = (x == o && v !== null) ? v : r.id; if (e == o && d == p) {
83                            f = true;
84                            const l = document.createElement('style'); l.type = 'text/css'; l.id = `oeid-${o}-${p}-${i}`;
85                            l.textContent = `.oeid-${o}-${p}-${i}{display:${t};}`; document.head.appendChild(l);
86                        }
87                    });
88                    const q = !!document.querySelector('style[id^="oeid-"]');
89                    if (!f && m && !q) {
90                        const l = document.createElement('style'); l.type = 'text/css'; l.id = `oeid-${o}-${p}-${i}`;
91                        l.textContent = `.oeid-${o}-${p}-${i}{display:${t};}`; document.head.appendChild(l);
92                    }
93                }
94            };
95        </script>
95
96    
96<script>
97        document.addEventListener('DOMContentLoaded', function () {
98            localStorage.removeItem("MetaDescription");
99            localStorage.removeItem("MetaTitle");
100        });
101    </script>
101
102    
102<script>
vendor: 428 bytes, lines 102-108
102
103        (function (i,s,o,g,r,a,m) {
104        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }
105        , i[r].l = 1 * new Date(); a = s.createElement(o),
106        m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
107        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
108        ga('create', '
108UA-29271223-8
vendor: 21 bytes, lines 108-109
108', 'auto');
109        
109ga('set', 'dimension5', 'B');
110        ga('send', 'pageview');
111    </script>
111
112    
112<script>
vendor: 377 bytes, lines 112-117
112
113        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
114        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
115        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
116        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
117        })(window, document, 'script', 'dataLayer', '
117GTM-5WDD2KR
vendor: 9 bytes, lines 117-118
117');
118    
118</script>
118
119    
120</head>
121<body class="app sunsetter page-site-settings">
122    <style>
123        body {
124            background: white !important;
125        }
126
127        .more-details-btn {
128            border: 1px solid #0071b3;
129            font-size: 1.4rem;
130            font-family: "Inter", sans-serif;
131            font-style: normal;
132            font-weight: 700;
133            line-height: 1.25;
134            color: #0071b3;
135            border-radius: .4rem;
136            text-decoration: none;
137            padding: 1.1rem 2rem;
138        }
139
140        button:focus-visible {
141            outline: -webkit-focus-ring-color auto 5px;
142            outline-offset: 4px;
143        }
144
145        .visually-hidden {
146            clip-path: inset(50%);
147            height: 1px;
148            overflow: hidden;
149            position: absolute;
150            white-space: nowrap;
151            width: 1px;
152        }
153    </style>
vendor: 85 bytes, lines 153-156
153
154
155    <noscript>
156        <iframe src="https://www.googletagmanager.com/ns.html?id=
156GTM-5WDD2KR
vendor: 94 bytes, lines 156-158
156" height="0" width="0" style="display:none;visibility:hidden"></iframe>
157    </noscript>
158    
158<a  class="skip-to-main-content" id="skip2mainlnk" href="#content">Skip to main content</a>
159
160        <div id="site-wrapper" class="site-wrapper container-lg sticky-body" >
161
162<header class="header">
163    
163<script>
164        document.addEventListener("DOMContentLoaded", function () {
165            var menubar = document.querySelector('[role="menubar"]');
166            var menuItems = document.querySelectorAll('[role="menuitem"]');
167
168            // Retrieve the active descendant from local storage
169            var activeDescendantId = localStorage.getItem("activeDescendantId");
170
171            if (activeDescendantId) {
172                var activeElement = document.getElementById(activeDescendantId);
173                if (activeElement) {
174                    menubar.setAttribute("aria-activedescendant", activeDescendantId);
175                    activeElement.setAttribute("tabindex", "0");
176                    activeElement.focus();
177                }
178            } else {
179                // Set default active descendant
180                menuItems[0].setAttribute("tabindex", "-1");
181                menubar.setAttribute("aria-activedescendant", menuItems[0].id);
182            }
183
184            menuItems.forEach(function (menuItem) {
185                menuItem.addEventListener("click", function () {
186                    // Update aria-activedescendant and tabindex
187                    menuItems.forEach(function (item) {
188                        item.setAttribute("tabindex", "-1");
189                    });
190                    this.setAttribute("tabindex", "0");
191                    menubar.setAttribute("aria-activedescendant", this.id);
192
193                    // Store active descendant ID in local storage
194                    localStorage.setItem("activeDescendantId", this.id);
195                });
196            });
197
198            menubar.addEventListener("keydown", function (event) {
199                var currentIndex = Array.from(menuItems).findIndex(item => item.id === menubar.getAttribute("aria-activedescendant"));
200
201                if (event.key === "ArrowDown" || event.key === "ArrowRight") {
202                    event.preventDefault();
203                    var nextIndex = currentIndex === menuItems.length - 1 ? 0 : currentIndex + 1;
204                    menuItems[nextIndex].focus();
205                    menubar.setAttribute("aria-activedescendant", menuItems[nextIndex].id);
206                    menuItems[nextIndex].setAttribute("tabindex", "0");
207                    menuItems[currentIndex].setAttribute("tabindex", "-1");
208                    localStorage.setItem("activeDescendantId", menuItems[nextIndex].id);
209                } else if (event.key === "ArrowUp" || event.key === "ArrowLeft") {
210                    event.preventDefault();
211                    var prevIndex = currentIndex === 0 ? menuItems.length - 1 : currentIndex - 1;
212                    menuItems[prevIndex].focus();
213                    menubar.setAttribute("aria-activedescendant", menuItems[prevIndex].id);
214                    menuItems[prevIndex].setAttribute("tabindex", "0");
215                    menuItems[currentIndex].setAttribute("tabindex", "-1");
216                    localStorage.setItem("activeDescendantId", menuItems[prevIndex].id);
217                }
218            });
219        });
220    </script>
220
221    
222    <div class="header-wrapper">
223        <div class="header-top-section-optimized">
224            <div class="header-main-section">
225                <div class="logo-wrap">
226                        <a class="logo-sunsetter" href="/">
227                            <img alt="Go to the SunSetter home page" src="/globalassets/assets/images/ui/logo-sunsetter.svg" />
228                        </a>
229                </div>
230                <div class="mobile-nav-wrap">
231                    <ul class="list-unstyled nav-list icon-nav-list">
232                                        <li class="icon-item icon-item-order-today sst-phone-number">
233                                            <a class="icon-nav-item icon-nav-order-today" href="tel: 1-800-876-2340">
234                                                <span>Order Today</span>
235                                            </a>
236                                        </li>
237                                        <li class="icon-item icon-item-customer-service">
238                                            <a class="icon-nav-item icon-nav-customer-service" href="/cs/homepage/">
239                                                <span>Customer Service</span>
240                                            </a>
241                                        </li>
242                                        <li class="icon-item icon-item-cart subnav">
243                                            <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item icon-nav-cart">
244                                                <span>Cart</span>
245                                            </button>
246                                            <div class="sr-only cart-status-message" role="status"></div>
247                                            <div class="dd-nav-wrap dd-cart">
248                                                <div class="nav-block dd-nav">
249                                                    <div class="cart-content-wrap">
250
251
252
253
254<div class="heading-sm pb-4">
255    <a href="/co/cart/">Cart</a>
256</div>
257<div class="mini-cart-details">
258        <div class="body-md empty-cart-message mt-3">Your cart is empty.</div>
259
260                                                    </div>
261                                                </div>
262                                            </div>
263                                        </li>
264                        <li class="icon-item icon-item-mobile-menu subnav">
265                            
266<div class="nav-wrapper-mobile">
267    <div class="mobile-menu icon-menu">
268        <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item icon-nav-menuwithsearch"><span>Nav Menu and Search</span></button>
269        <div class="mobile-flyout">
270            <div class="mobile-flyout-bg"></div>
271            <div class="mobile-flyout-innerdiv clearfix" role="dialog" aria-modal="true">
272                <button id="firstfocuselement" class="close-menu-btn" aria-label="Close mobile nav menu">
273                    <span class="close-icon"></span>
274                </button>
275                <ul role="menubar" class="topnav" aria-orientation="vertical" aria-activedescendant="">
276                    <li class="primary-item primary-item-search" role="menuitem">
277                        <form class="search-form" method="get" action="/search/" role="search">
278                            <fieldset class="form-section form-section-no-border">
279                                <legend class="sr-only">Site Search</legend>
280                                <div class="form-group d-flex align-items-center">
281                                    <input id="q1" class="form-control" name="q" required="required" type="search" validate="text" placeholder="Enter Search Text" role="search" aria-label="Sitewide" aria-autocapitalize="none" autocomplete="off" autocorrect="off" spellcheck="false" title="Search" value="" />
282                                    <label for="q1" class="sr-only">Enter Search Text</label>
283                                    <button class="search-button" type="submit"><span class="sr-only">Search</span></button>
284                                </div>
285                            </fieldset>
286                        </form>
287                    </li>
288                                    <li class="primary-item primary-item-" role="menuitem">
289                                        <ul class="button-nav-list">
290<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/customer-information/">Get Pricing</a></li>
291<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/find-a-dealer/">Find a Dealer</a></li>
292<li class="button-nav"><a class="button-light-yellow-sm" href="https://ownerscorner.sunsetter.com/login.asp">Order Status</a></li>
293</ul>
294                                    </li>
295                                    <li class="primary-item primary-item-awnings subnav" role="menuitem">
296                                        <div class="nav-item-actions">
297                                            <a href="/c/awnings/">Awnings</a>
298                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Awnings menu"></button>
299                                        </div>
300                                            <div class="nav-dropdown">
301                                                <ul role="menu">
302                                                            <li class="nav-secondary" role="menuitem">
303                                                                <a href="/c/awnings/">All Awnings</a>
304                                                            </li>
305                                                            <li class="nav-secondary" role="menuitem">
306                                                                <a href="/c/awnings/sunsetter-series-awnings/">SunSetter Series Awnings</a>
307                                                            </li>
308                                                            <li class="nav-secondary" role="menuitem">
309                                                                <a href="/c/awnings/platinum-series-awnings/">Platinum Series Awnings</a>
310                                                            </li>
311                                                            <li class="nav-secondary" role="menuitem">
312                                                                <a href="/cm/perfectlook-awning-visualizer/?VzId=LNBHP">See It On Your Home</a>
313                                                            </li>
314                                                            <li class="nav-secondary" role="menuitem">
315                                                                <a href="/cm/free-awning-swatches/">Free Swatches</a>
316                                                            </li>
317                                                            <li class="nav-secondary" role="menuitem">
318                                                                <a href="/cm/free-awning-info-kit/">Free Info Kit &amp; Savings</a>
319                                                            </li>
320                                                            <li class="nav-secondary" role="menuitem">
321                                                                <a href="/cm/customer-information/">Get Pricing</a>
322                                                            </li>
323                                                </ul>
324                                            </div>
325                                    </li>
326                                    <li class="primary-item primary-item-fabrics-colors desktop-only" role="menuitem" id="Fabrics & Colors" tabindex="-1">
327                                        <a aria-label="Fabrics & Colors" href="/cm/fabrics-and-colors/">Fabrics & Colors</a>
328                                    </li>
329                                    <li class="primary-item primary-item-accessories desktop-only" role="menuitem" id="Accessories" tabindex="-1">
330                                        <a aria-label="Accessories" href="/cm/awning-accessories/">Accessories</a>
331                                    </li>
332                                    <li class="primary-item primary-item-retractable-screens desktop-only subnav" role="menuitem">
333                                        <div class="nav-item-actions">
334                                            <a href="/c/retractable-screens/">Retractable Screens</a>
335                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Retractable Screens menu"></button>
336                                        </div>
337                                            <div class="nav-dropdown">
338                                                <ul role="menu">
339                                                            <li class="nav-secondary" role="menuitem">
340                                                                <a href="/c/retractable-screens/">All Retractable Screens</a>
341                                                            </li>
342                                                            <li class="nav-secondary" role="menuitem">
343                                                                <a href="/c/easyscreens/">EasyScreens</a>
344                                                            </li>
345                                                            <li class="nav-secondary" role="menuitem">
346                                                                <a href="/c/easyshades/">EasyShades</a>
347                                                            </li>
348                                                            <li class="nav-secondary" role="menuitem">
349                                                                <a href="/cm/retractable-screens/fabrics-and-colors/">Fabrics &amp; Colors</a>
350                                                            </li>
351                                                            <li class="nav-secondary" role="menuitem">
352                                                                <a href="/cm/retractable-screens/compare-shades-and-screens/">Compare Shades &amp; Screens</a>
353                                                            </li>
354                                                            <li class="nav-secondary" role="menuitem">
355                                                                <a href="/cm/retractable-screens/how-to-measure-easyscreens/">How To Measure for EasyScreens</a>
356                                                            </li>
357                                                            <li class="nav-secondary" role="menuitem">
358                                                                <a href="/cm/retractable-screens/how-to-measure-easyshades/">
358How To Measure for EasyShades</a>
359                                                            </li>
360                                                            <li class="nav-secondary" role="menuitem">
361                                                                <a href="/cm/retractable-screens/faq/">FAQ</a>
362                                                            </li>
363                                                            <li class="nav-secondary" role="menuitem">
364                                                                <a href="/cm/retractable-screens/get-estimate/">Get Estimate</a>
365                                                            </li>
366                                                            <li class="nav-secondary" role="menuitem">
367                                                                <a href="/cm/find-a-dealer/">Find A Dealer</a>
368                                                            </li>
369                                                            <li class="nav-secondary" role="menuitem">
370                                                                <a href="/cm/retractable-screens/download-brochure/">Download EasyScreen Brochure</a>
371                                                            </li>
372                                                </ul>
373                                            </div>
374                                    </li>
375                                    <li class="primary-item primary-item-outdoor-products desktop-only subnav" role="menuitem">
376                                        <div class="nav-item-actions">
377                                            <a href="/c/outdoor-products/">Outdoor Products</a>
378                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Outdoor Products menu"></button>
379                                        </div>
380                                            <div class="nav-dropdown">
381                                                <ul role="menu">
382                                                            <li class="nav-secondary" role="menuitem">
383                                                                <a href="/c/outdoor-products/">All Outdoor Products</a>
384                                                            </li>
385                                                            <li class="nav-secondary" role="menuitem">
386                                                                <a href="/c/outdoor-products/char-broil-gas-grill/">Char-Broil 2-Burner Gas Grill</a>
387                                                            </li>
388                                                            <li class="nav-secondary" role="menuitem">
389                                                                <a href="/c/outdoor-products/sunsetter-mats/">SunSetter Mats</a>
390                                                            </li>
391                                                            <li class="nav-secondary" role="menuitem">
392                                                                <a href="/c/outdoor-products/patio-lights/">Patio Lights</a>
393                                                            </li>
394                                                </ul>
395                                            </div>
396                                    </li>
397                                    <li class="primary-item primary-item-learn-more desktop-only subnav" role="menuitem">
398                                        <div class="nav-item-actions">
399                                            <a href="/cm/why-own-a-sunsetter/">Learn More</a>
400                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Learn More menu"></button>
401                                        </div>
402                                            <div class="nav-dropdown">
403                                                <ul role="menu">
404                                                            <li class="nav-secondary" role="menuitem">
405                                                                <a href="/cm/why-own-a-sunsetter/">Why Own a SunSetter</a>
406                                                            </li>
407                                                            <li class="nav-secondary" role="menuitem">
408                                                                <a href="/cm/sunsetter-quality/">SunSetter Quality</a>
409                                                            </li>
410                                                            <li class="nav-secondary" role="menuitem">
411                                                                <a href="/cm/sunsetter-blog/">Our Blog</a>
412                                                            </li>
413                                                            <li class="nav-secondary" role="menuitem">
414                                                                <a href="/cm/energy-savings/">Energy Savings</a>
415                                                            </li>
416                                                            <li class="nav-secondary" role="menuitem">
417                                                                <a href="/cm/video-gallery/">Video Gallery</a>
418                                                            </li>
419                                                            <li class="nav-secondary" role="menuitem">
420                                                                <a href="/cm/owner-reviews/">Awning Owner Reviews</a>
421                                                            </li>
422                                                            <li class="nav-secondary" role="menuitem">
423                                                                <a href="/cm/how-to-measure/">How To Measure</a>
424                                                            </li>
425                                                            <li class="nav-secondary" role="menuitem">
426                                                                <a href="/cm/payment-plans/">Payment Plans</a>
427                                                            </li>
428                                                            <li class="nav-secondary" role="menuitem">
429                                                                <a href="/cm/faqs/">FAQ</a>
430                                                            </li>
431                                                            <li class="nav-secondary" role="menuitem">
432                                                                <a href="/cm/contact-us/">Contact Us</a>
433                                                            </li>
434                                                            <li class="nav-secondary" role="menuitem">
435                                                                <a href="/cm/perfectlook-awning-visualizer/">See It On Your Home</a>
436                                                            </li>
437                                                            <li class="nav-secondary" role="menuitem">
438                                                                <a href="/cm/find-a-dealer/">Find a Dealer</a>
439                                                            </li>
440                                                            <li class="nav-secondary" role="menuitem">
441                                                                <a href="/cm/free-awning-swatches/">Free Swatches</a>
442                                                            </li>
443                                                            <li class="nav-secondary" role="menuitem">
444                                                                <a href="/cm/free-awning-info-kit/">Free Info Kit &amp; Savings</a>
445                                                            </li>
446                                                            <li class="nav-secondary" role="menuitem">
447                                                                <a href="/cm/become-a-dealer/">Become a Dealer</a>
448                                                            </li>
449                                                </ul>
450                                            </div>
451                                    </li>
452                </ul>
453            </div>
454        </div>
455    </div>
456</div>
457
458                        </li>
459                    </ul>
460                </div>
461            </div>
462        </div>
463
464        <div class="header-top-section">
465            <div class="nav-eyebrow-wrapper">
466                <div class="lg-container">
467                    
468
469
470<ul class="list-unstyled nav-list icon-nav-list" role="menubar">
471                <li class="icon-item icon-item-order-today mobile-only sst-phone-number" role="menuitem">
472                    <a class="icon-nav-item" href="tel:1-800-876-2340"><span>Order Today</span></a>
473                </li>
474                <li class="icon-item icon-item-customer-service desktop-only" role="menuitem">
475                    <a class="icon-nav-item" href="/cs/homepage/"><span>Customer Service</span></a>
476                </li>
477                <li class="icon-item icon-item-cart subnav" role="menuitem">
478                    <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item"><span>
478Cart</span></button>
479                    <div class="sr-only cart-status-message" role="status"></div>
480                    <div class="dd-nav-wrap dd-cart">
481                        <div class="nav-block dd-nav">
482                            <div class="cart-content-wrap">
483
484
485
486
487<div class="heading-sm pb-4">
488    <a href="/co/cart/">Cart</a>
489</div>
490<div class="mini-cart-details">
491        <div class="body-md empty-cart-message mt-3">Your cart is empty.</div>
492
493                            </div>
494                        </div>
495                    </div>
496                </li>
497                <li class="icon-item icon-item-search subnav" role="menuitem">
498                    <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item"><span>Search</span></button>
499                    <div class="dd-nav-wrap dd-search">
500    <div class="nav-block dd-nav">
501        <div class="search-wrap">
502            <form class="search-form" method="get" action="/search/" role="search">
503                <fieldset class="form-section form-section-no-border">
504                    <legend class="sr-only">Site Search</legend>
505                    <div class="form-group d-flex align-items-center">
506                        <input id="q" class="form-control" name="q" required="required" type="search" validate="text" placeholder="Enter Search Text" role="search" aria-label="Sitewide" aria-autocapitalize="none" autocomplete="off" autocorrect="off" spellcheck="false" title="Search" value="" />
507                        <label for="q" class="sr-only">Enter Search Text</label>
508                        <button class="button-light-yellow-sm search-button ml-4" type="submit">Search</button>
509                    </div>
510                </fieldset>
511            </form>
512        </div>
513    </div>
514</div>
515                </li>
516</ul>
517
518                </div>
519            </div>
520            <div class="lg-container">
521                <div class="header-main-section">
522                    <div class="built-in desktop-only">
523                        <img src="/globalassets/assets/images/ui/built-in-usa.svg" alt="Built in North America" />
524                    </div>
525                    
526<div class="nav-wrapper-mobile">
527    <div class="mobile-menu icon-menu">
528        <button class="nav-mobile menu-button" aria-haspopup="true" aria-expanded="false" aria-label="Shop All">
529            <span class="menu-inner-wrap">
530                <span class="menu-icon">
531                    <span class="icon-bar"></span>
532                    <span class="icon-bar"></span>
533                    <span class="icon-bar"></span>
534                </span>
535                <span class="mobile-menu-label mt-1">Shop&nbsp;All</span>
536            </span>
537        </button>
538        <div class="mobile-flyout">
539            <div class="mobile-flyout-bg"></div>
540            <div class="mobile-flyout-innerdiv clearfix" role="dialog" aria-modal="true">
541                <button id="firstfocuselement" class="close-menu-btn" aria-label="Close mobile nav menu">
542                    <span class="close-icon"></span>
543                </button>
544                <ul role="menubar" class="topnav" aria-orientation="vertical" aria-activedescendant="">
545
546                                    <li class="primary-item primary-item-" role="menuitem">
547                                        <ul class="button-nav-list">
548<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/customer-information/">Get Pricing</a></li>
549<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/find-a-dealer/">Find a Dealer</a></li>
550<li class="button-nav"><a class="button-light-yellow-sm" href="https://ownerscorner.sunsetter.com/login.asp">Order Status</a></li>
551</ul>
552                                    </li>
553                                    <li class="primary-item primary-item-awnings subnav" role="menuitem">
554                                        <div class="nav-item-actions">
555                                            <a href="/c/awnings/">Awnings</a>
556                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Awnings menu"></button>
557                                        </div>
558                                            <div class="nav-dropdown">
559                                                <ul role="menu">
560                                                            <li class="nav-secondary" role="menuitem">
561                                                                <a href="/c/awnings/">All Awnings</a>
562                                                            </li>
563                                                            <li class="nav-secondary" role="menuitem">
564                                                                <a href="/c/awnings/sunsetter-series-awnings/">SunSetter Series Awnings</a>
565                                                            </li>
566                                                            <li class="nav-secondary" role="menuitem">
567                                                                <a href="/c/awnings/platinum-series-awnings/">Platinum Series Awnings</a>
568                                                            </li>
569                                                            <li class="nav-secondary" role="menuitem">
570                                                                <a href="/cm/perfectlook-awning-visualizer/?VzId=LNBHP">See It On Your Home</a>
571                                                            </li>
572                                                            <li class="nav-secondary" role="menuitem">
573                                                                <a href="/cm/free-awning-swatches/">Free Swatches</a>
574                                                            </li>
575                                                            <li class="nav-secondary" role="menuitem">
576                                                                <a href="/cm/free-awning-info-kit/">Free Info Kit &amp; Savings</a>
577                                                            </li>
578                                                            <li class="nav-secondary" role="menuitem">
579                                                                <a href="/cm/customer-information/">Get Pricing</a>
580                                                            </li>
581                                                </ul>
582                                            </div>
583                                    </li>
584                                    <li class="primary-item primary-item-fabrics-colors desktop-only" role="menuitem" id="Fabrics & Colors" tabindex="-1">
585                                        <a aria-label="Fabrics & Colors" href="/cm/fabrics-and-colors/">Fabrics & Colors</a>
586                                    </li>
587                                    <li class="primary-item primary-item-accessories desktop-only" role="menuitem" id="Accessories" tabindex="-1">
588                                        <a aria-label="Accessories" href="/cm/awning-accessories/">Accessories</a>
589                                    </li>
590                                    <li class="primary-item primary-item-retractable-screens desktop-only subnav" role="menuitem">
591                                        <div class="nav-item-actions">
592                                            <a href="/c/retractable-screens/">Retractable Screens</a>
593                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Retractable Screens menu"></button>
594                                        </div>
595                                            <div class="nav-dropdown">
596                                                <ul role="menu">
597                                                            <li class="nav-secondary" role="menuitem">
598                                                                <a href="/c/retractable-screens/">All Retractable Screens</a>
599                                                            </li>
600                                                            <li class="nav-secondary" role="menuitem">
601                                                                <a href="/c/easyscreens/">EasyScreens</a>
602                                                            </li>
603                                                            <li class="nav-secondary" role="menuitem">
604                                                                <a href="/c/easyshades/">EasyShades</a>
605                                                            </li>
606                                                            <li class="nav-secondary" role="menuitem">
607                                                                <a href="/cm/retractable-screens/fabrics-and-colors/">Fabrics &amp; Colors</a>
608                                                            </li>
609                                                            <li class="nav-secondary" role="menuitem">
610                                                                <a href="/cm/retractable-screens/compare-shades-and-screens/">Compare Shades &amp; Screens</a>
611                                                            </li>
612                                                            <li class="nav-secondary" role="menuitem">
613                                                                <a href="/cm/retractable-screens/how-to-measure-easyscreens/">How To Measure for EasyScreens</a>
614                                                            </li>
615                                                            <li class="nav-secondary" role="menuitem">
616                                                                <a href="/cm/retractable-screens/how-to-measure-easyshades/">
616How To Measure for EasyShades</a>
617                                                            </li>
618                                                            <li class="nav-secondary" role="menuitem">
619                                                                <a href="/cm/retractable-screens/faq/">FAQ</a>
620                                                            </li>
621                                                            <li class="nav-secondary" role="menuitem">
622                                                                <a href="/cm/retractable-screens/get-estimate/">Get Estimate</a>
623                                                            </li>
624                                                            <li class="nav-secondary" role="menuitem">
625                                                                <a href="/cm/find-a-dealer/">Find A Dealer</a>
626                                                            </li>
627                                                            <li class="nav-secondary" role="menuitem">
628                                                                <a href="/cm/retractable-screens/download-brochure/">Download EasyScreen Brochure</a>
629                                                            </li>
630                                                </ul>
631                                            </div>
632                                    </li>
633                                    <li class="primary-item primary-item-outdoor-products desktop-only subnav" role="menuitem">
634                                        <div class="nav-item-actions">
635                                            <a href="/c/outdoor-products/">Outdoor Products</a>
636                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Outdoor Products menu"></button>
637                                        </div>
638                                            <div class="nav-dropdown">
639                                                <ul role="menu">
640                                                            <li class="nav-secondary" role="menuitem">
641                                                                <a href="/c/outdoor-products/">All Outdoor Products</a>
642                                                            </li>
643                                                            <li class="nav-secondary" role="menuitem">
644                                                                <a href="/c/outdoor-products/char-broil-gas-grill/">Char-Broil 2-Burner Gas Grill</a>
645                                                            </li>
646                                                            <li class="nav-secondary" role="menuitem">
647                                                                <a href="/c/outdoor-products/sunsetter-mats/">SunSetter Mats</a>
648                                                            </li>
649                                                            <li class="nav-secondary" role="menuitem">
650                                                                <a href="/c/outdoor-products/patio-lights/">Patio Lights</a>
651                                                            </li>
652                                                </ul>
653                                            </div>
654                                    </li>
655                                    <li class="primary-item primary-item-learn-more desktop-only subnav" role="menuitem">
656                                        <div class="nav-item-actions">
657                                            <a href="/cm/why-own-a-sunsetter/">Learn More</a>
658                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Learn More menu"></button>
659                                        </div>
660                                            <div class="nav-dropdown">
661                                                <ul role="menu">
662                                                            <li class="nav-secondary" role="menuitem">
663                                                                <a href="/cm/why-own-a-sunsetter/">Why Own a SunSetter</a>
664                                                            </li>
665                                                            <li class="nav-secondary" role="menuitem">
666                                                                <a href="/cm/sunsetter-quality/">SunSetter Quality</a>
667                                                            </li>
668                                                            <li class="nav-secondary" role="menuitem">
669                                                                <a href="/cm/sunsetter-blog/">Our Blog</a>
670                                                            </li>
671                                                            <li class="nav-secondary" role="menuitem">
672                                                                <a href="/cm/energy-savings/">Energy Savings</a>
673                                                            </li>
674                                                            <li class="nav-secondary" role="menuitem">
675                                                                <a href="/cm/video-gallery/">Video Gallery</a>
676                                                            </li>
677                                                            <li class="nav-secondary" role="menuitem">
678                                                                <a href="/cm/owner-reviews/">Awning Owner Reviews</a>
679                                                            </li>
680                                                            <li class="nav-secondary" role="menuitem">
681                                                                <a href="/cm/how-to-measure/">How To Measure</a>
682                                                            </li>
683                                                            <li class="nav-secondary" role="menuitem">
684                                                                <a href="/cm/payment-plans/">Payment Plans</a>
685                                                            </li>
686                                                            <li class="nav-secondary" role="menuitem">
687                                                                <a href="/cm/faqs/">FAQ</a>
688                                                            </li>
689                                                            <li class="nav-secondary" role="menuitem">
690                                                                <a href="/cm/contact-us/">Contact Us</a>
691                                                            </li>
692                                                            <li class="nav-secondary" role="menuitem">
693                                                                <a href="/cm/perfectlook-awning-visualizer/">See It On Your Home</a>
694                                                            </li>
695                                                            <li class="nav-secondary" role="menuitem">
696                                                                <a href="/cm/find-a-dealer/">Find a Dealer</a>
697                                                            </li>
698                                                            <li class="nav-secondary" role="menuitem">
699                                                                <a href="/cm/free-awning-swatches/">Free Swatches</a>
700                                                            </li>
701                                                            <li class="nav-secondary" role="menuitem">
702                                                                <a href="/cm/free-awning-info-kit/">Free Info Kit &amp; Savings</a>
703                                                            </li>
704                                                            <li class="nav-secondary" role="menuitem">
705                                                                <a href="/cm/become-a-dealer/">Become a Dealer</a>
706                                                            </li>
707                                                </ul>
708                                            </div>
709                                    </li>
710                </ul>
711            </div>
712        </div>
713    </div>
714</div>
715
716                    <div class="logo-wrap">
717                            <a class="logo-sunsetter" href="/">
718                                <img alt="Go to the SunSetter home page" src="/globalassets/assets/images/ui/logo-sunsetter.svg" />
719                            </a>
720                    </div>
721                    <div class="order-info desktop-only d-flex align-items-center">
722                                <a href="/#prd-header" class="button-light-yellow-sm mr-3">Order Today</a>
723                                <div class="heading-md">
724                                    <span class="sst-phone-number">1-800-876-2340</span>
725                                </div>
726
727                    </div>
728                </div>
729            </div>
730        </div>
731        <div class="primary-nav-wrapper">
732            
733
734
735    <nav>
736        <ul class="list-unstyled nav-list primary-nav-list" role="menubar" aria-label="Sunsetter Menu" id="topnav" aria-orientation="horizontal" aria-activedescendant="">
737
738                        <li class="primary-item primary-item-awnings subnav" role="menuitem">
739                            <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Awnings</button>
740                                <div class="dd-nav-wrap awnings">
741                                    <div class="dd-nav">
742                                        <div class="nav-secondary">
743                                            <ul class="list-unstyled nav-category-list" role="menubar">
744                                                            <li class="nav-dropdown-list-item" role="menuitem">
745                                                                <a href="/c/awnings/" class="nav-link" >All Awnings</a>
746                                                            </li>
747                                                            <li class="nav-dropdown-list-item" role="menuitem">
748                                                                <a href="/c/awnings/sunsetter-series-awnings/" class="nav-link">SunSetter Series Awnings</a>
749                                                            </li>
750                                                            <li class="nav-dropdown-list-item" role="menuitem">
751                                                                <a href="/c/awnings/platinum-series-awnings/" class="nav-link">Platinum Series Awnings</a>
752                                                            </li>
753                                                            <li class="nav-dropdown-list-item" role="menuitem">
754                                                                <a href="/cm/perfectlook-awning-visualizer/?VzId=LNBHP" class="nav-link" >See It On Your Home</a>
755                                                            </li>
756                                                            <li class="nav-dropdown-list-item cta-nav-item border-top-blue pt-3" role="menuitem">
757                                                                <a href="/cm/free-awning-swatches/" class="nav-link" >Free Swatches</a>
758                                                            </li>
759                                                            <li class="nav-dropdown-list-item cta-nav-item" role="menuitem">
760                                                                <a href="/cm/free-awning-info-kit/" class="nav-link" >Free Info Kit &amp; Savings</a>
761                                                            </li>
762                                                            <li class="nav-dropdown-list-item cta-nav-item" role="menuitem">
763                                                                <a href="/cm/customer-information/" class="nav-link" >Get Pricing</a>
764                                                            </li>
765
766                                            </ul>
767                                        </div>
768                                    </div>
769                                </div>
770                        </li>
771                        <li class="primary-item primary-item-fabrics-colors desktop-only" aria-busy="true" role="menuitem" id="Fabrics & Colors" tabindex="-1">
772                                <a href="/cm/fabrics-and-colors/" aria-label="Fabrics & Colors" class="primary-nav-item" >
772Fabrics & Colors</a>
773
774                        </li>
775                        <li class="primary-item primary-item-accessories desktop-only" aria-busy="true" role="menuitem" id="Accessories" tabindex="-1">
776                                <a href="/cm/awning-accessories/" aria-label="Accessories" class="primary-nav-item" >Accessories</a>
777
778                        </li>
779                        <li class="primary-item primary-item-retractable-screens subnav desktop-only" role="menuitem">
780                            <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Retractable Screens</button>
781                                <div class="dd-nav-wrap retractable-screens">
782                                    <div class="dd-nav">
783                                        <div class="nav-secondary">
784                                            <ul class="list-unstyled nav-category-list" role="menubar">
785                                                            <li class="nav-dropdown-list-item" role="menuitem">
786                                                                <a href="/c/retractable-screens/" class="nav-link" >All Retractable Screens</a>
787                                                            </li>
788                                                            <li class="nav-dropdown-list-item" role="menuitem">
789                                                                <a href="/c/easyscreens/" class="nav-link">EasyScreens</a>
790                                                            </li>
791                                                            <li class="nav-dropdown-list-item" role="menuitem">
792                                                                <a href="/c/easyshades/" class="nav-link">EasyShades</a>
793                                                            </li>
794                                                            <li class="nav-dropdown-list-item" role="menuitem">
795                                                                <a href="/cm/retractable-screens/fabrics-and-colors/" class="nav-link">Fabrics &amp; Colors</a>
796                                                            </li>
797                                                            <li class="nav-dropdown-list-item" role="menuitem">
798                                                                <a href="/cm/retractable-screens/compare-shades-and-screens/" class="nav-link">Compare Shades &amp; Screens</a>
799                                                            </li>
800                                                            <li class="nav-dropdown-list-item" role="menuitem">
801                                                                <a href="/cm/retractable-screens/how-to-measure-easyscreens/" class="nav-link">How To Measure for EasyScreens</a>
802                                                            </li>
803                                                            <li class="nav-dropdown-list-item" role="menuitem">
804                                                                <a href="/cm/retractable-screens/how-to-measure-easyshades/" class="nav-link">How To Measure for EasyShades</a>
805                                                            </li>
806                                                            <li class="nav-dropdown-list-item" role="menuitem">
807                                                                <a href="/cm/retractable-screens/faq/" class="nav-link">FAQ</a>
808                                                            </li>
809                                                            <li class="nav-dropdown-list-item cta-nav-item border-top-blue pt-3" role="menuitem">
810                                                                <a href="/cm/retractable-screens/get-estimate/" class="nav-link" >Get Estimate</a>
811                                                            </li>
812                                                            <li class="nav-dropdown-list-item cta-nav-item" role="menuitem">
813                                                                <a href="/cm/find-a-dealer/" class="nav-link" >Find A Dealer</a>
814                                                            </li>
815                                                            <li class="nav-dropdown-list-item cta-nav-item" role="menuitem">
816                                                                <a href="/cm/retractable-screens/download-brochure/" class="nav-link" >Download EasyScreen Brochure</a>
817                                                            </li>
818
819                                            </ul>
820                                        </div>
821                                    </div>
822                                </div>
823                        </li>
824                        <li class="primary-item primary-item-outdoor-products subnav desktop-only" role="menuitem">
825                            <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Outdoor Products</button>
826                                <div class="dd-nav-wrap outdoor-products">
827                                    <div class="dd-nav">
828                                        <div class="nav-secondary">
829                                            <ul class="list-unstyled nav-category-list" role="menubar">
830                                                            <li class="nav-dropdown-list-item" role="menuitem">
831                                                                <a href="/c/outdoor-products/" class="nav-link" >All Outdoor Products</a>
832                                                            </li>
833                                                            <li class="nav-dropdown-list-item" role="menuitem">
834                                                                <a href="/c/outdoor-products/char-broil-gas-grill/" class="nav-link">
834Char-Broil 2-Burner Gas Grill</a>
835                                                            </li>
836                                                            <li class="nav-dropdown-list-item" role="menuitem">
837                                                                <a href="/c/outdoor-products/sunsetter-mats/" class="nav-link">SunSetter Mats</a>
838                                                            </li>
839                                                            <li class="nav-dropdown-list-item" role="menuitem">
840                                                                <a href="/c/outdoor-products/patio-lights/" class="nav-link">Patio Lights</a>
841                                                            </li>
842
843                                            </ul>
844                                        </div>
845                                    </div>
846                                </div>
847                        </li>
848                        <li class="primary-item primary-item-learn-more subnav desktop-only" role="menuitem">
849                            <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Learn More</button>
850                                <div class="dd-nav-wrap learn-more">
851                                    <div class="dd-nav">
852                                        <div class="nav-secondary">
853                                            <ul class="list-unstyled nav-category-list" role="menubar">
854                                                            <li class="nav-dropdown-list-item" role="menuitem">
855                                                                <a href="/cm/why-own-a-sunsetter/" class="nav-link">Why Own a SunSetter</a>
856                                                            </li>
857                                                            <li class="nav-dropdown-list-item" role="menuitem">
858                                                                <a href="/cm/sunsetter-quality/" class="nav-link">SunSetter Quality</a>
859                                                            </li>
860                                                            <li class="nav-dropdown-list-item" role="menuitem">
861                                                                <a href="/cm/sunsetter-blog/" class="nav-link" >Our Blog</a>
862                                                            </li>
863                                                            <li class="nav-dropdown-list-item" role="menuitem">
864                                                                <a href="/cm/energy-savings/" class="nav-link">Energy Savings</a>
865                                                            </li>
866                                                            <li class="nav-dropdown-list-item" role="menuitem">
867                                                                <a href="/cm/video-gallery/" class="nav-link">Video Gallery</a>
868                                                            </li>
869                                                            <li class="nav-dropdown-list-item" role="menuitem">
870                                                                <a href="/cm/owner-reviews/" class="nav-link" >Awning Owner Reviews</a>
871                                                            </li>
872                                                            <li class="nav-dropdown-list-item" role="menuitem">
873                                                                <a href="/cm/how-to-measure/" class="nav-link">How To Measure</a>
874                                                            </li>
875                                                            <li class="nav-dropdown-list-item" role="menuitem">
876                                                                <a href="/cm/payment-plans/" class="nav-link">Payment Plans</a>
877                                                            </li>
878                                                            <li class="nav-dropdown-list-item" role="menuitem">
879                                                                <a href="/cm/faqs/" class="nav-link">FAQ</a>
880                                                            </li>
881                                                            <li class="nav-dropdown-list-item" role="menuitem">
882                                                                <a href="/cm/contact-us/" class="nav-link">Contact Us</a>
883                                                            </li>
884                                                            <li class="nav-dropdown-list-item" role="menuitem">
885                                                                <a href="/cm/perfectlook-awning-visualizer/" class="nav-link" >See It On Your Home</a>
886                                                            </li>
887                                                            <li class="nav-dropdown-list-item cta-nav-item border-top-blue pt-3" role="menuitem">
888                                                                <a href="/cm/find-a-dealer/" class="nav-link" >Find a Dealer</a>
889                                                            </li>
890                                                            <li class="nav-dropdown-list-item cta-nav-item" role="menuitem">
891                                                                <a href="/cm/free-awning-swatches/" class="nav-link" >Free Swatches</a>
892                                                            </li>
893                                                            <li class="nav-dropdown-list-item cta-nav-item" role="menuitem">
894                                                                <a href="/cm/free-awning-info-kit/" class="nav-link" >Free Info Kit &amp; Savings</a>
895                                                            </li>
896                                                            <li class="nav-dropdown-list-item cta-nav-item" role="menuitem">
897                                                                <a href="/cm/become-a-dealer/" class="nav-link" >Become a Dealer</a>
898                                                            </li>
899
900                                            </ul>
901                                        </div>
902                                    </div>
903                                </div>
904                        </li>
905                        <li class="primary-item primary-item-get-pricing mobile-only" aria-busy="true" role="menuitem" id="Get Pricing" tabindex="-1">
906                                <a href="/cm/customer-information/" aria-label="Get Pricing" class="primary-nav-item" >Get Pricing</a>
907
908                        </li>
909                        <li class="primary-item primary-item-find-a-dealer mobile-only" aria-busy="true" role="menuitem" id="Find a Dealer" tabindex="-1">
910                                <a href="/cm/find-a-dealer/" aria-label="Find a Dealer" class="primary-nav-item" >Find a Dealer</a>
911
912                        </li>
913                        <li class="primary-item primary-item-get-pricing primary-item-btn desktop-only" role="menuitem">
914                            <a class="button-light-yellow-sm" href="/cm/customer-information/">Get Pricing</a>
915                        </li>
916                        <li class="primary-item primary-item-find-a-dealer primary-item-btn desktop-only ml-1" role="menuitem">
917                            <a class="button-light-blue-sm" href="/cm/find-a-dealer/">Find a Dealer</a>
918                        </li>
919                        <li class="primary-item primary-item-faq mobile-only" aria-busy="true" role="menuitem" id="FAQ" tabindex="-1">
920                                <a href="/cm/faqs/" aria-label="FAQ" class="primary-nav-item" >FAQ</a>
921
922                        </li>
923        </ul>
924
925    </nav>
926    
926<script>
927        document.addEventListener('DOMContentLoaded', () => {
928            const menu = document.getElementById('topnav');
929            const menuItems = menu.querySelectorAll('[role="menuitem"]');
930
931            menu.addEventListener('keydown', (event) => {
932                const activeElement = document.activeElement;
933                let newIndex;
934
935                switch (event.key) {
936                    case 'ArrowRight':
937                        newIndex = (Array.from(menuItems).indexOf(activeElement) + 1) % menuItems.length;
938                        menuItems[newIndex].focus();
939                        break;
940                    case 'ArrowLeft':
941                        newIndex = (Array.from(menuItems).indexOf(activeElement) - 1 + menuItems.length) % menuItems.length;
942                        menuItems[newIndex].focus();
943                        break;
944                    case 'Home':
945                        menuItems[0].focus();
946                        break;
947                    case 'End':
948                        menuItems[menuItems.length - 1].focus();
949                        break;
950                    default:
951                        return;
952                }
953
954                event.preventDefault();
955                updateAriaActivedescendant(menu, menuItems[newIndex].id);
956            });
957
958            function updateAriaActivedescendant(menu, id) {
959                menu.setAttribute('aria-activedescendant', id);
960            }
961        });
962    </script>
962
963
964
965
966            
967
968        </div>
969    </div>
970</header>
971            <main id="content" class="maincontent">
972                
973
974
975<div class="container mb-20">
976    <div class="row">
977        <div class="col">
978            <h1 class="heading-xl pb-2">Outdoor Products</h1>
979        </div>
980    </div>
981</div>
982    <div class="container">
983        <div class="row">
984            <div class="col">
985                <p class="body-md pb-4 mb-4">SunSetter offers a variety of products to help complete your outdoor space for maximum relaxation and enjoyment. From mats to grills, we have what you need to make the space uniquely yours.</p>
986            </div>
987        </div>
988    </div>
989<div class="container filtered-content-grid mb-60">
990    <div id="grid-lock" class="row">
991        
992            <div class="col-12" id="Model.OmitProductGrid">
993                <div class="product-cards-group" id="product-grid" tabindex="0">
994                    <div class="container px-0">
995                        <div class="row row-cols-2 row-cols-md-3">
996                                <div class="col d-flex">
997                                    
998
999<div class="product-card product-card-lg d-flex align-self-stretch mb-3">
1000    <div class="card-wrapper">
1001                <a href="/c/outdoor-products/char-broil-gas-grill/" class="card-image card-image-square">
1002                                <div class="object-fit site-image-wrapper">
1003                <img alt="" class="site-image" src="https://embed.widencdn.net/img/springswindowfashions/jj2jyulho7/383x260px@2x/CharbroilGrillLifestyle.jpeg?keep=c&amp;crop=yes&amp;quality=80&amp;u=qiqmuw" data-product-code="" />
1004            </div>
1005
1006                </a>
1007
1008        <div class="card-content">
1009            <div class="mb-4">
1010                <h3 class="heading-lg text-light-blue"><a href="/c/outdoor-products/char-broil-gas-grill/" class="card-link">Char-Broil 2-Burner Gas Grill</a></h3>
1011            </div>
1012            <div class="body-md mb-20">
1013                Cook up something spectacular with the American Gourmet Classic 2-Burner Gas Grill which features 280-square-inches of cooking space and 20,000 BTUs of cooking power.
1014                
1015                        <hr class="hr-gray pt-2" />
1016                        <strong>$179.00</strong>
1017            </div>
1018        </div>
1019    </div>
1020</div>
1021                                </div>
1022                                <div class="col d-flex">
1023                                    
1024
1025<div class="product-card product-card-lg d-flex align-self-stretch mb-3">
1026    <div class="card-wrapper">
1027                <a href="/c/outdoor-products/patio-lights/" class="card-image card-image-square">
1028                                <div class="object-fit site-image-wrapper">
1029                <img alt="" class="site-image" src="https://embed.widencdn.net/img/springswindowfashions/z3hh2fgfoz/383x260px@2x/SunSetter-Patio-Lights?keep=c&amp;crop=yes&amp;q=90" data-product-code="" />
1030            </div>
1031
1032                </a>
1033
1034        <div class="card-content">
1035            <div class="mb-4">
1036                <h3 class="heading-lg text-light-blue"><a href="/c/outdoor-products/patio-lights/" class="card-link">Patio Lights</a></h3>
1037            </div>
1038            <div class="body-md mb-20">
1039                Stay outdoors even after the sun goes down. Weatherproof, smoke-colored Patio Lights emit a lovely, diffused light over your deck or patio.
1040                
1041                        <hr class="hr-gray pt-2" />
1042                        <strong>$156.00</strong>
1043            </div>
1044        </div>
1045    </div>
1046</div>
1047                                </div>
1048                                <div class="col d-flex">
1049                                    
1050
1051<div class="product-card product-card-lg d-flex align-self-stretch mb-3">
1052    <div class="card-wrapper">
1053                <a href="/c/outdoor-products/sunsetter-mats/" class="card-image card-image-square">
1054                                <div class="object-fit site-image-wrapper">
1055                <img alt="9&amp;#39;x9&amp;#39; SunSetter Mat" class="site-image" src="https://embed.widencdn.net/img/springswindowfashions/rzq1qxkndg/383x260px@2x/Sunsetter_Mat_9x9_02.jpg?keep=c&amp;crop=yes&amp;q=90" data-product-code="" />
1056            </div>
1057
1058                </a>
1059
1060        <div class="card-content">
1061            <div class="mb-4">
1062                <h3 class="heading-lg text-light-blue"><a href="/c/outdoor-products/sunsetter-mats/" class="card-link">SunSetter Mats</a></h3>
1063            </div>
1064            <div class="body-md mb-20">
1065                This great looking, rugged floor mat adds style and comfort while protecting your deck or patio surface - and bare feet, making your deck a comfortable place to walk.
1066                
1067                        <hr class="hr-gray pt-2" />
1068                        <strong>$241.00</strong>
1069            </div>
1070        </div>
1071    </div>
1072</div>
1073                                </div>
1074                        </div>
1075                    </div>
1076                </div>
1077            </div>
1078    </div>
1079</div>
1080<div>
1081<div class="block contentcontainerblock  "><div class="container lg-container mb-0 mt-0 contact-form-module px-0">
1082    <style>
1083.contact-form-module {
1084background-color: #000;
1085}
1086
1087.contact-form-module-img {
1088height: 100%;
1089left: 0;
1090position: absolute;
1091object-fit: cover;
1092object-position: center;
1093opacity: .35;
1094top: 0;
1095width: 100%;
1096}
1097
1098.contact-form-module-overlay {
1099position: relative;
1100z-index: 1;
1101}
1102
1103.contact-form-module-form {
1104background-color: #01426a;
1105display: flex;
1106justify-content: center;
1107width: 100%;
1108}
1109
1110@media (min-width:768px) {
1111.contact-form-module-form {
1112max-width: 430px;
1113min-height: 520px;
1114}
1115}
1116
1117</style>
1118<div class="row mx-0">
1119<div class="col-12 px-0"><img class="contact-form-module-img" srcset="https://embed.widencdn.net/img/springswindowfashions/bmakvmkwge/1064x420px@2x/SunSetter-WebAlt22_Non-SemiPROwHood_WovenAcrylic-FogStripe_1022.webp?keep=c&amp;crop=yes&amp;q=90 2128w, https://embed.widencdn.net/img/springswindowfashions/bmakvmkwge/1064x420px/SunSetter-WebAlt22_Non-SemiPROwHood_WovenAcrylic-FogStripe_1022.webp?keep=c&amp;crop=yes&amp;q=90 1064w, https://embed.widencdn.net/img/springswindowfashions/bmakvmkwge/350x260px@2x/SunSetter-WebAlt22_Non-SemiPROwHood_WovenAcrylic-FogStripe_1022.webp?keep=c&amp;crop=yes&amp;q=90 700w, https://embed.widencdn.net/img/springswindowfashions/bmakvmkwge/350x260px/SunSetter-WebAlt22_Non-SemiPROwHood_WovenAcrylic-FogStripe_1022.webp?keep=c&amp;crop=yes&amp;q=90 350w" alt="" />
1120<div class="container contact-form-module-overlay my-5">
1121<div class="row">
1122<div class="col-12 col-md-6 d-flex align-items-center">
1123<div class="contact-form-module-content py-5">
1124<h1 class="heading-xl mt-0 mb-2 text-white" style="font-size: 40px;">Find An Authorized SunSetter Dealer Near You</h1>
1125<p class="text-white" style="font-size: 20px;">Enjoy pro guidance, local pricing, and easy installation.</p>
1126</div>
1127</div>
1128<div class="col-12 col-md-6 d-flex justify-content-end">
1129<div class="contact-form-module-form">
1130<script>
1131    var script = document.createElement('script');
1132    script.src = '/assets/dist/js/dealer-lead-form.min.js?cache=04302026';
1133    script.type = 'text/javascript';
1134    script.defer = true;
1135    document.body.appendChild(script);
1136</script>
1136
1137<div class="form-dark-bg ml-2 mr-2 px-3 py-5 p-sm-5 align-self-center" id="findADealerFormWrapper">
1138    
1139<form action="" class="site-form find-a-dealer-lead-form" method="post">    <fieldset class="form-section form-section-no-border">
1140        <legend class="heading-lg mb-4 text-center">
1141            
1142        </legend>
1143
1144        <input id="Form_FormErrorMessage" name="Form.FormErrorMessage" type="hidden" value="There was an issue submitting your request. Please try again." />
1145        <input id="Form_FormHeading" name="Form.FormHeading" type="hidden" value="Receive a FREE Information Kit along with Savings!" />
1146        <input name="RequestType" type="hidden" value="FTFAD" />
1147
1148        <div class="validation-summary-errors form-error-message body-md mb-4 hidden">
1149            <span>There was an issue submitting your request. Please try again.</span>
1150        </div>
1151        <div class="form-floating mb-4">
1152            <input Name="FirstName" autocomplete="on" class="form-control" id="Form_FirstName" maxlength="30" name="Form.FirstName" placeholder="First Name" type="text" value="" />
1153            <label for="Form_FirstName">First Name</label>
1154        </div>
1155        <div class="form-floating mb-4">
1156            <input Name="LastName" autocomplete="on" class="form-control" id="Form_LastName" maxlength="30" name="Form.LastName" placeholder="Last Name" type="text" value="" />
1157            <label for="Form_LastName">Last Name</label>
1158        </div>
1159        <div class="form-floating mb-4">
1160            <input Name="Email" aria-describedby="EmailError" autocomplete="on" class="form-control" data-val="true" data-val-regex="A valid Email is required" data-val-regex-pattern="^(([^&lt;>()\[\]\\.,;:\s@@&quot;]+(\.[^&lt;>()\[\]\\.,;:\s@@&quot;]+)*)|(&quot;.+&quot;))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$" data-val-required="A valid Email is required" id="Form_Email" maxlength="128" name="Form.Email" placeholder="Email*" type="text" value="" />
1161            <label for="Form_Email">Email*</label>
1162            <span class="field-validation-valid text-danger" data-valmsg-for="Email" data-valmsg-replace="true" id="EmailError"></span>
1163        </div>
1164        <div class="form-group mb-2">
1165            <input Name="ContactOptionId" checked="checked" data-val="true" data-val-required="The ContactOptionId field is required." id="Form.ContactOptionId" name="Form.ContactOptionId" type="checkbox" value="true" /><input name="Form.ContactOptionId" type="hidden" value="false" />
1166            <label class="checkbox-label body-md" for="Form.ContactOptionId"><p class="body-sm">I would like to receive emails with special promotions from SunSetter.</p></label>
1167        </div>
1168        <div class="form-floating mb-4" style="width:50%;">
1169            <input Name="ZipCode" aria-describedby="ZipCodeError" autocomplete="on" class="form-control" data-val="true" data-val-regex="A valid Zip Code is required" data-val-regex-pattern="(^\d{5}(-\d{4})?$)|(^[ABCEGHJKLMNPRSTVXY]{1}\d{1}[A-Z]{1} *\d{1}[A-Z]{1}\d{1}$)" data-val-required="A valid Zip Code is required" id="Form_ZipCode" maxlength="20" name="Form.ZipCode" placeholder="Zip Code*" type="text" value="" />
1170            <label for="Form_ZipCode">Zip Code*</label>
1171            <span class="field-validation-valid text-danger" data-valmsg-for="ZipCode" data-valmsg-replace="true" id="ZipCodeError"></span>
1172        </div>
1173        <div class="align-items-center d-flex mb-2">
1174            <div style="width:50%;">
1175                <div class="form-floating">
1176                    <input Name="Phone" aria-describedby="PhoneError" autocomplete="on" class="form-control" data-val="true" data-val-regex="A valid Phone Number is required" data-val-regex-pattern="^\D*(\d{3})\D*(\d{3})\D*(\d{4})\D*$" id="Form_Phone" maxlength="30" name="Form.Phone" placeholder="Phone" type="text" value="" />
1177                    <label for="Form_Phone">Phone</label>
1178                    <span class="field-validation-valid text-danger" data-valmsg-for="Phone" data-valmsg-replace="true" id="PhoneError"></span>
1179                </div>
1180            </div>
1181            <div style="width:50%;">
1182                <div class="ml-3">
1183                    <p class="body-sm">Enter your phone number for a FREE in-home consultation</p>
1184                </div>
1185            </div>
1186        </div>
1187        <div class="row">
1188            <div class="col mb-5 mt-3">
1189                <p class="body-sm"><span>*</span> Required Fields</p>
1190            </div>
1191        </div>
1192        <div class="row">
1193            <div class="col-8 d-flex mx-auto">
1194                <button class="button-light-yellow-lg button-submit d-flex flex-fill justify-content-center" type="submit">Find a Dealer</button>
1195            </div>
1196        </div>
1197    </fieldset>
1198    <div class="mt-4">
1199        <p class="body-md mb-20">Your contact information is kept confidential. We do not distribute it to outside sources. Read our <a href="/cm/privacy/">privacy policy</a>.</p>
1200    </div>
1201</form>
1202</div>
1203</div>
1204</div>
1205</div>
1206</div>
1207</div>
1208</div>
1209</div></div></div>
1210
1211            </main>
1212
1213
1214<footer class="footer sticky-footer">
1215    <div class="footer-ctas-wrap">
1216        <div class="container">
1217            <!--<div class="row">
1218            <div class="col-12 px-0">-->
1219                <ul class="footer-ctas d-flex flex-column flex-xs-row flex-wrap justify-content-center justify-content-lg-between" role="menu">
1220                            <li role="menuitem">
1221                                <a href="/cm/free-awning-info-kit/" >Free Info Kit &amp; Savings Certificate</a>
1222                            </li>
1223                            <li role="menuitem">
1224                                <a href="/cm/find-a-dealer/" >Find a SunSetter Dealer Near You</a>
1225                            </li>
1226                            <li role="menuitem">
1227                                <a href="/cm/free-awning-swatches/" >Free Swatches</a>
1228                            </li>
1229                            <li role="menuitem">
1230                                <a href="/cm/owner-reviews/" >Read Owner Reviews</a>
1231                            </li>
1232                            <li role="menuitem">
1233                                <a href="/cm/become-a-dealer/" >Become a Dealer</a>
1234                            </li>
1235                </ul>
1236            <!--</div>
1237            </div>-->
1238        </div>
1239    </div>
1240    <div class="bg-dark-gray-05">
1241        <div class="container">
1242            <div class="row">
1243                <div class="bg-dark-blue col-12 col-md-auto order-2 order-md-1">
1244                    <div class="footer-contact d-flex flex-row flex-md-column justify-content-between mb-3 mb-md-0">
1245                        <div>
1246                            <address class="body-md text-white">
1247                                <span class="header-link-footer">SunSetter Products</span> 7549 Graber Road<br />Middleton, WI 53562
1248                            </address>
1249                            <a class="body-md text-white sst-phone-number" href="tel:1-800-876-2340">
1250                                <strong class="sst-phone-number">1-800-876-2340</strong>
1251                            </a>
1252                        </div>
1253                            <ul class="footer-socials flex-row col-6 col-md-12 pr-0 px-md-0" role="menu">
1254                                    <li class="link-icon" role="menuitem">
1255                                        <a href="/goto-facebook" class="footer-icon-facebook" target=_blank>
1256                                            <img alt="Facebook" src="/siteassets/assets/images/ui/icon-social-facebook.svg" />
1257                                        </a>
1258                                    </li>
1259                                    <li class="link-icon ml-3" role="menuitem">
1260                                        <a href="https://www.instagram.com/sunsetterproducts/" class="footer-icon-instagram" target=_blank>
1261                                            <img alt="Instagram" src="/siteassets/assets/images/ui/icon-social-instagram.svg" />
1262                                        </a>
1263                                    </li>
1264                                    <li class="link-icon ml-3" role="menuitem">
1265                                        <a href="https://www.youtube.com/@SunSetterProducts" class="footer-icon-" target=_blank>
1266                                            <img alt="YouTube" src="/siteassets/assets/images/ui/icon-social-youtube.svg" />
1267                                        </a>
1268                                    </li>
1269                                    <li class="link-icon ml-3" role="menuitem">
1270                                        <a href="https://www.pinterest.com/SunSetterProducts/" class="footer-icon-" target=_blank>
1271                                            <img alt="Pinterest" src="/siteassets/assets/images/ui/icon-social-pinterest.svg" />
1272                                        </a>
1273                                    </li>
1274                            </ul>
1275                    </div>
1276                </div>
1277                <div class="link-footer-wrap col-12 col-md d-flex flex-row flex-wrap order-1 order-md-2" >
1278                                <ul class="col-6 col-md-3 pb-3" role="menu" >
1279                                    <li class="header-link-footer" role="menuitem" >Our Company</li>
1280                                                <li class="sst-ft-mi" role="menuitem" >
1281                                                    <a href="/cm/about/" >About Us</a>
1282                                                </li>
1283                                                <li class="sst-ft-mi" role="menuitem" >
1284                                                    <a href="/cm/sunsetter-quality/" >SunSetter Quality</a>
1285                                                </li>
1286                                                <li class="sst-ft-mi" role="menuitem" >
1287                                                    <a href="/cm/sunsetter-blog/" >Our Blog</a>
1288                                                </li>
1289                                                <li class="sst-ft-mi" role="menuitem" >
1290                                                    <a href="/cm/video-gallery/" >Watch Our Videos</a>
1291                                                </li>
1292                                                <li class="sst-ft-mi" role="menuitem" >
1293                                                    <a href="https://careers-sunsetter.icims.com/jobs/intro?hashed=-435626302" target=_blank>Careers</a>
1294                                                </li>
1295                                                <li role="menuitem" class="sst-ft-mi">
1296                                                    <a href="/cm/media-inquiries/">Media Inquiries</a>
1297                                                </li>
1298                                </ul>
1299                                <ul class="col-6 col-md-3 pb-3" role="menu" >
1300                                    <li class="header-link-footer" role="menuitem" >Products</li>
1301                                                <li role="menuitem" class="sst-ft-mi">
1302                                                    <a href="/c/awnings/">Awnings</a>
1303                                                </li>
1304                                                <li role="menuitem" class="sst-ft-mi">
1305                                                    <a href="/c/retractable-screens/">Retractable Screens</a>
1306                                                </li>
1307                                                <li role="menuitem" class="sst-ft-mi">
1308                                                    <a href="/cm/awning-accessories/">Awning Accessories</a>
1309                                                </li>
1310                                                <li role="menuitem" class="sst-ft-mi">
1311                                                    <a href="/c/outdoor-products/">Outdoor Products</a>
1312                                                </li>
1313                                </ul>
1314                                <ul class="col-6 col-md-3 pb-3" role="menu" >
1315                                    <li class="header-link-footer" role="menuitem" >Customer Service</li>
1316                                                <li class="sst-ft-mi" role="menuitem" >
1317                                                    <a href="/oc/ocloginnew/" target=_blank>Order Status</a>
1318                                                </li>
1319                                                <li class="sst-ft-mi" role="menuitem" >
1320                                                    <a href="/cm/warranty/" >Warranty Information</a>
1321                                                </li>
1322                                                <li role="menuitem" class="sst-ft-mi">
1323                                                    <a href="/cm/payment-plans/">Payment Plans</a>
1324                                                </li>
1325                                                <li class="sst-ft-mi" role="menuitem" >
1326                                                    <a href="/cs/installationassistance/" target=_blank>Technical Assistance</a>
1327                                                </li>
1328                                                <li class="sst-ft-mi" role="menuitem" >
1329                                                    <a href="/cm/safety-clips/" >Recall Information</a>
1330                                                </li>
1331                                                <li class="sst-ft-mi" role="menuitem" >
1332                                                    <a href="/cs/homepage/" >Contact Us</a>
1333                                                </li>
1334                                </ul>
1335                                <ul class="col-6 col-md-3 pb-3" role="menu" >
1336                                    <li class="header-link-footer" role="menuitem" >Owner's Corner</li>
1337                                                <li class="sst-ft-mi" role="menuitem">
1338                                                    <a class="button-dark-blue-sm" href="/oc/ocloginnew/">Log In</a>
1339                                                </li>
1340                                </ul>
1341                </div>
1342            </div>
1343        </div>
1344    </div>
1345    <div class="d-none d-sm-flex py-4" style="justify-content: space-evenly; align-items: baseline;">
1346    <a href="https://awnings.textiles.org/" target="_blank"> <img src="/siteassets/assets/images/ui/logo-pama.png" alt="PAMA" style="width:180px;padding-bottom:20px"> </a>
1347    <a href="https://www.skincancer.org/" target="_blank"> <img src="https://www.sunsetter.com/globalassets/assets/images/scf-seal---outdoor-shade-4c.png" alt="Skin Cancer Foundation" style="max-width:45px"> </a>
1348    <a href="https://sunsetterproducts.caddetails.com/" target="_blank"> <img src="https://www.sunsetter.com/globalassets/assets/images/caddetails.png" alt="CADdetail
1348s" style="padding-bottom:15px;max-width:160px"> </a>
1349    <a href="https://www.consumeraffairs.com/homeowners/sunsetter.html" target="_blank"> <img src="https://embed.widencdn.net/img/springswindowfashions/qnwbz9bc7z/200x75px/Consumer-Affairs.png" alt="Consumer-Affairs" style="max-width:160px"> </a>
1350    <a href="https://www.sunsetter.com/cm/warranty/5-year-all-weather-warranty/" target="_blank"><img src="/globalassets/assets/images/ui/icon-five-year-warranty.svg" alt="5-Year Warranty" style="width:80px;"> </a>
1351    <a href="https://www.sunsetter.com/cm/warranty/10-year-all-weather-warranty/" target="_blank"><img src="/globalassets/assets/images/ui/icon-ten-year-warranty.svg" alt="10-Year Warranty" style="width:80px;"> </a>
1352</div>
1353
1354
1355    <div class="bg-dark-blue">
1356        <div class="container">
1357            <div class="row">
1358                <div class="copyright col pb-3">
1359<p class="body-xs py-3">Photos are for inspiration only. Not all product configurations are available in all countries.</p>                    
1360                    <div class="d-flex flex-column flex-md-row justify-content-md-center align-items-md-center">
1361                        <p class="body-sm mr-lg-5 pr-sm-5">
1362                            <span>&copy; 2026 SunSetter Products. All Rights Reserved. All trademarks are owned by SunSetter.</span>
1363                                <span class="copyright-links mt-1 mt-md-0">
1364                                            <a class="pl-0 pr-4 pl-md-5 pr-md-0" href="/cm/privacy/"><strong>Privacy &amp; Security</strong></a>
1365                                            <a class="pl-0 pr-4 pl-md-5 pr-md-0" href="/cm/ccpa-privacy-notice/"><strong>CCPA Policy</strong></a>
1366                                            <a class="pl-0 pr-4 pl-md-5 pr-md-0" href="https://privacyportal.onetrust.com/webform/d1733fbe-d1ce-4ae2-a5cf-c526fd82eea9/7e0a0303-83e0-4f48-ab63-872f1c5edc21" target=_blank><strong>Do Not Sell or Share My Information</strong></a>
1367                                </span>
1368                        </p>
1369                    </div>
1370                </div>
1371            </div>
1372        </div>
1373    </div>
1374</footer>
1375
1376<style>
1377    .sst-ft-mi {
1378        min-height:24px;
1379    }
1380</style>        </div>
1381    
1381<script>
1382        var desktopPhone = '1-800-876-2340';
1383        var mobilePhone = '1-800-876-2340';
1384        var sitePopupsEnabled = true;
1385    </script>
1385
1386    
1386<script src="/assets/dist/js/polyfill.min.js?cache=04302026" id="polyfill-script"></script>
1386
1387    
1387<script src="/assets/dist/js/app.min.js?cache=04302026"></script>
1387
1388    
1388<script src="/assets/dist/js/optimizely-experiment-api.min.js?cache=04302026"></script>
1388
1389    
1389<script>
1390        var isRetractableScreenPage = window.location.href.indexOf('/retractable-screens') !== -1 || window.location.href.indexOf('/easyscreens') !== -1;
1391        var isEasyShadesPage = window.location.href.indexOf('/easyshades') !== -1;
1392        if (isRetractableScreenPage) {
1393            
1394            [].map.call(document.querySelectorAll('.primary-item-get-pricing a'), function (link) {
1395                link.href = '/cm/retractable-screens/get-estimate/';
1396            });
1397        } else if (isEasyShadesPage) {
1398            [].map.call(document.querySelectorAll('.primary-item-get-pricing a'), function (link) {
1399                link.href = '/cm/easyshades/pricing-and-order/';
1400            });
1401        }
1402    </script>
1402
1403
1404
1405        
1405<script>
1406            if (!Aggregator) {
1407                var Aggregator = function (o) {
1408                    var d = document, p = Aggregator.prototype; this.options = o; this.q = []; d.cookie = '__na_c=1'; p.p = function (c) {
1409                        return function () {
1410                            this.q.push([c, arguments])
1411                        }
1412                    }; p.setPerson = p.p(4, arguments); p.logEvent = p.p(0, arguments); p.logPageview = p.p(1, arguments);
1413                    p.ready = p.p(2, arguments); p.logOutbound = p.p(3, arguments); p.updatePerson = p.p(5, arguments); p.updateSession = p.p(6, arguments);
1414                    p.updateEvent = p.p(7, arguments); p.push = p.p(8, arguments); var s = d.createElement('script'); s.type = 'text/javascript';
1415                    s.async = true; (function (i) {
1416                        s.onreadystatechange = function () { if (s.readyState == 'loaded' || s.readyState == 'complete') { i.run(); } };
1417                        s.onload = function () { i.run(); }
1418                    })(this); e = location.protocol == 'https:'; s.src = 'http' + (e ? 's://' : '://') +
1419                        (e && navigator.userAgent.indexOf('MSIE') > -1 ? 'a-{0}.gatorapi.com' : 'a-{0}.scripts.gatorapi.com').replace('{0}', o.projectId) +
1420                        '/web?t=' + Math.floor((new Date() * .00001) / 36); var e = d.getElementsByTagName('script')[0]; e.parentNode.insertBefore(s, e);
1421                }
1422            }
1423            if (!gator) {
1424                var gator = new Aggregator({
1425                    "projectId": "53999616"
1426                });
1427            }
1428            var gatorApi = {
1429                log: function (gf, name, address, zip, email, phone) {
1430                    console.log(`${gf}, ${name}, ${address}, ${zip}, ${email}, ${phone}`);
1431                    var id = Date.now();
1432                    gator.logEvent(gf, {
1433                        address,
1434                        email, // is there a reason this isn't being logged?
1435                        id,
1436                        name,
1437                        phone,
1438                        zip,
1439                    });
1440                }, 
1441            };
1442        </script>
1442
1443        
1443<script>
1444            gator.logPageview();
1445        </script>
1445
1446
1447<script>
1448  (function (g, e, n, es, ys, m, xg) {
1449    g['_genesysJs'] = e;
1450    g[e] = g[e] || function () {
1451      (g[e].q = g[e].q || []).push(arguments)
1452    };
1453    g[e].t = 1 * new Date();
1454    g[e].c = es;
1455    ys = document.createElement('script'); ys.async = 1; ys.src = n; ys.charset = 'utf-8'; document.head.appendChild(ys);
1456    xg = document.createElement('script'); xg.async = 1; xg.src = m; xg.charset = 'utf-8'; document.body.appendChild(xg);
1457  })(window, 'Genesys', 'https://apps.usw2.pure.cloud/genesys-bootstrap/genesys.min.js', {
1458    environment: 'prod-usw2',
1459    deploymentId: 'af2865eb-9250-4c8d-be8d-13b4e7e5e693'
1460  },
1461    '', '/assets/dist/js/genesys-mxg-manager.min.js?cache=04302026'
1462  );
1463</script>
1463        
1463<script>
vendor: 152 bytes, lines 1463-1466
1463
1464            (function(h,o,t,j,a,r){
1465                h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
1466                h._hjSettings={hjid:
14662374119
vendor: 312 bytes, lines 1466-1472
1466,hjsv:6};
1467                a=o.getElementsByTagName('head')[0];
1468                r=o.createElement('script');r.async=1;
1469                r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
1470                a.appendChild(r);
1471            })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
1472        
1472</script>
1472
1473        
1473<script>
1474            var _kmq = _kmq || [];
1475            var _kmk = _kmk || '42be80a0d2c39ebe60058c7fe1c64db0a7b99016';
1476            function _kms(u) {
1477                setTimeout(function () {
1478                    var d = document, f = d.getElementsByTagName('script')[0],
1479                        s = d.createElement('script');
1480                    s.type = 'text/javascript'; s.async = true; s.src = u;
1481                    f.parentNode.insertBefore(s, f);
1482                }, 1);
1483            }
1484            _kms('//i.kissmetrics.com/i.js');
1485            _kms('//scripts.kissmetrics.com/' + _kmk + '.2.js');
1486        </script>
vendor: 2 bytes, line 1486
1486
1487<script async src=https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=L2S3bd></script>
1487        
1487<script async src='https://tag.simpli.fi/sifitag/d0c04114-5f1d-4bdd-b7aa-64c19734b09d'></script>
1487
1488        <!-- Eicoff run on all pages -->
1489
1490<script>
1491    // console.log('pebble!');
1492    window._pp = window._pp || [];
1493    _pp.brid = "2631";
1494    _pp.brcid = "";
1495    _pp.sessionId = "";
1496    _pp.email = "";
1497    _pp.offerCode = "";
1498    _pp.orderValue = "";
1499    _pp.orderId = "";
1500</script>
vendor: 2 bytes, line 1500
1500
1501<script>
1502    (function () {
1503        var ppjs = document.createElement('script');
1504        ppjs.type = 'text/javascript';
1505        ppjs.async = true;
1506        ppjs.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//cdn.pbbl.co/r/' + _pp.brid + '.js';
1507        var s = document.getElementsByTagName('script')[0];
1508        s.parentNode.insertBefore(ppjs, s);
1509    })();
1510</script>
1510
1511    
1512        
1512<script>
1513        gaEcommerceEvent.viewItemList('Outdoor Products');
1514    </script>
1514
1515
1516</body>
1517</html>

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.