PageSourceSearch

https://www.benjaminmoore.com/en-us/about-us/5-reasons-to-shop-small

html benjaminmoore.com collected 2026-10-01 10:12:41 UTC 281,454 bytes, 3,689 lines download raw bytes

1
2
3<!DOCTYPE html>
4
5<html lang="en-US">
6
7<head>
8    <!-- APP_VERSION: 09162025 v1.0 -->
9    <meta charset="utf-8" />
10    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
11    <meta property="fb:app_id" content="188845908197661" />
12
13    <!-- Device -->
14    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
15    <meta name="format-detection" content="telephone=yes" />
16    <meta name="apple-mobile-web-app-capable" content="yes" />
17    <meta name="mobile-web-app-capable" content="yes">
18    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
19    <meta name="msapplication-tap-highlight" content="no" />
20
21    <!--Google Search Verification-->
22    <meta name="google-site-verification" content="HKfOGdyBRsUhNaZXPsX7HaMifbCokt6gpStsMPDCX3A" />
23    <!-- Descriptive MetaData -->
24        <title>Top 5 Reasons to Shop Small | Benjamin Moore</title>
25        <meta name="description" content="Learn the top 5 reasons to shop small with Benjamin Moore&#39;s independent retailers." />
26        <meta name="keywords" content="" />
27        <meta name="og:title" content="Top 5 Reasons to Shop Small | Benjamin Moore" />
28            <meta name="og:image" content="https://www.benjaminmoore.com/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/top5reasonsshopsmallbusiness_card_482x370.jpg" />
29            <meta name="og:image:url" content="https://www.benjaminmoore.com/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/top5reasonsshopsmallbusiness_card_482x370.jpg" />
30            <meta name="og:image:secure_url" content="https://www.benjaminmoore.com/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/top5reasonsshopsmallbusiness_card_482x370.jpg" />
31            <meta class="swiftype" name="image" data-type="enum" content="https://www.benjaminmoore.com/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/top5reasonsshopsmallbusiness_card_482x370.jpg" />
32        <meta name="og:description" content="Learn the top 5 reasons to shop small with Benjamin Moore&#39;s independent retailers." />
33        <meta class="swiftype" name="description" data-type="string" content="Learn the top 5 reasons to shop small with Benjamin Moore&#39;s independent retailers." />
34        <!-- Twitter Meta Tags -->
35        <meta name="twitter:site" content="@Benjamin_Moore" />
36        <meta name="twitter:card" content="summary_large_image" />
37        <meta name="twitter:title" content="Top 5 Reasons to Shop Small | Benjamin Moore" />
38        <meta name="twitter:description" content="Learn the top 5 reasons to shop small with Benjamin Moore&#39;s independent retailers." />
39        <meta name="twitter:image" content="https://www.benjaminmoore.com/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/top5reasonsshopsmallbusiness_card_482x370.jpg" />
40    <meta name="og:url" content="https://www.benjaminmoore.com/en-us/about-us/5-reasons-to-shop-small" />
41        <meta name="og:type" content="Article" />
42        <meta name="bmc_search_category" content="Article" />
43
44    <meta name="wt.z_country" content="USA" />
45    <meta name="wt.z_language" content="en-us" />
46    <!-- Robots -->
47    <meta name="robots" content="index,follow" />
48    <!-- Document Base -->
49    
50    <base href="/en-us/about-us/5-reasons-to-shop-small" target="_self" />
51        <link rel="canonical" href="https://www.benjaminmoore.com/en-us/about-us/5-reasons-to-shop-small" />
52
53        <link rel="alternate" hreflang="en-us" href="https://www.benjaminmoore.com/en-us/about-us/5-reasons-to-shop-small" />
54        <link rel="alternate" hreflang="en-ca" href="https://www.benjaminmoore.com/en-ca/about-us/5-reasons-to-shop-small" />
55        <link rel="alternate" hreflang="fr-ca" href="https://www.benjaminmoore.com/fr-ca/a-propos-de-nous/5-raisons-dencourager-les-petits-detaillants" />
56        <link rel="alternate" hreflang="x-default" href="https://www.benjaminmoore.com/en-us/about-us/5-reasons-to-shop-small" />
57            <link rel="alternate" hreflang="es-mx" href="https://www.benjaminmoore.mx">
58    <!-- Favicon -->
59
60    <link rel="apple-touch-icon" sizes="180x180"
61          href="/assets/benjaminmoore/dist/live/favicon/apple-touch-icon.png?v=rM3JQa6g0Y">
62    <link rel="icon" type="image/png" href="/assets/benjaminmoore/dist/live/favicon/favicon-32x32.png?v=rM3JQa6g0Y"
63          sizes="32x32">
64    <link rel="icon" type="image/png" href="/assets/benjaminmoore/dist/live/favicon/favicon-16x16.png?v=rM3JQa6g0Y"
65          sizes="16x16">
66    <link rel="manifest" href="/assets/benjaminmoore/dist/live/favicon/manifest.json?v=rM3JQa6g0Y">
67    <link rel="mask-icon" href="/assets/benjaminmoore/dist/live/favicon/safari-pinned-tab.svg?v=rM3JQa6g0Y"
68          color="#5bbad5">
69    <link rel="shortcut icon" href="/assets/benjaminmoore/dist/live/favicon/favicon.ico?v=rM3JQa6g0Y">
70    
71    <!-- Custom Font -->
72    <!-- App Styles -->
73    <link type="text/css" rel="stylesheet" href="/assets/benjaminmoore/dist/live/styles/app/app.css?v=638935955230000000" />
74    <!-- Lottie Js added for betty icons animation state -->
75    
75<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.4/lottie.min.js"></script>
75
76    
76<script>
77        // Setting lang attribute for Clarip consent DNSS link
78        var lang = 'en-us';
79    </script>
79
80    <!-- Page Styles -->
81        <!-- Google Tag Manager (Recommended to be pasted before the tag manager snippet) -->
82    
82<script>
83        dataLayer = [];
84    </script>
84
85    <!-- End Google Tag Manager -->
86
87
88<script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script>
88
89                                
89<script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="CYLHF-AXMWY-TB3LN-5MU75-4YAHH",function(){function e(){if(!i){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,o.parentNode.appendChild(e),i=!0}}function t(e){i=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(o.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",o.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"CYLHF-AXMWY-TB3LN-5MU75-4YAHH";var o=document.currentScript||document.getElementsByTagName("script")[0],i=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!i)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),o.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="keiagiaxfxx7w2v6gila-f-64f819c95-clientnsv4-s.akamaihd.net",o="false"=="true"?2:1,i={"ak.v":"41","ak.cp":"502522","ak.ai":parseInt("330168",10),"ak.ol":"0","ak.cr":373,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"86f5b20","ak.r":47909,"ak.a2":n,"ak.m":"a","ak.n":"essl","ak.cport":60760,"ak.gh":"23.51.23.70","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1790849558","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==uUQRdIchv6S34G6YX4wOAeltxu1Zap4MeSoTfrD2PY+To2456H/BjnEzIdf6vaYFUpkldXYidYk/4c1TDl46NKotAMNO75pWYs0Tp9OfELBgwQYNQNG2AS2XGvW18KF8JLX+QQ1emUa9peeS2umKBUQlW8z4HEfqasntKe0RBV7fYR16TJoVPr54qKAWuqg+BhRs5dvbYRp3qqnipnndjfuR8cLsMpIUdcSwtASF8wBGVvyIQqEgSETZH7G6roJAXhAguwKVgNTX2oRoWuhfXZ/lKeCO7IZGNFM2cyPKLOkR4uwPRcH/5WAWsys61mdf7KUAOGlRjK0YxjBbiCkvwoCqEwYlxsk9cAXj7SrcngBhC8ulAUL3TeNnjcC4DrjtH+Wb5tsT19hcAYbzVWMSPguc5yM3VaCUtDdCC3ZPzkY=","ak.pv":"176","ak.dpoabenc":"","ak.tf":o};if(""!==t)i["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))i["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(i)},rv:function(){var e=["ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:i,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script>
89</head>
90
91
92<body
93      data-ng-controller="GlobalController " 
94      data-bm-responsive>
95    
96
97
98
99
100
101    <div data-ng-controller="GlobalNavbarController as ctrl" ng-init='siteSettings = { "appSettingsUrl": "https://api.benjaminmoore.io/appsettings/brandsite?locale=en-us&amp;version=v1.0", "appSettingsHeaderKey:": "Ocp-Apim-Subscription-Key", "appSettingsHeaderValue": "48c3c3e75b424f97904f9659da65b4d0" }'>
102            
103<script id="megamenu-retail-template.html" type="text/ng-template">
104    <div id="megamenu-retail-modal">
105        <div class="modal-header">
106            <h3 class="modal-title" id="megamenu-retail-modal-label">Retail</h3>
107        </div>
108        <div class="modal-body">
109
110            <ul role="menu" aria-labelledby="megamenu-advice-modal-label">
111                <li role="menuitem">
112                    <a href="/en-us/store-locator">
113                        <h3>
114                            Overview
115                            <small>Experience a different kind of paint store.</small>
116                        </h3>
117                    </a>
118                </li>
119                <li role="menuitem" class="store-wrap"
120                    data-ng-if="ctrl.defaultStore && !ctrl.isQueryFocused">
121                    <div class="premiere-wrap"
122                         data-ng-if="::ctrl.defaultStore.authorizedPlusRetailerIndicator">
123                        Authorized Retailer Plus
124                    </div>
125                    <div class="store-row">
126                        <div>
127                            <a data-ng-href="{{::ctrl.defaultStore.bmcRetailDetailPage}}"
128                               data-ng-bind="::ctrl.defaultStore.storeName"
129                               
130                               class="store-name"></a> <span class="hidden-lg" data-ng-if="ctrl.defaultStore.distance"> ({{ ctrl.defaultStore.distance | number:1 }}  mi.)</span>
131                            <span class="hidden store-number"
132                                  data-ng-bind="ctrl.defaultStore.storeNumber"></span>
133                            <div data-ng-bind="::ctrl.defaultStore.addressLine1"></div>
134                            <div data-ng-bind="::ctrl.defaultStore.addressLine2"></div>
135                            <span data-ng-bind="::ctrl.defaultStore.city"></span>, <span data-ng-bind="::ctrl.defaultStore.state"></span> <span data-ng-bind="::ctrl.defaultStore.zipCode"></span>
136                        </div>
137                        <div>
138                            <div>
139                                <span data-ng-if="::ctrl.defaultStore.openUntil">Open Until <span ng-bind='::ctrl.defaultStore.openUntil'></span> |</span>
140                                <a data-ng-href="{{::ctrl.defaultStore.directionsLink}}" target="_blank"
141                                   class="directions-link">Directions</a>
142                            </div>
143                            <a data-ng-bind="::ctrl.defaultStore.phone"
144                               data-ng-href="{{'tel:' + ctrl.mapWindow.phoneStripped}}"
145                               class="phone-num"></a>
146                            <div data-my-store
147                                 data-store="::ctrl.defaultStore"
148                                 data-event-category="::ctrl.eventCategory"></div>
149                        </div>
150                    </div>
151                </li>
152                <li role="menuitem" class="form">
153
154                    <form id="findRetailerForm" name="findRetailerForm" method="GET" action="/en-us/store-locator">
155                        <div class="form-group">
156                            <label for="find-retailer-query" class="h3 sr-only">Find a Retailer...</label>
157                            <input id="find-retailer-query" name="q" type="text" class="form-control"
158                                   data-ng-init="ctrl.placeholderText = ctrl.placeholderDefaultText = 'Find another retailer...'"
159                                   data-ng-blur="ctrl.placeholderText = ctrl.placeholderDefaultText; ctrl.isQueryFocused = false;"
160                                   data-ng-focus="ctrl.placeholderText = 'Enter a ZIP code or city and state...'; ctrl.isQueryFocused = true;"
161                                   placeholder="{{ctrl.placeholderText}}" />
162                            
163                            <div class="actions">
164                                <input type="submit" value="Go" />
165                            </div>
166                            <button type="button" class="btn btn-link edit-btn-wrap"
167                                    data-ng-if="!ctrl.isQueryFocused"
168                                    data-ng-click="ctrl.isQueryFocused = true;" aria-label="Edit">
169                                <span class="sr-only">Edit Button</span><span class="icon-edit" aria-hidden="true"></span>
170                            </button>
171                            <button type="button" class="btn btn-link close-btn-wrap"
172                                    data-ng-if="ctrl.isQueryFocused"
173                                    data-ng-click="ctrl.isQueryFocused = false;" aria-label="Close">
174                                <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span>
175                            </button>
176
177                            <button type="button" data-ng-click="ctrl.useMyLocation()" class="use-loc btn btn-link">
178                                <span class="icon icon-location"></span> Use My Current Location
179                            </button>
180                        </div>
181                    </form>
182                </li>
183            </ul>
184        </div>
185    </div>
186
187</script>
187
188
189<script id="myStore.directive.html" type="text/ng-template">
190    <div class="my-store-wrap">
191        <button class="is-my-store" aria-label='unsetStoreBtn'
192              data-ng-click="ctrl.removeMyStore()">
193            <span class="store-check icon-checkmark"></span> <span>My Store</span>
194        </button>
195        <button class="make-my-store btn btn-link" type="button"
196                data-ng-click="ctrl.setMyStore(result)">
197            <span></span>
198            <label>Make This My Store</label>
199        </button>
200    </div>
201</script>
201
202
203
204     <!-- Replace this code with new navigation -->
205        <div ng-cloak class="nav-container">
206            <div role="navigation"  mobile-menu-focus-bar data-ng-controller="GlobalNavigationController as navigationctrl" aria-label="Global Navigation">
207                <div class="headerWrapper header-wrapper-fixed"> 
208                        <!-- global-top-bar --> 
209                        <div ng-cloak class="navigation-container" id="navigation-wrapper" >
210                            <!--  skip link button  -->
211                            <div class="skip-link-content">
212                                <a href="#page">Skip To Main Content</a>
213                            </div>
214                            <div ng-cloak class="globalTopBar">
215                                
216
217
218<!-- new global top-bar -->
219<div ng-cloak class="languageWrapper">
220  
221
222
223
224<div ng-cloak  class="LanguageSectionWrapper">
225        <button type="button" class="languageBtn"  aria-label="English - United States">
226                <p class="nav-typography languageTitle">English - United States</p>
227        </button>
228        <div class="languageList">
229
230                <a class="languageLink plainCTA"  href="/en-us/about-us/5-reasons-to-shop-small" aria-label="English - United States" ng-click="ctrl.onChangeLanguage('English - United States' === 'English - United States','English - United States')"><p class="nav-typography">English - United States</p></a>
231                <a class="languageLink plainCTA"  href="/en-ca/about-us/5-reasons-to-shop-small" aria-label="English - Canada" ng-click="ctrl.onChangeLanguage('English - Canada' === 'English - United States','English - Canada')"><p class="nav-typography">English - Canada</p></a>
232                <a class="languageLink plainCTA"  href="/fr-ca/a-propos-de-nous/5-raisons-dencourager-les-petits-detaillants" aria-label="Fran&#231;ais - Canada" ng-click="ctrl.onChangeLanguage('Fran&#231;ais - Canada' === 'English - United States','Fran&#231;ais - Canada')"><p class="nav-typography">Fran&#231;ais - Canada</p></a>
233        </div>
234</div>
235<div ng-cloak  class="LanguageSpanishSectionWrapper" data-ng-controller="GlobalFooterController as ctrl" data-ng-init='ctrl.mpelChooserScript="https://benjaminmoorecom.mpeasylink.com/mpel/mpel_chooser.js"'>
236       <!-- Spanish Feature Flag -->
237            <button mporgnav type="button"  id="languages-spanish" class="plainCTA spanishBtn" aria-label="Espa&#241;ol - Estados Unidos"  data-ng-click="ctrl.onSpanishToggelClick()">
238                <p class="nav-typography">Espa&#241;ol - Estados Unidos</p>
239            </button> 
240</div>
241
242<div ng-cloak  class="mobile-language-menu">                      
243                <div class="menu-wrapper">
244                    <a role="option" href="/en-us/about-us/5-reasons-to-shop-small" data-ng-class="{ 'faded': ('English - United States' === 'English - United States') }" ng-click="ctrl.onChangeLanguage('English - United States' === 'English - United States','English - United States')"><span lang="en">English - United States</span></a>
245                </div>
246                <div class="menu-wrapper">
247                    <a role="option" href="/en-ca/about-us/5-reasons-to-shop-small" data-ng-class="{ 'faded': ('English - Canada' === 'English - United States') }" ng-click="ctrl.onChangeLanguage('English - Canada' === 'English - United States','English - Canada')"><span lang="en-ca">English - Canada</span></a>
248                </div>
249                <div class="menu-wrapper">
250                    <a role="option" href="/fr-ca/a-propos-de-nous/5-raisons-dencourager-les-petits-detaillants" data-ng-class="{ 'faded': ('Fran&#231;ais - Canada' === 'English - United States') }" ng-click="ctrl.onChangeLanguage('Fran&#231;ais - Canada' === 'English - United States','Fran&#231;ais - Canada')"><span lang="fr-ca">Fran&#231;ais - Canada</span></a>
251                </div>
252            
253</div>
254
255
256
257
258</div>
259    <div ng-cloak class="iconWrapper">
260                <div class="findStoreSectionWrapper">
261                    <a href="/en-us/store-locator" target="" class="plainCTA storeBtn">
262                        <span class="icon nav-icon retail" aria-hidden="true"></span>
263                        <span class="nav-typography">Find a Store</span>
264                    </a>
265                </div>
266                <div class="separator"></div>
267                <button data-ng-click="ctrl.OnClickForSearch()" aria-expanded="{{ctrl.showSiteSearchBar}}" class="plainCTA">
268                    <span class="sr-only">Search</span>
269                    <span class="icon nav-icon search" aria-hidden="true"></span>
270                </button>
271
272
273     <div id="siteSearchWrapper" data-ng-cloak data-ng-if="ctrl.showSiteSearchBar" data-ng-init='ctrl.setSiteSearchObject([{&quot;AriaLabel&quot;:&quot;Search {%searchTerm} in Colors&quot;,&quot;Category&quot;:&quot;Color&quot;,&quot;URL&quot;:&quot;https://www.benjaminmoore.com/en-us/paint-colors/search?q={%searchTerm}&quot;,&quot;Label&quot;:&quot;&lt;strong&gt;{%searchTerm}&lt;/strong&gt; in &lt;strong&gt;Colors&lt;/strong&gt;&quot;},{&quot;AriaLabel&quot;:&quot;Search {%searchTerm} in Products&quot;,&quot;Category&quot;:&quot;Product&quot;,&quot;URL&quot;:&quot;https://www.benjaminmoore.com/en-us/interior-exterior-paints-stains/product-catalog?q={%searchTerm}&quot;,&quot;Label&quot;:&quot;&lt;strong&gt;{%searchTerm}&lt;/strong&gt; in &lt;strong&gt;Products&lt;/strong&gt;&quot;},{&quot;AriaLabel&quot;:&quot;Search {%searchTerm} in All Categories&quot;,&quot;Category&quot;:&quot;All Results&quot;,&quot;URL&quot;:&quot;https://www.benjaminmoore.com/en-us/search?q={%searchTerm}&amp;category=article&quot;,&quot;Label&quot;:&quot;&lt;strong&gt;{%searchTerm}&lt;/strong&gt; in &lt;strong&gt;All Categories&lt;/strong&gt;&quot;}],"https://www.benjaminmoore.com/en-us/search?q={%searchTerm}")'>
274            <div class="backdrop" data-ng-click="ctrl.handleBackdropClick()"></div> 
275                <div class="searchGrid">
276                    <div class="formContainer">
277                        <form name="siteSearchForm" novalidate data-ng-submit="ctrl.siteSearchSubmit()">
278                            <input type="text" class="searchInput" aria-label="Search" placeholder="Search" name="q" data-ng-model="ctrl.model.q" autocomplete="off" data-ng-change="ctrl.handleInputChange(ctrl.model.q)">
279                        </form>
280                        <button data-ng-if="ctrl.dropdownOptions.length>0 && ctrl.model.q.trim()" type="button" class="clearBtn" aria-label="Clear" data-ng-click="ctrl.handleClearBtnClick()">
281                              <span class="sr-only">Clear</span>
282                              <span class="icon-clear" aria-hidden="true"></span>
283                        </button>
284                        <button type="submit" class="searchBtn" aria-label="Submit" data-ng-click="ctrl.siteSearchSubmit()">
285                            <label class="sr-only" for="globalSearchButton">Submit</label>
286                            <span class="nav-icon new-search" aria-hidden="true"></span>
287                        </button>
288                    </div>
289
290                </div>
291                <div class="autoCompleteGrid" data-ng-if="ctrl.dropdownOptions.length>0 && ctrl.model.q.trim()">
292                    <div class="autoComplete">
293                        <ul class="autoSuggestions">
294                            <li class="quickLinkWrapper" data-ng-repeat="(key, value) in ctrl.dropdownOptions">
295                                <a class="searchField" href="{{value.url}}" aria-label="{{value.ariaLabel}}" data-ng-click="ctrl.segmentEventSiteSearch(value.category)">
296                                    <div tabindex="-1" >
297                                        <div class="quickLinks">
298                                            <span class="icon-categories-long" aria-hidden="true"></span>
299                                            <p ng-bind-html="value.label" />
300                                        </div>
301                                        <span class="icon-arrow-right" aria-hidden="true"></span>
302                                    </div>
303                                </a>
304                            </li>
305                        </ul>
306                    </div>
307                </div>  
308        </div>
309                    <a rel="nofollow"
310                       class="plainCTA"
311                       href="/en-us/login?ref=%2Fen-us%2Fabout-us%2F5-reasons-to-shop-small"
312                       target="">
313                        <span class="sr-only">Sign In</span>
314                        <span class="icon nav-icon profile" aria-hidden="true"></span>
315                    </a>
316                <a rel="nofollow"
317                   class="plainCTA"
318                   href="/en-us/paint-colors?sl=true"
319                   target="">
320                    <span class="sr-only">Shopping List</span>
321                    <span class="icon nav-icon"
322                          aria-hidden="true"
323                          data-ng-class="{ 'shoppingList': !ctrl.isShoppingListAddedIcon, 'shoppingListAdded': ctrl.isShoppingListAddedIcon }">
324                    </span>
325                </a>
326                <a rel="nofollow"
327                   class="plainCTA minicart-display"
328                   id="minicart-opener"                  
329                   href="https://www.benjaminmoore.com/en-us/cart">
330                    <span class="sr-only">Mini Cart</span>
331
332                    <span data-ng-cloak data-ng-if="ctrl.getMiniCartCount == ctrl.EmptyMinicart">
333                        <span class="icon nav-icon cart" aria-hidden="true"></span>
334                    </span>
335
336                    <span class="cart-icon-wrapper" data-ng-cloak data-ng-if="ctrl.getMiniCartCount >= ctrl.SingleCartCount && ctrl.getMiniCartCount <= ctrl.CartItemsNine">
337                        <span class="icon nav-icon cart-open" aria-hidden="true"></span>
338                        <span class="cart-item-counter open nav-typography">{{ctrl.getMiniCartCount}}</span>
339                    </span>
340
341                    <span data-ng-cloak data-ng-if="ctrl.getMiniCartCount > ctrl.CartItemsNine">
342                        <span class="icon nav-icon cart-dot" aria-hidden="true"></span>
343                    </span>
344                </a>
345
346       
347    </div>
348
349                            </div>
350                            <div ng-cloak class="navBarWrapper">
351                                <div class="desktop-navbar-wrapper">
352                                    <div class="logo-image-desktop">                    
353                                                <a href="/en-us" class="logo-image-link plainCTA" target="" aria-label="Benjaminmoore ">
354                                                    <img data-ng-cloak class="logo-desktop" ng-src="/-/media/sites/benjaminmoore/images/logo/bmclogo.png" alt="Benjaminmoore " />
355                                                </a>
356                                    </div>                                    
357                                     <!-- for menus   -->
358                                        
359<div class="menus" ng-mouseleave="navigationctrl.handleHoverRemove()">
360    <div ng-repeat="menu in navigationctrl.headerMenus" ng-style="{'display': 'flex'}">
361            <button
362                
363                class="menuItem plainCTA"
364                ng-class="{'hasSubMenu': menu.sections.length > 0}"
365                ng-mouseenter="navigationctrl.handleHover(menu)"
366                ng-click="navigationctrl.handleClicked(menu)">
367                <p class="nav-typography">{{menu.menu_title}}</p>
368            </button>
369
370            <div ng-if="navigationctrl.selectedMenu.menu_title===menu.menu_title">
371             <navigation-bar navigation-data="menu"></navigation-bar>
372             </div>
373            
374    </div>
375    
375<script id="navigationBar.directive.html" type="text/ng-template">
376    <div class="navigationBarWrapper">
377            <div ng-if="!noData" class="navigationBar" data-testid="{{compTestId}}" id="{{compTestId}}">
378                <div class="navigationSectionWrapper">
379                    <div class="navigationSection" ng-repeat="columnSections in columns track by $index">
380                        <div ng-repeat="section in columnSections track by $index">                            
381                            <navigation-section
382                                navigation-section="section"
383                                main-menu-title="menuTitle">
384                            </navigation-section>
385                        </div>
386                    </div>
387                </div>                
388            </div>
389            <div class="disclaimerText nav-typography" ng-bind-html="disclaimerText"></div>
390    </div>
391    </script>
391
392
393     
393<script id="navigationSection.directive.html" type="text/ng-template">
394            <div class="navigationBarStyle" ng-class="{'has-items': hasItems}">
395
396                <!-- Images Section -->
397                <div ng-if="images.length > 0" class="imageWrapper">
398                    <div ng-repeat="item in images track by $index">
399                        <div class="image">
400                            <a class="link" ng-href="{{item.image_cta.url}}" aria-label={{item.image_cta.alt_text}} target="{{item.image_cta.target}}" ng-click="handleSegment(item.image_cta.text)">
401                                <img ng-src="{{item.image_url}}" alt="" />
402                            </a>
403                            <div class="imageContentWrapper">
404                                <a class="link plainCTA"
405                                ng-href="{{item.image_cta.url}}"
406                                aria-label="{{item.image_cta.alt_text}}"
407                                target="{{item.image_cta.target}}"
408                                ng-click="handleSegment(item.image_cta.text)"
409                                style="font-weight: bold;">
410                                    <span class="submenu_text nav-typography">{{item.image_cta.text}}</span>
411                                </a>
412                                <div class="nav-typography desc" style="font-weight: 300;" ng-bind-html="item.description"></div>
413                            </div>
414                        </div>
415                    </div>
416                </div>
417
418                <!-- Navigation Items Section -->
419                <div ng-if="link.url || (items && items.length > 0)" class="navigationItemSection">
420                    <a ng-if="link.url"
421                    class="link plainCTA"
422                    ng-href="{{link.url}}"
423                    aria-label="{{link.alt_text}}"
424                    target="{{link.target}}"
425                    ng-click="handleSegment(title)"
426                    style="font-weight: bold;">
427                        <span class="submenu_text nav-typography">{{title}}</span>
428                    </a>
429                    <span ng-if="!link.url" class="nav-typography" style="font-weight: bold;">{{title}}</span>
430
431                    <!-- Sub-items -->
432                    <a ng-repeat="item in items track by $index"
433                    class="link plainCTA"
434                    ng-href="{{item.link.url}}"
435                    aria-label="{{item.link.alt_text}}"
436                    target="{{item.link.target}}" 
437                    ng-click="handleSegment(item.title)">
438                        <span style="font-weight: 300;" class="submenu_text nav-typography">{{item.title}}</span>
439                    </a>
440                </div>
441
442            </div>
443     </script>
443
444</div>
445
446                                    
447                                    <div class="ask-betty-logo-desktop plainCTA">
448                                        <a class="ask-betty-logo" href="https://benjaminmoore.com/en-us/paint-colors/betty">
449                                            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
450                                                <path d="M10 20a1.667 1.667 0 100-3.334A1.667 1.667 0 0010 20zM18.665 15a1.668 1.668 0 00-2.889-1.667A1.668 1.668 0 0018.666 15zM1.334 15a1.668 1.668 0 002.888-1.667A1.668 1.668 0 001.334 15zM10 11.667a1.667 1.667 0 100-3.335 1.667 1.667 0 000 3.335zM4.221 6.668A1.667 1.667 0 101.333 5a1.667 1.667 0 002.888 1.667zM15.777 6.666A1.668 1.668 0 0018.666 5a1.668 1.668 0 00-2.889 1.666zM10 3.333A1.667 1.667 0 1010 0a1.667 1.667 0 000 3.334z" fill="#1A1A1A"></path>
451                                            </svg>
452                                            <p class="ask-betty-text nav-typography">Ask Betty</p>
453                                        </a>
454                                    </div>
455                                </div>
456                                <div class="mobile-navbar-wrapper">
457                                    <div class="mobile-navbar-top-menu">
458                                        <div class="hamburger-menu">
459                                            <button aria-label="Open Menu" data-ng-if="!navigationctrl.isMobileMenuVisible" class="hamburger-icon-button" data-ng-click="navigationctrl.displayNavigationToggle()">
460                                                <svg viewBox="0 0 24 24" height="24" width="24" fill="none" xmlns="http://www.w3.org/2000/svg" class="hanburger-icon-logo" focusable="false" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6a.75.75 0 01.75-.75h18.5a.75.75 0 010 1.5H2.75A.75.75 0 012 6zM2 12a.75.75 0 01.75-.75h18.5a.75.75 0 010 1.5H2.75A.75.75 0 012 12zM2 18a.75.75 0 01.75-.75h18.5a.75.75 0 010 1.5H2.75A.75.75 0 012 18z" fill="#1A1A1A"></path></svg>
461                                            </button>
462                                            <button aria-label="Close Menu" class="close-menu-button" data-ng-if="navigationctrl.isMobileMenuVisible" data-ng-click="navigationctrl.resetMenu()">
463                                                <svg viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg" class="close-icon" focusable="false" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.692 17.621a.75.75 0 01-1.061 0L6.378 7.368a.75.75 0 011.06-1.06L17.692 16.56a.75.75 0 010 1.061z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M6.377 17.692a.75.75 0 010-1.061L16.63 6.378a.75.75 0 111.06 1.06L7.439 17.692a.75.75 0 01-1.061 0z" fill="#1A1A1A"></path></svg>
464                                            </button>
465                                        </div>
466                                        <div class="logo-image-mobile"> 
467                                                    <a href="/en-us" class="logo-image-link plainCTA" target="" aria-label="Benjaminmoore ">
468                                                        <img data-ng-cloak class="logo-mobile" ng-src="/-/media/sites/benjaminmoore/images/logo/mobile-bmc-logo.png" alt="Benjaminmoore " />
469                                                    </a>
470                                        </div>
471                                        <div class="right-icon-pack">
472
473                                                        <button class="navbar-icon" aria-expanded="{{ctrl.showSiteSearchBar}}" data-ng-click="ctrl.OnClickForSearch()">
474                                                        <span class="sr-only">Search</span>
475                                                        <span class="icon nav-icon search" aria-hidden="true"></span>
476                                                        </button>
477
478
479     <div id="siteSearchWrapper" data-ng-cloak data-ng-if="ctrl.
479showSiteSearchBar" data-ng-init='ctrl.setSiteSearchObject([{&quot;AriaLabel&quot;:&quot;Search {%searchTerm} in Colors&quot;,&quot;Category&quot;:&quot;Color&quot;,&quot;URL&quot;:&quot;https://www.benjaminmoore.com/en-us/paint-colors/search?q={%searchTerm}&quot;,&quot;Label&quot;:&quot;&lt;strong&gt;{%searchTerm}&lt;/strong&gt; in &lt;strong&gt;Colors&lt;/strong&gt;&quot;},{&quot;AriaLabel&quot;:&quot;Search {%searchTerm} in Products&quot;,&quot;Category&quot;:&quot;Product&quot;,&quot;URL&quot;:&quot;https://www.benjaminmoore.com/en-us/interior-exterior-paints-stains/product-catalog?q={%searchTerm}&quot;,&quot;Label&quot;:&quot;&lt;strong&gt;{%searchTerm}&lt;/strong&gt; in &lt;strong&gt;Products&lt;/strong&gt;&quot;},{&quot;AriaLabel&quot;:&quot;Search {%searchTerm} in All Categories&quot;,&quot;Category&quot;:&quot;All Results&quot;,&quot;URL&quot;:&quot;https://www.benjaminmoore.com/en-us/search?q={%searchTerm}&amp;category=article&quot;,&quot;Label&quot;:&quot;&lt;strong&gt;{%searchTerm}&lt;/strong&gt; in &lt;strong&gt;All Categories&lt;/strong&gt;&quot;}],"https://www.benjaminmoore.com/en-us/search?q={%searchTerm}")'>
480            <div class="backdrop" data-ng-click="ctrl.handleBackdropClick()"></div> 
481                <div class="searchGrid">
482                    <div class="formContainer">
483                        <form name="siteSearchForm" novalidate data-ng-submit="ctrl.siteSearchSubmit()">
484                            <input type="text" class="searchInput" aria-label="Search" placeholder="Search" name="q" data-ng-model="ctrl.model.q" autocomplete="off" data-ng-change="ctrl.handleInputChange(ctrl.model.q)">
485                        </form>
486                        <button data-ng-if="ctrl.dropdownOptions.length>0 && ctrl.model.q.trim()" type="button" class="clearBtn" aria-label="Clear" data-ng-click="ctrl.handleClearBtnClick()">
487                              <span class="sr-only">Clear</span>
488                              <span class="icon-clear" aria-hidden="true"></span>
489                        </button>
490                        <button type="submit" class="searchBtn" aria-label="Submit" data-ng-click="ctrl.siteSearchSubmit()">
491                            <label class="sr-only" for="globalSearchButton">Submit</label>
492                            <span class="nav-icon new-search" aria-hidden="true"></span>
493                        </button>
494                    </div>
495
496                </div>
497                <div class="autoCompleteGrid" data-ng-if="ctrl.dropdownOptions.length>0 && ctrl.model.q.trim()">
498                    <div class="autoComplete">
499                        <ul class="autoSuggestions">
500                            <li class="quickLinkWrapper" data-ng-repeat="(key, value) in ctrl.dropdownOptions">
501                                <a class="searchField" href="{{value.url}}" aria-label="{{value.ariaLabel}}" data-ng-click="ctrl.segmentEventSiteSearch(value.category)">
502                                    <div tabindex="-1" >
503                                        <div class="quickLinks">
504                                            <span class="icon-categories-long" aria-hidden="true"></span>
505                                            <p ng-bind-html="value.label" />
506                                        </div>
507                                        <span class="icon-arrow-right" aria-hidden="true"></span>
508                                    </div>
509                                </a>
510                            </li>
511                        </ul>
512                    </div>
513                </div>  
514        </div>
515                                                    <a rel="nofollow" class="navbar-icon" href="https://www.benjaminmoore.com/en-us/cart">
516                                                        <span class="sr-only">Mini Cart</span>
517                                                        <span data-ng-if="ctrl.getMiniCartCount == ctrl.EmptyMinicart" data-ng-cloak>
518                                                            <span class="icon nav-icon cart" aria-hidden="true"></span>
519                                                        </span>
520                                                        <span class="cart-icon-wrapper" data-ng-cloak data-ng-if="ctrl.getMiniCartCount >= ctrl.SingleCartCount && ctrl.getMiniCartCount <= ctrl.CartItemsNine">
521                                                            <span class="icon nav-icon cart cart-open" aria-hidden="true"></span>
522                                                            <span class="cart-item-counter open nav-typography">{{ctrl.getMiniCartCount}}</span>
523                                                        </span>
524                                                        <span data-ng-cloak data-ng-if="ctrl.getMiniCartCount > ctrl.CartItemsNine">
525                                                            <span class="icon nav-icon cart cart-dot" aria-hidden="true"></span>
526                                                        </span>
527                                                    </a>
528                                            
529                                        </div>
530                                    </div>
531                                    <div data-ng-if="!navigationctrl.displayMobileSubmenu" data-ng-class="navigationctrl.isMobileMenuVisible ? 'displayMenu mobile-navigation-menu-wrapper' : 'mobile-navigation-menu-wrapper'" aria-hidden="{{!navigationctrl.isMobileMenuVisible}}" ng-attr-inert="{{!navigationctrl.isMobileMenuVisible ? '' : undefined}}">
532                                        <div data-ng-if="navigationctrl.actionData.type === ''" class="navigation-menu-items-wrapper">
533                                            <div class="navigation-menu-items">
534                                                
535<div class="menu-items">
536    <button 
537        class="item"
538        ng-repeat="menu in navigationctrl.headerMenus"
539        data-ng-click="navigationctrl.handleSubmenuToggle(menu.menu_title)"
540        data-title="{{menu.menu_title}}"
541        >
542        <p class="body item-text">{{menu.menu_title}}</p>
543        <div class="arrow-control">
544            <svg viewBox="0 0 20 20" height="20" width="20" class="arrow-icon" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
545                <path fill-rule="evenodd" clip-rule="evenodd" d="M8.97 6.47a.75.75 0 011.06 0l5 5a.75.75 0 010 1.06l-5 5a.75.75 0 11-1.06-1.06L13.44 12 8.97 7.53a.75.75 0 010-1.06z"></path>
546            </svg>
547        </div>
548    </button>
549    <div class="divider-line"></div>
550</div> 
551                                            </div>
552                                            <div class="action-menu-items">
553                                                            <div class="menu-item">
554                                                                <a class="item" id="stores" href="/en-us/store-locator" target="">
555                                                                    <span class="menu-icon icon nav-icon retail" aria-hidden="true"></span>
556                                                                    <span class="text nav-typography">Find a Store</span>
557                                                                </a>
558                                                            </div>
559                                                                <div class="menu-item">
560                                                                    <input id="inp-login-url" type="hidden" data-url="/en-us/login" />
561                                                                    <a class="item" rel="nofollow" href="/en-us/login?ref=%2Fen-us%2Fabout-us%2F5-reasons-to-shop-small" target="">
562                                                                        <span class="menu-icon icon nav-icon profile" aria-hidden="true"></span>
563                                                                        <span class="text micro1">Sign In</span>
564                                                                    </a>
565                                                                </div>
566                                                            <div class="menu-item">
567                                                                <a rel="nofollow" class="shopping_list item" href="/en-us/paint-colors?sl=true" target="">
568                                                                    <sp
568an class="menu-icon icon nav-icon" aria-hidden="true" data-ng-class={shoppingList:!ctrl.shoppingListAdded(),shoppingListAdded:ctrl.shoppingListAdded()}></span>
569                                                                    <span class="text nav-typography">Shopping List</span>
570                                                                </a>
571                                                            </div>
572                                                                                                            <div class="menu-item">
573                                                            <a rel="nofollow" class="item" href="https://benjaminmoore.com/en-us/paint-colors/betty">
574                                                                <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="menu-icon" focusable="false" aria-hidden="true"><path d="M10 20a1.667 1.667 0 100-3.334A1.667 1.667 0 0010 20zM18.665 15a1.668 1.668 0 00-2.889-1.667A1.668 1.668 0 0018.666 15zM1.334 15a1.668 1.668 0 002.888-1.667A1.668 1.668 0 001.334 15zM10 11.667a1.667 1.667 0 100-3.335 1.667 1.667 0 000 3.335zM4.221 6.668A1.667 1.667 0 101.333 5a1.667 1.667 0 002.888 1.667zM15.777 6.666A1.668 1.668 0 0018.666 5a1.668 1.668 0 00-2.889 1.666zM10 3.333A1.667 1.667 0 1010 0a1.667 1.667 0 000 3.334z" fill="#1A1A1A"></path></svg>
575                                                                <span class="text askBetty nav-typography">Ask Betty</span>
576                                                            </a>
577                                                        </div>
578                                                    <div class="menu-item">
579                                                        <div class="arrow-button-menu-wrapper">
580                                                            <button type="button" class="arrow-button-menu" data-ng-click="navigationctrl.handleMenuToggle('language')">
581                                                            <div class="selected-item language">
582                                                                <span class="text nav-typography">English - United States</span>
583                                                            </div>
584                                                            <div class="arrow-control">  
585                                                                <svg viewBox="0 0 20 20" height="20" width="20" class="arrow-icon" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
586                                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.97 6.47a.75.75 0 011.06 0l5 5a.75.75 0 010 1.06l-5 5a.75.75 0 11-1.06-1.06L13.44 12 8.97 7.53a.75.75 0 010-1.06z"></path>
587                                                                </svg>
588                                                            </div>
589                                                            </button>
590                                                        </div>
591                                                    </div>
592                                                        <div class="menu-item" data-ng-controller="GlobalFooterController as ctrl" data-ng-init='ctrl.mpelChooserScript="https://benjaminmoorecom.mpeasylink.com/mpel/mpel_chooser.js"'>
593                                                            <button mporgnav type="button" class="spanish-toggle-btn" 
594                                                            aria-label="Espa&#241;ol - Estados Unidos"
595                                                            data-ng-click="ctrl.onSpanishToggelClick()">
596                                                                <span class="text nav-typography">Espa&#241;ol - Estados Unidos </span>
597                                                            </button>
598                                                        </div>
599                                            </div>
600                                        </div>
601                                        <div data-ng-if="navigationctrl.actionData.type === 'LanguageToggle'" class="subnavigation-menu-items-wrapper">
602                                            <button class="submenu-heading" data-ng-click="navigationctrl.handleBackBtn()" >
603                                                <svg viewBox="0 0 20 20" height="20" width="20" class="arrow-icon" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
604                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.97 6.47a.75.75 0 011.06 0l5 5a.75.75 0 010 1.06l-5 5a.75.75 0 11-1.06-1.06L13.44 12 8.97 7.53a.75.75 0 010-1.06z"></path>
605                                                </svg>
606                                                <span class="submenu-title body">{{navigationctrl.subsectionTitle}}</span>
607                                            </button>
608                                            <div class="language-list-items">
609                                                     
610
611
612
613<div ng-cloak  class="LanguageSectionWrapper">
614        <button type="button" class="languageBtn"  aria-label="English - United States">
615                <p class="nav-typography languageTitle">English - United States</p>
616        </button>
617        <div class="languageList">
618
619                <a class="languageLink plainCTA"  href="/en-us/about-us/5-reasons-to-shop-small" aria-label="English - United States" ng-click="ctrl.onChangeLanguage('English - United States' === 'English - United States','English - United States')"><p class="nav-typography">English - United States</p></a>
620                <a class="languageLink plainCTA"  href="/en-ca/about-us/5-reasons-to-shop-small" aria-label="English - Canada" ng-click="ctrl.onChangeLanguage('English - Canada' === 'English - United States','English - Canada')"><p class="nav-typography">English - Canada</p></a>
621                <a class="languageLink plainCTA"  href="/fr-ca/a-propos-de-nous/5-raisons-dencourager-les-petits-detaillants" aria-label="Fran&#231;ais - Canada" ng-click="ctrl.onChangeLanguage('Fran&#231;ais - Canada' === 'English - United States','Fran&#231;ais - Canada')"><p class="nav-typography">Fran&#231;ais - Canada</p></a>
622        </div>
623</div>
624<div ng-cloak  class="LanguageSpanishSectionWrapper" data-ng-controller="GlobalFooterController as ctrl" data-ng-init='ctrl.mpelChooserScript="https://benjaminmoorecom.mpeasylink.com/mpel/mpel_chooser.js"'>
625       <!-- Spanish Feature Flag -->
626            <button mporgnav type="button"  id="languages-spanish" class="plainCTA spanishBtn" aria-label="Espa&#241;ol - Estados Unidos"  data-ng-click="ctrl.onSpanishToggelClick()">
627                <p class="nav-typography">Espa&#241;ol - Estados Unidos</p>
628            </button> 
629</div>
630
631<div ng-cloak  class="mobile-language-menu">                      
632                <div class="menu-wrapper">
633                    <a role="option" href="/en-us/about-us/5-reasons-to-shop-small" data-ng-class="{ 'faded': ('English - United States' === 'English - United States') }" ng-click="ctrl.onChangeLanguage('English - United States' === 'English - United States','English - United States')"><span lang="en">English - United States</span></a>
634                </div>
635                <div class="menu-wrapper">
636                    <a role="option" href="/en-ca/about-us/5-reasons-to-shop-small" data-ng-class="{ 'faded': ('English - Canada' === 'English - United States') }" ng-click="ctrl.onChangeLanguage('English - Canada' === 'English - United States','English - Canada')"><span lang="en-ca">English - Canada</span></a>
637                </div>
638                <div class="menu-wrapper">
639                    <a role="option" href="/fr-ca/a-propos-de-nous/5-raisons-dencourager-les-petits-detaillants" data-ng-class="{ 'faded': ('Fran&#231;ais - Canada' === 'English - United States') }" ng-click="ctrl.onChangeLanguage('Fran&#231;ais - Canada' === 'English - United States','Fran&#231;ais - Canada')"><span lang="fr-ca">Fran&#231;ais - Canada</span></a>
640                </div>
641            
642</div>
643
644
645
646
647                                            </div>
648                                        </div>
649                                        <div data-ng-if="navigationctrl.actionData.type === 'ProfileToggle'" class="subnavigation-menu-items-wrapper">
650                                            <button class="submenu-heading" data-ng-click="navigationctrl.handleBackBtn()">
651                                                <svg viewBox="0 0 20 20" height="20" width="20" class="arrow-icon" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
652                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.97 6.47a.75.75 0 011.06 0l5 5a.75.75 0 010 1.06l-5 5a.75.75 0 11-1.06-1.06L13.44 12 8.97 7.53a.75.75 0 010-1.06z"></path>
653                                                </svg>
654                                                <span class="submenu-title body">
655                                                    {{navigationctrl.subsectionTitle}}
656                                                </span>
657                                            </button>
658
659                                            <div class="profile-list-items">
660                                                
661                                            </div>
662                                        </div>
663                                        <div data-ng-if="navigationctrl.actionData.type === 'SubNavigation'"  class="subnavigation-menu-items-wrapper">
664                                            
665<div class="subnavigation-wrapper">
666    <div class="subnavigation-heading-wrapper">
667        <button class="subnavigation-heading" data-ng-click="navigationctrl.handleBackBtn()" >
668            <svg viewBox="0 0 20 20" height="20" width="20" class="arrow-icon" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
669                <path fill-rule="evenodd" clip-rule="evenodd" d="M8.97 6.47a.75.75 0 011.06 0l5 5a.75.75 0 010 1.06l-5 5a.75.75 0 11-1.06-1.06L13.44 12 8.97 7.53a.75.75 0 010-1.06z"></path>
670            </svg>
671            <span class="subnavigation-title body">{{navigationctrl.selectedSubmenuTitle}}</span>
672        </button>
673    </div>
674    <div class="subnavigation-menu-wrapper">
675        <div ng-repeat="menu in navigationctrl.headerMenus" ng-if="menu.menu_title === navigationctrl.selectedSubmenuTitle">
676            <div class="subnavigaiton-menu" ng-repeat="submenu in menu.sections">
677                <div class="subnavigaiton-menu-link-wrapper" ng-if="submenu.items.length === 0">
678                    <a class="subnavigaiton-menu-link" href="{{submenu.link.url}}" ng-if="submenu.title" aria-label="{{submenu.link.alt_text}}" ng-click="navigationctrl.handleSegment(submenu.title)">
679                        <p class="body item-text">{{submenu.title}}</p>
680                    </a>
681                </div>
682                
683                <div class="subnavigaiton-menu-button-wrapper" ng-if="submenu.items.length > 0">
684                    <button class="subnavigaiton-menu-button" ng-click="navigationctrl.hanldeSubnavToggleMenu(submenu.title)" aria-expanded="{{navigationctrl.activeMenu === submenu.title}}"> 
685                        <p class="body item-text">{{submenu.title}}</p>
686                        <div class="arrow-control">
687                            <svg viewBox="0 0 24 24" height="20" width="20" class="arrowDown" ng-class="{'arrowUp': navigationctrl.activeMenu === submenu.title}" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
688                                <path fill-rule="evenodd" clip-rule="evenodd" d="M8.97 6.47a.75.75 0 011.06 0l5 5a.75.75 0 010 1.06l-5 5a.75.75 0 11-1.06-1.06L13.44 12 8.97 7.53a.75.75 0 010-1.06z"></path>
689                            </svg>                          
690                        </div>
691                    </button>
692                    <div ng-if="submenu.title === navigationctrl.activeMenu">
693                        <div class="subnavigation-toggle-menu-wrapper">
694                            <div ng-repeat="item in submenu.items" >
695                                <a  ng-click="navigationctrl.handleSegment(item.title)" class="subnavigation-toggle-menu-item" href="{{item.link.url}}" aria-label="{{item.link.alt_text}}">
696                                    <p class="micro1 item-title">{{item.title}}</p>
697                                </a>
698                            </div>
699                        </div>
700                    </div>
701                </div>  
702            </div>
703        </div>
704    </div>
705</div>
706                                        </div>
707                                    </div> 
708                                </div>
709
710                            </div>
711                        </div>
712                </div>
713                  
714        </div>
715        </div>
716        <div class="promo-alert" role="banner">
717            
718        </div>
719   </div>
720
721 
722    
723    
724        
724<script id="international-modal.html" type="text/ng-template">
725                    <div id="international-modal">
726            <div class="container">
727                <div class="modal-header">
728                    <button type="button" class="btn btn-close" data-ng-click="$close();" aria-label="Close">
729                        <span class="close-span icon-cross-new" aria-hidden="true"></span>
730                    </button>
731                </div>
732                <div class="first-box">
733                        <div  class="icon icon-exclamation">
734                        </div>
735                        <div class="popup-title">Looks like you are trying to access BenjaminMoore.com (USA + Canada) </br>from another country?</div>
736                </div>
737                <div class="second-box">
738                        <label class="check-box-block">
739                            <input class="check-box-input" type="checkbox" id="doNotAskMeAgain" name="doNotAskMeAgain" ng-model="ctrl.model.isChecked" ng-change="ctrl.isClickDoNotAskMeAgain()" />
740                            <p class="check-box-text" for="doNotAskMeAgain">Don’t ask me again</p>
741                        </label> 
742                                <a href="https://www.benjaminmoore.com/en-us/international-distributor-listing" class="btn btn-card" target="">
743                                        <span class="btn-text-wrapper">Continue to the Distributor Listing Page</span>
744                                </a>
745                                                        <button data-ng-click="$close();" class="anchor-mexico" aria-label="Stay on current site">Stay on current site</button>
746                </div>
747            </div>
748        </div>
749
750        </script>
750
751        <!-- International Modal Window Template -->
752        
752<script id="international-modal-template.html" type="text/ng-template">
753            <div class="modal default" tabindex="-1" role="dialog"
754                 modal-render="{{$isRendered}}"
755                 uib-modal-animation-class="fade"
756                 modal-in-class="in"
757                 aria-label='International Pop Up'
758                 ng-style="{ 'z-index': (9999 + index * 10), display: 'block' }">
759                <div class="modal-dialog{{ (size)? (' modal-' + size) : '' }}" role="document">
760                    <div class="modal-content" uib-modal-transclude></div>
761                </div>
762            </div>
763        </script>
763
764    <div id="page" data-swiftype-index="true" tabindex="-1">
765        
766            <main id="global-content" aria-label="Global Content">
767
768                <!--[if lte IE 9]>
769                                <div id="browsehappy">
770                                                <div class="container-fluid">
771                                                                <p>You are using an <strong>outdated</strong> browser. Please <a href="//browsehappy.com">upgrade your browser</a> to view this site and improve your browsing experience.</p>
772                                                </div>
773                                </div>
774                                <![endif]-->
775
776                
777
778
779
780    <div class="bg-white" id="container-header-copy">
781        <div class="container">
782            
783    <div class="row tp40 bm20" id="row-header-copy">
784        
785
786    <div class="col-xs-12 col-md-10 col-md-offset-1 text-center" id="layout-col-header-copy">
787        
788<h1>Top 5 Reasons to Shop Small with Benjamin Moore</h1>
789<p><span style="font-weight: 400; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">You will never find Benjamin Moore paints at big-box retail stores.</span></p>
790    </div>
791
792    </div>
793
794        </div>
795    </div>
796
797    <div class="bg-white" id="container-header-image">
798        <div class="container-fluid">
799            
800    <div class="row" id="row-header-image">
801        
802
803    <div class="col-xs-12 col-md-10 col-md-offset-1" id="layout-col-header-image">
804        
805    <div class="row">
806        <div class="col-xs-12">
807            <div class="article-image">
808                <picture>
809                    <source srcset="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/bm-store-shopper_hero_1140x421_1.jpg" media="(min-width: 1024px)" />
810                    <img src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/bm-store-shopper_heromobile_640x370_1.jpg" alt="A Benjamin Moore retailer helps a homeowner find the right product for her project." title="A Benjamin Moore retailer helps a homeowner find the right product for her project." />
811                </picture>
812            </div>
813        </div>
814    </div>
815    <div class="row">
816        <div class="col-xs-12">
817            <div class="article-contents">
818                
819            </div>
820        </div>
821    </div>
822
823    </div>
824
825    </div>
826
827        </div>
828    </div>
829
830    <div class="bg-white" id="container-copy-under-hero">
831        <div class="container-fluid">
832            
833    <div class="row bm40" id="row-copy-under-hero">
834        
835
836    <div class="col-xs-12 col-md-10 col-md-offset-1" id="layout-col-copy-under-hero">
837        
838<span style="font-weight: 700; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">Since our founding in 1883, our company has stood up for local businesses by selling exclusively through locally owned and operated paint, decorating and hardware retailers.</span>
839<br />
840<br />
841<ul>
842    <span style="font-weight: 400; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">
843    <li>The paint and hardware retailers that sell Benjamin Moore products are independently owned, NOT franchises.</li>
844    <li>The local paint stores that sell Benjamin Moore do not pay fees or royalties to Benjamin Moore.</li>
845    <li>Only independently owned and operated retailers are authorized to sell Benjamin Moore paint, stain and coatings.</li>
846    </span>
847</ul>
848<br />
849<span style="font-weight: 400; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">
850We exclusively sell our products via locally owned stores.
851<br />
852<br />
853All of these points add up to local business owners who proactively choose to sell Benjamin Moore products. In turn, they get robust support from Benjamin Moore, receiving world-class knowledge on paint and stain, and bringing that expertise to their neighborhoods.
854<br />
855<br />
856Years of experience has shown us why our unique business model makes a difference when it comes to customer service. While there are many more, here are the Top 5 reasons to go to your locally owned paint stores:
857</span>
858    </div>
859
860    </div>
861
862        </div>
863    </div>
864
865    <div class="bg-white" id="container-5reasons-copy">
866        <div class="container-fluid">
867            
868    <div class="row tp40 bm40" id="row-reason1-copy">
869        
870
871    <div class="col-xs-12 col-md-10 col-md-offset-1" id="layout-col-reason1-copy">
872        
873<span style="font-weight: 700; font-size: 22px; font-family: Moderat, helvetica, arial, sans-serif;">1.	Locally owned and operated paint retailers that sell Benjamin Moore products offer paint and color expertise.</span>
874<br />
875<br />
876<span style="font-weight: 400; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">
877Many Benjamin Moore retailers have been in the paint business for decades. They help you find the perfect paint <a href="/en-us/color-overview/find-your-color/color-families">color</a>
877, <a href="https://www.benjaminmoore.com/en-us/interior-exterior-paints-stains/how-to-advice/painting-101/choosing-paint-finish">finish</a>, and <a href="https://www.benjaminmoore.com/en-us/interior-exterior-paints-stains/product-catalog">product</a> for your paint or stain project.
878<br />
879<br />
880This insight upfront translates to a positive impact on the outcome of your project.
881</span>
882<br />
883<br />
884
885    <div class="col-xs-12 col-md-10 col-md-offset-1" id="layout-col-indent-quote1">
886        
887
888    <div class="col-xs-12 col-md-2 text-center" id="layout-col-reason1-image">
889        
890<br />
891<img alt="A head shot of a Caucasian woman with dirty blonde hair." src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/headshots/stacey_frazier_400x400.jpg" style="height: 132px; width: 132px;" />
892    </div>
893
894
895    <div class="col-xs-12 col-md-10" id="layout-col-reason1-quote">
896            <div class="pull-quote">
897        <div class="pull-quote-content left top">
898            <div class="pull-quote-line-desktop" style="background-color: #2266BB"></div>
899
900            <div class="content-body">
901                <div class="pull-quote-line-mobile" style="background-color: #2266BB"></div>
902                <div class="pull-text">“I only buy Benjamin Moore paint because it’s the best. The added support I get from my local store in choosing the right product and color is just another huge benefit.”</div>
903                <div class="sub-text">
904                    <p>-Stacey Frazier, homeowner, Ramsey, NJ</p>
905                </div>
906                <div class="pull-quote-line-mobile" style="background-color: #2266BB"></div>
907            </div>
908        </div>
909    </div>
910
911    </div>
912
913    </div>
914
915    </div>
916
917    </div>
918
919    <div class="row bm40" id="row-reason2-copy">
920        
921
922    <div class="col-xs-12 col-md-10 col-md-offset-1" id="layout-col-reason2-copy">
923        
924<span style="font-weight: 700; font-size: 22px; font-family: Moderat, helvetica, arial, sans-serif;">2.	Independently owned and operated paint retailers that sell Benjamin Moore products provide the personal service you need.</span>
925<br />
926<br />
927<span style="font-weight: 400; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">
928Don&rsquo;t find a salesperson&mdash;find your forever contact. You can count on local stores selling Benjamin Moore for renovations, moves, refinishing projects, paint touchups&mdash;everything you need, for years to come. Many of the stores in our network are multi-generational, with paint expertise and insights being handed down over decades.
929<br />
930<br />
931Team members at a locally owned paint retailer help you understand the whats and whys of your buying decisions, guiding you every step of the way.
932</span>
933<br />
934<br />
935
936    <div class="col-xs-12 col-md-10 col-md-offset-1" id="layout-col-indent-quote2">
937        
938
939    <div class="col-xs-12 col-md-2 text-center" id="layout-col-reason2-image">
940        
941<br />
942<img alt="A head shot of a Caucasian woman with wavy blonde hair wearing a white blouse with blue earrings." src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/headshots/mimi_wittstruck_400x400.jpg" style="height: 132px; width: 132px;" />
943    </div>
944
945
946    <div class="col-xs-12 col-md-10" id="layout-col-reason2-quote">
947            <div class="pull-quote">
948        <div class="pull-quote-content left top">
949            <div class="pull-quote-line-desktop" style="background-color: #2266BB"></div>
950
951            <div class="content-body">
952                <div class="pull-quote-line-mobile" style="background-color: #2266BB"></div>
953                <div class="pull-text">“They’re usually so busy at big-box stores. It’s harder to get people’s attention.”</div>
954                <div class="sub-text">
955                    <p>-Mimi Wittstruck, Interior Designer, Austin, TX</p>
956                </div>
957                <div class="pull-quote-line-mobile" style="background-color: #2266BB"></div>
958            </div>
959        </div>
960    </div>
961
962    </div>
963
964    </div>
965
966    </div>
967
968    </div>
969
970    <div class="row bm40" id="row-reason3-copy">
971        
972
973    <div class="col-xs-12 col-md-10 col-md-offset-1" id="layout-col-reason3-copy">
974        
975<span style="font-weight: 700; font-size: 22px; font-family: Moderat, helvetica, arial, sans-serif;">3.	Locally owned stores that sell Benjamin Moore products know your community.</span>
976<br />
977<br />
978<span style="font-weight: 400; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">
979Every neighborhood is different and unique, from the typical weather, home styles, local color trends, and curb appeal.
980<br />
981<br />
982As pillars of their communities, independently owned and operated paint retailer owners and their staff understand the environment you live in&mdash;because they are an integral part of it!
983</span>
984<br />
985<br />
986
987    <div class="col-xs-12 col-md-10 col-md-offset-1" id="layout-col-reason3-copy-quote">
988        
989
990    <div class="col-xs-12 col-md-2 text-center" id="layout-col-reason3-image">
991        
992<br />
993<img alt="A Caucasian woman with brown hair pulled back wearing sunglasses and a red tank top holding a puppy. " src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/headshots/cynthia_hill_400x400.jpg" style="height: 132px; width: 132px;" />
994    </div>
995
996
997    <div class="col-xs-12 col-md-10" id="layout-col-reason3-quote">
998            <div class="pull-quote">
999        <div class="pull-quote-content left top">
1000            <div class="pull-quote-line-desktop" style="background-color: #2266BB"></div>
1001
1002            <div class="content-body">
1003                <div class="pull-quote-line-mobile" style="background-color: #2266BB"></div>
1004                <div class="pull-text">“It’s sunny here. All the time. My local Benjamin Moore store helped me land on a color and product that makes sense for my new house a few years back. And 5 years later, I’m still thrilled with the results.”</div>
1005                <div class="sub-text">
1006                    <p>-Cynthia Hill, homeowner, Santa Monica, CA</p>
1007                </div>
1008                <div class="pull-quote-line-mobile" style="background-color: #2266BB"></div>
1009            </div>
1010        </div>
1011    </div>
1012
1013    </div>
1014
1015    </div>
1016
1017    </div>
1018
1019    </div>
1020
1021    <div class="row bm40" id="row-reason4-copy">
1022        
1023
1024    <div class="col-xs-12 col-md-10 col-md-offset-1" id="layout-col-reason4-copy">
1025        
1026<span style="font-weight: 700; font-size: 22px; font-family: Moderat, helvetica, arial, sans-serif;">4.	Independently owned and operated paint stores that sell Benjamin Moore products invest in your neighborhood.</span>
1027<br />
1028<br />
1029<span style="font-weight: 400; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">
1030Entrepreneurialism is alive and well for locally owned stores that sell our products. From sponsoring local school sports teams to helping during floods, fires or other community challenges, these local retailers are invested in their neighborhoods. Check out this <a rel="noopener noreferrer" href="https://www.youtube.com/watch?v=jtoPzNSXKOk" target="_blank">profile of Flagship Paints</a>, a retailer from Houston Heights, TX to see the pride that store owners feel about their role in their communities. Many local stores have become established presences in their communities, supporting the needs of their neighbors.
1031<br />
1032<br />
1033When you buy Benjamin Moore paint, you support a local, neighborhood business. In turn, these businesses support the local community by offering jobs, tax revenue, and local flavor.
1034</span>
1035<br />
1036<br />
1037
1038    <div class="col-xs-12 col-md-10 col-md-offset-1" id="layout-col-reason4-copy-quote">
1039        
1040
1041    <div class="col-xs-12 col-md-2 text-center" id="layout-col-reason4-image">
1042        
1043<br />
1044<img alt="A headshot of an African American male wearing a white button down and navy blue barbour jacket." src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/headshots/doug_jones_400x400.jpg" style="height: 132px; width: 132px;" />
1045    </div>
1046
1047
1048    <div class="col-xs-12 col-md-10" id="layout-col-reason4-quote">
1049            <div class="pull-quote">
1050        <div class="pull-quote-content left top">
1051            <div class="pull-quote-line-desktop" style="background-color: #2266BB"></div>
1052
1053            <div class="content-body">
1054                <div class="pull-quote-line-mobile" style="background-color: #2266BB"></div>
1055                <div class="pull-text">“I appreciate that Benjamin Moore supports the local business community, and that their independent retailers are a vital part of Atlanta’s neighborhoods.”</div>
1056                <div class="sub-text">
1057                    <p>-Doug Jones, homeowner, Atlanta, GA</p>
1058                </div>
1059                <div class="pull-quote-line-mobile" style="background-color: #2266BB"></div>
1060            </div>
1061        </div>
1062    </div>
1063
1064    </div>
1065
1066    </div>
1067
1068    </div>
1069
1070    </div>
1071
1072    <div class="row bm40" id="row-reason5-copy">
1073        
1074
1075    <div class="col-xs-12 col-md-10 col-md-offset-1" id="layout-col-reason5-copy">
1076        
1077<span style="font-weight: 700; font-size: 22px; font-family: Moderat, helvetica, arial, sans-serif;">5.	Locally owned retailers that sell Benjamin Moore products connect you with <a href="https://www.benjaminmoore.com/en-us/project-ideas-inspiration/how-to-find-hire-painting-contractor">painting contractors</a>, color experts, interior designers and more.</span>
1078<br>
1079<br>
1080<span style="font-weight: 400; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">
1081A strong network can do wonders.
1082<br>
1083<br>
1084Your independent, locally owned paint store isn't all about paint. They are folks who are eager to help you find trusted home improvement resources. Knowing they come recommended is the icing on the cake.
1085</span>
1086<br>
1087<br>
1088
1089    <div class="col-xs-12 col-md-10 col-md-offset-1" id="layout-col-reason5-copy-quote">
1090        
1091
1092    <div class="col-xs-12 col-md-2 text-center" id="layout-col-reason5-image">
1093        
1094<br />
1095<img alt="A head shot of a Caucasian woman with brown hair wearing a white short sleeve blouse with green, purple, and red flowers." src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/headshots/lisa_hindin_170x170.jpg" style="height: 132px; width: 132px;" />
1096    </div>
1097
1098
1099    <div class="col-xs-12 col-md-10" id="layout-col-reason5-quote">
1100            <div class="pull-quote">
1101        <div class="pull-quote-content left top">
1102            <div class="pull-quote-line-desktop" style="background-color: #2266BB"></div>
1103
1104            <div class="content-body">
1105                <div class="pull-quote-line-mobile" style="background-color: #2266BB"></div>
1106                <div class="pull-text">“I spend a good chunk of time at my local Benjamin Moore when it’s time to pick colors to paint. So it made a lot of sense when I needed a new painter, to ask them for help.” </div>
1107                <div class="sub-text">
1108                    <p>-Lisa Hindin, homeowner, Boca Raton, FL </p>
1109                </div>
1110                <div class="pull-quote-line-mobile" style="background-color: #2266BB"></div>
1111            </div>
1112        </div>
1113    </div>
1114
1115    </div>
1116
1117    </div>
1118
1119    </div>
1120
1121    </div>
1122
1123        </div>
1124    </div>
1125
1126    <div class="bg-white" id="container-faqs">
1127        <div class="container">
1128            
1129    <div class="row" id="row-faqs">
1130        <span class="short-line"></span>
1131
1132
1133    <div class="col-xs-12 col-md-12" id="layout-col-faqs">
1134        
1135<div class="hidden-xs hidden-sm">
1136<h2 style="text-align: center;"><span style="font-weight: 700; font-size: 25px; font-family: Moderat, helvetica, arial, sans-serif;">Frequently Asked Questions</span></h2>
1137<br />
1138<div style="background-color: #EFEFEF; padding-right: 40px; padding-left: 40px; padding-top: 2px; padding-bottom: 10px;">
1139<h2><span style="font-weight: 700; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">Q. Why is Benjamin Moore paint not sold at big-box retail stores?</span></h2>
1140<p><span style="font-weight: 500; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">A. Since our founding in 1883, Benjamin Moore prioritizes supporting small businesses by selling exclusively through locally owned and operated paint, decorating and hardware stores. Benjamin Moore products are sold exclusively from local retailers because we believe in the power of Main Street -- where everything can be provided by a local expert who knows the needs of their business and their town.</span></p>
1141</div>
1142<br />
1143<br />
1144<div style="background-color: #EFEFEF; padding-right: 40px; padding-left: 40px; padding-top: 2px; padding-bottom: 10px;">
1145<h2><span style="font-weight: 700; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">Q. Where can I find local stores that sell Benjamin Moore paint?</span></h2>
1146<p><span style="font-weight: 500; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">A. To find a locally owned paint store that sells Benjamin Moore paint, we recommend you use Benjamin Moore's <a href="https://www.benjaminmoore.com/en-us
1146/store-locator">Store Locator tool</a>.</span></p>
1147</div>
1148<br />
1149<br />
1150<div style="background-color: #EFEFEF; padding-right: 40px; padding-left: 40px; padding-top: 2px; padding-bottom: 10px;">
1151<h2><span style="font-weight: 700; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">Q. Can I buy Benjamin Moore paint online or pick-up in store?</span></h2>
1152<p><span style="font-weight: 500; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">A. Benjamin Moore delivers paint you order online via the Benjamin Moore website to a local paint store of your choice. Once your paint is delivered, you can pick up the paint at the selected local retailer.</span></p>
1153</div>
1154</div>
1155<div class="hidden-md hidden-lg">
1156<h2 style="text-align: center;"><span style="font-weight: 700; font-size: 25px; font-family: Moderat, helvetica, arial, sans-serif;">Frequently Asked Questions</span></h2>
1157<br />
1158<div style="background-color: #EFEFEF; padding-right: 20px; padding-left: 20px;  padding-top: 10px; padding-bottom: 20px;">
1159<h2><span style="font-weight: 700; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">Q. Why is Benjamin Moore paint not sold at big-box retail stores?</span></h2>
1160<p><span style="font-weight: 500; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">A. Since our founding in 1883, Benjamin Moore prioritizes supporting small businesses by selling exclusively through locally owned and operated paint, decorating and hardware stores. Benjamin Moore products are sold exclusively from local retailers because we believe in the power of Main Street -- where everything can be provided by a local expert who knows the needs of their business and their town.</span></p>
1161</div>
1162<br />
1163<br />
1164<div style="background-color: #EFEFEF; padding-right: 20px; padding-left: 20px;  padding-top: 10px; padding-bottom: 20px;">
1165<h2><span style="font-weight: 700; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">Q. Where can I find local stores that sell Benjamin Moore paint?</span></h2>
1166<p><span style="font-weight: 500; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">A. To find a locally owned paint store that sells Benjamin Moore paint, we recommend you use Benjamin Moore's <a href="https://www.benjaminmoore.com/en-us/store-locator">Store Locator tool</a>.</span></p>
1167</div>
1168<br />
1169<br />
1170<div style="background-color: #EFEFEF; padding-right: 20px; padding-left: 20px;  padding-top: 10px; padding-bottom: 20px;">
1171<h2><span style="font-weight: 700; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">Q. Can I buy Benjamin Moore paint online or pick-up in store?</span></h2>
1172<p><span style="font-weight: 500; font-family: Moderat, helvetica, arial, sans-serif; font-size: 18px;">A. Benjamin Moore delivers paint you order online via the Benjamin Moore website to a local paint store of your choice. Once your paint is delivered, you can pick up the paint at the selected local retailer.</span></p>
1173</div>
1174</div>
1175<br />
1176<br />
1177    </div>
1178
1179    </div>
1180
1181        </div>
1182    </div>
1183
1184    <div class="bg-white" id="container-cards">
1185        <div class="container">
1186            
1187    <div class="row hidden-xs hidden-sm slick-cards row-eq-height tp40" id="row-cards-desktop">
1188        
1189
1190    <div class="col-xs-12 col-md-10 col-md-offset-1 row-eq-height" id="layout-col-cards-desktop">
1191        
1192
1193    <div class="col-xs-12 col-md-4 row-eq-height" id="layout-col-cards-desktop1">
1194        
1195
1196
1197    <div class="card">
1198            <picture class="">
1199                    <source srcset="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/bm-product-selection_482x370.jpg" media="(min-width: 1024px)" />
1200                    <img src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/bm-product-selection_482x370.jpg" alt="A selection of Benjamin Moore products on a drop cloth, including a gallon of Regal Select, a variety of color samples, two paintbrushes, and a fandeck." title="A selection of Benjamin Moore products on a drop cloth, including a gallon of Regal Select, a variety of color samples, two paintbrushes, and a fandeck." />
1201
1202        </picture>
1203            <div class="descrip">
1204<h3 aria-level=2>Buy Online</h3>                                    <p>Pick up in store in as little as 3 hours.</p>
1205                                    <div class="btn-wrapper">
1206<a href="https://store.benjaminmoore.com/storefront/us/en/" data-ga-click-event-type="misc" aria-label="Shop Now about Buy Online" rel="noopener noreferrer" data-ga-product-id="" class="btn btn-arrow" target="_blank" >
1206                            <span class="btn-text-wrapper">
1207Shop Now                            </span>
1208</a>                    </div>
1209                            </div>
1210    </div>
1211
1212    </div>
1213
1214
1215    <div class="col-xs-12 col-md-4 row-eq-height" id="layout-col-cards-desktop2">
1216        
1217
1218
1219    <div class="card">
1220            <picture class="">
1221                    <source srcset="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/pastel-bathroom-inspiration_482x370.jpg" media="(min-width: 1024px)" />
1222                    <img src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/pastel-bathroom-inspiration_482x370.jpg" alt="Serene bathroom with light blue clawfoot tub, one green-painted wall and one pastel purple-painted wall. " title="Serene bathroom with light blue clawfoot tub, one green-painted wall and one pastel purple-painted wall. " />
1223
1224        </picture>
1225            <div class="descrip">
1226<h3 aria-level=2>Explore Colors</h3>                                    <p>Use our helpful tools to find a paint color you’ll love.</p>
1227                                    <div class="btn-wrapper">
1228<a href="" class="btn btn-arrow" data-ga-click-event-type="misc" data-ga-product-id="" aria-label="Find Paint Colors about Explore Colors" >                            <span class="btn-text-wrapper">
1229Find Paint Colors                            </span>
1230</a>                    </div>
1231                            </div>
1232    </div>
1233
1234    </div>
1235
1236
1237    <div class="col-xs-12 col-md-4 row-eq-height" id="layout-col-cards-desktop3">
1238        
1239
1240
1241    <div class="card">
1242            <picture class="">
1243                    <source srcset="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/bm-store-shelves_482x370_2.jpg" media="(min-width: 1024px)" />
1244                    <img src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/bm-store-shelves_482x370_2.jpg" alt="Shelves in a Benjamin Moore store lined with Regal Select." title="Shelves in a Benjamin Moore store lined with Regal Select." />
1245
1246        </picture>
1247            <div class="descrip">
1248<h3 aria-level=2>Find Your Store</h3>                                    <p>Locate an independently owned Benjamin Moore retailer near you.</p>
1249                                    <div class="btn-wrapper">
1250<a href="" class="btn btn-arrow" data-ga-click-event-type="misc" data-ga-product-id="" aria-label="See Store Locator about Find Your Store" >                            <span class="btn-text-wrapper">
1251See Store Locator                            </span>
1252</a>                    </div>
1253                            </div>
1254    </div>
1255
1256    </div>
1257
1258    </div>
1259
1260    </div>
1261
1262    <div class="row hidden-md hidden-lg slick-cards row-eq-height tp40" id="row-cards-mobile">
1263        
1264
1265    <div class="col-xs-12 col-md-12 row-eq-height text-center" id="layout-col-cards-mobile">
1266        		<!-- MOBILE CAROUSEL START -->
1267		<div class="carousel carousel-pro slide visible-xs visible-sm" data-ride="carousel" ng-cloak data-ng-controller="ProCarouselController as ctrl">
1268			<!-- Indicators -->
1269			<ol class="carousel-indicators"></ol>
1270
1271			<div class="row carousel-inner">
1272				<!-- this is one desktop slide with multiple cards -->
1273					<div class="item active" style="height: 100%;">
1274						<div class="col-xs-12 col-sm-6 col-sm-offset-3" style="display: flex; height: 100%;">
1275							<div class="card col-md-4 padding-5">
1276
1277
1278
1279    <div class="card">
1280            <picture class="">
1281                    <source srcset="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/bm-product-selection_482x370.jpg" media="(min-width: 1024px)" />
1282                    <img src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/bm-product-selection_482x370.jpg" alt="A selection of Benjamin Moore products on a drop cloth, including a gallon of Regal Select, a variety of color samples, two paintbrushes, and a fandeck." title="A selection of Benjamin Moore products on a drop cloth, including a gallon of Regal Select, a variety of color samples, two paintbrushes, and a fandeck." />
1283
1284        </picture>
1285            <div class="descrip">
1286<h3 aria-level=2>Buy Online</h3>                                    <p>Pick up in store in as little as 3 hours.</p>
1287                                    <div class="btn-wrapper">
1288<a href="https://store.benjaminmoore.com/storefront/us/en/" data-ga-click-event-type="misc" aria-label="Shop Now about Buy Online" rel="noopener noreferrer" data-ga-product-id="" class="btn btn-arrow" target="_blank" >
1288                            <span class="btn-text-wrapper">
1289Shop Now                            </span>
1290</a>                    </div>
1291                            </div>
1292    </div>
1293
1294
1295							</div>
1296						</div>
1297					</div>
1298					<div class="item " style="height: 100%;">
1299						<div class="col-xs-12 col-sm-6 col-sm-offset-3" style="display: flex; height: 100%;">
1300							<div class="card col-md-4 padding-5">
1301
1302
1303
1304    <div class="card">
1305            <picture class="">
1306                    <source srcset="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/pastel-bathroom-inspiration_482x370.jpg" media="(min-width: 1024px)" />
1307                    <img src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/pastel-bathroom-inspiration_482x370.jpg" alt="Serene bathroom with light blue clawfoot tub, one green-painted wall and one pastel purple-painted wall. " title="Serene bathroom with light blue clawfoot tub, one green-painted wall and one pastel purple-painted wall. " />
1308
1309        </picture>
1310            <div class="descrip">
1311<h3 aria-level=2>Explore Colors</h3>                                    <p>Use our helpful tools to find a paint color you’ll love.</p>
1312                                    <div class="btn-wrapper">
1313<a href="" class="btn btn-arrow" data-ga-click-event-type="misc" data-ga-product-id="" aria-label="Find Paint Colors about Explore Colors" >                            <span class="btn-text-wrapper">
1314Find Paint Colors                            </span>
1315</a>                    </div>
1316                            </div>
1317    </div>
1318
1319
1320							</div>
1321						</div>
1322					</div>
1323					<div class="item " style="height: 100%;">
1324						<div class="col-xs-12 col-sm-6 col-sm-offset-3" style="display: flex; height: 100%;">
1325							<div class="card col-md-4 padding-5">
1326
1327
1328
1329    <div class="card">
1330            <picture class="">
1331                    <source srcset="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/bm-store-shelves_482x370_2.jpg" media="(min-width: 1024px)" />
1332                    <img src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/bm-store-shelves_482x370_2.jpg" alt="Shelves in a Benjamin Moore store lined with Regal Select." title="Shelves in a Benjamin Moore store lined with Regal Select." />
1333
1334        </picture>
1335            <div class="descrip">
1336<h3 aria-level=2>Find Your Store</h3>                                    <p>Locate an independently owned Benjamin Moore retailer near you.</p>
1337                                    <div class="btn-wrapper">
1338<a href="" class="btn btn-arrow" data-ga-click-event-type="misc" data-ga-product-id="" aria-label="See Store Locator about Find Your Store" >                            <span class="btn-text-wrapper">
1339See Store Locator                            </span>
1340</a>                    </div>
1341                            </div>
1342    </div>
1343
1344
1345							</div>
1346						</div>
1347					</div>
1348			</div>
1349		</div> 
1350		<!-- MOBILE CAROUSEL END -->
1351		<!-- DESKTOP CAROUSEL START -->
1352		<div class="carousel carousel-pro slide visible-md visible-lg" data-ride="carousel" ng-cloak data-ng-controller="ProCarouselController as ctrl">
1353			<!-- Indicators -->
1354			<ol class="carousel-indicators"></ol>
1355
1356			<!-- Arrows -->
1357			<div tabindex="0" role="button"  aria-disabled="true" aria-label="previous"  class="hidden-xs hidden-sm c-button disabled left" data-ng-click="ctrl.carouselPrev()" data-ng-keydown="$event.keyCode == 13 ? ctrl.carouselPrev() : null">
1358				<img src="/assets/benjaminmoore/dist/live/img/card-carousel/arrow_left.svg" alt="&lt;">
1359			</div>
1360			<div tabindex="0" role="button" aria-disabled="false" aria-label="next" class="hidden-xs hidden-sm c-button right" data-ng-click="ctrl.carouselNext()" data-ng-keydown="$event.keyCode == 13 ? ctrl.carouselNext() : null">
1361				<img src="/assets/benjaminmoore/dist/live/img/card-carousel/arrow_right.svg" alt="&gt;">
1362			</div>
1363
1364			<div class="row carousel-inner">
1365				<!-- this is one desktop slide with multiple cards -->
1366					<div class="col-xs-12 col-md-12 item active">
1367						<div class="card-container">
1368                            <div class="col-md-4">
1369
1370
1371
1372    <div class="card">
1373            <picture class="">
1374                    <source srcset="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/bm-product-selection_482x370.jpg" media="(min-width: 1024px)" />
1375                    <img src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/bm-product-selection_482x370.jpg" alt="A selection of Benjamin Moore products on a drop cloth, including a gallon of Regal Select, a variety of color samples, two paintbrushes, and a fandeck." title="A selection of Benjamin Moore products on a drop cloth, including a gallon of Regal Select, a variety of color samples, two paintbrushes, and a fandeck." />
1376
1377        </picture>
1378            <div class="descrip">
1379<h3 aria-level=2>Buy Online</h3>                                    <p>Pick up in store in as little as 3 hours.</p>
1380                                    <div class="btn-wrapper">
1381<a href="https://store.benjaminmoore.com/storefront/us/en/" data-ga-click-event-type="misc" aria-label="Shop Now about Buy Online" rel="noopener noreferrer" data-ga-product-id="" class="btn btn-arrow" target="_blank" >
1381                            <span class="btn-text-wrapper">
1382Shop Now                            </span>
1383</a>                    </div>
1384                            </div>
1385    </div>
1386
1387                            </div>
1388                            <div class="col-md-4">
1389
1390
1391
1392    <div class="card">
1393            <picture class="">
1394                    <source srcset="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/pastel-bathroom-inspiration_482x370.jpg" media="(min-width: 1024px)" />
1395                    <img src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/pastel-bathroom-inspiration_482x370.jpg" alt="Serene bathroom with light blue clawfoot tub, one green-painted wall and one pastel purple-painted wall. " title="Serene bathroom with light blue clawfoot tub, one green-painted wall and one pastel purple-painted wall. " />
1396
1397        </picture>
1398            <div class="descrip">
1399<h3 aria-level=2>Explore Colors</h3>                                    <p>Use our helpful tools to find a paint color you’ll love.</p>
1400                                    <div class="btn-wrapper">
1401<a href="" class="btn btn-arrow" data-ga-click-event-type="misc" data-ga-product-id="" aria-label="Find Paint Colors about Explore Colors" >                            <span class="btn-text-wrapper">
1402Find Paint Colors                            </span>
1403</a>                    </div>
1404                            </div>
1405    </div>
1406
1407                            </div>
1408                            <div class="col-md-4">
1409
1410
1411
1412    <div class="card">
1413            <picture class="">
1414                    <source srcset="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/bm-store-shelves_482x370_2.jpg" media="(min-width: 1024px)" />
1415                    <img src="/-/media/sites/benjaminmoore/images/about-us/shop-small-with-benjamin-moore/bm-store-shelves_482x370_2.jpg" alt="Shelves in a Benjamin Moore store lined with Regal Select." title="Shelves in a Benjamin Moore store lined with Regal Select." />
1416
1417        </picture>
1418            <div class="descrip">
1419<h3 aria-level=2>Find Your Store</h3>                                    <p>Locate an independently owned Benjamin Moore retailer near you.</p>
1420                                    <div class="btn-wrapper">
1421<a href="" class="btn btn-arrow" data-ga-click-event-type="misc" data-ga-product-id="" aria-label="See Store Locator about Find Your Store" >                            <span class="btn-text-wrapper">
1422See Store Locator                            </span>
1423</a>                    </div>
1424                            </div>
1425    </div>
1426
1427                            </div>
1428
1429						</div>
1430					</div>
1431			</div>
1432		</div>
1433		<!-- DESKTOP CAROUSEL END -->
1434
1435
1436    </div>
1437
1438    </div>
1439
1440        </div>
1441    </div>
1442
1443    <div class="bg-white" id="container-social-media-links">
1444        <div class="container-fluid">
1445            
1446    <div class="row tp40 bm40" id="row-social-media-links">
1447        
1448
1449    <div class="col-xs-12 col-md-10 col-md-offset-1" id="layout-col-social-media-links">
1450        
1451
1452    <div class="social-media-container social-media-centered ">
1453        <div social-media data-social='{"description":"","alignment":"","header":"","showFb":true,"showPin":true,"showTwitter":true,"download":{"showDownload":false,"url":null,"title":null},"email":{"showEmail":true,"subject":"You&#39;ve been sent a Benjamin Moore article.","body":"Hi,%0D%0A%0D%0AI think you’ll enjoy this article I read on BenjaminMoore.com.%0D%0A%0D%0A","href":"mailto:?subject=You&#39;ve been sent a Benjamin Moore article.&amp;body=Hi,%0D%0A%0D%0AI think you’ll enjoy this article I read on BenjaminMoore.com.%0D%0A%0D%0Ahttp://www.benjaminmoore.com/en-us/about-us/5-reasons-to-shop-small"}}'></div>
1454    </div>
1455
1456    </div>
1457
1458    </div>
1459
1460        </div>
1461    </div>
1462
1463    <div class="bg-white" id="container-pre-footer">
1464        <div class="container-fluid">
1465            
1466    <div class="row" id="row-pre-footer">
1467        
1468
1469    <div class="col-xs-12 col-md-12" id="layout-col-pre-footer">
1470                <div data-retail-footer class="nocontent"></div>
1471        
1471<script id="retailFooter.directive.html" type="text/ng-template">
1472    <div class="retail-footer module-footer nocontent" style="background-image: url(/-/media/sites/benjaminmoore/images/footer-modules/bmc_footer_desktop_1_consumer.jpg)">
1473        <div class="module-footer-content container">
1474            <div role="group" aria-labelledby="footer-header-ada">
1475                        <div role="heading" id="footer-header-ada" class="pre-footer-header" aria-level="2">Find Your Store</div>
1476                <span class="rule"></span>
1477                    <p>Only our trusted network of expert, independent retailers can sell Benjamin Moore Paint.  Our paint stores offer an unparalleled retail experience, far beyond "take a number."</p>
1478                                    <form class="form-inline"
1479                          id="findRetailerForm"
1480                          name="findRetailerForm"
1481                          method="GET"
1482                          action="/store-locator"
1483                          novalidate>
1484
1485                        <label for="addressInput">Enter a ZIP code, or city and state</label>
1486
1487                        <div class="input-group">
1488
1489                            <input type="text"
1490                                   id="addressInput"
1491                                   name="q"
1492                                   class="form-control"
1493                                   autocomplete="off"
1494                                   role="combobox"
1495                                   placeholder="Enter a ZIP code, or city and state"
1496                                   data-ng-model="ctrl.model.address"
1497                                   data-uib-typeahead="address for address in ctrl.getLocations($viewValue)"
1498                                   data-typeahead-loading="loadingLocations"
1499                                   data-typeahead-no-results="noResults"
1500                                   typeahead-popup-template-url="typeahead-popup-template.html"
1501                                   fix-typeahead-aria />
1502
1503                            <button class="btn btn-primary reverse"
1504                                    type="submit"
1505                                    aria-label="Search for location">
1506                                <i class="icon-search" aria-hidden="true"></i>
1507                            </button>
1508
1509                        </div>
1510                    </form>
1511                    <span class="search-req-info"></span>
1512                    <button type="button"
1513                            data-ng-click="ctrl.useMyLocation()"
1514                            class="use-loc btn btn-link">
1515                        <span class="icon icon-location"></span>Use My Current Location
1516                    </button>
1517            </div>
1518        </div>
1519    </div>
1520        </script>
vendor: 2 bytes, line 1520
1520
1521<script id="typeahead-popup-template.html" type="text/ng-template">
1522    <ul class="dropdown-menu"
1523        id="typeahead-list"
1524        role="listbox"
1525        aria-label="Location suggestions"
1526        ng-show="isOpen() && !moveInProgress">
1527
1528        <li id="typeahead-option-{{$index}}"
1529            ng-repeat="match in matches track by $index"
1530            role="option"
1531            ng-class="{active: isActive($index)}"
1532            ng-click="selectMatch($index, $event)">
1533
1534            <a ng-bind-html="match.label | uibTypeaheadHighlight:query"
1535               class="match-label"
1536               title="{{match.label}}"></a>
1537        </li>
1538    </ul>
1539</script>
1539
1540
1541    </div>
1542
1543    </div>
1544
1545        </div>
1546    </div>
1547
1548
1549
1550
1551
1552
1553            </main>
1554
1555        
1556
1557
1558
1559
1560<footer id="global-nav-footer" aria-label="Global Footer">
1561    <div class="container-fluid nocontent">
1562
1563        
1564
1565
1566
1567        <div class="row utility">
1568                <div class="col-xs-12 col-sm-6 col-md-6 header-sec">
1569                    <p class="heading" role="heading" aria-level="2">Stay Inspired</p>
1570                    <div>
1571  <a href="/en-us/email-signup" target="_blank" title="Signup to receive the latest inspiration" style="text-decoration: underline;">Signup</a> to receive the latest inspiration</a><br />
1572  Unsubscribe Anytime.
1573</div>
1574                </div>
1575                            <div class="col-xs-12 col-sm-6 col-md-6">
1576                    <p class="social-link-heading heading" role="heading" aria-level="2">Join The Conversation</p>
1577                    <ul class="list-inline social" role="menubar">
1578                            <li role="menuitem">
1579                                    <a href="http://www.facebook.com/benjaminmoorepaints" target="_blank">
1580                                        <span class="sr-only">Facebook</span>
1581                                        <span class="nav-icon facebook" aria-hidden="true"> </span>
1582                                    </a>
1583                            </li>
1584                            <li role="menuitem">
1585                                    <a href="http://instagram.com/benjaminmoore/" target="_blank">
1586                                        <span class="sr-only">Instagram</span>
1587                                        <span class="nav-icon instagram" aria-hidden="true"> </span>
1588                                    </a>
1589                            </li>
1590                            <li role="menuitem">
1591                                    <a href="http://instagram.com/benjaminmoorepro/" target="_blank">
1592                                        <span class="sr-only">Instagram Pro</span>
1593                                        <span class="nav-icon instagrampro" aria-hidden="true"> </span>
1594                                    </a>
1595                            </li>
1596                            <li role="menuitem">
1597                                    <a href="http://www.youtube.com/user/BenjaminMoorePaints" target="_blank">
1598                                        <span class="sr-only">Youtube</span>
1599                                        <span class="nav-icon Youtube" aria-hidden="true"> </span>
1600                                    </a>
1601                            </li>
1602                            <li role="menuitem">
1603                                    <a href="http://www.twitter.com/Benjamin_Moore" target="_blank">
1604                                        <span class="sr-only">Twitter</span>
1605                                        <span class="nav-icon twitter" aria-hidden="true"> </span>
1606                                    </a>
1607                            </li>
1608                            <li role="menuitem">
1609                                    <a href="http://www.houzz.com/pro/benjaminmoorepaints/benjamin-Moore" target="_blank">
1610                                        <span class="sr-only">Houzz</span>
1611                                        <span class="nav-icon houzz" aria-hidden="true"> </span>
1612                                    </a>
1613                            </li>
1614                            <li role="menuitem">
1615                                    <a href="https://www.linkedin.com/company/benjamin-moore/" target="_blank">
1616                                        <span class="sr-only">LinkedIn</span>
1617                                        <span class="nav-icon Linkedn" aria-hidden="true"> </span>
1618                                    </a>
1619                            </li>
1620                            <li role="menuitem">
1621                                    <a href="https://www.tiktok.com/@benjaminmoore" target="_blank">
1622                                        <span class="sr-only">TikTok</span>
1623                                        <span class="nav-icon tiktok" aria-hidden="true"> </span>
1624                                    </a>
1625                            </li>
1626                    </ul>
1627
1628                </div>
1629        </div>
1630
1631        
1632        <uib-accordion class="visible-xs footer-accordion">
1633                        <div class="panel-default footer-pro-header custom-button" is-open="status.open[0]"                                
1634                                 uib-accordion-group
1635                                 heading="Benjamin Moore"
1636                                 template-url="footer-heading-template.html">
1637                        <ul class="nav Castle.Proxies.IFooterSectionProxy" role="menu">
1638                                <li role="menuitem">
1639                                                <a href="/en-us/about-us">
1640                                                    <span class="text">About Us</span>
1641                                                </a>
1642                                </li>
1643                                <li role="menuitem">
1644                                                <a href="/en-us/corporate-responsibility-sustainability">
1645                                                    <span class="text">Corporate Responsibility</span>
1646                                                </a>
1647                                </li>
1648                                <li role="menuitem">
1649                                                <a href="/en-us/benjamin-moore-careers">
1650                                                    <span class="text">Careers</span>
1651                                                </a>
1652                                </li>
1653                                <li role="menuitem">
1654                                                <a href="/en-us/press">
1655                                                    <span class="text">Press</span>
1656                                                </a>
1657                                </li>
1658                                <li role="menuitem">
1659                                                <a href="/en-us/become-a-retailer">
1660                                                    <span class="text">Become a Retailer</span>
1661                                                </a>
1662                                </li>
1663                                <li role="menuitem">
1664                                                <a class="navigation-menu__link clarip-link" ng-click="$event.preventDefault()" id="clarip-do-not-sell-link">
1665                                                    <span class="text">Do Not Sell/Share My Information</span>
1666                                                </a>
1667                                </li>
1668                                <li role="menuitem">
1669                                                <a class="navigation-menu__link clarip-link" ng-click="$event.preventDefault()" id="consent-management-tool">
1670                                                    <span class="text">Your Privacy Choices</span>
1671                                                </a>
1672                                </li>
1673                        </ul>
1674                    </div>
1675                        <div class="panel-default footer-pro-header custom-button" is-open="status.open[1]"                                
1676                                 uib-accordion-group
1677                                 heading="For Professionals"
1678                                 template-url="footer-heading-template.html">
1679                        <ul class="nav Castle.Proxies.IFooterSectionProxy" role="menu">
1680                                <li role="menuitem">
1681                                                <a href="/en-us/contractors">
1682                                                    <span class="text">Contractors</span>
1683                                                </a>
1684                                </li>
1685                                <li role="menuitem">
1686                                                <a href="/en-us/designers">
1687                                                    <span class="text">Designers</span>
1688                                                </a>
1689                                </li>
1690                                <li role="menuitem">
1691                                                <a href="/en-us/for-retailers">
1692                                                    <span class="text">Retailers</span>
1693                                                </a>
1694                                </li>
1695                                <li role="menuitem">
1696                                                <a href="/en-us/architects">
1697                                                    <span class="text">Architects</span>
1698                                                </a>
1699                                </li>
1700                                <li role="menuitem">
1701                                                <a href="/en-us/documentation">
1702                                                    <span class="text">Documentation (SDS, TDS, HPD)</span>
1703                                                </a>
1704                                </li>
1705                        </ul>
1706                    </div>
1707                        <div class="panel-default footer-pro-header custom-button" is-open="status.open[2]"                                
1708                                 uib-accordion-group
1709                                 heading="Customer Service"
1710                                 template-url="footer-heading-template.html">
1711                        <ul class="nav Castle.Proxies.IFooterSectionProxy" role="menu">
1712                                <li role="menuitem">
1713                                                <a href="/en-us/contact-us">
1714                                                    <span class="text">Contact Us</span>
1715                                                </a>
1716                                </li>
1717                                <li role="menuitem">
1718                                                <a href="/en-us/return-and-shipping-policy">
1719                                                    <span class="text">Shipping &amp; Returns</span>
1720                                                </a>
1721                                </li>
1722                                <li role="menuitem">
1723                                                <a href="/en-us/paint-calculator">
1724                                                    <span class="text">Paint Calculator</span>
1725                                                </a>
1726                                </li>
1727                                <li role="menuitem">
1728                                                <a href="/en-us/color-overview/find-your-color/color-a-room">
1729                                                    <span class="text">Color a Room</span>
1730                                                </a>
1731                                </li>
1732                                <li role="menuitem">
1733                                                <a href="/en-us/virtual-color-consultation">
1734                                                    <span class="text">Virtual Color Consultation</span>
1735                                                </a>
1736                                </li>
1737                                <li role="menuitem">
1738                                                <a href="/en-us/faq">
1739                                                    <span class="text">FAQ</span>
1740                                                </a>
1741                                </li>
1742                        </ul>
1743                    </div>
1744                        <div class="panel-default footer-pro-header custom-button" is-open="status.open[3]"                                
1745                                 uib-accordion-group
1746                                 heading="Buy Paints and Stain"
1747                                 template-url="footer-heading-template.html">
1748                        <ul class="nav Castle.Proxies.IFooterSectionProxy" role="menu">
1749                                <li role="menuitem">
1750                                                <a href="/en-us/store-locator">
1751                                                    <span class="text">Find a store</span>
1752                                                </a>
1753                                </li>
1754                                <li role="menuitem">
1755                                                <a href="/en-us/international-distributor-listing">
1756                                                    <span class="text">International Distributor Listing</span>
1757                                                </a>
1758                                </li>
1759                                <li role="menuitem">
1760                                                <a href="/en-us/product-catalog">
1761                                                    <span class="text">Product Catalog</span>
1762                                                </a>
1763                                </li>
1764                                <li role="menuitem">
1765                                                <a href="/en-us/color-portfolio-paint-matching-app">
1766                                                    <span class="text">Download Benjamin Moore Color Portfolio App</span>
1767                                                </a>
1768                                </li>
1769                        </ul>
1770                    </div>
1771                    <!--TEMPLATE: Footer Accordion Header-->
1772            
1772<script id="footer-heading-template.html" type="text/ng-template">
1773                <div class="panel">
1774                    <div class="panel-heading">
1775                        <h4 aria-level="3" class="panel-title"  id="{{heading.split(' ').join('-')}}">
1776                            <a  role="button" href="javascript:void(0);" tabindex="0" aria-expanded="{{!!isOpen}}" class="accordion-toggle" ng-click="toggleOpen()" uib-accordion-transclude="heading">
1777                                 <span>{{heading}}</span>
1778                            <i class="pull-right icon"
1779                               data-ng-class="{'icon-down-arrow': !isOpen, 'icon-up-arrow': isOpen}"></i>
1780                            </a>
1781                        </h4>
1782                    </div>
1783                    <div class="panel-collapse collapse" data-uib-collapse="!isOpen">
1784                        <div class="panel-body" data-ng-if="isOpen" data-ng-transclude role="group" aria-labelledby="{{heading.split(' ').join('-')}}"></div>
1785                    </div>
1786                </div>
1787            </script>
1787
1788        </uib-accordion>
1789
1790        
1791        <div class="row consumers hidden-xs">
1792                    <div class="col-xs-12 col-sm-6 col-md-3 ">
1793                        <h2 class="footer-pro-header hidden-xs">
1794                            Benjamin Moore
1795                        </h2>
1796                        <ul class="nav hidden-xs" role="menu">
1797                                    <li role="menuitem">
1798                                            <a href="/en-us/about-us">
1799                                                <span class="text">About Us</span>
1800                                            </a>
1801                                    </li> 
1802                                    <li role="menuitem">
1803                                            <a href="/en-us/corporate-responsibility-sustainability">
1804                                                <span class="text">Corporate Responsibility</span>
1805                                            </a>
1806                                    </li> 
1807                                    <li role="menuitem">
1808                                            <a href="/en-us/benjamin-moore-careers">
1809                                                <span class="text">Careers</span>
1810                                            </a>
1811                                    </li> 
1812                                    <li role="menuitem">
1813                                            <a href="/en-us/press">
1814                                                <span class="text">Press</span>
1815                                            </a>
1816                                    </li> 
1817                                    <li role="menuitem">
1818                                            <a href="/en-us/become-a-retailer">
1819                                                <span class="text">Become a Retailer</span>
1820                                            </a>
1821                                    </li> 
1822                                    <li role="menuitem">
1823                                            <a ng-click="$event.preventDefault()" class="navigation-menu__link clarip-link" href="javascript:void(0); " id="clarip-do-not-sell-link">
1824                                                <span class="text">Do Not Sell/Share My Information</span>
1825                                            </a>
1826                                    </li> 
1827                                    <li role="menuitem">
1828                                            <a ng-click="$event.preventDefault()" class="navigation-menu__link clarip-link" href="#" id="consent-management-tool">
1829                                                <span class="text">Your Privacy Choices</span>
1830                                            </a>
1831                                    </li> 
1832                        </ul>
1833                    </div>
1834                    <div class="col-xs-12 col-sm-6 col-md-3 ">
1835                        <h2 class="footer-pro-header hidden-xs">
1836                            For Professionals
1837                        </h2>
1838                        <ul class="nav hidden-xs" role="menu">
1839                                    <li role="menuitem">
1840                                            <a href="/en-us/contractors">
1841                                                <span class="text">Contractors</span>
1842                                            </a>
1843                                    </li> 
1844                                    <li role="menuitem">
1845                                            <a href="/en-us/designers">
1846                                                <span class="text">Designers</span>
1847                                            </a>
1848                                    </li> 
1849                                    <li role="menuitem">
1850                                            <a href="/en-us/for-retailers">
1851                                                <span class="text">Retailers</span>
1852                                            </a>
1853                                    </li> 
1854                                    <li role="menuitem">
1855                                            <a href="/en-us/architects">
1856                                                <span class="text">Architects</span>
1857                                            </a>
1858                                    </li> 
1859                                    <li role="menuitem">
1860                                            <a href="/en-us/documentation">
1861                                                <span class="text">Documentation (SDS, TDS, HPD)</span>
1862                                            </a>
1863                                    </li> 
1864                        </ul>
1865                    </div>
1866                    <div class="col-xs-12 col-sm-6 col-md-3 ">
1867                        <h2 class="footer-pro-header hidden-xs">
1868                            Customer Service
1869                        </h2>
1870                        <ul class="nav hidden-xs" role="menu">
1871                                    <li role="menuitem">
1872                                            <a href="/en-us/contact-us">
1873                                                <span class="text">Contact Us</span>
1874                                            </a>
1875                                    </li> 
1876                                    <li role="menuitem">
1877                                            <a href="/en-us/return-and-shipping-policy">
1878                                                <span class="text">Shipping &amp; Returns</span>
1879                                            </a>
1880                                    </li> 
1881                                    <li role="menuitem">
1882                                            <a href="/en-us/paint-calculator">
1883                                                <span class="text">Paint Calculator</span>
1884                                            </a>
1885                                    </li> 
1886                                    <li role="menuitem">
1887                                            <a href="/en-us/color-overview/find-your-color/color-a-room">
1888                                                <span class="text">Color a Room</span>
1889                                            </a>
1890                                    </li> 
1891                                    <li role="menuitem">
1892                                            <a href="/en-us/virtual-color-consultation">
1893                                                <span class="text">Virtual Color Consultation</span>
1894                                            </a>
1895                                    </li> 
1896                                    <li role="menuitem">
1897                                            <a href="/en-us/faq">
1898                                                <span class="text">FAQ</span>
1899                                            </a>
1900                                    </li> 
1901                        </ul>
1902                    </div>
1903                    <div class="col-xs-12 col-sm-6 col-md-3 ">
1904                        <h2 class="footer-pro-header hidden-xs">
1905                            Buy Paints and Stain
1906                        </h2>
1907                        <ul class="nav hidden-xs" role="menu">
1908                                    <li role="menuitem">
1909                                            <a href="/en-us/store-locator">
1910                                                <span class="text">Find a store</span>
1911                                            </a>
1912                                    </li> 
1913                                    <li role="menuitem">
1914                                            <a href="/en-us/international-distributor-listing">
1915                                                <span class="text">International Distributor Listing</span>
1916                                            </a>
1917                                    </li> 
1918                                    <li role="menuitem">
1919                                            <a href="/en-us/product-catalog">
1920                                                <span class="text">Product Catalog</span>
1921                                            </a>
1922                                    </li> 
1923                                    <li role="menuitem">
1924                                            <a href="/en-us/color-portfolio-paint-matching-app">
1925                                                <span class="text">Download Benjamin Moore Color Portfolio App</span>
1926                                            </a>
1927                                    </li> 
1928                        </ul>
1929                    </div>
1930        </div>
1931
1932        
1933        <div class="row legal legal-links">
1934
1935            <div class="col-xs-12">
1936                <ul class="list-inline" role="menubar">
1937                            <li role="menuitem">
1938                                    <a href="/en-us/sitemap">
1939                                        <span>Sitemap</span>
1940                                    </a>
1941                            </li>
1942                            <li role="menuitem">
1943                                    <a href="/en-us/privacy-statement">
1944                                        <span>Privacy</span>
1945                                    </a>
1946                            </li>
1947                            <li role="menuitem">
1948                                    <a href="/en-us/legal-benjamin-moore-co-website-terms-and-conditions">
1949                                        <span>Terms and Conditions</span>
1950                                    </a>
1951                            </li>
1952                            <li role="menuitem">
1953                                    <a href="/en-us/digital-accessibility-statement">
1954                                        <span>Accessibility</span>
1955                                    </a>
1956                            </li>
1957                            <li role="menuitem">
1958                                    <a href="/en-us/prohibited-business-practices-policy">
1959                                        <span>Policies</span>
1960                                    </a>
1961                            </li>
1962                            <li role="menuitem">
1963                                    <a href="/en-us/california-transparency-in-supply-chains-act">
1964                                        <span>CA Supply Chains Act</span>
1965                                    </a>
1966                            </li>
1967                </ul>
1968            </div>
1969        </div>
1970
1971        
1972        <div class="row brands">
1973                    <div class="col-xs-12 col-md-3">
1974                        <div class="brand-logo-wrap">
1975                                <a href="/en-us/contractors/corotech-high-performance-coatings" title="" target="">
1976                                    <picture>
1977                                            <source srcset="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-corotech-138x83-usca.png"
1978                                                    media="(min-width: 1024px)">
1979                                                                                    <img src="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-corotech-138x83-usca.png"
1980                                                 title=""
1981                                                 alt="Corotech&#174; High-Performance Coatings">
1982                                    </picture>
1983                                </a>
1984                        </div>
1985                    </div>
1986                    <div class="col-xs-12 col-md-3">
1987                        <div class="brand-logo-wrap">
1988                                <a href="/en-us/interior-exterior-paints-stains/insl-x" title="" target="">
1989                                    <picture>
1990                                            <source srcset="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-inslx-138x67-uscae.png"
1991                                                    media="(min-width: 1024px)">
1992                                                                                    <img src="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-inslx-138x67-uscae.png"
1993                                                 title=""
1994                                                 alt="INSL-X specialty and problem-solving coatings">
1995                                    </picture>
1996                                </a>
1997                        </div>
1998                    </div>
1999                    <div class="col-xs-12 col-md-3">
2000                        <div class="brand-logo-wrap">
2001                                <a href="/en-us/interior-exterior-paints-stains/coronado" title="" target="">
2002                                    <picture>
2003                                            <source srcset="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-coronado-185x74-uscae.png"
2004                                                    media="(min-width: 1024px)">
2005                                                                                    <img src="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-coronado-185x74-uscae.png"
2006                                                 title=""
2007                                                 alt="Coronado Interior &amp; Exterior Architectural Paints">
2008                                    </picture>
2009                                </a>
2010                        </div>
2011                    </div>
2012        </div>
2013
2014        
2015        <div class="row legal disclaimer">
2016            <div class="col-xs-12">
2017                    <p>We believe in the transformative power of our paint. For generations, our passion for producing products and colors made from premium-quality ingredients has been our highest priority. We continually push the boundaries of innovation and champion sustainability, for lasting results and local expertise you can trust.</p>
2018                                    <p><span aria-hidden="true"><br />
2019<br />
2020</span>
2021On-screen and printer color representations may vary from actual paint colors.
2022<span aria-hidden="true"><br />
2023<br />
2024</span>
2025&copy;2026 Benjamin Moore &amp; Co. 101 Paragon Drive, Montvale, NJ 07645</p>
2026            </div>
2027        </div>
2028    </div>
2029</footer>
2030
2031    </div>
2032
2033    <!-- Config Data -->
2034<!-- Config Data -->
2035
2036
2037<script type="text/javascript">
2038	window.appData = {"config":{"isIOS":false,"isIPhone":false,"locale":"en-us","assetPath":"/assets/benjaminmoore/live/","bmcApiKey":"5109bbbe4324fff8c2ff","googleClientId":"AIzaSyDYf5RcbPheKzLU1tZ4OiWReYua76fxTik","freeGoogleClientId":"AIzaSyBtXRqLrygBd0Jye1TgRfSDxaptV4PiTAA","googleMapsApiKey":"BMCgAPIKey","googleAnalyticsId":"UA-2224610-1","storeLocatorSearchResultsLimit":15,"routes":{"colorTool":{"root":"/en-us/color-overview/find-your-color/","collections":"","colors":"","families":"","rooms":"/en-us/color-overview/find-your-color/color-a-room/","save":"/en-us/color-overview/find-your-color/color-a-room/saved-color-selections/","search":"/en-us/paint-colors/search/"},"storeLocator":{"root":"/en-us/store-locator"}},"social":{"email":"Benjamin Moore helped me choose the perfect paint colors for my home.","emailBody":null,"singleColorFacebook":"Look at this Benjamin Moore paint color [COLOR]. Via [HANDLE]","singleColorPinterest":"Look at this Benjamin Moore paint color [COLOR]. Via [HANDLE]","singleColorTwitter":"Look at this [HANDLE] paint color [COLOR].","colorCombinationFacebook":"Look at the paint color combination I created with Benjamin Moore. Via [HANDLE]. [COLOR].","colorCombinationPinterest":"Look at the paint color combination I created with Benjamin Moore. Via [HANDLE]. [COLOR].","colorCombinationTwitter":"Look at the paint color combination I created [HANDLE]. [COLOR].","roomFacebook":"Look at the paint color combination I created with Benjamin Moore. Via [HANDLE]. [COLOR].","roomPinterest":"Look at the paint color combination I created with Benjamin Moore. Via [HANDLE]. [COLOR].","roomTwitter":"Look at the paint color combination I created [HANDLE]. [COLOR].","facebookHandle":"@benjaminmoorepaints","twitterHandle":"@Benjamin_Moore","pinterestHandle":"@benjamin_moore"},"urls":{"dollop":"//media.benjaminmoore.com/WebServices/prod/dollops/180x180/","bmcApi":"https://api.benjaminmoore.com/api/5109bbbe4324fff8c2ff","sample":"https://www.benjaminmoore.com/en-us/product/","buyColorUrl":"https://stage.store.benjaminmoore.com/storefront/us/en/shop-by-color/color/","colorShopNowButtons":[{"buttonLabel":"INTERIOR PAINT","urlParams":"?productType=interior-paint","isButton":true},{"buttonLabel":"PAINT SAMPLE","urlParams":"?p=0200","isButton":true},{"buttonLabel":"PEEL-AND-STICK","urlParams":"?p=PLST12","isButton":true},{"buttonLabel":"COLOR SWATCH","urlParams":"?p=CLSW49","isButton":true},{"buttonLabel":"ALL PRODUCTS","urlParams":"?productType=all","isButton":false}],"stainShopNowButtons":[{"buttonLabel":"Exterior Stain","urlParams":"?p=0640","isButton":true},{"buttonLabel":"Stain Sample","urlParams":"?p=CS640","isButton":true},{"buttonLabel":"ALL PRODUCTS","urlParams":"?productType=all","isButton":false}],"colorAndStainShopNowButtons":[{"buttonLabel":"Exterior Stain","urlParams":"?p=0640","isButton":true},{"buttonLabel":"Stain Sample","urlParams":"?p=CS640","isButton":true},{"buttonLabel":"INTERIOR PAINT","urlParams":"?productType=interior-paint","isButton":true},{"buttonLabel":"COLOR SWATCH","urlParams":"?p=CLSW49","isButton":true},{"buttonLabel":"ALL PRODUCTS","urlParams":"?productType=all","isButton":false}],"shopNowModalTitle":"Make Your Selection","shopNowModalSubTitle":"Choose a sample or browse products for your selected color."},"analytics":{"analyticsDestination":[{"name":"Segment","key":"XvwSZupSgFfXOYkh1RgsazSwNmSiY6r5"}]},"bmcWebServiceDomain":"https://www2.benjaminmoore.com","env":"production","facebookAppId":"188845908197661","facebookSocialHandle":null,"twitterSocialHandle":null,"pinterestSocialHandle":null,"appSettingsData":{"status":"OK","data":{"Constants":[{"key":"preferred_language_en_ca","enabled":true,"value":["English - Canada"]},{"key":"preferred_language_en_us","enabled":true,"value":["English - United States"]},{"key":"preferred_language_fr_ca","enabled":true,"value":["Français - Canada"]},{"key":"preferred_language_options","enabled":true,"value":["[{\"code\":\"en-us\",\"name\":\"English - United States\"},{\"code\":\"en-ca\",\"name\":\"English - Canada\"},{\"code\":\"fr-ca\",\"name\":\"Français - Canada\"}]"]}
2038,{"key":"pro_dashboard_url","enabled":true,"value":["/en-us/account/dashboard"]},{"key":"profile_endpoint","enabled":true,"value":["/en-us/account/profile"]},{"key":"register_url","enabled":true,"value":["/en-us/register"]},{"key":"relationship_mapping","enabled":true,"value":["[{\"name\":\"homeowner\",\"description\":\"Homeowner\",\"value\":1},{\"name\":\"designer\",\"description\":\"Designer\",\"value\":2},{\"name\":\"architect\",\"description\":\"Residential Architect\",\"value\":3},{\"name\":\"contractor\",\"description\":\"Commercial Contractor\",\"value\":4},{\"name\":\"architect\",\"description\":\"Commercial Architect\",\"value\":6},{\"name\":\"contractor\",\"description\":\"Residential Contractor\",\"value\":8}]"]},{"key":"relationship_values_mapping","enabled":true,"value":["[{\"name\":\"Homeowner\",\"value\":1},{\"name\":\"Designer\",\"value\":2},{\"name\":\"Residential Contractor\",\"value\":8},{\"name\":\"Commercial Contractor\",\"value\":4},{\"name\":\"Residential Architect\",\"value\":3},{\"name\":\"Commercial Architect\",\"value\":6},{\"name\":\"Retailer\",\"value\":23},{\"name\":\"National Account\",\"value\":24},{\"name\":\"In Network Retailer\",\"value\":231},{\"name\":\"International Retailer\",\"value\":232},{\"name\":\"Out Of Network Retailer\",\"value\":233},{\"name\":\"Out Of Channel Retailer\",\"value\":234},{\"name\":\"Residential Retailer\",\"value\":235},{\"name\":\"Commercial Retailer\",\"value\":236}]"]},{"key":"return_shipping_url","enabled":true,"value":["/en-us/return-and-shipping-policy"]},{"key":"reward_website_url","enabled":true,"value":["https://contractorrewards.com/#/sign-up-form"]},{"key":"source","enabled":true,"value":["BM.COM"]},{"key":"start_session_redirect_url","enabled":true,"value":["/en-us/product-catalog"]},{"key":"store_locations","enabled":true,"value":["[{\"code\":\"ireland\",\"name\":\"IE\"}]"]},{"key":"store_locator_url","enabled":true,"value":["/en-us/store-locator"]},{"key":"tools_url","enabled":true,"value":["/en-us/architects-designers"]},{"key":"x_bot_cookies","enabled":true,"value":["185ffe11fd8847799373062d19a62005","2b35180f7fb747129c1baf40d6159193","2ba73169d1e74ffb892efe1db8dd5079","3cfce72d3e124d91b10a665910c38be6","3f3751946c85489c9b28464a8e5686e3","5294d8b5e2304f80876bb37d1159517b","641698543c974562849701eee7593c86","7440dc36a4484ad38e5b6a218f8a4e7f","778f445db53449169e2b36916ef6a61c","7f678efbda304f26babb5991587b7185","8651b0ed614e4d3485f9eb3525023766","8c874d4bafbf41d5af3bf0f353aff3ab","974d012896274370bf10b6d3975978f8","a92051fec8f84108bfc3e058b09a8163","b878fbd82c4b4c5b81b08321cc4d632a","cac6b15b52964a94a2cd0ccf8db88350","dd41e9e82a4841218786c4dbfdd25c79","f9581915f91b4e0d8b77129260d94bac","fdbbb9f872624679b897822506cdc58c","fef5fb7977674d3a901e30b9d21b26a4"]},{"key":"account_security_details_url","enabled":true,"value":["/profile/account-security"]},{"key":"asm_hybris_group","enabled":true,"value":["Hybris-ASM-Sec-Group"]},{"key":"bot_userAgent","enabled":true,"value":["Amazon","bing","bitdiscovery","bot","chrome-lighthouse","crawler","externalhit_uatext","facebookexternalhit","Googlebot","Mozillabot","Slackbot","slurp","spider"]},{"key":"bv_instance","enabled":true,"value":["benjaminmoore"]},{"key":"cart_url","enabled":true,"value":["/en-us/cart"]},{"key":"checkout_url","enabled":true,"value":["https://www.benjaminmoore.com/en-us/checkout"]},{"key":"color_grid_max_colors_lg","enabled":true,"value":["98"]},{"key":"color_grid_max_colors_md","enabled":true,"value":["96"]},{"key":"color_grid_max_colors_sm","enabled":true,"value":["98"]},{"key":"contact_a_rep_url","enabled":true,"value":["/en-us/contact-us-contractors"]},{"key":"contact_us_url","enabled":true,"value":["/en-us/contact-us"]},{"key":"country","enabled":true,"value":["United States"]},{"key":"custom_color_wall_all_icon","enabled":true,"value":["https://assets.benjaminmoore.com/transform/58129c08-241f-48a4-8c96-89e8946cc2cd/Ellipse-354"]},{"key":"custom_color_wall_icon_categories","enabled":true,"value":["family","subfamily"]},{"key":"deployment_env","enabled":true,"value":["production"]},{"key":"deployment_zone","enabled":true,"value":["main_site"]},{"key":"ehs_address_options","enabled":true,"value":["{\"key\": \"JNT\",\"city\": \"Johnstown\",\"address\": \"161 Union Avenue Extension, Johnstown, NY 12095\"}","{\"key\": \"PC\",\"city\": \"Pell City\",\"address\": \"109 Bamberg Drive, Pell City, AL 35125\"}"]},{"key":"ehs_email_campaignid","enabled":true,"value":["19388082"]},{"key":"ehs_recipient_email","enabled":true,"value":["[email protected]"]},{"key":"email_sender_api_campaignId","enabled":true,"value":["13346121"]},{"key":"email_verification_api_campaignId","enabled":true,"value":["12823592"]},{"key":"eu_countries","enabled":true,"value":["AT","BE","BG","CY","CZ","DE","DK","EE","ES","FI","FR","GF","GP","GR","HR","HU","IE","IS","IT","LI","LT","LU","LV","MQ","MT","NL","NO","PL","PT","RE","RO","SE","SI","SK","UK","YT"]}
2038,{"key":"faq_url","enabled":true,"value":["/en-us/faq"]},{"key":"geo_search_country_codes","enabled":true,"value":["CA","GB","GR","IT","JP","KR","PL","US"]},{"key":"global_search_url","enabled":true,"value":["/en-us/search"]},{"key":"guest_register_url","enabled":true,"value":["/en-us/register?email=true"]},{"key":"hide_filters_country_codes","enabled":true,"value":["GB"]},{"key":"lightning_scene_url","enabled":true,"value":["https://media.benjaminmoore.com/color/lighting/"]},{"key":"login_url","enabled":true,"value":["https://www.benjaminmoore.com/en-us/login"]},{"key":"max_fixed_cards","enabled":true,"value":["3"]},{"key":"order_detail_url","enabled":true,"value":["/en-us/account/order-history/{%orderId}"]},{"key":"order_history_url","enabled":true,"value":["/en-us/account/order-history"]},{"key":"orderid_url","enabled":true,"value":["https://www.benjaminmoore.com/en-us/account/order-history/{%orderId}"]},{"key":"paint_colors_url","enabled":true,"value":["/en-us/paint-colors"]}],"FeatureFlags":[{"key":"redirect_cart_new_url","enabled":true},{"key":"asm_hybris_group","enabled":true},{"key":"enable_a_and_d_feature","enabled":true},{"key":"enable_add_to_cart","enabled":false},{"key":"enable_atc_product_description","enabled":true},{"key":"enable_cdp_flyout","enabled":true},{"key":"enable_cdp_social_sharing","enabled":true},{"key":"enable_cdp_swatch","enabled":true},{"key":"enable_color_name_change","enabled":true},{"key":"enable_coty_typography_v3","enabled":true},{"key":"enable_dashboard","enabled":true},{"key":"enable_digital_asset_library","enabled":false},{"key":"enable_lightning_desktop","enabled":true},{"key":"enable_lightning_mobile","enabled":true},{"key":"enable_maintenance_banner","enabled":false},{"key":"enable_new_coty_signup","enabled":true},{"key":"enable_new_get_inspired","enabled":true},{"key":"enable_new_login","enabled":true},{"key":"enable_new_navigation","enabled":true},{"key":"enable_new_paint_calculator","enabled":true},{"key":"enable_new_sign_out","enabled":true},{"key":"enable_paypal_button","enabled":true},{"key":"enable_pdp_bazaarvoice","enabled":true},{"key":"enable_pdp_promo","enabled":true},{"key":"enable_plp_bazaarvoice","enabled":true},{"key":"enable_plp_custom_quick_filter","enabled":true},{"key":"enable_plp_quick_filter","enabled":true},{"key":"enable_plp_sticky_filter","enabled":true},{"key":"enable_pro_account","enabled":true},{"key":"enable_quick_filters","enabled":true},{"key":"enable_rebate","enabled":false},{"key":"enable_samplize_shipping","enabled":true},{"key":"enable_segment","enabled":true},{"key":"enable_shopping_list_login_flow","enabled":true},{"key":"enable_stripe","enabled":true},{"key":"enble_new_cdp_details_layout","enabled":true}],"GlobalSettings":[{"key":"pay_with_card_icons","enabled":true,"value":["visa","mastercard","discover","amex"]},{"key":"paypal_client_id","enabled":true,"value":["AbJajRvd-S9RcHnmZuQohYR-f-1Hr9eDpkKDhlU0jytnyIwmNdsQPyLut3ZbsXm8VTlUwTuyBwMlDY_w"]},{"key":"plp_occ_api_base_site_id","enabled":true,"value":["bmcBrandSiteUnitedStates"]},{"key":"sap_commerce_cloud_adapter_base_url","enabled":true,"value":["https://c3dthgur88-benjaminm1-p1.opf.commerce.us.context.cloud.sap/commerce-cloud-adapter/storefront"]},{"key":"sap_commerce_cloud_public_key","enabled":true,"value":["+yldnyn2LCT2vYJnWABuyyt8kE9e1ynR4lWB0AjkIw4="]},{"key":"stripe_payment_config_id","enabled":true,"value":["9"]},{"key":"xi_paymetric_base_url","enabled":true,"value":["https://xiecomm.worldpay.com"]},{"key":"xi_paymetric_merchant_id","enabled":true,"value":["f513f35a-fdcd-4c08-bb93-a65d4499c8b3"]},{"key":"xi_paymetric_script_url","enabled":true,"value":["https://xiecomm.worldpay.com/diecomm/scripts/XIFrame/XIFrame-1.2.0.js"]},{"key":"media_base_url","enabled":true,"value":["https://media.benjaminmoore.com/WebServices/prod/"]},{"key":"occ_api_base_path","enabled":true,"value":["bmcb2ccommercewebservices/v2"]},{"key":"occ_api_base_site_id","enabled":true,"value":["bmcB2CUnitedStates"]},{"key":"occ_api_base_url","enabled":true,"value":["https://occapi.benjaminmoore.com"]},{"key":"occ_api_language","enabled":true,"value":["en"]},{"key":"occ_api_oauth_client_id","enabled":true,"value":["bmc_dce_app"]},{"key":"occ_api_oauth_client_secret","enabled":true,"value":["b2cdcesecret"]}
2038,{"key":"occ_api_oauth_grant_type","enabled":true,"value":["password"]},{"key":"occ_api_products_path","enabled":true,"value":["products"]},{"key":"opacity_viewer_opacity_link_semisolid","enabled":true,"value":["https://www.benjaminmoore.com/en-us/product/woodluxe-water-based-waterproofing-stain-sealer-sample-semi-solid-1-half-pint/CS693"]},{"key":"opacity_viewer_opacity_link_semitransparent","enabled":true,"value":["https://www.benjaminmoore.com/en-us/product/woodluxe-water-based-waterproofing-stain-sealer-sample-semi-transparent-1-half-pint/CS692"]},{"key":"opacity_viewer_opacity_link_solid","enabled":true,"value":["https://www.benjaminmoore.com/en-us/product/woodluxe-water-based-waterproofing-stain-sealer-sample-solid-1-half-pint/CS694"]},{"key":"opacity_viewer_opacity_link_translucent","enabled":true,"value":["https://www.benjaminmoore.com/en-us/product/woodluxe-water-based-waterproofing-stain-sealer-sample-translucent-1-half-pint/CS691"]},{"key":"opacity_viewer_opacity_link_ultraflatsolid","enabled":true,"value":["https://www.benjaminmoore.com/en-us/product/woodluxe-water-based-waterproofing-exterior-stain-sealer-ultra-flat-solid/0695"]}]}},"contentAPIHeaderMenusResponse":{"header_menus":[{"menu_title":"Paint Colors","sections":[{"title":"Search All Colors","column":1,"images":[],"items":[],"link":{"text":"Search All Colors","url":"/en-us/paint-colors/search","alt_text":"Search All Colors","target":null,"custom_class":null}},{"title":"Explore Color","column":1,"images":[],"items":[],"link":{"text":"Explore Color","url":"/en-us/paint-colors","alt_text":"Explore Color","target":null,"custom_class":null}},{"title":"Most Popular Colors","column":1,"images":[],"items":[],"link":{"text":"Most Popular Paint Colors","url":"/en-us/paint-colors/most-popular","alt_text":"Most Popular Paint Colors","target":null,"custom_class":null}},{"title":"Benjamin Moore Favorites","column":1,"images":[],"items":[],"link":{"text":"Benjamin Moore Favorites","url":"/en-us/paint-colors/benjamin-moore-favorites","alt_text":"Benjamin Moore Favorites","target":null,"custom_class":null}},{"title":"Color of the Year","column":1,"images":[],"items":[],"link":{"text":"Color of the Year","url":"/en-us/paint-colors/color-of-the-year-2027","alt_text":"Color of the Year","target":null,"custom_class":null}},{"title":"Color 101","column":1,"images":[],"items":[{"title":"Color Handbook","link":{"text":"Color Handbook","url":"/en-us/color-overview/color-insights/color-handbook","alt_text":"Color Handbook","target":null,"custom_class":null}},{"title":"Color Palettes","link":{"text":"Color Palettes","url":"/en-us/color-overview/color-palettes","alt_text":"Color Palettes","target":null,"custom_class":null}},{"title":"Your Personal Palette","link":{"text":"Your Personal Palette","url":"/en-us/color-overview/color-insights/your-personal-color-palette","alt_text":"Your Personal Palette","target":null,"custom_class":null}},{"title":"Color Psychology","link":{"text":"Color Psychology","url":"/en-us/color-overview/color-insights/psychology-of-color","alt_text":"Color Psychology","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Color Families","column":2,"images":[],"items":[{"title":"White","link":{"text":"White","url":"/en-us/paint-colors/white","alt_text":"White","target":null,"custom_class":null}},{"title":"Neutral","link":{"text":"Neutral","url":"/en-us/paint-colors/neutral","alt_text":"Neutral","target":null,"custom_class":null}},{"title":"Gray","link":{"text":"Gray","url":"/en-us/paint-colors/gray","alt_text":"Gray","target":null,"custom_class":null}},{"title":"Blue","link":{"text":"Blue","url":"/en-us/paint-colors/blue","alt_text":"Blue","target":null,"custom_class":null}},{"title":"Green","link":{"text":"Green","url":"/en-us/paint-colors/green","alt_text":"Green","target":null,"custom_class":null}},{"title":"Brown","link":{"text":"Brown","url":"/en-us/paint-colors/brown","alt_text":"Brown","target":null,"custom_class":null}},{"title":"Pink","link":{"text":"Pink","url":"/en-us/paint-colors/pink","alt_text":"Pink","target":null,"custom_class":null}},{"title":"Purple","link":{"text":"Purple","url":"/en-us/paint-colors/purple","alt_text":"Purple","target":null,"custom_class":null}},{"title":"Yellow","link":{"text":"Yellow","url":"/en-us/paint-colors/yellow","alt_text":"Yellow","target":null,"custom_class":null}},{"title":"Red","link":{"text":"Red","url":"/en-us/paint-colors/red","alt_text":"Red","target":null,"custom_class":null}},{"title":"Orange","link":{"text":"Orange","url":"/en-us/paint-colors/orange","alt_text":"Orange","target":null,"custom_class":null}},{"title":"Black","link":{"text":"Black","url":"/en-us/paint-colors/black","alt_text":"Black","target":null,"custom_class":null}}],"link":{"text":null,"url":"/en-us/paint-colors/color-families","alt_text":null,"target":null,"custom_class":null}},{"title":"Color by Interior Project","column":3,"images":[],"items":[{"title":"Interior","link":{"text":"Interior","url":"/en-us/paint-colors/interior","alt_text":"Interior","target":null,"custom_class":null}},{"title":"Kitchen","link":{"text":"Kitchen","url":"/en-us/paint-colors/kitchen","alt_text":"Kitchen","target":null,"custom_class":null}},{"title":"Kitchen Cabinets","link":{"text":"Kitchen Cabinets","url":"/en-us/paint-colors/kitchen-cabinet","alt_text":"Kitchen Cabinets","target":null,"custom_class":null}},{"title":"Bathroom","link":{"text":"Bathroom","url":"/en-us/paint-colors/bathroom","alt_text":"Bathroom","target":null,"custom_class":null}},{"title":"Living Room","link":{"text":"Living Room","url":"/en-us/paint-colors/living-room","alt_text":"Living Room","target":null,"custom_class":null}},{"title":"Bedroom","link":{"text":"Bedroom","url":"/en-us/paint-colors/bedroom","alt_text":"Bedroom","target":null,"custom_class":null}},{"title":"Home Office","link":{"text":"Home Office","url":"/en-us/paint-colors/home-office","alt_text":"Home Office","target":null,"custom_class":null}},{"title":"Cabinets","link":{"text":"Cabinets","url":"/en-us/paint-colors/cabinet","alt_text":"Cabinets","target":null,"custom_class":null}},{"title":"Ceiling","link":{"text":"Ceiling","url":"/en-us/paint-colors/ceiling","alt_text":"Ceiling","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Color by Exterior Project","column":3,"images":[],"items":[{"title":"Exterior","link":{"text":"Exterior","url":"/en-us/paint-colors/exterior","alt_text":"Exterior","target":null,"custom_class":null}},{"title":"Front Door","link":{"text":"Front Door","url":"/en-us/paint-colors/front-door","alt_text":"Front Door","target":null,"custom_class":null}},{"title":"Stucco","link":{"text":"Stucco","url":"/en-us/paint-colors/stucco","alt_text":"Stucco","target":null,"custom_class":null}},{"title":"Exterior Wood & Deck Stain","link":{"text":"Exterior Wood and Deck Stain Colors","url":"/en-us/paint-colors/exterior-wood-deck-stain-colors","alt_text":"Exterior Wood and Deck Stain Colors","target":null,"custom_class":null}},{"title":"Translucent Stain","link":{"text":"Translucent Stain Colors","url":"/en-us/paint-colors/translucent-stain","alt_text":"Translucent Stain Colors","target":null,"custom_class":null}},{"title":"Semi-Transparent Stain","link":{"text":"Semi-Transparent Stain Colors","url":"/en-us/paint-colors/semi-transparent-stain","alt_text":"Semi-Transparent Stain Colors","target":null,"custom_class":null}},{"title":"Semi-Solid Stain","link":{"text":"Semi-Solid Stain Colors","url":"/en-us/paint-colors/semi-solid-stain","alt_text":"Semi-Solid Stain Colors","target":null,"custom_class":null}},{"title":"Solid Stain","link":{"text":"Solid Stain Colors","url":"/en-us/paint-colors/solid-stain","alt_text":"Solid Stain Colors","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Color Collections","column":4,"images":[],"items":[{"title":"Color Preview® Collection","link":{"text":"Color Preview® Collection","url":"/en-us/paint-colors/color-preview","alt_text":"Color Preview® Collection","target":null,"custom_class":null}},{"title":"Benjamin Moore Classics®","link":{"text":"Benjamin Moore Classics®","url":"/en-us/paint-colors/benjamin-moore-classics","alt_text":"Benjamin Moore Classics®","target":null,"custom_class":null}},{"title":"Historical Color Collection","link":{"text":"Historical Color Collection","url":"/en-us/paint-colors/historical-collection","alt_text":"Historical Color Collection","target":null,"custom_class":null}},{"title":"Off White Collection","link":{"text":"Off White Collection","url":"/en-us/paint-colors/off-white-collection","alt_text":"Off White Collection","target":null,"custom_class":null}},{"title":"Affinity® Color Collection","link":{"text":"Affinity® Color Collection","url":"/en-us/paint-colors/affinity-color-collection","alt_text":"Affinity® Color Collection","target":null,"custom_class":null}},{"title":"Color Stories® Collection","link":{"text":"Color Stories® Collection","url":"/en-us/paint-colors/color-stories","alt_text":"Color Stories® Collection","target":null,"custom_class":null}},{"title":"Williamsburg® Color Collection","link":{"text":"Williamsburg® Color Collection","url":"/en-us/paint-colors/williamsburg-paint-color-collection","alt_text":"Williamsburg® Color Collection","target":null,"custom_class":null}},{"title":"Designer Classics Collection","link":{"text":"Designer Classics Collection","url":"/en-us/paint-colors/designer-classics","alt_text":"Designer Classics Collection","target":null,"custom_class":null}},{"title":"Woodluxe Exterior Stain Colors","link":{"text":"Woodluxe Exterior Stain Colors","url":"/en-us/wood-stain-colors","alt_text":"Woodluxe Exterior Stain Colors","target":null,"custom_class":null}}],"link":{"text":null,"url":"/en-us/paint-colors/color-collections","alt_text":null,"target":null,"custom_class":null}},{"title":"Color by Tone & Mood","column":5,"images":[],"items":[{"title":"Calming","link":{"text":"Calming","url":"/en-us/paint-colors/calming","alt_text":"Calming","target":null,"custom_class":null}},{"title":"Dark","link":{"text":"Dark","url":"/en-us/paint-colors/dark","alt_text":"Dark","target":null,"custom_class":null}},{"title":"Light","link":{"text":"Light","url":"/en-us/paint-colors/light","alt_text":"Light","target":null,"custom_class":null}},{"title":"Moody","link":{"text":"Moody","url":"/en-us/paint-colors/moody","alt_text":"Moody","target":null,"custom_class":null}},{"title":"Pale","link":{"text":"Pale","url":"/en-us/paint-colors/pale","alt_text":"Pale","target":null,"custom_class":null}},{"title":"Soft","link":{"text":"Soft","url":"/en-us/paint-colors/soft","alt_text":"Soft","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Color by Design Style","column":5,"images":[],"items":[{"title":"Boho","link":{"text":"Boho","url":"/en-us/paint-colors/boho","alt_text":"Boho","target":null,"custom_class":null}},{"title":"Coastal","link":{"text":"Coastal","url":"/en-us/paint-colors/coastal","alt_text":"Coastal","target":null,"custom_class":null}},{"title":"Cozy Cottage","link":{"text":"Cozy Cottage","url":"/en-us/paint-colors/cozy-cottage","alt_text":"Cozy Cottage","target":null,"custom_class":null}},{"title":"Farmhouse","link":{"text":"Farmhouse","url":"/en-us/paint-colors/farmhouse","alt_text":"Farmhouse","target":null,"custom_class":null}},{"title":"Modern Farmhouse","link":{"text":"Modern Farmhouse","url":"/en-us/paint-colors/modern-farmhouse","alt_text":"Modern Farmhouse","target":null,"custom_class":null}},{"title":"French","link":{"text":"French","url":"/en-us/paint-colors/french","alt_text":"French","target":null,"custom_class":null}},{"title":"Mid-Century Modern","link":{"text":"Mid-Century Modern","url":"/en-us/paint-colors/mid-century-modern","alt_text":"Mid-Century Modern","target":null,"custom_class":null}},{"title":"Modern Exterior","link":{"text":"Modern Exterior","url":"/en-us/paint-colors/modern-exterior","alt_text":"Modern Exterior","target":null,"custom_class":null}},{"title":"Modern Interior","link":{"text":"Modern Interior","url":"/en-us/paint-colors/modern-interior","alt_text":"Modern Interior","target":null,"custom_class":null}},{"title":"Vintage","link":{"text":"Vintage","url":"/en-us/paint-colors/vintage","alt_text":"Vintage","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"","column":6,"images":[{"image_url":"https://assets.benjaminmoore.com/transform/e19ad2bd-ed0b-4ac9-bd3d-f1702b27acec/BM_26010_Teaser_Drawing02_sRGB_360x360","description":"Coming this October! Look back at past Colors of the Year now and sign up to stay connected.","image_cta":{"text":"Color of the Year 2027","url":"/en-us/paint-colors/color-of-the-year-2027","alt_text":"Color of the Year 2027","target":null,"custom_class":null}}],"items":[],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Tools to Explore Color","column":6,"images":[],"items":[{"title":"Virtual Color Consultation","link":{"text":"Virtual Color Consultation","url":"/en-us/virtual-color-consultation","alt_text":"Virtual Color Consultation","target":null,"custom_class":null}},{"title":"Color Portfolio App","link":{"text":"Color Portfolio App","url":"/en-us/color-portfolio-paint-matching-app","alt_text":"Color Portfolio App","target":null,"custom_class":null}},{"title":"Color A Room","link":{"text":"Color A Room","url":"/en-us/color-overview/find-your-color/color-a-room","alt_text":"Color A Room","target":null,"custom_class":null}},{"title":"Personal Color Viewer","link":{"text":"Personal Color Viewer","url":"/en-us/color-overview/personal-color-viewer","alt_text":"Personal Color Viewer","target":null,"custom_class":null}},{"title":"Fan Decks","link":{"text":"Fan Decks","url":"/en-us/c/fan-decks","alt_text":"Fan Decks","target":null,"custom_class":null}},{"title":"Color Brochures","link":{"text":"Color Brochures","url":"/en-us/color-overview/color-brochures","alt_text":"Color Brochures","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}}
2038],"disclaimer_text":"<a href=\"/en-us/product-catalog\">Shopping online? Pick-up in Store in as little as 3 hours. Eligible items ship FREE at $25</a>"},{"menu_title":"Products","sections":[{"title":"View All Products","column":1,"images":[],"items":[],"link":{"text":"View All Products","url":"/en-us/product-catalog","alt_text":"View All Products","target":"custom","custom_class":"test class"}},{"title":"Painting Tools","column":1,"images":[],"items":[],"link":{"text":"Painting Tools","url":"/en-us/c/painting-tools","alt_text":"Painting Tools","target":"custom","custom_class":"test class"}},{"title":"Paint Calculator","column":1,"images":[],"items":[],"link":{"text":"Paint Calculator","url":"/en-us/paint-calculator","alt_text":"Paint Calculator","target":"custom","custom_class":"test class"}},{"title":"Sheen Guide","column":1,"images":[],"items":[],"link":{"text":"Sheen Guide","url":"/en-us/interior-exterior-paints-stains/how-to-advice/painting-101/choosing-paint-finish","alt_text":"Sheen Guide","target":"custom","custom_class":"test class"}},{"title":"How-To & Project Advice","column":1,"images":[],"items":[],"link":{"text":"How-To &amp; Project Advice","url":"/en-us/interior-exterior-paints-stains/how-to-advice","alt_text":"How-To &amp; Project Advice","target":"custom","custom_class":"test class"}},{"title":"Samples","column":2,"images":[],"items":[{"title":"Paint Color Sample","link":{"text":"Paint Color Sample","url":"/en-us/product/paint-color-samples-eggshell-1-half-pint/0200","alt_text":"Paint Color Sample","target":null,"custom_class":null}},{"title":"Woodluxe Exterior Stain Sample","link":{"text":"Woodluxe Exterior Stain Sample","url":"/en-us/product/woodluxe-water-based-waterproofing-stain-sealer-sample-translucent-1-half-pint/CS691","alt_text":"Woodluxe Exterior Stain Sample","target":null,"custom_class":null}},{"title":"Peel & Stick Sample","link":{"text":"Peel &amp; Stick Sample","url":"/en-us/product/peel-and-stick-paint-sample-eggshell-1-sheet/PLST12","alt_text":"Peel &amp; Stick Sample","target":null,"custom_class":null}}],"link":{"text":"Samples","url":"/en-us/c/color-samples","alt_text":"Samples","target":null,"custom_class":null}},{"title":"Interior Paint","column":2,"images":[],"items":[{"title":"Aura Interior","link":{"text":"Aura Interior","url":"/en-us/b/aura-interior-paint","alt_text":"Aura Interior","target":null,"custom_class":null}},{"title":"Aura Bath & Spa","link":{"text":"Aura Bath &amp; Spa","url":"/en-us/product/aura-bath-spa-waterborne-interior-paint-matte-1-gallon/0532","alt_text":"Aura Bath &amp; Spa","target":null,"custom_class":null}},{"title":"Regal Select Interior","link":{"text":"Regal Select Interior","url":"/en-us/b/regal-select-interior-paint","alt_text":"Regal Select Interior","target":null,"custom_class":null}},{"title":"Ben Interior","link":{"text":"Ben Interior","url":"/en-us/b/ben-interior-paint","alt_text":"Ben Interior","target":null,"custom_class":null}},{"title":"Kitchen & Bath","link":{"text":"Kitchen &amp; Bath","url":"/en-us/product/kitchen-bath-interior-paint-satin-pearl/W322","alt_text":"Kitchen &amp; Bath","target":null,"custom_class":null}}],"link":{"text":"Interior Paint","url":"/en-us/c/interior-paint","alt_text":"Interior Paint","target":null,"custom_class":null}},{"title":"Ceiling Paint","column":2,"images":[],"items":[{"title":"Waterborne Ceiling Paint","link":{"text":"Waterborne Ceiling Paint","url":"/en-us/product/waterborne-ceiling-paint-ultra-flat/N508","alt_text":"Waterborne Ceiling Paint","target":null,"custom_class":null}},{"title":"Muresco Ceiling","link":{"text":"Muresco Ceiling","url":"/en-us/product/muresco-ceiling-paint-flat-1-gallon/0258","alt_text":"Muresco Ceiling","target":null,"custom_class":null}},{"title":"Insl-X Ceiling Paint","link":{"text":"Insl-x Ceiling Paint","url":"/en-us/product/insl-x-color-changing-ceiling-paint-flat/PC-1200","alt_text":"Insl-x Ceiling Paint","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Exterior Paint","column":3,"images":[],"items":[{"title":"Aura Exterior","link":{"text":"Aura Exterior","url":"/en-us/b/aura-exterior-paint","alt_text":"Aura Exterior","target":null,"custom_class":null}},{"title":"Regal Select Exterior","link":{"text":"Regal Select Exterior","url":"/en-us/b/regal-select-exterior-paint","alt_text":"Regal Select Exterior","target":null,"custom_class":null}},{"title":"Element Guard Exterior","link":{"text":"Element Guard Exterior","url":"/en-us/b/element-guard-exterior-paint","alt_text":"Element Guard Exterior","target":null,"custom_class":null}},{"title":"Ultra Spec Exterior","link":{"text":"Ultra Spec Exterior","url":"/en-us/b/ultra-spec-ext-exterior-paint","alt_text":"Ultra Spec Exterior","target":null,"custom_class":null}}],"link":{"text":"Exterior Paint","url":"/en-us/c/exterior-paint","alt_text":"Exterior Paint","target":null,"custom_class":null}},{"title":"Exterior Stain","column":3,"images":[],"items":[{"title":"Woodluxe Water-Based Waterproofing Stain + Sealer","link":{"text":"Woodluxe Water-Based Waterproofing Stain + Sealer","url":"/en-us/product/woodluxe-water-based-waterproofing-exterior-stain-sealer-translucent-1-gallon/0691","alt_text":"Woodluxe Water-Based Waterproofing Stain + Sealer","target":null,"custom_class":null}},{"title":"Woodluxe Oil-Based Waterproofing Stain + Sealer","link":{"text":"Woodluxe Oil-Based Waterproofing Stain + Sealer","url":"/en-us/product/woodluxe-oil-based-waterproofing-stain-sealer-translucent/0591","alt_text":"Woodluxe Oil-Based Waterproofing Stain + Sealer","target":null,"custom_class":null}},{"title":"Woodluxe Water-Based Deck + Siding Exterior Stain","link":{"text":"Woodluxe Water-Based Deck + Siding Exterior Stain","url":"/en-us/product/woodluxe-water-based-deck-siding-exterior-stain-solid-1-gallon/0694","alt_text":"Woodluxe Water-Based Deck + Siding Exterior Stain","target":null,"custom_class":null}},{"title":"Woodluxe Stain Prep","link":{"text":"Woodluxe Stain Prep","url":"/en-us/b/woodluxe-exterior-stain-prep-products","alt_text":"Woodluxe Stain Prep","target":null,"custom_class":null}}],"link":{"text":"Exterior Stain","url":"/en-us/c/exterior-stains","alt_text":"Exterior Stain","target":null,"custom_class":null}},{"title":"Primer","column":4,"images":[],"items":[{"title":"Fresh Start Premium Primers","link":{"text":"Fresh Start Premium Primers","url":"/en-us/b/fresh-start-premium-interior-exterior-primers","alt_text":"Fresh Start Premium Primers","target":null,"custom_class":null}},{"title":"Benjamin Moore Pro Primers","link":{"text":"Benjamin Moore Pro Primers","url":"/en-us/b/professional-primers","alt_text":"Benjamin Moore Pro Primers","target":null,"custom_class":null}},{"title":"Insl-X Primers","link":{"text":"Insl-X Primers","url":"/en-us/b/insl-x-primers","alt_text":"Insl-X Primers","target":null,"custom_class":null}},{"title":"Fresh Start High-Hiding","link":{"text":"Fresh Start High-Hiding","url":"/en-us/product/fresh-start-high-hiding-all-purpose-primer-1-gallon-white-00/0046/ZWB100000001411415","alt_text":"Fresh Start High-Hiding","target":null,"custom_class":null}},{"title":"Insl-X Stix Waterborne Bonding Primer","link":{"text":"Insl-X Stix Waterborne Bonding Primer","url":"/en-us/product/insl-x-stix-waterborne-bonding-primer/SXA-110","alt_text":"Insl-X Stix Waterborne Bonding Primer","target":null,"custom_class":null}},{"title":"Multi-Purpose Primer","link":{"text":"Multi-Purpose Primer","url":"/en-us/product/multi-purpose-primer/0067","alt_text":"Multi-Purpose Primer","target":null,"custom_class":null}},{"title":"Fast Sanding Primer","link":{"text":"Fast Sanding Primer","url":"/en-us/product/fast-sanding-primer/0507","alt_text":"Fast Sanding Primer","target":null,"custom_class":null}},{"title":"Drywall Primer","link":{"text":"Drywall Primer","url":"/en-us/product/drywall-primer/0380","alt_text":"Drywall Primer","target":null,"custom_class":null}},{"title":"Coronado PVA Primer/Finish","link":{"text":"Coronado PVA Primer/Finish","url":"/en-us/product/pva-primer-flat/100-11","alt_text":"Coronado PVA Primer/Finish","target":null,"custom_class":null}}],"link":{"text":"Primer","url":"/en-us/c/primers","alt_text":"Primer","target":null,"custom_class":null}},{"title":"Specialty","column":5,"images":[],"items":[{"title":"Advance Waterborne Alkyd","link":{"text":"Advance Waterborne Alkyd","url":"/en-us/b/advance-interior-paint","alt_text":"Advance Waterborne Alkyd","target":null,"custom_class":null}},{"title":"Floor & Patio","link":{"text":"Floor &amp; Patio","url":"/en-us/b/floor-patio-latex-enamels","alt_text":"Floor &amp; Patio","target":null,"custom_class":null}},{"title":"High Performance Maintenance","link":{"text":"High Performance Maintenance","url":"/en-us/interior-exterior-paints-stains/high-performance-maintenance-coatings","alt_text":"High Performance Maintenance","target":null,"custom_class":null}},{"title":"Insl-X Floor & Masonry Coatings","link":{"text":"Insl-X Floor &amp; Masonry Coatings","url":"/en-us/b/insl-x-floor-and-masonry-coatings","alt_text":"Insl-X Floor &amp; Masonry Coatings","target":null,"custom_class":null}},{"title":"Insl-X Cabinet Coat","link":{"text":"Insl-X Cabinet Coat","url":"/en-us/b/insl-x-cabinet-coat","alt_text":"Insl-X Cabinet Coat","target":null,"custom_class":null}},{"title":"Insl-X Pool Paints","link":{"text":"Insl-X Pool Paints","url":"/en-us/b/insl-x-pool-paints","alt_text":"Insl-X Pool Paints","target":null,"custom_class":null}},{"title":"Coronado Door, Trim & Cabinet Enamel","link":{"text":"Coronado Door, Trim &amp; Cabinet Enamel","url":"/en-us/b/coronado-door-trim-cabinet-enamel","alt_text":"Coronado Door, Trim &amp; Cabinet Enamel","target":null,"custom_class":null}},{"title":"Clean Prep Solvents & Additives","link":{"text":"Clean Prep Solvents &amp; Additives","url":"/en-us/b/insl-x-cleaning-prep-products","alt_text":"Clean Prep Solvents &amp; Additives","target":null,"custom_class":null}}],"link":{"text":"Specialty","url":"/en-us/c/specialty-products","alt_text":"Specialty","target":null,"custom_class":null}},{"title":"Interior Professional","column":5,"images":[],"items":[{"title":"Ultra Spec 500","link":{"text":"Ultra Spec 500","url":"/en-us/b/ultra-spec-500-interior-paint","alt_text":"Ultra Spec 500","target":null,"custom_class":null}},{"title":"Scuff-X","link":{"text":"Scuff-X","url":"/en-us/b/scuff-x-interior-latex","alt_text":"Scuff-X","target":null,"custom_class":null}},{"title":"Eco Spec","link":{"text":"Eco Spec","url":"/en-us/b/eco-spec-interior-paint-primer","alt_text":"Eco Spec","target":null,"custom_class":null}},{"title":"Super Hide Low VOC","link":{"text":"Super Hide Low VOC","url":"/en-us/b/super-hide-interior-paint","alt_text":"Super Hide Low VOC","target":null,"custom_class":null}},{"title":"Coronado Super Kote 3000","link":{"text":"Coronado Super Kote 3000","url":"/en-us/b/coronado-super-kote-3000","alt_text":"Coronado Super Kote 3000","target":null,"custom_class":null}},{"title":"Coronado Super Kote 5000","link":{"text":"Coronado Super Kote 5000","url":"/en-us/b/coronado-super-kote-5000-interior-paint","alt_text":"Coronado Super Kote 5000","target":null,"custom_class":null}},{"title":"Coronado Specialty Coatings","link":{"text":"Coronado Specialty Coatings","url":"/en-us/b/coronado-specialty-coatings","alt_text":"Coronado Specialty Coatings","target":null,"custom_class":null}},{"title":"Pro Prep","link":{"text":"Pro Prep","url":"/en-us/b/benjamin-moore-professional-line-of-prep-products","alt_text":"Pro Prep","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"","column":6,"images":[{"image_url":"https://assets.benjaminmoore.com/transform/5393a111-1beb-4582-bb8f-f92a953c3b97/BM_FK_AuraExteriors_Pool_Temptation_RGB_3
203860x360","description":"Our highest-performing exterior paint delivers beautiful results and lasting durability.","image_cta":{"text":"Aura Exterior Paint","url":"/en-us/b/aura-exterior-paint","alt_text":"Aura Exterior Paint","target":null,"custom_class":null}},{"image_url":"https://assets.benjaminmoore.com/transform/8ded0354-21ce-4f61-9b1e-bea582aa32d8/BM_FK_SC_Howard_Exterior_GrantBeige_RGB_360x360","description":"Element Guard® is formulated to provide protection and lasting beauty no matter the environment.","image_cta":{"text":"Element Guard® Exterior Paint","url":"/en-us/b/element-guard-exterior-paint","alt_text":"Element Guard® Exterior Paint","target":null,"custom_class":null}}],"items":[],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}}],"disclaimer_text":"<a href=\"/en-us/product-catalog\">Shopping online? Pick-up in Store in as little as 3 hours. Eligible items ship FREE at $25</a>"},{"menu_title":"Project Inspiration","sections":[{"title":"","column":1,"images":[{"image_url":"https://assets.benjaminmoore.com/transform/0b62a7c0-2a1c-4322-8f82-c59b54c8c846/Color-Trends-2026-360x360","description":"Discover the Benjamin Moore Color of the Year 2026, Silhouette AF-655, an elegant color that lends style and grace to the Color Trends 2026 palette.","image_cta":{"text":"Color Of The Year 2026","url":"/en-us/paint-colors/color-of-the-year-2026","alt_text":"Color Of The Year 2026","target":null,"custom_class":null}}],"items":[],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Painting 101","column":1,"images":[],"items":[],"link":{"text":"Painting 101","url":"/en-us/interior-exterior-paints-stains/how-to-advice/painting-101","alt_text":"Painting 101","target":null,"custom_class":null}},{"title":"Curated Palettes","column":1,"images":[],"items":[],"link":{"text":"Curated Palettes","url":"/en-us/color-overview/color-palettes","alt_text":"Curated Palettes","target":null,"custom_class":null}},{"title":"Ideas by Lighting","column":1,"images":[],"items":[],"link":{"text":"Ideas by Lighting","url":"/en-us/color-overview/color-palettes/color-by-direction","alt_text":"Ideas by Lighting","target":null,"custom_class":null}},{"title":"Color Insights","column":2,"images":[],"items":[{"title":"Complementary Colors","link":{"text":"Complementary Colors","url":"/en-us/color-overview/color-insights/complementary-colors-guide","alt_text":"Complementary Colors","target":null,"custom_class":null}},{"title":"Alternatives to Neutrals","link":{"text":"Alternatives to Neutrals","url":"/en-us/color-overview/color-insights/alternatives-to-neutral-paint-colors","alt_text":"Alternatives to Neutrals","target":null,"custom_class":null}},{"title":"Monochromatic Colors","link":{"text":"Monochromatic Colors","url":"/en-us/color-overview/color-insights/monochromatic-color-schemes","alt_text":"Monochromatic Colors","target":null,"custom_class":null}},{"title":"Analogous Colors","link":{"text":"Analogous Colors","url":"/en-us/color-overview/color-insights/analogous-color-schemes","alt_text":"Analogous Colors","target":null,"custom_class":null}},{"title":"Warm & Cool","link":{"text":"Warm &amp; Cool","url":"/en-us/color-overview/color-insights/warm-and-cool-colors","alt_text":"Warm &amp; Cool","target":null,"custom_class":null}},{"title":"Pale & Pastel","link":{"text":"Pale &amp; Pastel","url":"/en-us/color-overview/color-palettes/pale-pastel-paint-colors","alt_text":"Pale &amp; Pastel","target":null,"custom_class":null}},{"title":"Jewel-Toned","link":{"text":"Jewel-Toned","url":"/en-us/color-overview/color-insights/jewel-toned-paint-colors","alt_text":"Jewel-Toned","target":null,"custom_class":null}}],"link":{"text":"Color Schemes","url":"/en-us/color-overview/color-insights","alt_text":"Color Schemes","target":null,"custom_class":null}},{"title":"Interior Paint Ideas","column":3,"images":[],"items":[{"title":"Bedroom","link":{"text":"Bedroom","url":"/en-us/project-ideas-inspiration/interiors/bedroom-ideas-inspiration","alt_text":"Bedroom","target":null,"custom_class":null}},{"title":"Living Room","link":{"text":"Living Room","url":"/en-us/project-ideas-inspiration/interiors/living-room-ideas-inspiration","alt_text":"Living Room","target":null,"custom_class":null}},{"title":"Bathroom","link":{"text":"Bathroom","url":"/en-us/project-ideas-inspiration/interiors/bathroom-ideas-inspiration","alt_text":"Bathroom","target":null,"custom_class":null}},{"title":"Kitchen","link":{"text":"Kitchen","url":"/en-us/project-ideas-inspiration/interiors/kitchen-ideas-inspiration","alt_text":"Kitchen","target":null,"custom_class":null}},{"title":"Kitchen Cabinets","link":{"text":"Kitchen Cabinets","url":"/en-us/project-ideas-inspiration/interiors/kitchen-cabinets-ideas-inspiration","alt_text":"Kitchen Cabinets","target":null,"custom_class":null}},{"title":"Ceilings","link":{"text":"Ceilings","url":"/en-us/project-ideas-inspiration/interiors/ceiling-ideas-inspiration","alt_text":"Ceilings","target":null,"custom_class":null}},{"title":"Mudroom","link":{"text":"Mudroom","url":"/en-us/project-ideas-inspiration/interiors/mudroom-ideas-inspiration","alt_text":"Mudroom","target":null,"custom_class":null}},{"title":"Dining Room","link":{"text":"Dining Room","url":"/en-us/project-ideas-inspiration/interiors/dining-room-ideas-inspiration","alt_text":"Dining Room","target":null,"custom_class":null}},{"title":"Accent Walls","link":{"text":"Accent Walls","url":"/en-us/project-ideas-inspiration/interiors/accent-walls-color-ideas","alt_text":"Accent Walls","target":null,"custom_class":null}},{"title":"Painted Staircases","link":{"text":"Painted Staircases","url":"/en-us/project-ideas-inspiration/interiors/painted-stairs-ideas","alt_text":"Painted Staircases","target":null,"custom_class":null}},{"title":"Kids Rooms","link":{"text":"Kids Rooms","url":"/en-us/project-ideas-inspiration/interiors/kids-ideas-inspiration","alt_text":"Kids Rooms","target":null,"custom_class":null}},{"title":"Entryways","link":{"text":"Entryways","url":"/en-us/project-ideas-inspiration/interiors/entryway-ideas-inspiration","alt_text":"Entryways","target":null,"custom_class":null}},{"title":"Small Spaces","link":{"text":"Small Spaces","url":"/en-us/project-ideas-inspiration/interiors/small-rooms-spaces-paint-colors","alt_text":"Small Spaces","target":null,"custom_class":null}}],"link":{"text":"Interior Paint Ideas","url":"/en-us/project-ideas-inspiration/interiors","alt_text":"Interior Paint Ideas","target":null,"custom_class":null}},{"title":"Exterior Paint Ideas","column":4,"images":[],"items":[{"title":"Front Entrance","link":{"text":"Front Entrance","url":"/en-us/project-ideas-inspiration/exteriors/front-entrance-ideas-inspiration","alt_text":"Front Entrance","target":null,"custom_class":null}},{"title":"Home Exterior","link":{"text":"Home Exterior","url":"/en-us/project-ideas-inspiration/exteriors/home-exterior-ideas-inspiration","alt_text":"Home Exterior","target":null,"custom_class":null}},{"title":"Exterior House Accents","link":{"text":"Exterior House Accents","url":"/en-us/project-ideas-inspiration/exteriors/exterior-house-accents-ideas-inspiration","alt_text":"Exterior House Accents","target":null,"custom_class":null}},{"title":"Decks","link":{"text":"Decks","url":"/en-us/project-ideas-inspiration/exteriors/decks-ideas-and-inspiration","alt_text":"Decks","target":null,"custom_class":null}},{"title":"Vinyl Siding","link":{"text":"Vinyl Siding","url":"/en-us/project-ideas-inspiration/exteriors/vinyl-siding-ideas-inspiration","alt_text":"Vinyl Siding","target":null,"custom_class":null}},{"title":"Porch, Patio & Pool Deck","link":{"text":"Porch, Patio &amp; Pool Deck","url":"/en-us/project-ideas-inspiration/exteriors/porch-patio-deck-colors","alt_text":"Porch, Patio &amp; Pool Deck","target":null,"custom_class":null}}],"link":{"text":"Exterior Paint Ideas","url":"/en-us/project-ideas-inspiration/exteriors","alt_text":"Exterior Paint Ideas","target":null,"custom_class":null}},{"title":"How-to & Project Advice","column":5,"images":[],"items":[{"title":"Walls","link":{"text":"Walls","url":"/en-us/interior-exterior-paints-stains/how-to-advice/painting-101/painting-walls","alt_text":"Walls","target":null,"custom_class":null}},{"title":"Trim","link":{"text":"Trim","url":"/en-us/interior-exterior-paints-stains/how-to-advice/painting-101/paint-trim","alt_text":"Trim","target":null,"custom_class":null}},{"title":"Ceiling","link":{"text":"Ceiling","url":"/en-us/interior-exterior-paints-stains/how-to-advice/painting-101/paint-ceiling","alt_text":"Ceiling","target":null,"custom_class":null}},{"title":"Kitchen Cabinets","link":{"text":"Kitchen Cabinets","url":"/en-us/interior-exterior-paints-stains/how-to-advice/interiors/paint-kitchen-cabinets","alt_text":"Kitchen Cabinets","target":null,"custom_class":null}},{"title":"Brick Fireplace","link":{"text":"Brick Fireplace","url":"/en-us/interior-exterior-paints-stains/how-to-advice/interiors/brick-fireplace","alt_text":"Brick Fireplace","target":null,"custom_class":null}},{"title":"Deck Stain","link":{"text":"Deck Stain","url":"/en-us/interior-exterior-paints-stains/how-to-advice/exteriors/stain-a-deck","alt_text":"Deck Stain","target":null,"custom_class":null}},{"title":"Outdoor Wood Furniture","link":{"text":"Outdoor Wood Furniture","url":"/en-us/interior-exterior-paints-stains/how-to-advice/exteriors/painting-outdoor-wood-furniture","alt_text":"Outdoor Wood Furniture","target":null,"custom_class":null}},{"title":"Home Exterior","link":{"text":"Home Exterior","url":"/en-us/interior-exterior-paints-stains/how-to-advice/exteriors/painting-home-exterior","alt_text":"Home Exterior","target":null,"custom_class":null}},{"title":"Metal","link":{"text":"Metal","url":"/en-us/interior-exterior-paints-stains/how-to-advice/exteriors/painting-metal","alt_text":"Metal","target":null,"custom_class":null}}],"link":{"text":"How-to Project Advice","url":"/en-us/interior-exterior-paints-stains/how-to-advice/","alt_text":"How-to Project Advice","target":null,"custom_class":null}},{"title":"Color Palettes by Design Style","column":6,"images":[],"items":[{"title":"Art Deco","link":{"text":"Art Deco","url":"/en-us/project-ideas-inspiration/design-style/art-deco-color-palette-ideas","alt_text":"Art Deco","target":null,"custom_class":null}},{"title":"Boho","link":{"text":"Boho","url":"/en-us/project-ideas-inspiration/design-style/boho-color-palette-ideas","alt_text":"Boho","target":null,"custom_class":null}},{"title":"Casual Coastal","link":{"text":"Casual Coastal","url":"/en-us/project-ideas-inspiration/design-style/casual-coastal-color-palette-ideas","alt_text":"Casual Coastal","target":null,"custom_class":null}},{"title":"Contemporary","link":{"text":"Contemporary","url":"/en-us/project-ideas-inspiration/design-style/contemporary-color-palette-ideas","alt_text":"Contemporary","target":null,"custom_class":null}},{"title":"Cottage","link":{"text":"Cottage","url":"/en-us/project-ideas-inspiration/design-style/cottage-color-palette-ideas","alt_text":"Cottage","target":null,"custom_class":null}},{"title":"Cozy Cabin","link":{"text":"Cozy Cabin","url":"/en-us/project-ideas-inspiration/design-style/cozy-cabin-color-palette-ideas","alt_text":"Cozy Cabin","target":null,"custom_class":null}},{"title":"Craftsman","link":{"text":"Craftsman","url":"/en-us/project-ideas-inspiration/design-style/craftsman-color-palette-ideas","alt_text":"Craftsman","target":null,"custom_class":null}},{"title":"Dark Glamour","link":{"text":"Dark Glamour","url":"/en-us/project-ideas-inspiration/design-style/dark-glamour-color-palette-ideas","alt_text":"Dark Glamour","target":null,"custom_class":null}},{"title":"Eclectic Vintage","link":{"text":"Eclectic Vintage","url":"/en-us/project-ideas-inspiration/design-style/eclectic-vintage-color-palette-ideas","alt_text":"Eclectic Vintage","target":null,"custom_class":null}},{"title":"English Heritage","link":{"text":"English Heritage","url":"/en-us/project-ideas-inspiration/design-style/english-heritage-color-palette-ideas","alt_text":"English Heritage","target":null,"custom_class":null}},{"title":"French Country","link":{"text":"French Country","url":"/en-us/project-ideas-inspiration/design-style/french-country-color-palette-ideas","alt_text":"French Country","target":null,"custom_class":null}},{"title":"Hygge","link":{"text":"Hygge","url":"/en-us/project-ideas-inspiration/design-style/hygge-color-palette-ideas","alt_text":"Hygge","target":null,"custom_class":null}},{"title":"Maximalism","link":{"text":"Maximalism","url":"/en-us/project-ideas-inspiration/design-style/maximalist-color-palette-ideas","alt_text":"Maximalism","target":null,"custom_class":null}},{"title":"Mediterranean","link":{"text":"Mediterranean","url":"/en-us/project-ideas-inspiration/design-style/mediterranean-color-palette-ideas","alt_text":"Mediterranean","target":null,"custom_class":null}},{"title":"Midcentury Modern","link":{"text":"Midcentury Modern","url":"/en-us/project-ideas-inspiration/design-style/midcentury-modern-color-palette-ideas","alt_text":"Midcentury Modern","target":null,"custom_class":null}},{"title":"Minimalist","link":{"text":"Minimalist","url":"/en-us/project-ideas-inspiration/design-style/minimalist-color-palette-ideas","alt_text":"Minimalist","target":null,"custom_class":null}},{"title":"Modern Farmhouse","link":{"text":"Modern Farmhouse","url":"/en-us/project-ideas-inspiration/design-style/modern-farmhouse-color-palette-ideas","alt_text":"Modern Farmhouse","target":null,"custom_class":null}},{"title":"Retro Style","link":{"text":"Retro Style","url":"/en-us/project-ideas-inspiration/design-style/retro-color-palette-ideas","alt_text":"Retro Style","target":null,"custom_class":null}},{"title":"Tropical","link":{"text":"Tropical","url":"/en-us/project-ideas-inspiration/design-style/tropical-color-palette-ideas","alt_text":"Tropical","target":null,"custom_class":null}}],"link":{"text":"Color Palettes by Design Style","url":"/en-us/project-ideas-inspiration/design-style","alt_text":"Color Palettes by Design Style","target":null,"custom_class":null}}
2038],"disclaimer_text":"<a href=\"/en-us/product-catalog\">Shopping online? Pick-up in Store in as little as 3 hours. Eligible items ship FREE at $25</a>"},{"menu_title":"Professionals","sections":[{"title":"Contact a Rep","column":1,"images":[],"items":[],"link":{"text":null,"url":"/en-us/contact-us-contractors","alt_text":null,"target":null,"custom_class":null}},{"title":"Pro Resources","column":2,"images":[],"items":[{"title":"Contractors","link":{"text":"Contractors","url":"/en-us/contractors","alt_text":"Contractors","target":null,"custom_class":null}},{"title":"Architects","link":{"text":"Architects","url":"/en-us/architects","alt_text":"Architects","target":null,"custom_class":null}},{"title":"Designers","link":{"text":"Designers","url":"/en-us/designers","alt_text":"Designers","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Documents & Specs","column":3,"images":[],"items":[{"title":"Documentation","link":{"text":"Documentation","url":"/en-us/documentation","alt_text":"Documentation","target":null,"custom_class":null}},{"title":"Paint Specification Tools","link":{"text":"Paint Specification Tools","url":"/en-us/architects-designers/paint-specifications","alt_text":"Paint Specification Tools","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Product Video Testimonials","column":4,"images":[],"items":[{"title":"Aura Interior Paint","link":{"text":"Aura Interior Paint","url":"/en-us/interior-exterior-paints-stains/aura-interior-paint/aura-testimonials","alt_text":"Aura Interior Paint","target":null,"custom_class":null}},{"title":"Regal Select Interior Paint","link":{"text":"Regal Select Interior Paint","url":"/en-us/interior-exterior-paints-stains/regal-select-interior-paint/painting-contractors-love-regal-select-interior-paint","alt_text":"Regal Select Interior Paint","target":null,"custom_class":null}},{"title":"Ben Interior Paint","link":{"text":"Ben Interior Paint","url":"/en-us/interior-exterior-paints-stains/ben-interior-paint/why-pro-painters-love-ben-interior-paint","alt_text":"Ben Interior Paint","target":null,"custom_class":null}},{"title":"Aura Exterior Paint","link":{"text":"Aura Exterior Paint","url":"/en-us/interior-exterior-paints-stains/aura-exterior-paint/why-painting-pros-love-aura-exterior-paint","alt_text":"Aura Exterior Paint","target":null,"custom_class":null}},{"title":"Element Guard Exterior Paint","link":{"text":"Element Guard Exterior Paint","url":"/en-us/interior-exterior-paints-stains/element-guard-exterior-paint/why-contractors-recommend-element-guard-exterior-paint","alt_text":"Element Guard Exterior Paint","target":null,"custom_class":null}},{"title":"Eco Spec","link":{"text":"Eco Spec","url":"/en-us/b/eco-spec-interior-paint-primer#testimonials","alt_text":"Eco Spec","target":null,"custom_class":null}},{"title":"High Performance Command","link":{"text":"High Performance Command","url":"/en-us/interior-exterior-paints-stains/high-performance-maintenance-coatings/command","alt_text":"High Performance Command","target":null,"custom_class":null}}],"link":{"text":null,"url":"/en-us/interior-exterior-paints-stains/product-video-testimonials","alt_text":null,"target":null,"custom_class":null}},{"title":"Color Guidance","column":5,"images":[],"items":[{"title":"Order Paint Color Sheets","link":{"text":"Order Paint Color Sheets","url":"/en-us/order-paint-color-sheets","alt_text":"Order Paint Color Sheets","target":null,"custom_class":null}},{"title":"Download Color Palettes","link":{"text":"Download Color Palettes","url":"/en-us/architects-designers/download-benjamin-moore-color-palettes","alt_text":"Download Color Palettes","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"","column":6,"images":[{"image_url":"https://assets.benjaminmoore.com/transform/f4c3cad1-b7d7-403d-ac7c-ff263e28ff7d/Yellow-Living-Room-Faces-Of-Design-Kansas-City-360x360","description":"Meet 12 top interior designers, architects, and professional painters shaping the industry.","image_cta":{"text":"Faces of Design 2026","url":"/en-us/designers/faces-of-design-2026","alt_text":"Faces of Design 2026","target":null,"custom_class":null}}],"items":[],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}}
2038],"disclaimer_text":"<a href=\"/en-us/product-catalog\">Shopping online? Pick-up in Store in as little as 3 hours. Eligible items ship FREE at $25</a>"}]}},"page":{},"settings":{}};
2039</script>
2039
2040
2041
2042
2043    <!-- Global Angular Templates -->
2044    <!-- Global Directive for Confirmation Modal -->
2045    <confirmation-modal></confirmation-modal>
2046    <!-- Global Directive for scroll to -->
2047    <url-scroll-to></url-scroll-to>
2048
2049    
2049<script id="default-modal-template.html" type="text/ng-template">
2050        <div class="modal default" tabindex="-1" role="dialog"
2051             modal-render="{{$isRendered}}"
2052             uib-modal-animation-class="fade"
2053             modal-in-class="in"
2054             aria-label="Modal dialog window"
2055             ng-style="{ 'z-index': (9999 + index * 10), display: 'block' }">
2056            <div class="modal-dialog{{ (size)? (' modal-' + size) : '' }}" role="document">
2057                <div class="modal-content" uib-modal-transclude></div>
2058            </div>
2059        </div>
2060    </script>
2060
2061
2062    <!-- Favorites Modal Window Template -->
2063    
2063<script id="favorites-modal-template.html" type="text/ng-template">
2064        <div class="modal default" tabindex="-1" role="dialog"
2065             modal-render="{{$isRendered}}"
2066             uib-modal-animation-class="fade"
2067             modal-in-class="in"
2068             ng-style="{ 'z-index': (1095 + index * 10), display: 'block' }">
2069            <div class="modal-dialog{{ (size)? (' modal-' + size) : '' }}" role="document">
2070                <div class="modal-content" uib-modal-transclude></div>
2071            </div>
2072        </div>
2073    </script>
2073
2074
2075    <!-- Image Modal Overlay -->
2076    
2076<script id="imageOverlayIcon.directive.html" type="text/ng-template">
2077<div tabindex="0" data-ng-click="ctrl.onIconClick($event)" data-ng-keydown="ctrl.onIconClick($event)" class="icon icon-info-circle" role="button" aria-label='More information about {{ctrl.photo.imageAlt}}'>
2078    <span class="sr-only">More Information</span>
2079
2080<add-favorites-menu id="{{ctrl.photo.ItemId}}" role="button" data="ctrl.photo" type="photo_inspirational" menu-position="bottomLeft" class="icon-favorites-circle photo-inspirational fav-photo-{{ctrl.photo.ItemId}}"></add-favorites-menu>
2081    </script>
2081
2082    
2082<script id="imageOverlayModal.html" type="text/ng-template">
2083
2084<div id="image-overlay-modal"
2085     data-ng-style="{'width': ctrl.imgWidth, 'visibility': ctrl.imgWidth ? 'visible' : 'hidden'}"
2086     data-ng-class="{'screen-orientation-open': ctrl.suggestLandscape, 'image-loaded': ctrl.imageLoaded}"
2087     data-ng-keydown="ctrl.onModalKeydown($event)"
2088     role="dialog"
2089     aria-modal="true"
2090     aria-label="{{::ctrl.photo.imageAlt}}">
2091
2092    <!-- Focus guard at start - cycles to end when focused -->
2093    <span class="focus-guard" tabindex="0" data-ng-focus="ctrl.onFocusGuardStart($event)" aria-hidden="true" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;"></span>
2094
2095    <!-- Header -->
2096    <div class="modal-header">
2097        <button type="button" class="btn btn-close"
2098                data-ng-click="ctrl.onModalCloseClick()" aria-label="Close">
2099            <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span>
2100        </button>
2101    </div>
2102
2103    <!-- Body -->
2104    <div class="modal-body">
2105        <!-- Room Image/Share Icons -->
2106        <div class="img-wrap">
2107            <share-pinterest data-media="ctrl.pinterestShareModel.media"
2108                             data-description="ctrl.pinterestShareModel.description"
2109                             data-url="ctrl.pinterestShareModel.url" data-ng-hide="ctrl.photo.hideShareIcons" data-class="icon-container icon-pinterest-circle-box"></share-pinterest>
2110
2111            <share-facebook data-description="ctrl.fbShareModel.description"
2112                            data-media="ctrl.fbShareModel.media"
2113                            data-title="ctrl.fbShareModel.title"
2114                            data-url="ctrl.fbShareModel.url" data-ng-hide="ctrl.photo.hideShareIcons" data-class="icon-container icon-facebook-box">
2115            </share-facebook>
2116
2117
2118
2119            <img data-ng-src="{{::ctrl.photo.modalImage}}"
2120                 alt="{{::ctrl.photo.imageAlt}}"
2121                 title="{{::ctrl.photo.imageAlt}}"
2122                 image-onload="ctrl.onImageLoad(width, height)" />
2123
2124        </div>
2125
2126        <!-- Button controllers for scroll down action -->
2127        <button class="icon icon-down-arrow scroll-down"
2128                    data-ng-class="{'hidden': ctrl.hideDetails}"
2129                    data-ng-click="ctrl.onArrowClick('down')"
2130                    data-ng-if="ctrl.downArrow"
2131                    data-target-scroll-id="room-wrap"
2132                    data-scroll-to-btn
2133                    data-use-offset-position="true"
2134                    data-scroll-offset="-50"
2135                    data-scroll-speed="1000"
2136                    data-parent-element=".modal"
2137                    aria-label="Scroll Down"><span class="sr-only">Scroll Down</span></button>
2138                    
2139		<!-- Button controllers for scroll up action -->
2140        <button class="icon icon-up-arrow scroll-down"
2141                    data-ng-class="{'hidden': ctrl.hideDetails}"
2142                    data-ng-click="ctrl.onArrowClick('up')"
2143                    data-ng-if="!ctrl.downArrow"
2144                    data-target-scroll-id="image-overlay-modal"
2145                    data-scroll-to-btn
2146                    data-use-offset-position="true"
2147                    data-scroll-speed="1000"
2148                    data-scroll-offset="-100"
2149                    data-parent-element=".modal"
2150                    aria-label="Scroll Up"><span class="sr-only">Scroll Up</span></button>
2151
2152
2153        <!-- Room Details -->
2154        <div class="room-wrap"
2155             data-ng-class="{'hidden': ctrl.hideDetails}"
2156             id="room-wrap">
2157
2158            <!-- Room Name -->
2159            <div data-ng-bind="::ctrl.photo.name"
2160                 data-ng-if="::ctrl.photo.name"
2161                 class="room-header"></div>
2162
2163            <div class="surface-wrap"
2164                 data-ng-class="{'wide': ctrl.aspectRatio > 1 && ctrl.imgWidth > ctrl.minTwoColWidth && ctrl.photo.surfaces.length > 1, 'tall': ctrl.aspectRatio <=1 || ctrl.imgWidth <= ctrl.minTwoColWidth || ctrl.photo.surfaces.length <=1 }">
2165                <div data-ng-repeat="surface in ctrl.photo.surfaces"
2166                     ng-class-odd="'odd'"
2167                     ng-class-even="'even'">
2168
2169                    <!-- Surface Dollop -->
2170                    <div>
2171                        <img data-ng-src="{{'//media.benjaminmoore.com/WebServices/prod/dollops/90x90/' + surface.color.
2171number + '.png'}}" alt="{{::surface.color.name}}"></img>
2172                    </div>
2173
2174                    <!-- Surface Color/Product-->
2175                    <div>
2176                        <div role="heading" aria-level="2" data-ng-bind-html="::surface.name | bmTrustAsHtml"
2177                             class="surface-name"></div>
2178                        <a class="color-container"
2179                           data-ng-href="{{::surface.color.cdpColorUrl}}"
2180                           data-ng-click="ctrl.onLinkClick()">
2181                            <span data-ng-bind-html="::surface.color.name | bmTrustAsHtml"
2182                                  class="color-name" id="color-name-{{$index}}"></span>
2183                            <span data-ng-bind="::surface.color.number"
2184                                  class="color-number" id="color-number-{{$index}}"></span> <i class="icon-right-arrow"></i>
2185                        </a>
2186                        <a data-ng-if="::surface.product && surface.product.number"
2187                           class="product-container"
2188                           data-ng-href="{{::surface.product.url}}"
2189                           data-ng-click="ctrl.onLinkClick()">
2190                            <i class="icon-paintcan"></i>
2191                            <span class="product-name"
2192                                  data-ng-bind-html="::surface.product.name | bmTrustAsHtml"></span> <i class="icon-right-arrow"></i>
2193                        </a>
2194                                <div class="buy-sample-button-container"
2195                                     data-ng-if="surface.color.number"
2196                                     data-ng-class="{'hidden-xs': !true}">
2197                                    <a href="javascript:void(0);" id="shop-now-{{$index}}" ng-click="ctrl.openBuySampleModal(surface.color)" class="btn btn-card btn-square" aria-labelledby="shop-now-{{$index}} color-name-{{$index}} color-number-{{$index}}">
2198                                        <i class="icon icon-shopping-cart"></i>Shop Now
2199                                    </a>
2200                                </div>
2201
2202                    </div>
2203                </div>
2204            </div>
2205        </div>
2206    </div>
2207
2208    <!-- Focus guard at end - cycles to start when focused -->
2209    <span class="focus-guard" tabindex="0" data-ng-focus="ctrl.onFocusGuardEnd($event)" aria-hidden="true" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;"></span>
2210</div>
2211    </script>
2211
2212    
2212<script id="sharePinterest.directive.html" type="text/ng-template">
2213<a href="" data-ng-click="ctrl.onShareClick()" aria-label="Share on Pinterest" ng-class="{'{{ctrl.class}}' : ctrl.class}">
2214    <i class="icon-pinterest-circle"></i>
2215</a>
2216
2217    </script>
2217
2218    
2218<script id="shareFacebook.directive.html" type="text/ng-template">
2219<a href="" data-ng-click="ctrl.onShareClick()" aria-label="Share on Facebook" ng-class="{'{{ctrl.class}}' : ctrl.class}">
2220    <span class="icon-facebook">
2221        <i class="icon-facebook-circle"></i>
2222    </span>
2223</a>
2224
2225    </script>
2225
2226    
2226<script id="shareTwitter.directive.html" type="text/ng-template">
2227<a href="" data-ng-click="ctrl.onShareClick($event)" tabindex="0" ng-class="{'{{ctrl.class}}' : ctrl.class}">
2228    <i class="icon-twitter-circle"></i>
2229    <span class="sr-only">Twitter</span>
2230</a>
2231
2232    </script>
2232
2233    
2233<script id="shareDownload.directive.html" type="text/ng-template">
2234<a href="" data-ng-click="ctrl.onDownloadClick()"
2235	class="social-media-icon icon-download-container socialmedialinks-download">
2236	<i class="icon icon-download"></i>
2237	<span class="sr-only">Download</span>
2238</a>
2239
2240    </script>
2240
2241    
2241<script id="socialMedia.directive.html" type="text/ng-template">
2242<div class="social-media" ng-class="{'{{ctrl.social.alignment}}' : ctrl.social.alignment}">
2243    <h2 ng-show="ctrl.social.header">{{ctrl.social.header}}</h2>
2244    <ul class="social-media-icons">
2245        <li ng-show="ctrl.social.showFb">
2246            <share-facebook data-description="ctrl.fbShareModel.description"
2247                            data-media="ctrl.fbShareModel.media"
2248                            data-title="ctrl.fbShareModel.title"
2249                            data-url="ctrl.fbShareModel.url"
2250                            data-class="social-media-icon icon-facebook socialmedialinks-facebook">
2251            </share-facebook>
2252        </li>
2253        <li ng-show="ctrl.social.showPin">
2254            <share-pinterest data-media="ctrl.pinterestShareModel.media"
2255                             data-description="ctrl.pinterestShareModel.description"
2256                             data-url="ctrl.pinterestShareModel.url"
2257                             data-class="social-media-icon icon-pinterest socialmedialinks-pinterest">
2258            </share-pinterest>
2259        </li>
2260        <li ng-show="ctrl.social.showTwitter">
2261            <share-twitter data-description="ctrl.twitterShareModel.description"
2262                           data-url="ctrl.twitterShareModel.url"
2263                           data-class="social-media-icon icon-twitter socialmedialinks-twitter">
2264            </share-twitter>
2265        </li>
2266        <li ng-show="ctrl.social.email.showEmail">
2267            <a aria-label="Email Benjamin Moore"
2268               data-email-subject="{{ctrl.social.email.subject}}"
2269               data-email-body="{{ctrl.social.email.body}}"
2270               href="{{ctrl.social.email.href}}"
2271               class="social-media-icon icon-email-container socialmedialinks-email">
2272                <i class="icon icon-email">
2273                    <span class="sr-only">Email</span>
2274                </i>
2275            </a>
2276        </li>
2277        <li ng-show="ctrl.social.download.showDownload">
2278            <share-download
2279                data-title="ctrl.social.download.title"
2280                data-url="ctrl.social.download.url">
2281            </share-download>
2282        </li>
2283    </ul>
2284</div>
2285    </script>
2285
2286    
2286<script id="add-favorites-menu.html" type="text/ng-template">
2287<!-- <div class="addToFavoriteMenu" tabindex="{{ctrl.index?ctrl.index:0}}" role="button" aria-label="add favorites" aria-pressed="false" data-ng-cloak data-ng-click="ctrl.toggleDropdown($event,ctrl.data,ctrl.type)" data-ng-keypress="($event.keyCode == 13 || $event.keyCode == 32) ? ctrl.toggleDropdown($event,ctrl.data,ctrl.type) : null" data-uib-dropdown-toggle>
2288    <div class="addToFavorite-menu-dropdown" data-uib-dropdown data-keyboard-nav data-is-open="ctrl.status.isopen">
2289        <a id="addFavoritesMenu_{{ctrl.idExpansion}}" class="addFavoritesMenu icon" swatch="ctrl.data" data-ng-class="ctrl.isFavorite ? 'icon-favorites-filled' : 'icon-add-favorite'"></a>
2290        <ul class="dropdown-menu {{ctrl.menuPosition}}" data-uib-dropdown-menu role="menu" data-aria-labelledby="addFavoritesMenu_{{ctrl.idExpansion}}">
2291            <li role="menuitem" data-ng-if="!ctrl.notLoggedIn && !ctrl.imageModal" role="menuitem"><a  tabindex="0" href="javascript:void(0)" data-ng-click="ctrl.addFavorite(ctrl.data,ctrl.type)">ADD ITEM</a></li>
2292            <li role="menuitem" data-ng-if="!ctrl.notLoggedIn && !ctrl.imageModal" role="menuitem"><a  tabindex="0" href="javascript:void(0)" data-ng-click="ctrl.addToProject(ctrl.data,ctrl.type)">ADD TO A PROJECT</a></li>
2293            <li role="menuitem" data-ng-if="ctrl.notLoggedIn" class="text-center" role="menuitem"><a  tabindex="0" href="javascript:void(0)" data-ng-click="ctrl.addToProject(ctrl.data,ctrl.type)"><strong><span class="pseudo-link">Sign In</span> to save item &amp; use My Favorites</strong></a></li>
2294            
2295        </ul>
2296    </div>
2297</div> -->
2298
2299    </script>
2299
2300    
2300<script id="confirmation-modal.html" type="text/ng-template">
2301<div id="confirm-overlay">
2302	<!-- optional double confirmation warning view -->
2303	<div id="warningConfirm" aria-label="{{ctrl.warningTitle}}" class="modal-container fadeout" ng-hide="!ctrl.hideConfirmSubmit" ng-if="ctrl.doubleConfirm">
2304		<div class="modal-header">
2305			<button type="button" class="btn btn-close" data-ng-click="$close();" aria-label="Close">
2306				<span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span>
2307			</button>
2308		</div>
2309
2310		<div class="modal-body">
2311			<h3 class="modal-title">
2312				{{ctrl.warningTitle}}
2313				<span class="spacer"></span>
2314				<small data-ng-bind-html="ctrl.warningDesc"></small>
2315			</h3>
2316
2317			<div class="actions reverse-buttons">
2318				<button type="reset" class="btn btn-card" data-ng-click="$close();">{{ctrl.warningBtnLabelB}}</button>
2319				<span class="btn btn-card" data-ng-click="ctrl.hideConfirmSubmit = false;">{{ctrl.warningBtnLabelA}}</span>
2320			</div>
2321
2322		</div>
2323	</div>
2324
2325	<!-- normal confirmation modal view -->
2326	<div id="confirmSubmit" class="modal-container" aria-labelledby="{{ctrl.title}}" aria-modal="true" ng-if="!ctrl.hideConfirmSubmit || !ctrl.doubleConfirm" ng-class="{ fadein:!ctrl.hideConfirmSubmit }">
2327		<div class="modal-header">
2328			<button type="button" class="btn btn-close" data-ng-click="$close();" aria-label="Close">
2329				<span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span>
2330			</button>
2331		</div>
2332
2333		<div class="modal-body">
2334			<h3 class="modal-title">
2335				{{ctrl.title}}
2336				<span class="spacer"></span>
2337				<small data-ng-bind-html="ctrl.desc"></small>
2338			</h3>
2339
2340			<div class="actions reverse-buttons">
2341				<button type="reset" class="btn btn-card" data-ng-click="$close();">{{ctrl.btnLabelB}}</button>
2342				<span class="btn btn-card" role="button" tabindex="0"  ng-class="{ reverse : ctrl.doubleConfirm }" data-ng-disabled="ctrl.isLoading" data-ng-click="ctrl.modalSubmit($event);" data-ng-keydown="ctrl.modalSubmit($event);">{{ctrl.btnLabelA}}<span ng-show="ctrl.isLoading" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span></span>
2343			</div>
2344
2345		</div>
2346	</div>
2347</div>
2348
2349    </script>
2349
2350    
2350<script id="create-project-modal.html" type="text/ng-template">
2351
2352<div id="create-project-overlay" aria-label="Start a new project" aria-expanded="false">
2353    <div class="modal-header">
2354        <button type="button" class="btn btn-close"
2355                data-ng-click="$dismiss();" aria-label="Close">
2356            <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span>
2357        </button>
2358    </div>
2359    <div class="modal-body" data-ng-if="!ctrl.formSubmitted && !ctrl.formApiError">
2360        <h3 class="modal-title">
2361            Start a new project
2362        </h3>
2363        <div class="details">
2364            <form name="createProjectForm" data-ng-submit="ctrl.submitCreateProject(createProjectForm.$valid)" novalidate>
2365                <div class="form-group">
2366                    <label class="sr-only" for="projectName"></label>
2367                    <input id="projectName" type="text" name="projectName" class="form-control" placeholder="Project name (required)" maxlength="60" required data-ng-model="ctrl.project.name" data-ng-class="{'error':createProjectForm.projectName.$invalid && createProjectForm.$submitted}" />
2368                    <div data-ng-messages="createProjectForm.projectName.$error" data-ng-if="createProjectForm.projectName.$invalid && createProjectForm.$submitted">
2369                        <div data-ng-message="required">
2370                            <p class="error">Error: You must enter a project name to create your project.</p>
2371                        </div>
2372                    </div>
2373                </div>
2374                <div class="form-group" data-uib-dropdown data-keyboard-nav data-is-open="status.isopen">
2375                    <button id="project-type" type="button" aria-haspopup="true" aria-expanded="false" class="form-control dropdown-togglebtn" data-uib-dropdown-toggle data-ng-class="{'error':createProjectForm.projectType.$invalid && createProjectForm.$submitted}" data-ng-init="ctrl.project.type.name='Project type (required)'">
2376                        {{ctrl.project.type.name}}
2377                        <span class="icon icon-down-arrow" aria-hidden="true"></span>
2378                    </button>
2379                    <ul class="dropdown-menu" data-uib-dropdown-menu role="menu" data-aria-labelledby="subscribe-type">
2380                        <li data-ng-repeat="option in ctrl.projectTypes" role="menuitem">
2381                            <a data-ng-click="ctrl.selectProjectType(option)" tabindex="0" href="javascript:void(0)">{{option.name}}</a>
2382                        </li>
2383                    </ul>
2384                    <!--INPUT PLACEHOLDER ONLY FOR VALIDATION-->
2385                    <input id="projectType" type="text" name="type" class="hidden" data-ng-model="ctrl.dropdownPlaceholder" required />
2386                    <div data-ng-messages="createProjectForm.type.$error" data-ng-if="createProjectForm.type.$invalid && createProjectForm.$submitted">
2387                        <div data-ng-message="required">
2388                            <p class="error">Error: You must select a project type from the dropdown options.</p>
2389                        </div>
2390                    </div>
2391                </div>
2392
2393                <div class="form-group">
2394                    <label class="sr-only" for="createProjectComments">Comments (optional)</label>
2395                    <textarea id="createProjectComments" type="text" name="comments" maxlength="120" class="form-control" placeholder="Comments (optional)" data-ng-model="ctrl.project.comments" />
2396                </div>
2397                <div class="actions">
2398                    <button type="submit" class="btn btn-card">CREATE PROJECT</button>
2399                </div>
2400            </form>
2401        </div>
2402    </div>
2403        <div class="modal-body">
2404            <h3 class="modal-title"><small class="bottom-subtext font-black">What is a Project?</small></h3>
2405            <p>Projects help you organize your favorite items like colors, products, articles and images.</p>
2406        </div>
2407    <div class="modal-body" data-ng-if="ctrl.formApiError">
2408        <h3 class="modal-title"> An error has occurred, please try again. </h3>
2409        <div class="spacer"></div>
2410        <div class="space">
2411             An error has occurred, please try again.
2412        </div>
2413    </div>
2414</div>
2415
2416    </script>
2416
2417    
2417<script id="add-to-project-modal.html" type="text/ng-template">
2418<div id="addFavoriteToProject" aria-label="Add this item to a project?">
2419	<div class="loading loading-icon text-center" data-ng-if="ctrl.modalLoading">
2420		<spinner></spinner>
2421	</div>
2422	<div class="modal-header">
2423		<button type="button" class="btn btn-close" data-ng-click="ctrl.closeModal()" aria-label="Close">
2424			<span class="sr-only">Close</span><span class="icon-close" aria-hidden="true"></span>
2425		</button>
2426	</div>
2427	<div class="modal-title">
2428		<h3>
2429			<span data-ng-if="ctrl.favorite.mode==='auth' || ctrl.favorite.mode==='copy'">Add this item to a project?</span>
2430			<span data-ng-if="ctrl.favorite.mode==='anonymous'">Still want to save this item?</span>
2431		</h3>
2432	</div>
2433	<div class="modal-body" data-ng-if="!ctrl.formApiError">
2434		<div class="row">
2435			<div class="flex-container">
2436				<div class="col-md-5 col-xs-12 col-sm-5 flex-item-center">
2437					<div class="item-container" data-ng-switch on="ctrl.favorite.Type">
2438						<div class="dollop-item" data-ng-switch-when="color">
2439							<div class="dollop-image">
2440								<img class="dollop img-responsive" src="{{ctrl.favorite.AlbumCover}}" alt="{{ctrl.favorite.name}}"/>
2441							</div>
2442							<h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4>
2443							<div class="dollop-number">{{ctrl.favorite.number}}</div>
2444						</div>
2445
2446						<div data-ng-switch-when="product">
2447							<span class="product-image">
2448								<img src="{{ctrl.favorite.AlbumCover}}" alt="{{ctrl.favorite.name}}" />
2449							</span>
2450							<h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4>
2451						</div>
2452
2453						<div data-ng-switch-when="product_family">
2454							<span class="product-image">
2455								<img src="{{ctrl.favorite.AlbumCover}}" alt="{{ctrl.favorite.name}}" />
2456							</span>
2457							<h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4>
2458						</div>
2459
2460						<div data-ng-switch-when="photo_inspirational">
2461							<div class="inspirational" style="background-image:url('{{ctrl.favorite.AlbumCover}}');"></div>
2462							<h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4>
2463						</div>
2464
2465						<div data-ng-switch-when="photo_coloraroom">
2466							<div class="coloraroom" style="background-image:url('{{ctrl.favorite.AlbumCover}}');"></div>
2467							<h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4>
2468						</div>
2469
2470						<div data-ng-switch-when="article">
2471							<div class="article" style="background-image:url('{{ctrl.favorite.AlbumCover}}');"></div>
2472							<h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4>
2473						</div>
2474					</div>
2475					<div class="save-favorite" data-ng-if="ctrl.favorite.mode==='anonymous'">
2476						<button data-ng-click="ctrl.saveToFavorite(ctrl.favorite);" class="btn btn-card" id="btn-save-to-fav-project-add-modal">Save to My Items</button>
2477					</div>
2478				</div>
2479
2480				<div class="col-md-7 col-xs-12 col-sm-7 right-view">
2481
2482					<div class="save-to-project" data-ng-class="{'moveToLeft':ctrl.moveLeft, 'moveToRight':ctrl.moveRight}">
2483						<h4 class="subtitle" data-ng-cloak data-ng-hide="ctrl.projects.length === 0">Save to a Project:</h4>
2484						<div data-ng-show="ctrl.projects.length > 0" data-ng-cloak class="project-list">
2485							<div class="loading" data-ng-show="ctrl.loading">
2486								<spinner></spinner>
2487							</div>
2488							<ul>
2489								<li data-ng-repeat="project in ctrl.projects" tabindex = "0" data-ng-click="ctrl.addFavoriteToProject(ctrl.favorite, project.Id,$event);" data-ng-keydown="ctrl.addFavoriteToProject(ctrl.favorite, project.Id,$event);">
2490									<div data-ng-if="project.AlbumCover !== '' && (project.AlbumCoverType === 'photo_inspirational' || project.AlbumCoverType === 'photo_coloraroom' || project.AlbumCoverType === 'article')" class="project-cover photo" style="background-image:url('{{project.AlbumCover}}')"></div>
2491
2492									<div data-ng-if="project.AlbumCoverType === 'product' || project.AlbumCoverType === 'product_family'" class="project-cover product"><img data-ng-src="//{{project.AlbumCover}}" alt="{{project.Name}}"></div>
2493
2494									<div data-ng-if="project.AlbumCoverType === 'color'" class="project-cover color" ><img data-ng-src="{{ctrl.colorImageURL(project.AlbumCover)}}" alt="{{project.Name}}"/></div>
2495
2496									<div data-ng-if="project.AlbumCoverType === '' || (project.AlbumCover ==='' && project.AlbumColors ==='')" class="no-project-cover"></div>
2497
2498									<div class="project-title">
2499										<h4 class="ellipsis">{{project.Name}}</h4>
2500									</div>
2501								</li>
2502							</ul>
2503						</div>
2504						<div class="no-projects-msg" data-ng-cloak data-ng-show="ctrl.projects.length === 0">
2505							<div>
2506								<h4>You don&#39;t have any projects saved. Start a project now!</h4>
2507								<div class="new-project alt" tabindex="0" data-ng-click="ctrl.switchModalPane('left',$event);" data-ng-keydown="ctrl.switchModalPane('left',$event);">
2508									<span class="icon icon-close new-project-icon"></span>
2509									<span>NEW PROJECT</span>
2510								</div>
2511							</div>
2512						</div>
2513						<div class="new-project" data-ng-cloak data-ng-class="{'invisible':ctrl.projects.length === 0}" tabindex="0" data-ng-click="ctrl.switchModalPane('left',$event);" data-ng-keydown="ctrl.switchModalPane('left',$event);">
2514							<span class="icon icon-close new-project-icon"></span>
2515							<span id="btn-add-new-project-modal">NEW PROJECT</span>
2516						</div>
2517					</div>
2518					<div class="create-new-project" data-ng-class="{'fadeIn':ctrl.moveLeft, 'fadeOut':ctrl.moveRight}">
2519						<h4 class="subtitle">Create New Project</h4>
2520						<form name="createProjectForm" data-ng-submit="ctrl.submitCreateProject(createProjectForm.$valid)" novalidate>
2521							<div class="form-group">
2522								<input id="projectName" type="text" name="projectName" class="form-control" placeholder="Project Name (required)" required data-ng-model="ctrl.project.name" data-ng-class="{'error':createProjectForm.projectName.$invalid && createProjectForm.$submitted}" />
2523								<div data-ng-messages="createProjectForm.projectName.$error" data-ng-if="createProjectForm.projectName.$invalid && createProjectForm.$submitted">
2524									<div data-ng-message="required">
2525										<p class="error">You must enter a project name to create your project.</p>
2526									</div>
2527								</div>
2528							</div>
2529							<div class="form-group" data-uib-dropdown data-keyboard-nav data-is-open="status.isopen">
2530								<button id="project-type" type="button" class="form-control dropdown-togglebtn" data-uib-dropdown-toggle data-ng-class="{'error':createProjectForm.projectType.$invalid && createProjectForm.$submitted}">
2531									{{ctrl.project.type.name || 'Project Type (required)'}}
2532									<span class="icon icon-down-arrow" aria-hidden="true"></span>
2533								</button>
2534								<ul class="dropdown-menu" data-uib-dropdown-menu role="menu" data-aria-labelledby="project-type">
2535									<li data-ng-repeat="option in ctrl.projectTypes">
2536										<a data-ng-click="ctrl.selectProjectType(option)">{{option.name}}</a>
2537									</li>
2538								</ul>
2539
2540								<!--INPUT PLACEHOLDER ONLY FOR VALIDATION-->
2541								<input id="projectType" type="text" name="type" class="hidden" data-ng-model="ctrl.dropdownPlaceholder" required />
2542								<div data-ng-messages="createProjectForm.type.$error" data-ng-if="createProjectForm.type.$invalid && createProjectForm.$submitted">
2543									<div data-ng-message="required">
2544										<p class="error">You must select a project type from the dropdown options.</p>
2545									</div>
2546								</div>
2547							</div>
2548
2549							<div class="form-group">
2550								<label for="createProjectComments" class="sr-only">Comments (optional)</label>
2551								<textarea id="createProjectComments" type="text" name="comments" class="form-control" placeholder="Comments (optional)" data-ng-model="ctrl.project.comments" />
2552							</div>
2553							<div class="actions modal-btn-reverse-wrap">
2554								<span class="modal-cancel-btn btn btn-card" id="btn-cancel-new-project-add-project-modal" tabindex="0" role="button" aria-pressed="false" data-ng-click="ctrl.switchModalPane('right',$event,createProjectForm);" data-ng-keydown="ctrl.switchModalPane('right',$event,createProjectForm);">Cancel</span>
2555								<button type="submit" id="btn-create-new-project-add-project-modal" class="btn btn-card">CREATE PROJECT</button>
2556							</div>
2557						</form>
2558
2559						<div class="modal-body" data-ng-if="ctrl.formApiError">
2560							<h3 class="modal-title">An error has occurred</h3>
2561							<div class="spacer"></div>
2562							<div class="space">
2563								Please try again. 
2564							</div>
2565						</div>
2566					</div>
2567				</div>
2568			</div>
2569		</div>
2570	</div>
2571</div>
2572
2573
2574    </script>
2574
2575    
2575<script id="color-family-description.html" type="text/ng-template">
2576<div class="color-desc text-center ellipsis">
2577    <h2 id="colorDesc" data-ng-click="!ctrl.expandedOnLoad && ctrl.onExpand($event)" data-ng-class="{'expanded':ctrl.expanded}">
2578        <span ng-bind-html="ctrl.familyDesc"></span>&nbsp;
2579        <a class="btn btn-arrow shop-now-btn" ng-if="ctrl.shopNowLink" ng-href="{{ctrl.shopNowLink}}">
2580            Shop Now
2581        </a>&nbsp;
2582        <span data-ng-click="ctrl.onClose($event);" data-ng-hide="!ctrl.expanded" class="close-desc" data-ng-if="!ctrl.expandedOnLoad">
2583            CLOSE
2584        </span>
2585    </h2>
2586</div>
2587    </script>
2587
2588    
2588<script id="buy-sample-dollop-modal.html" type="text/ng-template">
2589<div class="buy-sample-dollop-modal">
2590    <!-- Header -->
2591    <div class="modal-header">
2592        <p><i class="icon icon-shopping-cart"></i>Buy Sample</p>
2593        <button type="button"
2594                class="btn btn-close"
2595                data-ng-click="$close();"
2596                aria-label="Close">
2597            <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span>
2598        </button>
2599    </div>
2600
2601    <!-- Body -->
2602    <div class="modal-body">
2603        <!-- Color detail -->
2604        <div class="color-detail">
2605            <div class="color-swatch" ng-style="{'background-color': '#'+ctrl.color.hex}"></div>
2606            <div class="color-spec">
2607                <p class="color-name">{{ ctrl.color.name }}</p>
2608                <p class="color-number">{{ ctrl.color.number }}</p>
2609            </div>
2610        </div>
2611        <div class="buying-options">
2612            <a ng-href="{{ctrl.color.drySampleSKU ? ctrl.buySampleUrl + ctrl.color.drySampleSKU : ''}}" href=""
2613               class="btn btn-card btn-square" ng-class="{'disabled': !ctrl.color.drySampleSKU}">
2614                COLOR SWATCH
2615            </a>
2616            <a ng-href="{{ctrl.color.wetSampleSKU ? ctrl.buySampleUrl + ctrl.color.wetSampleSKU : ''}}" href=""
2617               class="btn btn-card btn-square" ng-class="{'disabled': !ctrl.color.wetSampleSKU}">
2618                PAINT SAMPLE
2619            </a>
2620        </div>
2621    </div>
2622</div>
2623
2624    </script>
2624
2625    
2625<script id="buy-sample-modal.html" type="text/ng-template">
2626<div class="buy-sample-modal" aria-label="{{ctrl.buySampleData.shopNowModalTitle}}">
2627    <!-- Header -->
2628    <div class="modal-header">
2629        <p>{{ctrl.buySampleData.shopNowModalTitle}}</p>
2630        <button type="button"
2631                class="btn btn-close"
2632                data-ng-click="$close();"
2633                aria-label="Close">
2634            <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span>
2635        </button>
2636    </div>
2637    <!-- Body -->
2638    <div class="modal-body">
2639        <buy-sample data-colors="ctrl.colors"></buy-sample>
2640    </div>
2641</div>
2642
2643    </script>
2643
2644    
2644<script id="buy-sample.html" type="text/ng-template">
2645<div class="buy-sample-container">
2646    <p class="buy-sample-heading">{{ctrl.buySampleData.shopNowModalSubTitle}}</p>
2647    <div class="colors-list">
2648        <div class="color-detail"  tabindex="0" ng-repeat="color in ctrl.buySampleColors" ng-click="ctrl.selectedColor = color">
2649            <input type="radio" class="select-color" name="color" ng-if="ctrl.buySampleColors && ctrl.buySampleColors.length > 1"
2650                   aria-labelledby="{{'color-name-' + color.number}} {{'color-number-' + color.number}}"
2651                   ng-value="color" ng-model="ctrl.selectedColor">
2652            <div class="color-swatch" ng-style="{ 'background-color': '#' + color.hex }"></div>
2653            <div class="color-spec">
2654                <p class="color-name" id="{{'color-name-' + color.number}}" ng-bind-html="color.name + ' ' + color.number" ></p>
2655            </div>
2656        </div>
2657    </div>
2658    <div class="buying-options">
2659        <a ng-repeat="shopNowButton in ctrl.data"  ng-href="{{ctrl.buySampleData.buyColorUrl + ctrl.selectedColor.number + shopNowButton.urlParams }}" ng-click="$event.preventDefault();ctrl.buySampleClick(shopNowButton)"
2660           class="btn" ng-class="{'disabled': !ctrl.selectedColor.eStoreAvailable, 'btn-card btn-square': shopNowButton.isButton, 'btn-link pull-right': !shopNowButton.isButton}">
2661            {{shopNowButton.buttonLabel}}
2662        </a>
2663    </div>
2664</div>
2665
2666    </script>
2666
2667    
2667<script id="shop-now-card.html" type="text/ng-template">
2668
2669<div class="container-fluid">
2670    <div class="row">
2671        <div class="col-md-8">
2672            <div class="text" data-ng-bind-html="ctrl.descriptionText | bmTrustAsHtml"></div>
2673        </div>
2674        <div class="col-md-4 text-center">
2675            <a class="btn btn-card btn-square reverse shop-now-btn" data-ng-click="ctrl.onBuyClick()" data-ng-keypress="($event.keyCode==13)?ctrl.onBuyClick():'null'" tabindex="0"
2676               ng-class="{'hidden-xs': !true}">
2677                <span class="icon icon-shopping-cart"></span>
2678                <span>Buy Samples<br>& Paint</span>
2679            </a>
2680        </div>
2681    </div>
2682</div>
2683
2684    </script>
2684
2685    
2685<script id="shop-now-stain-card.html" type="text/ng-template">
2686
2687<div class="container-fluid">
2688    <div class="row">
2689        <div class="col-md-8">
2690            <div class="text" data-ng-bind-html="ctrl.descriptionText | bmTrustAsHtml"></div>
2691        </div>
2692        <div class="col-md-4 text-center">
2693            <a class="btn btn-card btn-square reverse shop-now-btn" data-ng-click="ctrl.onBuyClick()" data-ng-keypress="($event.keyCode==13)?ctrl.onBuyClick():'null'" tabindex="0"
2694               ng-class="{'hidden-xs': !true}">
2695                <span class="icon icon-shopping-cart"></span>
2696                <span data-ng-show="!ctrl.isStainButtonVisible">Buy Samples<br>& Paint</span>
2697                <span data-ng-show="ctrl.isStainButtonVisible">Buy Samples &<br/> Stain</span>
2698            </a>
2699        </div>
2700    </div>
2701</div>
2702
2703    </script>
2703
2704    
2704<script id="widget.directive.html" type="text/ng-template">
2705    <div data-ng-controller="widgetCtrl as ctrl" class="widget-card-container" data-ng-init='ctrl.widgetData={"durationInSec":5,"colorData":[{"image":{"Alt":"","Border":"","Class":"","Height":0,"HSpace":0,"Src":null,"VSpace":0,"Width":0,"MediaId":"f49cbfa7-d416-440b-8127-2cdd1e04f5fa","Title":null,"Language":{"Name":"en"},"MediaExists":false},"colorcode":"2035-40","fontcolor":"dark","ctalink":{"Anchor":"","Class":"","Text":"","Query":"","Title":"","Url":"https://benjaminmoore.com/en-us/","Target":"","TargetId":"00000000-0000-0000-0000-000000000000","Type":2,"Style":""},"title":"Color Guide"},{"image":{"Alt":"","Border":"","Class":"","Height":0,"HSpace":0,"Src":null,"VSpace":0,"Width":0,"MediaId":"407a0dde-0148-4364-8d64-2b8bf86ea891","Title":null,"Language":{"Name":"en"},"MediaExists":false},"colorcode":"2054-20","fontcolor":"light","ctalink":{"Anchor":"","Class":"","Text":"","Query":"","Title":"","Url":"https://benjaminmoore.com/en-us/","Target":"","TargetId":"00000000-0000-0000-0000-000000000000","Type":2,"Style":""},"title":"Try Our New Smart Color Guide"},{"image":{"Alt":"","Border":"","Class":"","Height":0,"HSpace":0,"Src":null,"VSpace":0,"Width":0,"MediaId":"90a27284-1299-4875-8958-1906fe491b52","Title":null,"Language":{"Name":"en"},"MediaExists":false},"colorcode":"AF-290","fontcolor":"light","ctalink":{"Anchor":"","Class":"","Text":"","Query":"","Title":"","Url":"https://benjaminmoore.com/en-us/","Target":"","TargetId":"00000000-0000-0000-0000-000000000000","Type":2,"Style":""},"title":"Color Guide"},{"image":{"Alt":"","Border":"","Class":"","Height":0,"HSpace":0,"Src":null,"VSpace":0,"Width":0,"MediaId":"5f99b9ff-0430-4f08-94b6-aeed090744b0","Title":null,"Language":{"Name":"en"},"MediaExists":false},"colorcode":"CW-355","fontcolor":"light","ctalink":{"Anchor":"","Class":"","Text":"","Query":"","Title":"","Url":"https://benjaminmoore.com/en-us/","Target":"","TargetId":"00000000-0000-0000-0000-000000000000","Type":2,"Style":""},"title":"Color Guide"},{"image":{"Alt":"","Border":"","Class":"","Height":0,"HSpace":0,"Src":null,"VSpace":0,"Width":0,"MediaId":"2b8c8445-f7e1-400c-b86c-9f00ad47c9a6","Title":null,"Language":{"Name":"en"},"MediaExists":false},"colorcode":"2080-30","fontcolor":"light","ctalink":{"Anchor":"","Class":"","Text":"","Query":"","Title":"","Url":"https://benjaminmoore.com/en-us/","Target":"","TargetId":"00000000-0000-0000-0000-000000000000","Type":2,"Style":""},"title":"Color Guide"}]};'>
2706        <div ng-if="!ctrl.onCarousel">
2707            <a ng-repeat="data in ctrl.colorData track by $index" ng-href="{{data.ctalink.Url}}" ng-show="$index === ctrl.index">
2708                <div class="widget-card" ng-class="{'wlarge': ctrl.makeWidgetLarge, 'wsmall': !ctrl.makeWidgetLarge}" id="widget-card">
2709                    <div class="img-container hidden-xs">
2710                        <img data-ng-src="{{data.image.Src}}" alt="{{data.image.Alt}}" />
2711                    </div>
2712                    <figure data-ng-style="{'background-color': '#' + ctrl.hex}">
2713                        <img ng-if="data.fontcolor == 'dark'" ng-src="/assets/benjaminmoore/dist/live/img/widget_black_desktop.svg" alt="widget" />
2714                        <img ng-if="data.fontcolor == 'light'" ng-src="/assets/benjaminmoore/dist/live/img/widget_white_desktop.svg" alt="widget" />
2715                        <p ng-class="{'black-text' :data.fontcolor == 'dark','white-text' : data.fontcolor == 'light'}">{{data.title}}</p>
2716                    </figure>
2717                </div>
2718            </a>
2719        </div>
2720    </div>
2721
2722    </script>
2722
2723
2724    
2724<script type="text/javascript">
2725        window.FavoritesNotificationMessage = {
2726            success: '[item] added to <u> My Items <u>',
2727            exists: 'You have already saved this item.',
2728            error: 'An error has occurred, please try again. '
2729        };
2730
2731        window.ProjectsNotificationsMessage = {
2732            success: '{item} added to <u> {project} </u>',
2733            error: 'An error has occurred, please try again. '
2734        };
2735
2736        window.FavoritesConfirmationDialog = {
2737            deleteFavoriteTitle: 'Delete Item',
2738            deleteFavoriteDescription: 'Are you sure you want to delete &quot;@@FavoriteName&quot;? Once it is deleted it cannot be retrieved.',
2739            deleteProjectTitle: 'Delete Project',
2740            deleteProjectDescription: 'Are you sure you want to delete &quot;@@ProjectName&quot;? Once it is deleted it cannot be retrieved.',
2741            deleteSubmitBtnLabel: 'DELETE',
2742            deleteCancelBtnLabel: 'CANCEL'
2743        };
2744
2745        window.FavoritesPageLink = {
2746            userItems: '/en-us/my-favorites',
2747            userProjects: '/en-us/my-projects'
2748        };
2749
2750        window.NotificationsText = {
2751            article: 'Article',
2752            photo_inspirational: 'Image'
2753        };
2754    </script>
2754
2755
2756    
2756<script type="text/javascript">
2757        window.isOKTAEnabled = true;
2758        window.SlidingCookieExpiryBM = '120';
2759        window.PartialProfileCookieExpiry = '20';
2760        window.SSOHost = 'https://okta.benjaminmoore.com';
2761        window.SSOClientID = '0oa2bl4a2xDntKPan2p7';
2762        window.BmDomainNames = 'benjaminmoore.com,benjaminmoore.ca';
2763        window.AccessDenied = false;
2764        window.scriptVersion = '638935955230000000';
2765    </script>
2765
2766
2767    
2767<script type="text/javascript">
2768        window.showMoreColors = true;
2769    </script>
2769
2770
2771    
2771<script type="text/javascript">
2772        /* javascript for accessibility done after DOM Render completes */
2773        function removeAttribute(selector, attrName) {
2774            let remove = document.querySelector(selector)
2775            if (remove != null) {
2776                remove.removeAttribute(attrName)
2777            }
2778        }
2779
2780        document.addEventListener("DOMContentLoaded", function () {
2781            removeAttribute("#addressInput", "aria-expanded");
2782            removeAttribute("#retail-search-input-query", "aria-expanded");
2783            let contractorBtnHelp = document.querySelector('.btn-help');
2784            if (contractorBtnHelp != null) {
2785                contractorBtnHelp.querySelectorAll('.btn-card').forEach((card, idx) => {
2786                    card.setAttribute("aria-pressed", idx == 0 ? "true" : "false");
2787                    card.addEventListener('keydown', (event) => {
2788                        if (event.keyCode == 32 || event.keyCode == 13 || event.key == 'Space' || event.key == 'Enter') {
2789                            card.setAttribute("aria-pressed", card.getAttribute("aria-pressed") == "true" ? "false" : "true");
2790                            card.click();
2791                        }
2792                    })
2793                    card.addEventListener('click', (event) => {
2794                        if (event.target.classList.value.includes("reverse-add")) {
2795                            card.setAttribute("aria-pressed", "true");
2796                        } else if (event.target.classList.value.includes("reverse-remove")) {
2797                            card.setAttribute("aria-pressed", "false");
2798                        }
2799                    })
2800                })
2801            }
2802
2803            //code for assigning role to ul in estimating paint jobs page
2804            const ulIds = ['layout-col-article-project-management-copy', 'row-article-get-an-edge_copy'];
2805            ulIds.forEach((id, index) => {
2806                const listUl = document.querySelector(`#${id} > ul`);
2807                if (listUl) {
2808                    listUl.role = "presentation";
2809                }
2810            })
2811            // code for removing all the wrong hyperlinks
2812            let row = document.querySelectorAll('.row.white-panel')
2813            if (row) {
2814                row.forEach((innerRow) => {
2815                    let missPlacedLinks = innerRow.querySelectorAll('ul>a')
2816                    missPlacedLinks.forEach((link) => {
2817                        let text = link.text.trim()
2818                        if (text == '') {
2819                            link.setAttribute("style", "display:none;")
2820                        }
2821                    })
2822                    let targetLinks = innerRow.querySelectorAll('ul>li>a')
2823                    if (targetLinks) {
2824                        targetLinks.forEach((link) => {
2825                            if (link.text.trim() == '') {
2826                                link.setAttribute("style", "display:none;")
2827                            }
2828                        })
2829                    }
2830                })
2831            }
2832
2833            function footerHeaderLevel(selector, level){
2834                let footerHeader = document.querySelector(selector);
2835                // ADA fix for preFooter page level
2836                if(footerHeader && level != null){
2837                        footerHeader.setAttribute("role", "heading");
2838                        footerHeader.setAttribute("aria-level", level);
2839                }
2840            }
2841
2842            //removed alt text for the Decorative Images
2843            const page = document.location.pathname.split("/").splice(-1)[0];
2844            switch (page){
2845                case 'interiors':
2846                    const removeAltsFromInterior = document.querySelectorAll(".slick-cards img")
2847                    const remAltsFromPainting = document.querySelectorAll(".indented img")
2848                    const removeAllAtlsInteriorPage = [...removeAltsFromInterior,...remAltsFromPainting]
2849                    removeAllAtlsInteriorPage.forEach((item)=>item.alt = "")
2850                    function changeInteriorHeadingLevel() {
2851                        const headingLevel2 = document.querySelector("div.card.indented .descrip > h2");
2852                        if (!headingLevel2) return;
2853                        headingLevel2.setAttribute("aria-level", "3");
2854                    };
2855                    changeInteriorHeadingLevel();
2856                    // ADA fix for preFooter page level
2857                    footerHeaderLevel("#footer-header-ada", 2);
2858
2859                break;
2860                case 'architects':
2861                     //code for converting all found incorrect h2s to h3s in interiors page
2862                    let divsWithH2s = [  document.getElementById('layoutcol-tools-of-trade1'),
2863                                    document.getElementById('layoutcol-tools-of-trade2'),
2864                                    document.getElementById('layoutcol-tools-of-trade3'),
2865                                    document.getElementById('layoutcol-tools-of-trade-long-card'),
2866                                    document.getElementById('layoutcol-specific-solution1'),
2867                                    document.getElementById('layoutcol-specific-solution2'),
2868                                    document.getElementById('layoutcol-specific-solution3'),
2869                                    document.getElementById('layoutcol-specific-solution4'),
2870                                    document.getElementById('row-tools-of-the-trade').children[1],
2871                                    document.getElementById('container-gennex'),
2872                                    document.getElementById('row-tools-of-the-trade').children[2],
2873                                    document.getElementById('row-what-the-project-cards'),
2874                                    document.getElementById('row-guide-clients-with-color-cards')
2875                                ];
2876                    divsWithH2s.forEach( (eachDiv, idx) => {
2877                        if(eachDiv){
2878                            let h2s = eachDiv.querySelectorAll('h2');
2879                            if(h2s){
2880                                h2s.forEach((eachH2, indx)=>{
2881                                    if(eachH2){
2882                                        eachH2.role="heading";
2883                                        eachH2.setAttribute('aria-level','3');
2884                                    }
2885                                });
2886                            }
2887                        }
2888                    });
2889
2890                    // ADA fix for PreFooter page level
2891                   footerHeaderLevel("#footer-header-ada", 2);
2892
2893                    function rowGuideClientDecorativeImages(){
2894                        const row = document.querySelector("#row-guide-clients-with-color-cards");
2895                        if(row){
2896                            const images = row.querySelectorAll("img");
2897                            if(images){
2898                                images.forEach( (image) => {
2899                                    // make the image as decorative
2900                                    image.alt = "";
2901                                })
2902                            }
2903                        }
2904                    }
2905                    rowGuideClientDecorativeImages();
2906                break;
2907                case 'color-of-the-year-2022':
2908                    // code for converting span and p tags to h3s,h2s in color-of-the-year-2022 page
2909                    const divsWithSpanTags = [
2910                                    document.getElementById('col-row-1-header'),
2911                                    document.getElementById('col-row-2-header'),
2912                                    document.getElementById('col-row-3-header'),
2913                                ];
2914                    const divsWithPTags = [
2915                                document.getElementById('col-video-header'),
2916                                document.getElementById('row-immerse-header'),
2917                                ]
2918                    const divsWithMoreSpanTags = [
2919                                    document.getElementById('col-work-with-colors').getElementsByClassName('task-indicator')[1]
2920                                ];
2921                    function convertSpanPToH2H3(divTags,spanOrPTag,ariaLevel){
2922                        divTags.forEach( (eachDiv, idx) => {
2923                            let pTag = eachDiv.querySelector(spanOrPTag);
2924                            pTag.role="heading";
2925                            pTag.setAttribute('aria-level',ariaLevel);
2926                        });
2927                    }
2928                    convertSpanPToH2H3(divsWithSpanTags,'span > strong','3');
2929                    convertSpanPToH2H3(divsWithMoreSpanTags,'span > p > span','3');
2930                    convertSpanPToH2H3(divsWithPTags,'p','2');
2931
2932                     // Hide the chatbot on the color of the year 2022.
2933                    function hideInvisibleChatbotForCoY2022() {
2934                        // Query a the chat bot iframe
2935                        const chatbot = document.querySelector("#chatbotIframe");
2936                        // Check to make sure it was found.
2937                        if (chatbot) {
2938                            // set it to hidden
2939                            chatbot.setAttribute("aria-hidden", "true");
2940                            chatbot.setAttribute("tabindex", "-1");
2941                        }
2942                    };
2943                    hideInvisibleChatbotForCoY2022();
2944
2945                    //code for making table role= presentation as visual representation is not a table
2946                    const brochureDiv = document.getElementById('column-download-brochure');
2947
2948                    const qs = brochureDiv.querySelector('table');
2949                    qs.role = "presentation";
2950
2951                    // removing duplicate id in color-of-the-year page
2952                    function removeColImmerseHeaderId(){
2953                        // removes first duplicate id: col-immerse-header from container element
2954                        const container = document.querySelector("#col-immerse-header")
2955                        container.removeAttribute('id')
2956                    }
2957                    removeColImmerseHeaderId();
2958
2959                    const removeAltsBg = document.querySelectorAll(".bg-gray img")
2960                    const removeAltsInEmails = document.querySelectorAll(".hero-image-container img")
2961                    const removeAltMakeRoom = document.querySelectorAll("#container-gallery img")
2962                    const removeAltsDownload = document.querySelectorAll("#container-download-brochure img")
2963                    const removeAltsIntroducing = document.querySelectorAll("#row-dollop-display img")
2964                    const removeAltsMakeRoom = document.querySelectorAll("#container-three-image img")
2965                    const removeAltsWorkWithColor = document.querySelectorAll(".palette-view img")
2966                    const removeAllAlts = [...removeAltsBg,...removeAltsInEmails,...removeAltMakeRoom,...removeAltsDownload,...removeAltsIntroducing,...removeAltsMakeRoom,...removeAltsWorkWithColor];
2967                    removeAllAlts.forEach((item)=>item.alt = "");
2968
2969                     // Query a specific heading
2970                    const behindColorOfTheYearHeading = document.querySelector("#global-content > div.bg-gray > div > div:nth-child(2) > div > div > div:nth-child(1) > div > div > h2");
2971                    // Check to make sure it was found.
2972                    if (behindColorOfTheYearHeading) {
2973                        // change heading level
2974                        behindColorOfTheYearHeading.setAttribute("aria-level", "3");
2975                    }
2976                    // Repeat twice with other headings
2977                    const getColorSamplesHeading = document.querySelector("#global-content > div.bg-gray > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > h2");
2978                    if (getColorSamplesHeading) {
2979                        getColorSamplesHeading.setAttribute("aria-level", "3");
2980
2981                    }
2982                    const loveColorHeading = document.querySelector("#row-email-sign-up > div > div > div > div > div.hero-pro-block.hidden-xs > div > div > div.col-md-6.col-sm-6.hero-text-container > div > h1");
2983                    if (loveColorHeading) {
2984                        loveColorHeading.setAttribute("aria-level", "2");
2985                    }
2986
2987                    //mailto is unique
2988                    const colYearEmailSocialIcon =document.querySelector(".social-media-icons #mailto");
2989                    if(colYearEmailSocialIcon){
2990                        colYearEmailSocialIcon.id = "socialMailTo"
2991                    }
2992                break;
2993                case 'documentation':
2994                    //removed alt text for the Decorative Images in Documentation Page
2995                    const removeAlts = document.querySelectorAll('.documentation-page-long-cards img')
2996                    removeAlts.forEach((item)=>item.alt = "")
2997
2998                   footerHeaderLevel("#footer-header-ada", 2);
2999                break;
3000                case 'ultra-spec-scuff-x':
3001                    //removed alt text for the Decorative Images in /ultra-spec-scuff-x
3002                    const removeAlt = document.querySelectorAll('.card img')
3003                    if (removeAlt){
3004                        removeAlt.forEach((item) => item.alt = '')
3005                    }
3006
3007                    //mailto is unique
3008                    const emailSocialMediaIcon =document.querySelector(".social-media #mailto");
3009                    if(emailSocialMediaIcon) {
3010                        emailSocialMediaIcon.id = "linkMailTo"
3011                    }
3012                break;
3013                case "about-us":
3014                    // code for assigning role for header page wise
3015                    const aboutUsheaderTag = document.getElementById('footer-header-ada');
3016                    if(aboutUsheaderTag){
3017                        aboutUsheaderTag.setAttribute('aria-level','2');
3018                    }
3019
3020                break;
3021                case 'designers':
3022                    // code for designers page
3023                    const text = document.querySelector("#layoutcol-documentation-links4 strong");
3024                    text.setAttribute("role","heading")
3025                    text.setAttribute("aria-level","2")
3026
3027                    const designersAllImages = document.querySelectorAll('#global-content img');
3028                    // empty alt attribute for decorative images
3029                    designersAllImages.forEach(function(img){
3030                        img.setAttribute("alt", "")
3031                    })
3032
3033                     // code for assigning role for header page wise
3034                    const designerHeaderTag = document.getElementById('footer-header-ada');
3035                    if(designerHeaderTag){
3036                        designerHeaderTag.setAttribute('aria-level','2');
3037                    }
3038                break;
3039                case 'choosing-paint-finish':              
3040
3041                    //mailto is unique
3042                    const finishEmailSocialIcon =document.querySelector(".social-media-icons #mailto");
3043                    if(finishEmailSocialIcon){
3044                        finishEmailSocialIcon.id = "socialMailTo"
3045                    }
3046                break;
3047
3048                case 'front-entrance-ideas-inspiration':
3049                    //code for front-entrance-ideas-inspiration page
3050                    let prozoneTable = document.querySelector('.prozone-cta table')
3051                    if(prozoneTable){
3052                        prozoneTable.setAttribute("role", "presentation")
3053                    }
3054
3055                    // code for assigning role for header page wise
3056                    const ideasHeaderTag = document.getElementById('footer-header-ada');
3057                    if(ideasHeaderTag){
3058                        ideasHeaderTag.setAttribute('aria-level','2');
3059                    }
3060
3061                    // removed alt text for the Decorative Images
3062                    // added role presentation for handling "unlabelled graphics"
3063                    const decorativeImgsProjectContainer = document.querySelectorAll(".img-container img")
3064                    if(decorativeImgsProjectContainer){
3065                        decorativeImgsProjectContainer.forEach((item) => {item.alt = ""; item.role = 'presentation';})
3066                    }
3067                    const decorativeImgProjectContainerCard = document.querySelectorAll(".card-long-img-container img")
3068                    if(decorativeImgProjectContainerCard){
3069                        decorativeImgProjectContainerCard.forEach((item) => item.alt = '')
3070                    }
3071                break;
3072
3073                case 'estimating-paint-jobs':
3074                    // code for estimating paint jobs page
3075                    function makeListMarkupForVisualLists(){
3076                        const articleIds = ['layout-col-article-project-management-image','row-article-get-an-edge_image','layout-col-article-copy-bookkeeping-image','layout-col-article-automate-communication-image'];
3077                        // looping through each and every article id
3078                        articleIds.forEach(id =>{
3079                            const allPElements = document.querySelectorAll(`#${id} p`);
3080                            const divEle = document.createElement('div');
3081                            const listHeading = document.querySelector(`#${id} h3`);
3082                            console.log(allPElements,divEle,listHeading);
3083                            // sets list role to the newly created div container
3084                            divEle.setAttribute("role","list")
3085                            // adds listitem role to every p element and append them to div container
3086                            allPElements.forEach(pEle =>{
3087                                pEle.setAttribute("role","listitem")
3088                                divEle.appendChild(pEle);
3089                            })
3090                            // append list container(div) after list heading
3091                            listHeading.insertAdjacentElement('afterEnd',divEle)
3092                        })
3093                        }
3094                    makeListMarkupForVisualLists();
3095
3096                    const articleImages = document.querySelectorAll('#global-content center > img');
3097                    const largeImages = document.querySelectorAll("#global-content picture > img");
3098                    const estimatingAllImages = [...articleImages, ...largeImages];
3099                    // emptying alt attribute for decorative images
3100                    estimatingAllImages.forEach(function(img){
3101                        img.setAttribute("alt", "")
3102                    });
3103                    const removeIds = document.querySelectorAll('.container-fluid #layout-col-12')
3104                    removeIds.forEach((item)=>item.id = "")
3105                    // ADA fix for preFooter page level
3106                    footerHeaderLevel("#footer-header-ada", 2);
3107                    // ADA fix for heading level for More Topics heading.
3108                    const moreTopicHeading = document.querySelector("#layout-col-wayfinding > div.hidden-xs.hidden-sm > table > tbody > tr > td:nth-child(1) > div > span")
3109                    if (moreTopicHeading){
3110                        moreTopicHeading.setAttribute("role", "heading");
3111                        moreTopicHeading.setAttribute("aria-level", "2");
3112                    }
3113                break;
3114
3115                case 'wood-stain-colors':
3116                    // removes duplicate ids in wood-stain-colors page
3117                    function removeDuplicateSolidId(){
3118                        // removes second duplicate id : solid
3119                        const solidCol = document.querySelectorAll("#solid")[1]
3120                        solidCol.removeAttribute("id");
3121                    }
3122                    function removeDuplicateSemiSolidId(){
3123                        // removes second duplicate id : semi-solid
3124                        const semiSolidCol = document.querySelectorAll("#semi-solid")[1]
3125                        semiSolidCol.removeAttribute("id");
3126                    }
3127                    function removeDuplicateSemiTransparentId(){
3128                        // removes second duplicate id : semi-transparent
3129                        let semiTransparentCol = document.querySelectorAll("#semi-transparent")[1]
3130                        while(semiTransparentCol){
3131                            semiTransparentCol = document.querySelectorAll("#semi-transparent")[1]
3132                            semiTransparentCol.removeAttribute("id");
3133                        }
3134                    }
3135                    function removeDuplicateTranslucentId(){
3136                        // removes second duplicate id : translucent
3137                        const translucentCol = document.querySelectorAll("#translucent")[1]
3138                        translucentCol.removeAttribute("id");
3139                    }
3140                    function addPresentationToTable(){
3141                        const brocureTable = document.querySelector("#Detail-body > div:nth-child(8) > div > div > div.hidden-xs.hidden-sm > table")
3142                        if(brocureTable){
3143                            brocureTable.role="presentation";
3144                        }
3145                    }
3146                    function addListLayoutOnColors(){
3147                        const curatedColors = document.querySelectorAll(".curated-colors")
3148                        if(curatedColors){
3149                            curatedColors.forEach( (color) => {
3150                                const rows = color.querySelectorAll("span")
3151                                // remove all span
3152                                color.querySelectorAll("span").forEach( (span) => span.remove())
3153                                const listDiv = document.createElement("div")
3154                                listDiv.setAttribute("role", "list")
3155                                rows.forEach( (row) => {
3156                                    row.setAttribute("role", "none")
3157                                    row.querySelectorAll(".col-md-2.col-xs-6").forEach( (item) => item.setAttribute("role", "listitem"))
3158                                    listDiv.appendChild(row)
3159                                })
3160                                color.appendChild(listDiv)
3161                            })
3162                        }
3163                    }
3164
3165                    removeDuplicateSolidId();
3166                    removeDuplicateSemiSolidId();
3167                    removeDuplicateSemiTransparentId();
3168                    removeDuplicateTranslucentId();
3169                    addPresentationToTable();
3170                    addListLayoutOnColors();
3171                break;
3172                case 'color-portfolio-paint-matching-app':
3173                    // code for color portfolio paint matching page
3174                    const portfolioAllImages = document.querySelectorAll("#global-content picture > img");
3175                    // emptying alt attribute for decorative images
3176                    // adding role presentation for handling "unlabelled graphics"
3177                     portfolioAllImages.forEach(function(img){
3178                        img.setAttribute("alt", "")
3179                        img.setAttribute("role", "presentation")
3180                    });
3181                break;
3182                case 'benjamin-moore-careers':
3183                    // keyboard access for locations in career page
3184                    document.querySelector('.locations').setAttribute('tabindex', "0");                   
3185                break;
3186
3187                case 'store-locator':
3188                    // removed alt text for the Decorative Images in /store-locator
3189                    const decorativeImgs = document.querySelectorAll("#expanded-learn-more img");
3190                    decorativeImgs.forEach((item) => item.alt = '');
3191                break;
3192                case 'contractors':
3193                    const decorativeImgsContractorsCard = document.querySelectorAll(".card img");
3194                    decorativeImgsContractorsCard.forEach((item) => item.alt = '');
3195                    const decorativeImgContractorsResponsive = document.querySelectorAll(".img-responsive");
3196                    decorativeImgContractorsResponsive.forEach((item) => item.alt = '');
3197
3198                    const coverageH1Tag = document.querySelector("#layout-col-podcast-coverage-copy > div:nth-child(1) > h1");
3199                    if(coverageH1Tag){
3200                        coverageH1Tag.role="heading";
3201                        coverageH1Tag.setAttribute('aria-level', 2);
3202                    }
3203
3204                    const viewAllTag = document.querySelector("#global-content > div:nth-child(6) > div > div > div > h3");
3205                    if(viewAllTag){
3206                        viewAllTag.role="heading";
3207                        viewAllTag.setAttribute('aria-level', 3);
3208                    }
3209                break;
3210                case 'how-to-advice':
3211                    const removeAltsPainting = document.querySelectorAll(".indented img")
3212                    const removeAltsProjects = document.querySelectorAll("#row-base-cards img")
3213                    const removeAltsAdvicePage = [...removeAltsPainting,...removeAltsProjects]
3214                    removeAltsAdvicePage.forEach((item)=>item.alt = "")
3215                break;
3216                case 'advance-interior-paint':
3217                case 'product-catalog':
3218                    const removeAltsFindYourColor = document.querySelectorAll(".card img")
3219                    removeAltsFindYourColor.forEach((item)=>item.alt = "")
3220                break;
3221                case 'paint-blistering':
3222                    const removeAltsPaintBuildingPage = document.querySelectorAll(".article-image img")
3223                    const removeAltsBusinessPage = document.querySelectorAll(".card-long img")
3224                    const removeAltsContractorTips = document.querySelectorAll(".card img");
3225                    // emptying alt attribute for decorative images
3226                    // adding role presentation for handling "unlabelled graphics"
3227                    const removeAltsInPaintsPageAll = [...removeAltsPaintBuildingPage,...removeAltsBusinessPage,...removeAltsContractorTips]
3228                    removeAltsInPaintsPageAll.forEach((item)=>{item.alt = ""; item.role = "presentation";})
3229
3230                    // ADAfix for PreFooter heading page level
3231                    footerHeaderLevel("#footer-header-ada", 2);
3232                break;
3233                case 'interior-exterior-paints-stains':
3234                    const removeAltsIndentedImage = document.querySelectorAll(".indented img")
3235                    removeAltsIndentedImage.forEach((item)=>item.alt = "")
3236
3237                    function changeViewAllLinkAL(){
3238                        const viewAllContainer = document.querySelectorAll(".top-descrip")
3239                        if(viewAllContainer){
3240                            viewAllContainer.forEach( (container) => {
3241                                const link = container.querySelector("a")
3242                                if(link){
3243                                    const prevElement = link.previousElementSibling
3244                                    let text = `${link.textContent} about ${prevElement.textContent}`;
3245                                    text = text.replace('<sup>®</sup>',' registered ')
3246                                    text = text.replace('®', ' registered ')
3247                                    link.setAttribute("aria-label", text);
3248                                }
3249                            })
3250                        }
3251
3252                        const learnMoreCards =  document.querySelectorAll(".container .card");
3253                        if(learnMoreCards){
3254                            learnMoreCards.forEach( (card) => {
3255                                if(card){
3256                                    const btn = card.querySelector("a");
3257                                    if(btn){
3258                                        const ariaLabel = btn.getAttribute("aria-label");
3259                                        if(ariaLabel){
3260                                            let text = ariaLabel.replace('<sup>®</sup>',' registered ');
3261                                            text = text.replace('®', ' registered ');
3262                                            btn.setAttribute("aria-label", text);
3263                                        }else{
3264                                            let title = btn.querySelector(".descrip h2");
3265                                            if(title){
3266                                                let text = title.textContent.replace('<sup>®</sup>',' registered ');
3267                                                text = text.replace('®', ' registered ');
3268                                                btn.setAttribute("aria-label", text);
3269                                            }
3270                                        }
3271                                    }
3272                                }
3273                            })
3274                        }
3275
3276                    }
3277                    changeViewAllLinkAL();
3278
3279                    const paintStainsSectionHeaders = document.querySelectorAll('#paint-body > div h1')
3280                    if (paintStainsSectionHeaders){
3281                        paintStainsSectionHeaders.forEach( (header) => {
3282                            if (header){
3283                                header.role = "heading";
3284                                header.setAttribute('aria-level', 2);
3285                            }
3286                        })
3287                    }
3288
3289                    const paintStainsSectionSubHeaders = document.querySelectorAll('#paint-body > div .descrip h2')
3290                    if (paintStainsSectionSubHeaders) {
3291                        paintStainsSectionSubHeaders.forEach((header) => {
3292                            if (header) {
3293                                header.role = "heading";
3294                                header.setAttribute('aria-level', 3);
3295                            }
3296                        })
3297                    }
3298
3299                break;
3300                case 'contact-us-contractors':
3301                    const removeAltsFindStore = document.querySelectorAll(".sidebar img")
3302                    removeAltsFindStore.forEach((item)=>item.alt = "")
3303                break;
3304                case 'corotech-high-performance-coatings':
3305                    // code for corotech-high-performance-coatings
3306                    const removeAltsCorotech = document.querySelectorAll('.container img')
3307                    removeAltsCorotech.forEach((item)=>item.alt = "")
3308
3309                    function addMeaningfulLinkLabelsForCorotech(){
3310                            const learnMoreLinks = document.querySelectorAll("#Detail-body .link-list .text-center a");
3311                            // looping each link and setting meaningful labels
3312                            learnMoreLinks.forEach(function(link){
3313                                const linkTitle = link.previousElementSibling.textContent;
3314                                const linkText = link.textContent;
3315                                let text = `${linkText} about ${linkTitle}`;
3316                                text = text.replace('<sup>®</sup>',' registered ')
3317                                text = text.replace('®', ' registered ')
3318                                link.setAttribute("aria-label",text)
3319                            })
3320                                const learnMoreLinksWithImageAndVideoCaption = document.querySelectorAll("#Detail-body .image-caption-content");
3321                                   if(learnMoreLinksWithImageAndVideoCaption){
3322                                     learnMoreLinksWithImageAndVideoCaption.forEach( (card,index) => {
3323                                if(card){
3324                                    var btn = card.querySelector("a.btn-card");
3325                                    if(btn){
3326                                        const ariaLabel = btn.getAttribute("aria-label");
3327                                        if(ariaLabel){
3328                                            let text = ariaLabel.replace('<sup>®</sup>',' registered ');
3329                                            text = text.replace('®', ' registered ');
3330                                            btn.setAttribute("aria-label", text);
3331                                        }else{
3332                                            let title = btn.text +' '+ 'about'+' '+card.firstElementChild.textContent;                                            if(title){
3333                                                let text = title.replace('<sup>®</sup>',' registered ');
3334                                                text = text.replace('®', ' registered ');
3335                                                btn.setAttribute("aria-label", text);
3336                                            }
3337                                        }
3338                                    }
3339                                }
3340                            });
3341                                }
3342                        const learnMoreCards =  document.querySelectorAll(".container .card");
3343                        if(learnMoreCards){
3344                            learnMoreCards.forEach( (card) => {
3345                                if(card){
3346                                    const btn = card.querySelector("a");
3347                                    if(btn){
3348                                        const ariaLabel = btn.getAttribute("aria-label");
3349                                        if(ariaLabel){
3350                                            let text = ariaLabel.replace('<sup>®</sup>',' registered ');
3351                                            text = text.replace('®', ' registered ');
3352                                            btn.setAttribute("aria-label", text);
3353                                        }else{
3354                                            let title = btn.querySelector(".descrip h3");
3355                                            if(title){
3356                                                let text = title.textContent.replace('<sup>®</sup>',' registered ');
3357                                                text = text.replace('®', ' registered ');
3358                                                btn.setAttribute("aria-label", text);
3359                                            }
3360                                        }
3361                                    }
3362                                }
3363                            })
3364                        }
3365                    }
3366                    addMeaningfulLinkLabelsForCorotech();
3367
3368                     //mailto is unique
3369                    const coatingsEmailSocialIcon =document.querySelector(".social-media-icons #mailto");
3370                    if(coatingsEmailSocialIcon){
3371                        coatingsEmailSocialIcon.id = "socialMailTo"
3372                    }
3373
3374                    // ADA fix for preFooter heading page level
3375                   footerHeaderLevel("#footer-header-ada", 2);
3376                break;
3377                case 'color-a-room':
3378                    const roomTxt = document.querySelector("#global-content > div > div > div.col-xs-6 > div > h1");
3379                    if(roomTxt){
3380                        roomTxt.role="presentation";
3381                    }
3382                break;
3383                case 'faq':
3384                     // faq page
3385                    const ulFaq = document.querySelectorAll(".article-contents ul")[1];
3386                    if(ulFaq){
3387                    const lineBreaksUl = ulFaq.querySelectorAll("br");
3388                    lineBreaksUl.forEach(br => br.setAttribute("aria-hidden","true") )
3389                    }
3390
3391                break;
3392
3393                case 'order-paint-color-sheets':
3394                    function setDecorativeImage(){
3395                        // emptying alt attribute for decorative images
3396                        // adding role presentation for handling "unlabelled graphics"
3397                        const decorativeImage = document.querySelector("#global-content > div > div > div > div:nth-child(3) > div > div > img");
3398                        if(decorativeImage){
3399                            decorativeImage.setAttribute("alt", "");
3400                            decorativeImage.setAttribute("role", "presentation");
3401                        }
3402                    }
3403                    setDecorativeImage();
3404                break;
3405            }
3406
3407            let backToTop = document.querySelector('.back-to-top span')
3408
3409            if (backToTop != null) {
3410                document.querySelector('.back-to-top')
3411                backToTop.setAttribute("role", "button")
3412                backToTop.setAttribute("tabindex", "0")
3413                backToTop.setAttribute("aria-label", 'Back to top')
3414                backToTop.addEventListener("keydown", (event) => {
3415                    if (event.keyCode === 13) {
3416                        document.querySelector('.back-to-top').click()
3417                    }
3418                })
3419            };
3420
3421            // code for SDS/TDS tabs
3422            let tabContent = document.querySelector('.tab-content')
3423            if(tabContent){
3424                let tabData = document.querySelectorAll('.tab-content > .ng-scope > .tabs')
3425                if(tabData){
3426                    tabData.forEach( (tab) => {
3427                    let tabBtns = tab.querySelectorAll('button')
3428                    if(tabBtns){
3429                        tabBtns.forEach( (tabBtn) => {
3430                        tabBtn.setAttribute("aria-pressed", tabBtn.classList.contains('active') ? true : false)
3431                        tabBtn.setAttribute("aria-pressed", tabBtn.classList.contains('active') ? true : false)
3432                        tabBtn.addEventListener('click', (event) => {
3433                            let parentTab = tabBtn.parentElement.querySelectorAll('button')
3434                                if(parentTab){
3435                                        parentTab.forEach( (btn) => {
3436                                            btn.setAttribute('aria-pressed', btn.classList.contains('active-remove') ? false : true)
3437                                            btn.setAttribute('aria-pressed', btn.classList.contains('active-add') ? true : false)
3438                                        })
3439                                    }
3440                                })
3441                            })
3442                        }
3443                    })
3444                }
3445            }
3446
3447            //code for making table role= presentation as visual representation is not a table
3448            const brochureDiv = document.getElementById('column-download-brochure');
3449            if (brochureDiv != null) {
3450                const qs = brochureDiv.querySelector('table');
3451                if (qs != null) {
3452                    qs.role = "presentation";
3453                }
3454            }
3455        });
3456    </script>
3456
3457
3458
3459    
3459<script type="text/javascript"
3460            src="/assets/benjaminmoore/dist/live/js/main.js?v=638935955230000000"></script>
3460
3461        
3461<script type="text/javascript"
3462                src="/assets/benjaminmoore/dist/live/js/pages/default.js?v=638935955230000000"></script>
3462
3463            <!-- Start MotionPoint easy link toggle script
3464    Added condition to enable spanish language script -->
3465        
3465<script type="text/javascript" id="mpelid" src="https://benjaminmoorecom.mpeasylink.com/mpel/mpel.js" async></script>
3465
3466    <!-- Add Custom scripts through Sitecore-->
3467<!-- Bing Pixel Insertion -->
3468<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"28000483"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
3468
3469<!-- Facebook -->
3470<script>
3471window.fbAsyncInit = function () {
3472FB.init({
3473appId: '188845908197661',
3474xfbml: true,
3475version: 'v2.8'
3476});
3477FB.AppEvents.logPageView();
3478};
3479(function (d, s, id) {
3480var js, fjs = d.getElementsByTagName(s)[0];
3481if (d.getElementById(id)) { return; }
3482js = d.createElement(s); js.id = id;
3483js.src = "//connect.facebook.net/en_US/sdk.js";
3484fjs.parentNode.insertBefore(js, fjs);
3485}(document, 'script', 'facebook-jssdk'));
3486</script>
3486
3487<!-- Google Tag Manager -->
3488<noscript>
3489<iframe src="//www.googletagmanager.com/ns.html?id=GTM-NZN9Z2" height="0" width="0" style="display:none;visibility:hidden" />
3490</noscript>
3491<script>
vendor: 374 bytes, lines 3491-3497
3491
3492(function (w, d, s, l, i) {
3493w[l] = w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
3494var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
3495j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl ;
3496f.parentNode.insertBefore(j, f);
3497})(window, document, 'script', 'dataLayer', '
3497GTM-NZN9Z2
vendor: 5 bytes, line 3497
3497');
3498</script>
3498
3499<!-- End Google Tag Manager -->
3500<!-- Start WKND tag. Deploy at the beginning of document head. -->
3501<script>
3502(function(d) {
3503var e = d.createElement('script');
3504e.src = d.location.protocol + '//tag.wknd.ai/4957/i.js';
3505e.async = true;
3506d.getElementsByTagName("head")[0].appendChild(e);
3507}(document));
3508</script>
3508
3509<!-- End WKND tag -->
3510<!-- Add Custom scripts through Sitecore-->
3511<!-- Clarip Cookies Consent Notice start -->
3512<link rel="stylesheet" type="text/css" href="https://cdn.clarip.com/benjaminmoore/cookieconsent/assets/css/cookieconsent.min.css" />
3513<script src="https://cdn.clarip.com/benjaminmoore/cookieconsent/assets/js/cookieconsent.min.js"></script>
vendor: 2 bytes, line 3513
3513
3514<script>
3515  var claripCdnHost = "cdn.clarip.com";
3516  var claripClientName = "benjaminmoore";
3517  var claripCookieConsentHost = "benjaminmoore.clarip.com";
3518  var claripCookieManagerIdentifier = "ae52f9204e3fd62d50c6";
3519</script>
vendor: 2 bytes, line 3519
3519
3520<script src="https://cdn.clarip.com/benjaminmoore/cookieconsent/assets/js/clarip-cookie-manager.min.js"></script>
3520
3521<!-- Clarip Cookies Consent Notice end -->
3522<!-- Pinit -->
3523<script type="text/javascript" class="optanon-category-C0005">
3524(function (d) {
3525var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
3526p.type = 'text/javascript';
3527p.async = true;
3528p.src = '//assets.pinterest.com/js/pinit.js';
3529f.parentNode.insertBefore(p, f);
3530}(document));
3531</script>
vendor: 2 bytes, line 3531
3531
3532<script >
3533$('.navbar-center').addClass('variant')
3534</script>
3534
3535    
3535<script src="https://cdn.jsdelivr.net/ally.js/1.4.1/ally.min.js"></script>
3535
3536    
3536<script>
3537        // handling the focus on modal elements using a11y library
3538        var openButton = document.getElementById('open-dialog');
3539        var dialog = document.getElementById('dialog');
3540        var closeButton = document.getElementById('floating-action-close-btn');
3541
3542        var openButtonForColorOverview = document.getElementsByClassName('set-selector-more-reset-btn');
3543        var closeButtonForColorOverview = document.getElementsByClassName('more-colors-close-btn');
3544        // Data filled by openDialog() and later used by closeDialog()
3545        var keyHandle;
3546        var tabHandle;
3547        var disabledHandle;
3548        var hiddenHandle;
3549        var focusedElementBeforeDialogOpened;
3550        var desktopConfigSize = 1024;
3551        function openDialog(e) {
3552            focusedElementBeforeDialogOpened = document.activeElement;
3553            // receiving focus
3554            if (e.keyCode === 13 || e.type === 'click') {
3555                ally.when.visibleArea({
3556                    context: dialog,
3557                    callback: function (context) {
3558                        var element = ally.query.firstTabbable({
3559                            context: context, // context === dialog
3560                            defaultToContext: true,
3561                        });
3562                        element.focus();
3563                    },
3564                });
3565                disabledHandle = ally.maintain.disabled({
3566                    filter: dialog,
3567                });
3568                hiddenHandle = ally.maintain.hidden({
3569                    filter: dialog,
3570                });
3571                tabHandle = ally.maintain.tabFocus({
3572                    context: dialog,
3573                });
3574                keyHandle = ally.when.key({
3575                    escape: closeDialogByKey,
3576                });
3577                // Show the dialog
3578                dialog.hidden = false;
3579                var colorOverviewPannelBoxObj = document.getElementsByClassName('color-overview-pannel-box');
3580                if (colorOverviewPannelBoxObj && window.screen.width >= desktopConfigSize) {
3581                    for (let i = 0; i < colorOverviewPannelBoxObj.length; i++) {
3582                        colorOverviewPannelBoxObj[i].style.cssText = 'display:none !important';
3583                    }
3584                }
3585            }
3586        }
3587        function closeDialogByKey() {
3588            setTimeout(closeDialog);
3589        }
3590
3591        function closeDialog(e) {
3592            var dataOverlayName = e.target.getAttribute('data-overlay-name');
3593            if (dataOverlayName !== 'start-overlay' && dataOverlayName !== 'color-families' && dataOverlayName !== 'color-collections') {
3594                if (e.keyCode === 13 || e.type === 'click') {
3595                    keyHandle.disengage();
3596                    tabHandle.disengage();
3597                    hiddenHandle.disengage();
3598                    disabledHandle.disengage();
3599                    focusedElementBeforeDialogOpened.focus();
3600                    dialog.hidden = true;
3601                    var colorOverviewPannelBoxObj = document.getElementsByClassName('color-overview-pannel-box');
3602                    var setSelectorMoreResetBtn = document.getElementsByClassName('set-selector-more-reset-btn');
3603                    if (colorOverviewPannelBoxObj && window.screen.width >= desktopConfigSize) {
3604                        for (let i = 0; i < colorOverviewPannelBoxObj.length; i++) {
3605                            colorOverviewPannelBoxObj[i].style.cssText = 'display:block !important';
3606                        }
3607                    }
3608                    if (setSelectorMoreResetBtn) {
3609                        for (let i = 0; i < setSelectorMoreResetBtn.length; i++) {
3610                            setSelectorMoreResetBtn[i].focus();
3611                        }
3612                    }
3613                }
3614            }
3615        }
3616        if (openButton && closeButton) {
3617            openButton.addEventListener('keypress', openDialog);
3618            openButton.addEventListener('click', openDialog);
3619            closeButton.addEventListener('keypress', closeDialog);
3620            closeButton.addEventListener('click', closeDialog);
3621        }
3622        if (openButtonForColorOverview) {
3623            for (let i = 0; i < openButtonForColorOverview.length; i++) {
3624                openButtonForColorOverview[i].addEventListener('keypress', openDialog);
3625                openButtonForColorOverview[i].addEventListener('click', openDialog);
3626            }
3627        }
3628        if (closeButtonForColorOverview) {
3629            for (let i = 0; i < closeButtonForColorOverview.length; i++) {
3630                closeButtonForColorOverview[i].addEventListener('keypress', closeDialog);
3631                closeButtonForColorOverview[i].addEventListener('click', closeDialog);
3632            }
3633        }
3634    </script>
3634
3635    
3635<script>
3636            // Add CSS rule with !important
3637            const style = document.createElement('style');
3638        if (window.location.pathname.includes('es-us')) {
3639            document.querySelectorAll('#global-nav-footer li').forEach(li => {
3640                if (li.querySelector('a[href*="/virtual-color-consultation"]')) {
3641                    li.classList.add('hide-important');
3642                }
3643            });
3644
3645            
3646            style.textContent = `
3647                .hide-important {
3648                    display: none !important;
3649                }
3650            `;            
3651        }
3652         style.textContent = `
3653                .img-container-caption {
3654                    color: #636363;
3655                }
3656            `;   
3657        document.head.appendChild(style);
3658    </script>
3658
3659
3660    
3660<script type="text/javascript">
3661        const jumpToSection = document.querySelector('.jumpers')
3662        const jumpToText = document.querySelector('.jumpers > span')
3663        
3664        if(jumpToSection){
3665            jumpToSection.querySelectorAll('a').forEach( (aTag) => { 
3666                aTag.setAttribute("href", "javascript:void(0);")
3667            })
3668
3669            // adding group label to jumpTo section
3670            jumpToSection.setAttribute("role","group");
3671            jumpToSection.setAttribute("aria-labelledby","jumpTo");
3672            jumpToText.setAttribute("id","jumpTo");
3673        }
3674    </script>
3674
3675    
3676
3677    <div id="chatbot-container">
3678    <iframe src="https://chat.benjaminmoore.com" referrerPolicy="no-referrer-when-downgrade" id="chatbotIframe"
3679        class="close" title='Chatbot'></iframe>
3680</div>
3681</body>
3682
3683
3684
3685
3686
3687
3688
3689</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.