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'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's independent retailers." /> 33 <meta class="swiftype" name="description" data-type="string" content="Learn the top 5 reasons to shop small with Benjamin Moore'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'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="wxlucqixhzj2o2vu4mqa-f-aa7080a02-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":0,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"57c01d4f","ak.r":47358,"ak.a2":n,"ak.m":"a","ak.n":"essl","ak.cport":38429,"ak.gh":"23.208.24.238","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1790239520","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==FX1bPB65Iu5BazXpEsT1gfTO70ozK8mnrp8Re47ePG9k9r6wcDlkKQ1W/oP+58xId4srsH7hsJ6p+3ZM9AIisq9/U7pmNKuBaZ8A+P9GJtIsVdHCwU+7I2j5RCUZGaX6x0cBW8cFl9X9egLsUKNGvvrcOQLmi+FNC3Nu89BV5wIs0XlSa6ZHahE6PKlccN94nsQh3DVuWWW/YJ5vOoWgClZhyDX8t3HNMO6Au5qbhdnriXy/aLMMIAPxItrij16EPK3/fQbzYe8ZiyzgdG7iDHBMof12OYFUg3TBfl42Ib/NKDrNaA3FKLJsTUAflvpjbQ0xy+Qu+O9837ts6//2NiRrHWG10pM3CA3fKLmUF5JqBpCrBmNHnoihDC+LRXZm7VT6mDcrkQOnOSIjYZi4AdrEJvnFhiul3I4Gzby6ggc=","ak.pv":"174","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&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çais - Canada" ng-click="ctrl.onChangeLanguage('Français - Canada' === 'English - United States','Français - Canada')"><p class="nav-typography">Franç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ñol - Estados Unidos" data-ng-click="ctrl.onSpanishToggelClick()"> 238 <p class="nav-typography">Españ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çais - Canada' === 'English - United States') }" ng-click="ctrl.onChangeLanguage('Français - Canada' === 'English - United States','Français - Canada')"><span lang="fr-ca">Franç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([{"AriaLabel":"Search {%searchTerm} in Colors","Category":"Color","URL":"https://www.benjaminmoore.com/en-us/paint-colors/search?q={%searchTerm}","Label":"<strong>{%searchTerm}</strong> in <strong>Colors</strong>"},{"AriaLabel":"Search {%searchTerm} in Products","Category":"Product","URL":"https://www.benjaminmoore.com/en-us/interior-exterior-paints-stains/product-catalog?q={%searchTerm}","Label":"<strong>{%searchTerm}</strong> in <strong>Products</strong>"},{"AriaLabel":"Search {%searchTerm} in All Categories","Category":"All Results","URL":"https://www.benjaminmoore.com/en-us/search?q={%searchTerm}&category=article","Label":"<strong>{%searchTerm}</strong> in <strong>All Categories</strong>"}],"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([{"AriaLabel":"Search {%searchTerm} in Colors","Category":"Color","URL":"https://www.benjaminmoore.com/en-us/paint-colors/search?q={%searchTerm}","Label":"<strong>{%searchTerm}</strong> in <strong>Colors</strong>"},{"AriaLabel":"Search {%searchTerm} in Products","Category":"Product","URL":"https://www.benjaminmoore.com/en-us/interior-exterior-paints-stains/product-catalog?q={%searchTerm}","Label":"<strong>{%searchTerm}</strong> in <strong>Products</strong>"},{"AriaLabel":"Search {%searchTerm} in All Categories","Category":"All Results","URL":"https://www.benjaminmoore.com/en-us/search?q={%searchTerm}&category=article","Label":"<strong>{%searchTerm}</strong> in <strong>All Categories</strong>"}],"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ñol - Estados Unidos" 595 data-ng-click="ctrl.onSpanishToggelClick()"> 596 <span class="text nav-typography">Españ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çais - Canada" ng-click="ctrl.onChangeLanguage('Français - Canada' === 'English - United States','Français - Canada')"><p class="nav-typography">Franç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ñol - Estados Unidos" data-ng-click="ctrl.onSpanishToggelClick()"> 627 <p class="nav-typography">Españ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çais - Canada' === 'English - United States') }" ng-click="ctrl.onChangeLanguage('Français - Canada' === 'English - United States','Français - Canada')"><span lang="fr-ca">Franç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’t find a salesperson—find your forever contact. You can count on local stores selling Benjamin Moore for renovations, moves, refinishing projects, paint touchups—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—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="<"> 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=">"> 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'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'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%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>
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 & 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/product-catalog"> 1756 <span class="text">Product Catalog</span> 1757 </a> 1758 </li> 1759 <li role="menuitem"> 1760 <a href="/en-us/color-portfolio-paint-matching-app"> 1761 <span class="text">Download Benjamin Moore Color Portfolio App</span> 1762 </a> 1763 </li> 1764 </ul> 1765 </div> 1766 <!--TEMPLATE: Footer Accordion Header--> 1767
1767<script id="footer-heading-template.html" type="text/ng-template"> 1768 <div class="panel"> 1769 <div class="panel-heading"> 1770 <h4 aria-level="3" class="panel-title" id="{{heading.split(' ').join('-')}}"> 1771 <a role="button" href="javascript:void(0);" tabindex="0" aria-expanded="{{!!isOpen}}" class="accordion-toggle" ng-click="toggleOpen()" uib-accordion-transclude="heading"> 1772 <span>{{heading}}</span> 1773 <i class="pull-right icon" 1774 data-ng-class="{'icon-down-arrow': !isOpen, 'icon-up-arrow': isOpen}"></i> 1775 </a> 1776 </h4> 1777 </div> 1778 <div class="panel-collapse collapse" data-uib-collapse="!isOpen"> 1779 <div class="panel-body" data-ng-if="isOpen" data-ng-transclude role="group" aria-labelledby="{{heading.split(' ').join('-')}}"></div> 1780 </div> 1781 </div> 1782 </script>
1782 1783 </uib-accordion> 1784 1785 1786 <div class="row consumers hidden-xs"> 1787 <div class="col-xs-12 col-sm-6 col-md-3 "> 1788 <h2 class="footer-pro-header hidden-xs"> 1789 Benjamin Moore 1790 </h2> 1791 <ul class="nav hidden-xs" role="menu"> 1792 <li role="menuitem"> 1793 <a href="/en-us/about-us"> 1794 <span class="text">About Us</span> 1795 </a> 1796 </li> 1797 <li role="menuitem"> 1798 <a href="/en-us/corporate-responsibility-sustainability"> 1799 <span class="text">Corporate Responsibility</span> 1800 </a> 1801 </li> 1802 <li role="menuitem"> 1803 <a href="/en-us/benjamin-moore-careers"> 1804 <span class="text">Careers</span> 1805 </a> 1806 </li> 1807 <li role="menuitem"> 1808 <a href="/en-us/press"> 1809 <span class="text">Press</span> 1810 </a> 1811 </li> 1812 <li role="menuitem"> 1813 <a href="/en-us/become-a-retailer"> 1814 <span class="text">Become a Retailer</span> 1815 </a> 1816 </li> 1817 <li role="menuitem"> 1818 <a ng-click="$event.preventDefault()" class="navigation-menu__link clarip-link" href="javascript:void(0); " id="clarip-do-not-sell-link"> 1819 <span class="text">Do Not Sell/Share My Information</span> 1820 </a> 1821 </li> 1822 <li role="menuitem"> 1823 <a ng-click="$event.preventDefault()" class="navigation-menu__link clarip-link" href="#" id="consent-management-tool"> 1824 <span class="text">Your Privacy Choices</span> 1825 </a> 1826 </li> 1827 </ul> 1828 </div> 1829 <div class="col-xs-12 col-sm-6 col-md-3 "> 1830 <h2 class="footer-pro-header hidden-xs"> 1831 For Professionals 1832 </h2> 1833 <ul class="nav hidden-xs" role="menu"> 1834 <li role="menuitem"> 1835 <a href="/en-us/contractors"> 1836 <span class="text">Contractors</span> 1837 </a> 1838 </li> 1839 <li role="menuitem"> 1840 <a href="/en-us/designers"> 1841 <span class="text">Designers</span> 1842 </a> 1843 </li> 1844 <li role="menuitem"> 1845 <a href="/en-us/for-retailers"> 1846 <span class="text">Retailers</span> 1847 </a> 1848 </li> 1849 <li role="menuitem"> 1850 <a href="/en-us/architects">
1851 <span class="text">Architects</span> 1852 </a> 1853 </li> 1854 <li role="menuitem"> 1855 <a href="/en-us/documentation"> 1856 <span class="text">Documentation (SDS, TDS, HPD)</span> 1857 </a> 1858 </li> 1859 </ul> 1860 </div> 1861 <div class="col-xs-12 col-sm-6 col-md-3 "> 1862 <h2 class="footer-pro-header hidden-xs"> 1863 Customer Service 1864 </h2> 1865 <ul class="nav hidden-xs" role="menu"> 1866 <li role="menuitem"> 1867 <a href="/en-us/contact-us"> 1868 <span class="text">Contact Us</span> 1869 </a> 1870 </li> 1871 <li role="menuitem"> 1872 <a href="/en-us/return-and-shipping-policy"> 1873 <span class="text">Shipping & Returns</span> 1874 </a> 1875 </li> 1876 <li role="menuitem"> 1877 <a href="/en-us/paint-calculator"> 1878 <span class="text">Paint Calculator</span> 1879 </a> 1880 </li> 1881 <li role="menuitem"> 1882 <a href="/en-us/color-overview/find-your-color/color-a-room"> 1883 <span class="text">Color a Room</span> 1884 </a> 1885 </li> 1886 <li role="menuitem"> 1887 <a href="/en-us/virtual-color-consultation"> 1888 <span class="text">Virtual Color Consultation</span> 1889 </a> 1890 </li> 1891 <li role="menuitem"> 1892 <a href="/en-us/faq"> 1893 <span class="text">FAQ</span> 1894 </a> 1895 </li> 1896 </ul> 1897 </div> 1898 <div class="col-xs-12 col-sm-6 col-md-3 "> 1899 <h2 class="footer-pro-header hidden-xs"> 1900 Buy Paints and Stain 1901 </h2> 1902 <ul class="nav hidden-xs" role="menu"> 1903 <li role="menuitem"> 1904 <a href="/en-us/store-locator"> 1905 <span class="text">Find a Store</span> 1906 </a> 1907 </li> 1908 <li role="menuitem"> 1909 <a href="/en-us/product-catalog"> 1910 <span class="text">Product Catalog</span> 1911 </a> 1912 </li> 1913 <li role="menuitem"> 1914 <a href="/en-us/color-portfolio-paint-matching-app"> 1915 <span class="text">Download Benjamin Moore Color Portfolio App</span> 1916 </a> 1917 </li> 1918 </ul> 1919 </div> 1920 </div> 1921 1922 1923 <div class="row legal legal-links"> 1924 1925 <div class="col-xs-12"> 1926 <ul class="list-inline" role="menubar"> 1927 <li role="menuitem"> 1928 <a href="/en-us/sitemap">
1929 <span>Sitemap</span> 1930 </a> 1931 </li> 1932 <li role="menuitem"> 1933 <a href="/en-us/privacy-statement"> 1934 <span>Privacy</span> 1935 </a> 1936 </li> 1937 <li role="menuitem"> 1938 <a href="/en-us/legal-benjamin-moore-co-website-terms-and-conditions"> 1939 <span>Terms and Conditions</span> 1940 </a> 1941 </li> 1942 <li role="menuitem"> 1943 <a href="/en-us/digital-accessibility-statement"> 1944 <span>Accessibility</span> 1945 </a> 1946 </li> 1947 <li role="menuitem"> 1948 <a href="/en-us/prohibited-business-practices-policy"> 1949 <span>Policies</span> 1950 </a> 1951 </li> 1952 <li role="menuitem"> 1953 <a href="/en-us/california-transparency-in-supply-chains-act"> 1954 <span>CA Supply Chains Act</span> 1955 </a> 1956 </li> 1957 </ul> 1958 </div> 1959 </div> 1960 1961 1962 <div class="row brands"> 1963 <div class="col-xs-12 col-md-3"> 1964 <div class="brand-logo-wrap"> 1965 <a href="/en-us/contractors/corotech-high-performance-coatings" title="" target=""> 1966 <picture> 1967 <source srcset="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-corotech-138x83-usca.png" 1968 media="(min-width: 1024px)"> 1969 <img src="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-corotech-138x83-usca.png" 1970 title="" 1971 alt="Corotech® High-Performance Coatings"> 1972 </picture> 1973 </a> 1974 </div> 1975 </div> 1976 <div class="col-xs-12 col-md-3"> 1977 <div class="brand-logo-wrap"> 1978 <a href="/en-us/interior-exterior-paints-stains/insl-x" title="" target=""> 1979 <picture> 1980 <source srcset="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-inslx-138x67-uscae.png" 1981 media="(min-width: 1024px)"> 1982 <img src="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-inslx-138x67-uscae.png" 1983 title="" 1984 alt="INSL-X specialty and problem-solving coatings"> 1985 </picture> 1986 </a> 1987 </div> 1988 </div> 1989 <div class="col-xs-12 col-md-3"> 1990 <div class="brand-logo-wrap"> 1991 <a href="/en-us/interior-exterior-paints-stains/coronado" title="" target=""> 1992 <picture> 1993 <source srcset="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-coronado-185x74-uscae.png" 1994 media="(min-width: 1024px)"> 1995 <img src="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-coronado-185x74-uscae.png"
1996 title="" 1997 alt="Coronado Interior & Exterior Architectural Paints"> 1998 </picture> 1999 </a> 2000 </div> 2001 </div> 2002 </div> 2003 2004 2005 <div class="row legal disclaimer"> 2006 <div class="col-xs-12"> 2007 <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> 2008 <p><span aria-hidden="true"><br /> 2009<br /> 2010</span> 2011On-screen and printer color representations may vary from actual paint colors. 2012<span aria-hidden="true"><br /> 2013<br /> 2014</span> 2015©2026 Benjamin Moore & Co. 101 Paragon Drive, Montvale, NJ 07645</p> 2016 </div> 2017 </div> 2018 </div> 2019</footer> 2020 2021 </div> 2022 2023 <!-- Config Data --> 2024<!-- Config Data --> 2025 2026
2027<script type="text/javascript"> 2028 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\"}]"]}
2028,{"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":"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"]}
2028,{"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"]}
2028,{"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-2026","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/a915806b-c215-433d-9fc9-10892a81383b/BM_FK_Craryville_KitchenDoor_NewburgGreen_RT_RGB_360x360","description":"The Benjamin Moore Historical Color Collection sets the standard for enduring paint color.","image_cta":{"text":"Historical Color Collection","url":"/en-us/paint-colors/historical-collection","alt_text":"Historical Color Collection","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}}
2028],"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 & Project Advice","url":"/en-us/interior-exterior-paints-stains/how-to-advice","alt_text":"How-To & 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 & Stick Sample","url":"/en-us/product/peel-and-stick-paint-sample-eggshell-1-sheet/PLST12","alt_text":"Peel & 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 & Spa","url":"/en-us/product/aura-bath-spa-waterborne-interior-paint-matte-1-gallon/0532","alt_text":"Aura Bath & 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 & Bath","url":"/en-us/product/kitchen-bath-interior-paint-satin-pearl/W322","alt_text":"Kitchen & 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 & Patio","url":"/en-us/b/floor-patio-latex-enamels","alt_text":"Floor & 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 & Masonry Coatings","url":"/en-us/b/insl-x-floor-and-masonry-coatings","alt_text":"Insl-X Floor & 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 & Cabinet Enamel","url":"/en-us/b/coronado-door-trim-cabinet-enamel","alt_text":"Coronado Door, Trim & Cabinet Enamel","target":null,"custom_class":null}},{"title":"Clean Prep Solvents & Additives","link":{"text":"Clean Prep Solvents & Additives","url":"/en-us/b/insl-x-cleaning-prep-products","alt_text":"Clean Prep Solvents & 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
202860x360","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 & Cool","url":"/en-us/color-overview/color-insights/warm-and-cool-colors","alt_text":"Warm & Cool","target":null,"custom_class":null}},{"title":"Pale & Pastel","link":{"text":"Pale & Pastel","url":"/en-us/color-overview/color-palettes/pale-pastel-paint-colors","alt_text":"Pale & 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 & Pool Deck","url":"/en-us/project-ideas-inspiration/exteriors/porch-patio-deck-colors","alt_text":"Porch, Patio & 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}}
2028],"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}}
2028],"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":{}}; 2029</script>
2029 2030 2031 2032 2033 <!-- Global Angular Templates --> 2034 <!-- Global Directive for Confirmation Modal --> 2035 <confirmation-modal></confirmation-modal> 2036 <!-- Global Directive for scroll to --> 2037 <url-scroll-to></url-scroll-to> 2038 2039
2039<script id="default-modal-template.html" type="text/ng-template"> 2040 <div class="modal default" tabindex="-1" role="dialog" 2041 modal-render="{{$isRendered}}" 2042 uib-modal-animation-class="fade" 2043 modal-in-class="in" 2044 aria-label="Modal dialog window" 2045 ng-style="{ 'z-index': (9999 + index * 10), display: 'block' }"> 2046 <div class="modal-dialog{{ (size)? (' modal-' + size) : '' }}" role="document"> 2047 <div class="modal-content" uib-modal-transclude></div> 2048 </div> 2049 </div> 2050 </script>
2050 2051 2052 <!-- Favorites Modal Window Template --> 2053
2053<script id="favorites-modal-template.html" type="text/ng-template"> 2054 <div class="modal default" tabindex="-1" role="dialog" 2055 modal-render="{{$isRendered}}" 2056 uib-modal-animation-class="fade" 2057 modal-in-class="in" 2058 ng-style="{ 'z-index': (1095 + index * 10), display: 'block' }"> 2059 <div class="modal-dialog{{ (size)? (' modal-' + size) : '' }}" role="document"> 2060 <div class="modal-content" uib-modal-transclude></div> 2061 </div> 2062 </div> 2063 </script>
2063 2064 2065 <!-- Image Modal Overlay --> 2066
2066<script id="imageOverlayIcon.directive.html" type="text/ng-template"> 2067<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}}'> 2068 <span class="sr-only">More Information</span> 2069 2070<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> 2071 </script>
2071 2072
2072<script id="imageOverlayModal.html" type="text/ng-template"> 2073 2074<div id="image-overlay-modal" 2075 data-ng-style="{'width': ctrl.imgWidth, 'visibility': ctrl.imgWidth ? 'visible' : 'hidden'}" 2076 data-ng-class="{'screen-orientation-open': ctrl.suggestLandscape, 'image-loaded': ctrl.imageLoaded}" 2077 data-ng-keydown="ctrl.onModalKeydown($event)" 2078 role="dialog" 2079 aria-modal="true" 2080 aria-label="{{::ctrl.photo.imageAlt}}"> 2081 2082 <!-- Focus guard at start - cycles to end when focused --> 2083 <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> 2084 2085 <!-- Header --> 2086 <div class="modal-header"> 2087 <button type="button" class="btn btn-close" 2088 data-ng-click="ctrl.onModalCloseClick()" aria-label="Close"> 2089 <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span> 2090 </button> 2091 </div> 2092 2093 <!-- Body --> 2094 <div class="modal-body"> 2095 <!-- Room Image/Share Icons --> 2096 <div class="img-wrap"> 2097 <share-pinterest data-media="ctrl.pinterestShareModel.media" 2098 data-description="ctrl.pinterestShareModel.description" 2099 data-url="ctrl.pinterestShareModel.url" data-ng-hide="ctrl.photo.hideShareIcons" data-class="icon-container icon-pinterest-circle-box"></share-pinterest> 2100 2101 <share-facebook data-description="ctrl.fbShareModel.description" 2102 data-media="ctrl.fbShareModel.media" 2103 data-title="ctrl.fbShareModel.title" 2104 data-url="ctrl.fbShareModel.url" data-ng-hide="ctrl.photo.hideShareIcons" data-class="icon-container icon-facebook-box"> 2105 </share-facebook> 2106 2107 2108 2109 <img data-ng-src="{{::ctrl.photo.modalImage}}" 2110 alt="{{::ctrl.photo.imageAlt}}" 2111 title="{{::ctrl.photo.imageAlt}}" 2112 image-onload="ctrl.onImageLoad(width, height)" /> 2113 2114 </div> 2115 2116 <!-- Button controllers for scroll down action --> 2117 <button class="icon icon-down-arrow scroll-down" 2118 data-ng-class="{'hidden': ctrl.hideDetails}" 2119 data-ng-click="ctrl.onArrowClick('down')" 2120 data-ng-if="ctrl.downArrow" 2121 data-target-scroll-id="room-wrap" 2122 data-scroll-to-btn 2123 data-use-offset-position="true" 2124 data-scroll-offset="-50" 2125 data-scroll-speed="1000" 2126 data-parent-element=".modal" 2127 aria-label="Scroll Down"><span class="sr-only">Scroll Down</span></button> 2128 2129 <!-- Button controllers for scroll up action --> 2130 <button class="icon icon-up-arrow scroll-down" 2131 data-ng-class="{'hidden': ctrl.hideDetails}" 2132 data-ng-click="ctrl.onArrowClick('up')" 2133 data-ng-if="!ctrl.downArrow" 2134 data-target-scroll-id="image-overlay-modal" 2135 data-scroll-to-btn 2136 data-use-offset-position="true" 2137 data-scroll-speed="1000" 2138 data-scroll-offset="-100" 2139 data-parent-element=".modal" 2140 aria-label="Scroll Up"><span class="sr-only">Scroll Up</span></button> 2141 2142 2143 <!-- Room Details --> 2144 <div class="room-wrap" 2145 data-ng-class="{'hidden': ctrl.hideDetails}" 2146 id="room-wrap"> 2147 2148 <!-- Room Name --> 2149 <div data-ng-bind="::ctrl.photo.name" 2150 data-ng-if="::ctrl.photo.name" 2151 class="room-header"></div> 2152 2153 <div class="surface-wrap" 2154 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 }"> 2155 <div data-ng-repeat="surface in ctrl.photo.surfaces" 2156 ng-class-odd="'odd'" 2157 ng-class-even="'even'"> 2158 2159 <!-- Surface Dollop --> 2160 <div> 2161 <img data-ng-src="{{'//media.benjaminmoore.com/WebServices/prod/dollops/90x90/' + surface.color.
2161number + '.png'}}" alt="{{::surface.color.name}}"></img> 2162 </div> 2163 2164 <!-- Surface Color/Product--> 2165 <div> 2166 <div role="heading" aria-level="2" data-ng-bind-html="::surface.name | bmTrustAsHtml" 2167 class="surface-name"></div> 2168 <a class="color-container" 2169 data-ng-href="{{::surface.color.cdpColorUrl}}" 2170 data-ng-click="ctrl.onLinkClick()"> 2171 <span data-ng-bind-html="::surface.color.name | bmTrustAsHtml" 2172 class="color-name" id="color-name-{{$index}}"></span> 2173 <span data-ng-bind="::surface.color.number" 2174 class="color-number" id="color-number-{{$index}}"></span> <i class="icon-right-arrow"></i> 2175 </a> 2176 <a data-ng-if="::surface.product && surface.product.number" 2177 class="product-container" 2178 data-ng-href="{{::surface.product.url}}" 2179 data-ng-click="ctrl.onLinkClick()"> 2180 <i class="icon-paintcan"></i> 2181 <span class="product-name" 2182 data-ng-bind-html="::surface.product.name | bmTrustAsHtml"></span> <i class="icon-right-arrow"></i> 2183 </a> 2184 <div class="buy-sample-button-container" 2185 data-ng-if="surface.color.number" 2186 data-ng-class="{'hidden-xs': !true}"> 2187 <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}}"> 2188 <i class="icon icon-shopping-cart"></i>Shop Now 2189 </a> 2190 </div> 2191 2192 </div> 2193 </div> 2194 </div> 2195 </div> 2196 </div> 2197 2198 <!-- Focus guard at end - cycles to start when focused --> 2199 <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> 2200</div> 2201 </script>
2201 2202
2202<script id="sharePinterest.directive.html" type="text/ng-template"> 2203<a href="" data-ng-click="ctrl.onShareClick()" aria-label="Share on Pinterest" ng-class="{'{{ctrl.class}}' : ctrl.class}"> 2204 <i class="icon-pinterest-circle"></i> 2205</a> 2206 2207 </script>
2207 2208
2208<script id="shareFacebook.directive.html" type="text/ng-template"> 2209<a href="" data-ng-click="ctrl.onShareClick()" aria-label="Share on Facebook" ng-class="{'{{ctrl.class}}' : ctrl.class}"> 2210 <span class="icon-facebook"> 2211 <i class="icon-facebook-circle"></i> 2212 </span> 2213</a> 2214 2215 </script>
2215 2216
2216<script id="shareTwitter.directive.html" type="text/ng-template"> 2217<a href="" data-ng-click="ctrl.onShareClick($event)" tabindex="0" ng-class="{'{{ctrl.class}}' : ctrl.class}"> 2218 <i class="icon-twitter-circle"></i> 2219 <span class="sr-only">Twitter</span> 2220</a> 2221 2222 </script>
2222 2223
2223<script id="shareDownload.directive.html" type="text/ng-template"> 2224<a href="" data-ng-click="ctrl.onDownloadClick()" 2225 class="social-media-icon icon-download-container socialmedialinks-download"> 2226 <i class="icon icon-download"></i> 2227 <span class="sr-only">Download</span> 2228</a> 2229 2230 </script>
2230 2231
2231<script id="socialMedia.directive.html" type="text/ng-template"> 2232<div class="social-media" ng-class="{'{{ctrl.social.alignment}}' : ctrl.social.alignment}"> 2233 <h2 ng-show="ctrl.social.header">{{ctrl.social.header}}</h2> 2234 <ul class="social-media-icons"> 2235 <li ng-show="ctrl.social.showFb"> 2236 <share-facebook data-description="ctrl.fbShareModel.description" 2237 data-media="ctrl.fbShareModel.media" 2238 data-title="ctrl.fbShareModel.title" 2239 data-url="ctrl.fbShareModel.url" 2240 data-class="social-media-icon icon-facebook socialmedialinks-facebook"> 2241 </share-facebook> 2242 </li> 2243 <li ng-show="ctrl.social.showPin"> 2244 <share-pinterest data-media="ctrl.pinterestShareModel.media" 2245 data-description="ctrl.pinterestShareModel.description" 2246 data-url="ctrl.pinterestShareModel.url" 2247 data-class="social-media-icon icon-pinterest socialmedialinks-pinterest"> 2248 </share-pinterest> 2249 </li> 2250 <li ng-show="ctrl.social.showTwitter"> 2251 <share-twitter data-description="ctrl.twitterShareModel.description" 2252 data-url="ctrl.twitterShareModel.url" 2253 data-class="social-media-icon icon-twitter socialmedialinks-twitter"> 2254 </share-twitter> 2255 </li> 2256 <li ng-show="ctrl.social.email.showEmail"> 2257 <a aria-label="Email Benjamin Moore" 2258 data-email-subject="{{ctrl.social.email.subject}}" 2259 data-email-body="{{ctrl.social.email.body}}" 2260 href="{{ctrl.social.email.href}}" 2261 class="social-media-icon icon-email-container socialmedialinks-email"> 2262 <i class="icon icon-email"> 2263 <span class="sr-only">Email</span> 2264 </i> 2265 </a> 2266 </li> 2267 <li ng-show="ctrl.social.download.showDownload"> 2268 <share-download 2269 data-title="ctrl.social.download.title" 2270 data-url="ctrl.social.download.url"> 2271 </share-download> 2272 </li> 2273 </ul> 2274</div> 2275 </script>
2275 2276
2276<script id="add-favorites-menu.html" type="text/ng-template"> 2277<!-- <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> 2278 <div class="addToFavorite-menu-dropdown" data-uib-dropdown data-keyboard-nav data-is-open="ctrl.status.isopen"> 2279 <a id="addFavoritesMenu_{{ctrl.idExpansion}}" class="addFavoritesMenu icon" swatch="ctrl.data" data-ng-class="ctrl.isFavorite ? 'icon-favorites-filled' : 'icon-add-favorite'"></a> 2280 <ul class="dropdown-menu {{ctrl.menuPosition}}" data-uib-dropdown-menu role="menu" data-aria-labelledby="addFavoritesMenu_{{ctrl.idExpansion}}"> 2281 <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> 2282 <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> 2283 <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 & use My Favorites</strong></a></li> 2284 2285 </ul> 2286 </div> 2287</div> --> 2288 2289 </script>
2289 2290
2290<script id="confirmation-modal.html" type="text/ng-template"> 2291<div id="confirm-overlay"> 2292 <!-- optional double confirmation warning view --> 2293 <div id="warningConfirm" aria-label="{{ctrl.warningTitle}}" class="modal-container fadeout" ng-hide="!ctrl.hideConfirmSubmit" ng-if="ctrl.doubleConfirm"> 2294 <div class="modal-header"> 2295 <button type="button" class="btn btn-close" data-ng-click="$close();" aria-label="Close"> 2296 <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span> 2297 </button> 2298 </div> 2299 2300 <div class="modal-body"> 2301 <h3 class="modal-title"> 2302 {{ctrl.warningTitle}} 2303 <span class="spacer"></span> 2304 <small data-ng-bind-html="ctrl.warningDesc"></small> 2305 </h3> 2306 2307 <div class="actions reverse-buttons"> 2308 <button type="reset" class="btn btn-card" data-ng-click="$close();">{{ctrl.warningBtnLabelB}}</button> 2309 <span class="btn btn-card" data-ng-click="ctrl.hideConfirmSubmit = false;">{{ctrl.warningBtnLabelA}}</span> 2310 </div> 2311 2312 </div> 2313 </div> 2314 2315 <!-- normal confirmation modal view --> 2316 <div id="confirmSubmit" class="modal-container" aria-labelledby="{{ctrl.title}}" aria-modal="true" ng-if="!ctrl.hideConfirmSubmit || !ctrl.doubleConfirm" ng-class="{ fadein:!ctrl.hideConfirmSubmit }"> 2317 <div class="modal-header"> 2318 <button type="button" class="btn btn-close" data-ng-click="$close();" aria-label="Close"> 2319 <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span> 2320 </button>
2321 </div> 2322 2323 <div class="modal-body"> 2324 <h3 class="modal-title"> 2325 {{ctrl.title}} 2326 <span class="spacer"></span> 2327 <small data-ng-bind-html="ctrl.desc"></small> 2328 </h3> 2329 2330 <div class="actions reverse-buttons"> 2331 <button type="reset" class="btn btn-card" data-ng-click="$close();">{{ctrl.btnLabelB}}</button> 2332 <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> 2333 </div> 2334 2335 </div> 2336 </div> 2337</div> 2338 2339 </script>
2339 2340
2340<script id="create-project-modal.html" type="text/ng-template"> 2341 2342<div id="create-project-overlay" aria-label="Start a new project" aria-expanded="false"> 2343 <div class="modal-header"> 2344 <button type="button" class="btn btn-close" 2345 data-ng-click="$dismiss();" aria-label="Close"> 2346 <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span> 2347 </button> 2348 </div> 2349 <div class="modal-body" data-ng-if="!ctrl.formSubmitted && !ctrl.formApiError"> 2350 <h3 class="modal-title"> 2351 Start a new project 2352 </h3> 2353 <div class="details"> 2354 <form name="createProjectForm" data-ng-submit="ctrl.submitCreateProject(createProjectForm.$valid)" novalidate> 2355 <div class="form-group"> 2356 <label class="sr-only" for="projectName"></label> 2357 <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}" /> 2358 <div data-ng-messages="createProjectForm.projectName.$error" data-ng-if="createProjectForm.projectName.$invalid && createProjectForm.$submitted"> 2359 <div data-ng-message="required"> 2360 <p class="error">Error: You must enter a project name to create your project.</p> 2361 </div> 2362 </div> 2363 </div> 2364 <div class="form-group" data-uib-dropdown data-keyboard-nav data-is-open="status.isopen"> 2365 <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)'"> 2366 {{ctrl.project.type.name}} 2367 <span class="icon icon-down-arrow" aria-hidden="true"></span> 2368 </button> 2369 <ul class="dropdown-menu" data-uib-dropdown-menu role="menu" data-aria-labelledby="subscribe-type"> 2370 <li data-ng-repeat="option in ctrl.projectTypes" role="menuitem"> 2371 <a data-ng-click="ctrl.selectProjectType(option)" tabindex="0" href="javascript:void(0)">{{option.name}}</a> 2372 </li> 2373 </ul> 2374 <!--INPUT PLACEHOLDER ONLY FOR VALIDATION--> 2375 <input id="projectType" type="text" name="type" class="hidden" data-ng-model="ctrl.dropdownPlaceholder" required /> 2376 <div data-ng-messages="createProjectForm.type.$error" data-ng-if="createProjectForm.type.$invalid && createProjectForm.$submitted"> 2377 <div data-ng-message="required"> 2378 <p class="error">Error: You must select a project type from the dropdown options.</p> 2379 </div> 2380 </div> 2381 </div> 2382 2383 <div class="form-group"> 2384 <label class="sr-only" for="createProjectComments">Comments (optional)</label> 2385 <textarea id="createProjectComments" type="text" name="comments" maxlength="120" class="form-control" placeholder="Comments (optional)" data-ng-model="ctrl.project.comments" /> 2386 </div> 2387 <div class="actions"> 2388 <button type="submit" class="btn btn-card">CREATE PROJECT</button> 2389 </div> 2390 </form> 2391 </div> 2392 </div> 2393 <div class="modal-body"> 2394 <h3 class="modal-title"><small class="bottom-subtext font-black">What is a Project?</small></h3> 2395 <p>Projects help you organize your favorite items like colors, products, articles and images.</p> 2396 </div> 2397 <div class="modal-body" data-ng-if="ctrl.formApiError"> 2398 <h3 class="modal-title"> An error has occurred, please try again. </h3> 2399 <div class="spacer"></div> 2400 <div class="space"> 2401 An error has occurred, please try again. 2402 </div> 2403 </div> 2404</div> 2405 2406 </script>
2406 2407
2407<script id="add-to-project-modal.html" type="text/ng-template"> 2408<div id="addFavoriteToProject" aria-label="Add this item to a project?"> 2409 <div class="loading loading-icon text-center" data-ng-if="ctrl.modalLoading"> 2410 <spinner></spinner> 2411 </div> 2412 <div class="modal-header"> 2413 <button type="button" class="btn btn-close" data-ng-click="ctrl.closeModal()" aria-label="Close"> 2414 <span class="sr-only">Close</span><span class="icon-close" aria-hidden="true"></span> 2415 </button> 2416 </div> 2417 <div class="modal-title"> 2418 <h3> 2419 <span data-ng-if="ctrl.favorite.mode==='auth' || ctrl.favorite.mode==='copy'">Add this item to a project?</span> 2420 <span data-ng-if="ctrl.favorite.mode==='anonymous'">Still want to save this item?</span> 2421 </h3> 2422 </div> 2423 <div class="modal-body" data-ng-if="!ctrl.formApiError"> 2424 <div class="row"> 2425 <div class="flex-container"> 2426 <div class="col-md-5 col-xs-12 col-sm-5 flex-item-center"> 2427 <div class="item-container" data-ng-switch on="ctrl.favorite.Type"> 2428 <div class="dollop-item" data-ng-switch-when="color"> 2429 <div class="dollop-image"> 2430 <img class="dollop img-responsive" src="{{ctrl.favorite.AlbumCover}}" alt="{{ctrl.favorite.name}}"/> 2431 </div> 2432 <h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4> 2433 <div class="dollop-number">{{ctrl.favorite.number}}</div> 2434 </div> 2435 2436 <div data-ng-switch-when="product"> 2437 <span class="product-image"> 2438 <img src="{{ctrl.favorite.AlbumCover}}" alt="{{ctrl.favorite.name}}" /> 2439 </span> 2440 <h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4> 2441 </div> 2442 2443 <div data-ng-switch-when="product_family"> 2444 <span class="product-image"> 2445 <img src="{{ctrl.favorite.AlbumCover}}" alt="{{ctrl.favorite.name}}" /> 2446 </span> 2447 <h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4> 2448 </div> 2449 2450 <div data-ng-switch-when="photo_inspirational"> 2451 <div class="inspirational" style="background-image:url('{{ctrl.favorite.AlbumCover}}');"></div> 2452 <h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4> 2453 </div> 2454 2455 <div data-ng-switch-when="photo_coloraroom"> 2456 <div class="coloraroom" style="background-image:url('{{ctrl.favorite.AlbumCover}}');"></div> 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="article"> 2461 <div class="article" 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 </div> 2465 <div class="save-favorite" data-ng-if="ctrl.favorite.mode==='anonymous'"> 2466 <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> 2467 </div> 2468 </div> 2469 2470 <div class="col-md-7 col-xs-12 col-sm-7 right-view"> 2471 2472 <div class="save-to-project" data-ng-class="{'moveToLeft':ctrl.moveLeft, 'moveToRight':ctrl.moveRight}"> 2473 <h4 class="subtitle" data-ng-cloak data-ng-hide="ctrl.projects.length === 0">Save to a Project:</h4> 2474 <div data-ng-show="ctrl.projects.length > 0" data-ng-cloak class="project-list"> 2475 <div class="loading" data-ng-show="ctrl.loading"> 2476 <spinner></spinner> 2477 </div> 2478 <ul> 2479 <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);"> 2480 <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> 2481 2482 <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> 2483 2484 <div data-ng-if="project.AlbumCoverType === 'color'" class="project-cover color" ><img data-ng-src="{{ctrl.colorImageURL(project.AlbumCover)}}" alt="{{project.Name}}"/></div> 2485 2486 <div data-ng-if="project.AlbumCoverType === '' || (project.AlbumCover ==='' && project.AlbumColors ==='')" class="no-project-cover"></div> 2487 2488 <div class="project-title"> 2489 <h4 class="ellipsis">{{project.Name}}</h4> 2490 </div> 2491 </li> 2492 </ul> 2493 </div> 2494 <div class="no-projects-msg" data-ng-cloak data-ng-show="ctrl.projects.length === 0"> 2495 <div> 2496 <h4>You don't have any projects saved. Start a project now!</h4> 2497 <div class="new-project alt" tabindex="0" data-ng-click="ctrl.switchModalPane('left',$event);" data-ng-keydown="ctrl.switchModalPane('left',$event);"> 2498 <span class="icon icon-close new-project-icon"></span> 2499 <span>NEW PROJECT</span> 2500 </div> 2501 </div> 2502 </div> 2503 <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);"> 2504 <span class="icon icon-close new-project-icon"></span> 2505 <span id="btn-add-new-project-modal">NEW PROJECT</span> 2506 </div> 2507 </div> 2508 <div class="create-new-project" data-ng-class="{'fadeIn':ctrl.moveLeft, 'fadeOut':ctrl.moveRight}"> 2509 <h4 class="subtitle">Create New Project</h4>
2510 <form name="createProjectForm" data-ng-submit="ctrl.submitCreateProject(createProjectForm.$valid)" novalidate> 2511 <div class="form-group"> 2512 <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}" /> 2513 <div data-ng-messages="createProjectForm.projectName.$error" data-ng-if="createProjectForm.projectName.$invalid && createProjectForm.$submitted"> 2514 <div data-ng-message="required"> 2515 <p class="error">You must enter a project name to create your project.</p> 2516 </div> 2517 </div> 2518 </div> 2519 <div class="form-group" data-uib-dropdown data-keyboard-nav data-is-open="status.isopen"> 2520 <button id="project-type" type="button" class="form-control dropdown-togglebtn" data-uib-dropdown-toggle data-ng-class="{'error':createProjectForm.projectType.$invalid && createProjectForm.$submitted}"> 2521 {{ctrl.project.type.name || 'Project Type (required)'}} 2522 <span class="icon icon-down-arrow" aria-hidden="true"></span> 2523 </button> 2524 <ul class="dropdown-menu" data-uib-dropdown-menu role="menu" data-aria-labelledby="project-type"> 2525 <li data-ng-repeat="option in ctrl.projectTypes"> 2526 <a data-ng-click="ctrl.selectProjectType(option)">{{option.name}}</a> 2527 </li> 2528 </ul> 2529 2530 <!--INPUT PLACEHOLDER ONLY FOR VALIDATION--> 2531 <input id="projectType" type="text" name="type" class="hidden" data-ng-model="ctrl.dropdownPlaceholder" required /> 2532 <div data-ng-messages="createProjectForm.type.$error" data-ng-if="createProjectForm.type.$invalid && createProjectForm.$submitted"> 2533 <div data-ng-message="required"> 2534 <p class="error">You must select a project type from the dropdown options.</p> 2535 </div> 2536 </div> 2537 </div> 2538 2539 <div class="form-group"> 2540 <label for="createProjectComments" class="sr-only">Comments (optional)</label> 2541 <textarea id="createProjectComments" type="text" name="comments" class="form-control" placeholder="Comments (optional)" data-ng-model="ctrl.project.comments" /> 2542 </div> 2543 <div class="actions modal-btn-reverse-wrap"> 2544 <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> 2545 <button type="submit" id="btn-create-new-project-add-project-modal" class="btn btn-card">CREATE PROJECT</button> 2546 </div> 2547 </form> 2548 2549 <div class="modal-body" data-ng-if="ctrl.formApiError"> 2550 <h3 class="modal-title">An error has occurred</h3> 2551 <div class="spacer"></div> 2552 <div class="space"> 2553 Please try again. 2554 </div> 2555 </div> 2556 </div> 2557 </div> 2558 </div> 2559 </div> 2560 </div> 2561</div> 2562 2563 2564 </script>
2564 2565
2565<script id="color-family-description.html" type="text/ng-template"> 2566<div class="color-desc text-center ellipsis"> 2567 <h2 id="colorDesc" data-ng-click="!ctrl.expandedOnLoad && ctrl.onExpand($event)" data-ng-class="{'expanded':ctrl.expanded}"> 2568 <span ng-bind-html="ctrl.familyDesc"></span> 2569 <a class="btn btn-arrow shop-now-btn" ng-if="ctrl.shopNowLink" ng-href="{{ctrl.shopNowLink}}"> 2570 Shop Now 2571 </a> 2572 <span data-ng-click="ctrl.onClose($event);" data-ng-hide="!ctrl.expanded" class="close-desc" data-ng-if="!ctrl.expandedOnLoad"> 2573 CLOSE 2574 </span> 2575 </h2> 2576</div> 2577 </script>
2577 2578
2578<script id="buy-sample-dollop-modal.html" type="text/ng-template"> 2579<div class="buy-sample-dollop-modal"> 2580 <!-- Header --> 2581 <div class="modal-header"> 2582 <p><i class="icon icon-shopping-cart"></i>Buy Sample</p> 2583 <button type="button" 2584 class="btn btn-close" 2585 data-ng-click="$close();" 2586 aria-label="Close"> 2587 <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span> 2588 </button> 2589 </div> 2590 2591 <!-- Body --> 2592 <div class="modal-body"> 2593 <!-- Color detail --> 2594 <div class="color-detail"> 2595 <div class="color-swatch" ng-style="{'background-color': '#'+ctrl.color.hex}"></div> 2596 <div class="color-spec"> 2597 <p class="color-name">{{ ctrl.color.name }}</p> 2598 <p class="color-number">{{ ctrl.color.number }}</p> 2599 </div> 2600 </div> 2601 <div class="buying-options"> 2602 <a ng-href="{{ctrl.color.drySampleSKU ? ctrl.buySampleUrl + ctrl.color.drySampleSKU : ''}}" href="" 2603 class="btn btn-card btn-square" ng-class="{'disabled': !ctrl.color.drySampleSKU}"> 2604 COLOR SWATCH 2605 </a> 2606 <a ng-href="{{ctrl.color.wetSampleSKU ? ctrl.buySampleUrl + ctrl.color.wetSampleSKU : ''}}" href="" 2607 class="btn btn-card btn-square" ng-class="{'disabled': !ctrl.color.wetSampleSKU}"> 2608 PAINT SAMPLE 2609 </a> 2610 </div> 2611 </div> 2612</div> 2613 2614 </script>
2614 2615
2615<script id="buy-sample-modal.html" type="text/ng-template"> 2616<div class="buy-sample-modal" aria-label="{{ctrl.buySampleData.shopNowModalTitle}}"> 2617 <!-- Header --> 2618 <div class="modal-header"> 2619 <p>{{ctrl.buySampleData.shopNowModalTitle}}</p> 2620 <button type="button" 2621 class="btn btn-close" 2622 data-ng-click="$close();" 2623 aria-label="Close"> 2624 <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span> 2625 </button> 2626 </div> 2627 <!-- Body --> 2628 <div class="modal-body"> 2629 <buy-sample data-colors="ctrl.colors"></buy-sample> 2630 </div> 2631</div> 2632 2633 </script>
2633 2634
2634<script id="buy-sample.html" type="text/ng-template"> 2635<div class="buy-sample-container"> 2636 <p class="buy-sample-heading">{{ctrl.buySampleData.shopNowModalSubTitle}}</p> 2637 <div class="colors-list"> 2638 <div class="color-detail" tabindex="0" ng-repeat="color in ctrl.buySampleColors" ng-click="ctrl.selectedColor = color"> 2639 <input type="radio" class="select-color" name="color" ng-if="ctrl.buySampleColors && ctrl.buySampleColors.length > 1" 2640 aria-labelledby="{{'color-name-' + color.number}} {{'color-number-' + color.number}}" 2641 ng-value="color" ng-model="ctrl.selectedColor"> 2642 <div class="color-swatch" ng-style="{ 'background-color': '#' + color.hex }"></div> 2643 <div class="color-spec"> 2644 <p class="color-name" id="{{'color-name-' + color.number}}" ng-bind-html="color.name + ' ' + color.number" ></p> 2645 </div> 2646 </div> 2647 </div> 2648 <div class="buying-options"> 2649 <a ng-repeat="shopNowButton in ctrl.data" ng-href="{{ctrl.buySampleData.buyColorUrl + ctrl.selectedColor.number + shopNowButton.urlParams }}" ng-click="$event.preventDefault();ctrl.buySampleClick(shopNowButton)" 2650 class="btn" ng-class="{'disabled': !ctrl.selectedColor.eStoreAvailable, 'btn-card btn-square': shopNowButton.isButton, 'btn-link pull-right': !shopNowButton.isButton}"> 2651 {{shopNowButton.buttonLabel}} 2652 </a> 2653 </div> 2654</div> 2655 2656 </script>
2656 2657
2657<script id="shop-now-card.html" type="text/ng-template"> 2658 2659<div class="container-fluid"> 2660 <div class="row"> 2661 <div class="col-md-8"> 2662 <div class="text" data-ng-bind-html="ctrl.descriptionText | bmTrustAsHtml"></div> 2663 </div> 2664 <div class="col-md-4 text-center"> 2665 <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" 2666 ng-class="{'hidden-xs': !true}"> 2667 <span class="icon icon-shopping-cart"></span> 2668 <span>Buy Samples<br>& Paint</span> 2669 </a> 2670 </div> 2671 </div> 2672</div> 2673 2674 </script>
2674 2675
2675<script id="shop-now-stain-card.html" type="text/ng-template"> 2676 2677<div class="container-fluid"> 2678 <div class="row"> 2679 <div class="col-md-8"> 2680 <div class="text" data-ng-bind-html="ctrl.descriptionText | bmTrustAsHtml"></div> 2681 </div> 2682 <div class="col-md-4 text-center"> 2683 <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" 2684 ng-class="{'hidden-xs': !true}"> 2685 <span class="icon icon-shopping-cart"></span> 2686 <span data-ng-show="!ctrl.isStainButtonVisible">Buy Samples<br>& Paint</span> 2687 <span data-ng-show="ctrl.isStainButtonVisible">Buy Samples &<br/> Stain</span> 2688 </a> 2689 </div> 2690 </div> 2691</div> 2692 2693 </script>
2693 2694
2694<script id="widget.directive.html" type="text/ng-template"> 2695 <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"}]};'> 2696 <div ng-if="!ctrl.onCarousel"> 2697 <a ng-repeat="data in ctrl.colorData track by $index" ng-href="{{data.ctalink.Url}}" ng-show="$index === ctrl.index"> 2698 <div class="widget-card" ng-class="{'wlarge': ctrl.makeWidgetLarge, 'wsmall': !ctrl.makeWidgetLarge}" id="widget-card"> 2699 <div class="img-container hidden-xs"> 2700 <img data-ng-src="{{data.image.Src}}" alt="{{data.image.Alt}}" /> 2701 </div> 2702 <figure data-ng-style="{'background-color': '#' + ctrl.hex}"> 2703 <img ng-if="data.fontcolor == 'dark'" ng-src="/assets/benjaminmoore/dist/live/img/widget_black_desktop.svg" alt="widget" /> 2704 <img ng-if="data.fontcolor == 'light'" ng-src="/assets/benjaminmoore/dist/live/img/widget_white_desktop.svg" alt="widget" /> 2705 <p ng-class="{'black-text' :data.fontcolor == 'dark','white-text' : data.fontcolor == 'light'}">{{data.title}}</p> 2706 </figure> 2707 </div> 2708 </a> 2709 </div> 2710 </div> 2711 2712 </script>
2712 2713 2714
2714<script type="text/javascript"> 2715 window.FavoritesNotificationMessage = { 2716 success: '[item] added to <u> My Items <u>', 2717 exists: 'You have already saved this item.', 2718 error: 'An error has occurred, please try again. ' 2719 }; 2720 2721 window.ProjectsNotificationsMessage = { 2722 success: '{item} added to <u> {project} </u>', 2723 error: 'An error has occurred, please try again. ' 2724 }; 2725 2726 window.FavoritesConfirmationDialog = { 2727 deleteFavoriteTitle: 'Delete Item', 2728 deleteFavoriteDescription: 'Are you sure you want to delete "@@FavoriteName"? Once it is deleted it cannot be retrieved.', 2729 deleteProjectTitle: 'Delete Project', 2730 deleteProjectDescription: 'Are you sure you want to delete "@@ProjectName"? Once it is deleted it cannot be retrieved.', 2731 deleteSubmitBtnLabel: 'DELETE', 2732 deleteCancelBtnLabel: 'CANCEL' 2733 }; 2734 2735 window.FavoritesPageLink = { 2736 userItems: '/en-us/my-favorites', 2737 userProjects: '/en-us/my-projects' 2738 }; 2739 2740 window.NotificationsText = { 2741 article: 'Article', 2742 photo_inspirational: 'Image' 2743 }; 2744 </script>
2744 2745 2746
2746<script type="text/javascript"> 2747 window.isOKTAEnabled = true; 2748 window.SlidingCookieExpiryBM = '120'; 2749 window.PartialProfileCookieExpiry = '20'; 2750 window.SSOHost = 'https://okta.benjaminmoore.com'; 2751 window.SSOClientID = '0oa2bl4a2xDntKPan2p7'; 2752 window.BmDomainNames = 'benjaminmoore.com,benjaminmoore.ca'; 2753 window.AccessDenied = false; 2754 window.scriptVersion = '638935955230000000'; 2755 </script>
2755 2756 2757
2757<script type="text/javascript"> 2758 window.showMoreColors = true; 2759 </script>
2759 2760 2761
2761<script type="text/javascript"> 2762 /* javascript for accessibility done after DOM Render completes */ 2763 function removeAttribute(selector, attrName) { 2764 let remove = document.querySelector(selector) 2765 if (remove != null) { 2766 remove.removeAttribute(attrName) 2767 } 2768 } 2769 2770 document.addEventListener("DOMContentLoaded", function () { 2771 removeAttribute("#addressInput", "aria-expanded"); 2772 removeAttribute("#retail-search-input-query", "aria-expanded"); 2773 let contractorBtnHelp = document.querySelector('.btn-help'); 2774 if (contractorBtnHelp != null) { 2775 contractorBtnHelp.querySelectorAll('.btn-card').forEach((card, idx) => { 2776 card.setAttribute("aria-pressed", idx == 0 ? "true" : "false"); 2777 card.addEventListener('keydown', (event) => { 2778 if (event.keyCode == 32 || event.keyCode == 13 || event.key == 'Space' || event.key == 'Enter') { 2779 card.setAttribute("aria-pressed", card.getAttribute("aria-pressed") == "true" ? "false" : "true"); 2780 card.click(); 2781 } 2782 }) 2783 card.addEventListener('click', (event) => { 2784 if (event.target.classList.value.includes("reverse-add")) { 2785 card.setAttribute("aria-pressed", "true"); 2786 } else if (event.target.classList.value.includes("reverse-remove")) { 2787 card.setAttribute("aria-pressed", "false"); 2788 } 2789 }) 2790 }) 2791 } 2792 2793 //code for assigning role to ul in estimating paint jobs page 2794 const ulIds = ['layout-col-article-project-management-copy', 'row-article-get-an-edge_copy']; 2795 ulIds.forEach((id, index) => { 2796 const listUl = document.querySelector(`#${id} > ul`); 2797 if (listUl) { 2798 listUl.role = "presentation"; 2799 } 2800 }) 2801 // code for removing all the wrong hyperlinks 2802 let row = document.querySelectorAll('.row.white-panel') 2803 if (row) { 2804 row.forEach((innerRow) => { 2805 let missPlacedLinks = innerRow.querySelectorAll('ul>a') 2806 missPlacedLinks.forEach((link) => { 2807 let text = link.text.trim() 2808 if (text == '') { 2809 link.setAttribute("style", "display:none;") 2810 } 2811 }) 2812 let targetLinks = innerRow.querySelectorAll('ul>li>a') 2813 if (targetLinks) { 2814 targetLinks.forEach((link) => { 2815 if (link.text.trim() == '') { 2816 link.setAttribute("style", "display:none;") 2817 } 2818 }) 2819 } 2820 }) 2821 } 2822 2823 function footerHeaderLevel(selector, level){ 2824 let footerHeader = document.querySelector(selector); 2825 // ADA fix for preFooter page level 2826 if(footerHeader && level != null){ 2827 footerHeader.setAttribute("role", "heading"); 2828 footerHeader.setAttribute("aria-level", level); 2829 } 2830 } 2831 2832 //removed alt text for the Decorative Images 2833 const page = document.location.pathname.split("/").splice(-1)[0]; 2834 switch (page){ 2835 case 'interiors': 2836 const removeAltsFromInterior = document.querySelectorAll(".slick-cards img") 2837 const remAltsFromPainting = document.querySelectorAll(".indented img") 2838 const removeAllAtlsInteriorPage = [...removeAltsFromInterior,...remAltsFromPainting] 2839 removeAllAtlsInteriorPage.forEach((item)=>item.alt = "") 2840 function changeInteriorHeadingLevel() { 2841 const headingLevel2 = document.querySelector("div.card.indented .descrip > h2"); 2842 if (!headingLevel2) return; 2843 headingLevel2.setAttribute("aria-level", "3"); 2844 }; 2845 changeInteriorHeadingLevel(); 2846 // ADA fix for preFooter page level 2847 footerHeaderLevel("#footer-header-ada", 2); 2848 2849 break; 2850 case 'architects': 2851 //code for converting all found incorrect h2s to h3s in interiors page 2852 let divsWithH2s = [ document.getElementById('layoutcol-tools-of-trade1'), 2853 document.getElementById('layoutcol-tools-of-trade2'), 2854 document.getElementById('layoutcol-tools-of-trade3'), 2855 document.getElementById('layoutcol-tools-of-trade-long-card'), 2856 document.getElementById('layoutcol-specific-solution1'), 2857 document.getElementById('layoutcol-specific-solution2'), 2858 document.getElementById('layoutcol-specific-solution3'), 2859 document.getElementById('layoutcol-specific-solution4'), 2860 document.getElementById('row-tools-of-the-trade').children[1], 2861 document.getElementById('container-gennex'), 2862 document.getElementById('row-tools-of-the-trade').children[2], 2863 document.getElementById('row-what-the-project-cards'), 2864 document.getElementById('row-guide-clients-with-color-cards') 2865 ];
2866 divsWithH2s.forEach( (eachDiv, idx) => { 2867 if(eachDiv){ 2868 let h2s = eachDiv.querySelectorAll('h2'); 2869 if(h2s){ 2870 h2s.forEach((eachH2, indx)=>{ 2871 if(eachH2){ 2872 eachH2.role="heading"; 2873 eachH2.setAttribute('aria-level','3'); 2874 } 2875 }); 2876 } 2877 } 2878 }); 2879 2880 // ADA fix for PreFooter page level 2881 footerHeaderLevel("#footer-header-ada", 2); 2882 2883 function rowGuideClientDecorativeImages(){ 2884 const row = document.querySelector("#row-guide-clients-with-color-cards"); 2885 if(row){ 2886 const images = row.querySelectorAll("img"); 2887 if(images){ 2888 images.forEach( (image) => { 2889 // make the image as decorative 2890 image.alt = ""; 2891 }) 2892 } 2893 } 2894 } 2895 rowGuideClientDecorativeImages(); 2896 break; 2897 case 'color-of-the-year-2022': 2898 // code for converting span and p tags to h3s,h2s in color-of-the-year-2022 page 2899 const divsWithSpanTags = [ 2900 document.getElementById('col-row-1-header'), 2901 document.getElementById('col-row-2-header'), 2902 document.getElementById('col-row-3-header'), 2903 ]; 2904 const divsWithPTags = [ 2905 document.getElementById('col-video-header'), 2906 document.getElementById('row-immerse-header'), 2907 ] 2908 const divsWithMoreSpanTags = [ 2909 document.getElementById('col-work-with-colors').getElementsByClassName('task-indicator')[1] 2910 ]; 2911 function convertSpanPToH2H3(divTags,spanOrPTag,ariaLevel){ 2912 divTags.forEach( (eachDiv, idx) => { 2913 let pTag = eachDiv.querySelector(spanOrPTag); 2914 pTag.role="heading"; 2915 pTag.setAttribute('aria-level',ariaLevel); 2916 }); 2917 } 2918 convertSpanPToH2H3(divsWithSpanTags,'span > strong','3'); 2919 convertSpanPToH2H3(divsWithMoreSpanTags,'span > p > span','3'); 2920 convertSpanPToH2H3(divsWithPTags,'p','2'); 2921 2922 // Hide the chatbot on the color of the year 2022. 2923 function hideInvisibleChatbotForCoY2022() { 2924 // Query a the chat bot iframe 2925 const chatbot = document.querySelector("#chatbotIframe"); 2926 // Check to make sure it was found. 2927 if (chatbot) { 2928 // set it to hidden 2929 chatbot.setAttribute("aria-hidden", "true"); 2930 chatbot.setAttribute("tabindex", "-1"); 2931 } 2932 }; 2933 hideInvisibleChatbotForCoY2022(); 2934 2935 //code for making table role= presentation as visual representation is not a table 2936 const brochureDiv = document.getElementById('column-download-brochure'); 2937 2938 const qs = brochureDiv.querySelector('table'); 2939 qs.role = "presentation"; 2940 2941 // removing duplicate id in color-of-the-year page 2942 function removeColImmerseHeaderId(){ 2943 // removes first duplicate id: col-immerse-header from container element 2944 const container = document.querySelector("#col-immerse-header") 2945 container.removeAttribute('id') 2946 } 2947 removeColImmerseHeaderId(); 2948 2949 const removeAltsBg = document.querySelectorAll(".bg-gray img") 2950 const removeAltsInEmails = document.querySelectorAll(".hero-image-container img") 2951 const removeAltMakeRoom = document.querySelectorAll("#container-gallery img") 2952 const removeAltsDownload = document.querySelectorAll("#container-download-brochure img") 2953 const removeAltsIntroducing = document.querySelectorAll("#row-dollop-display img") 2954 const removeAltsMakeRoom = document.querySelectorAll("#container-three-image img") 2955 const removeAltsWorkWithColor = document.querySelectorAll(".palette-view img") 2956 const removeAllAlts = [...removeAltsBg,...removeAltsInEmails,...removeAltMakeRoom,...removeAltsDownload,...removeAltsIntroducing,...removeAltsMakeRoom,...removeAltsWorkWithColor];
2957 removeAllAlts.forEach((item)=>item.alt = ""); 2958 2959 // Query a specific heading 2960 const behindColorOfTheYearHeading = document.querySelector("#global-content > div.bg-gray > div > div:nth-child(2) > div > div > div:nth-child(1) > div > div > h2"); 2961 // Check to make sure it was found. 2962 if (behindColorOfTheYearHeading) { 2963 // change heading level 2964 behindColorOfTheYearHeading.setAttribute("aria-level", "3"); 2965 } 2966 // Repeat twice with other headings 2967 const getColorSamplesHeading = document.querySelector("#global-content > div.bg-gray > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > h2"); 2968 if (getColorSamplesHeading) { 2969 getColorSamplesHeading.setAttribute("aria-level", "3"); 2970 2971 } 2972 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"); 2973 if (loveColorHeading) { 2974 loveColorHeading.setAttribute("aria-level", "2"); 2975 } 2976 2977 //mailto is unique 2978 const colYearEmailSocialIcon =document.querySelector(".social-media-icons #mailto"); 2979 if(colYearEmailSocialIcon){ 2980 colYearEmailSocialIcon.id = "socialMailTo" 2981 } 2982 break; 2983 case 'documentation': 2984 //removed alt text for the Decorative Images in Documentation Page 2985 const removeAlts = document.querySelectorAll('.documentation-page-long-cards img') 2986 removeAlts.forEach((item)=>item.alt = "") 2987 2988 footerHeaderLevel("#footer-header-ada", 2); 2989 break; 2990 case 'ultra-spec-scuff-x': 2991 //removed alt text for the Decorative Images in /ultra-spec-scuff-x 2992 const removeAlt = document.querySelectorAll('.card img') 2993 if (removeAlt){ 2994 removeAlt.forEach((item) => item.alt = '') 2995 } 2996 2997 //mailto is unique 2998 const emailSocialMediaIcon =document.querySelector(".social-media #mailto"); 2999 if(emailSocialMediaIcon) { 3000 emailSocialMediaIcon.id = "linkMailTo" 3001 } 3002 break; 3003 case "about-us": 3004 // code for assigning role for header page wise 3005 const aboutUsheaderTag = document.getElementById('footer-header-ada'); 3006 if(aboutUsheaderTag){ 3007 aboutUsheaderTag.setAttribute('aria-level','2'); 3008 } 3009 3010 break; 3011 case 'designers': 3012 // code for designers page 3013 const text = document.querySelector("#layoutcol-documentation-links4 strong"); 3014 text.setAttribute("role","heading") 3015 text.setAttribute("aria-level","2") 3016 3017 const designersAllImages = document.querySelectorAll('#global-content img'); 3018 // empty alt attribute for decorative images 3019 designersAllImages.forEach(function(img){ 3020 img.setAttribute("alt", "") 3021 }) 3022 3023 // code for assigning role for header page wise 3024 const designerHeaderTag = document.getElementById('footer-header-ada'); 3025 if(designerHeaderTag){ 3026 designerHeaderTag.setAttribute('aria-level','2'); 3027 } 3028 break; 3029 case 'choosing-paint-finish': 3030 3031 //mailto is unique 3032 const finishEmailSocialIcon =document.querySelector(".social-media-icons #mailto"); 3033 if(finishEmailSocialIcon){ 3034 finishEmailSocialIcon.id = "socialMailTo" 3035 } 3036 break; 3037 3038 case 'front-entrance-ideas-inspiration': 3039 //code for front-entrance-ideas-inspiration page 3040 let prozoneTable = document.querySelector('.prozone-cta table') 3041 if(prozoneTable){ 3042 prozoneTable.setAttribute("role", "presentation") 3043 } 3044 3045 // code for assigning role for header page wise 3046 const ideasHeaderTag = document.getElementById('footer-header-ada'); 3047 if(ideasHeaderTag){ 3048 ideasHeaderTag.setAttribute('aria-level','2'); 3049 } 3050 3051 // removed alt text for the Decorative Images 3052 // added role presentation for handling "unlabelled graphics" 3053 const decorativeImgsProjectContainer = document.querySelectorAll(".img-container img") 3054 if(decorativeImgsProjectContainer){ 3055 decorativeImgsProjectContainer.forEach((item) => {item.alt = ""; item.role = 'presentation';}) 3056 } 3057 const decorativeImgProjectContainerCard = document.querySelectorAll(".card-long-img-container img") 3058 if(decorativeImgProjectContainerCard){ 3059 decorativeImgProjectContainerCard.forEach((item) => item.alt = '') 3060 } 3061 break; 3062 3063 case 'estimating-paint-jobs': 3064 // code for estimating paint jobs page 3065 function makeListMarkupForVisualLists(){ 3066 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']; 3067 // looping through each and every article id 3068 articleIds.forEach(id =>{ 3069 const allPElements = document.querySelectorAll(`#${id} p`); 3070 const divEle = document.createElement('div'); 3071 const listHeading = document.querySelector(`#${id} h3`); 3072 console.log(allPElements,divEle,listHeading); 3073 // sets list role to the newly created div container 3074 divEle.setAttribute("role","list") 3075 // adds listitem role to every p element and append them to div container
3076 allPElements.forEach(pEle =>{ 3077 pEle.setAttribute("role","listitem") 3078 divEle.appendChild(pEle); 3079 }) 3080 // append list container(div) after list heading 3081 listHeading.insertAdjacentElement('afterEnd',divEle) 3082 }) 3083 } 3084 makeListMarkupForVisualLists(); 3085 3086 const articleImages = document.querySelectorAll('#global-content center > img'); 3087 const largeImages = document.querySelectorAll("#global-content picture > img"); 3088 const estimatingAllImages = [...articleImages, ...largeImages]; 3089 // emptying alt attribute for decorative images 3090 estimatingAllImages.forEach(function(img){ 3091 img.setAttribute("alt", "") 3092 }); 3093 const removeIds = document.querySelectorAll('.container-fluid #layout-col-12') 3094 removeIds.forEach((item)=>item.id = "") 3095 // ADA fix for preFooter page level 3096 footerHeaderLevel("#footer-header-ada", 2); 3097 // ADA fix for heading level for More Topics heading. 3098 const moreTopicHeading = document.querySelector("#layout-col-wayfinding > div.hidden-xs.hidden-sm > table > tbody > tr > td:nth-child(1) > div > span") 3099 if (moreTopicHeading){ 3100 moreTopicHeading.setAttribute("role", "heading"); 3101 moreTopicHeading.setAttribute("aria-level", "2"); 3102 } 3103 break; 3104 3105 case 'wood-stain-colors': 3106 // removes duplicate ids in wood-stain-colors page 3107 function removeDuplicateSolidId(){ 3108 // removes second duplicate id : solid 3109 const solidCol = document.querySelectorAll("#solid")[1] 3110 solidCol.removeAttribute("id"); 3111 } 3112 function removeDuplicateSemiSolidId(){ 3113 // removes second duplicate id : semi-solid 3114 const semiSolidCol = document.querySelectorAll("#semi-solid")[1] 3115 semiSolidCol.removeAttribute("id"); 3116 } 3117 function removeDuplicateSemiTransparentId(){ 3118 // removes second duplicate id : semi-transparent 3119 let semiTransparentCol = document.querySelectorAll("#semi-transparent")[1] 3120 while(semiTransparentCol){ 3121 semiTransparentCol = document.querySelectorAll("#semi-transparent")[1] 3122 semiTransparentCol.removeAttribute("id"); 3123 } 3124 } 3125 function removeDuplicateTranslucentId(){ 3126 // removes second duplicate id : translucent 3127 const translucentCol = document.querySelectorAll("#translucent")[1] 3128 translucentCol.removeAttribute("id"); 3129 } 3130 function addPresentationToTable(){ 3131 const brocureTable = document.querySelector("#Detail-body > div:nth-child(8) > div > div > div.hidden-xs.hidden-sm > table") 3132 if(brocureTable){ 3133 brocureTable.role="presentation"; 3134 } 3135 } 3136 function addListLayoutOnColors(){ 3137 const curatedColors = document.querySelectorAll(".curated-colors") 3138 if(curatedColors){ 3139 curatedColors.forEach( (color) => { 3140 const rows = color.querySelectorAll("span") 3141 // remove all span 3142 color.querySelectorAll("span").forEach( (span) => span.remove()) 3143 const listDiv = document.createElement("div") 3144 listDiv.setAttribute("role", "list") 3145 rows.forEach( (row) => { 3146 row.setAttribute("role", "none") 3147 row.querySelectorAll(".col-md-2.col-xs-6").forEach( (item) => item.setAttribute("role", "listitem")) 3148 listDiv.appendChild(row) 3149 }) 3150 color.appendChild(listDiv) 3151 }) 3152 } 3153 } 3154 3155 removeDuplicateSolidId(); 3156 removeDuplicateSemiSolidId(); 3157 removeDuplicateSemiTransparentId(); 3158 removeDuplicateTranslucentId(); 3159 addPresentationToTable(); 3160 addListLayoutOnColors(); 3161 break; 3162 case 'color-portfolio-paint-matching-app': 3163 // code for color portfolio paint matching page 3164 const portfolioAllImages = document.querySelectorAll("#global-content picture > img"); 3165 // emptying alt attribute for decorative images 3166 // adding role presentation for handling "unlabelled graphics"
3167 portfolioAllImages.forEach(function(img){ 3168 img.setAttribute("alt", "") 3169 img.setAttribute("role", "presentation") 3170 }); 3171 break; 3172 case 'benjamin-moore-careers': 3173 // keyboard access for locations in career page 3174 document.querySelector('.locations').setAttribute('tabindex', "0"); 3175 break; 3176 3177 case 'store-locator': 3178 // removed alt text for the Decorative Images in /store-locator 3179 const decorativeImgs = document.querySelectorAll("#expanded-learn-more img"); 3180 decorativeImgs.forEach((item) => item.alt = ''); 3181 break; 3182 case 'contractors': 3183 const decorativeImgsContractorsCard = document.querySelectorAll(".card img"); 3184 decorativeImgsContractorsCard.forEach((item) => item.alt = ''); 3185 const decorativeImgContractorsResponsive = document.querySelectorAll(".img-responsive"); 3186 decorativeImgContractorsResponsive.forEach((item) => item.alt = ''); 3187 3188 const coverageH1Tag = document.querySelector("#layout-col-podcast-coverage-copy > div:nth-child(1) > h1"); 3189 if(coverageH1Tag){ 3190 coverageH1Tag.role="heading"; 3191 coverageH1Tag.setAttribute('aria-level', 2); 3192 } 3193 3194 const viewAllTag = document.querySelector("#global-content > div:nth-child(6) > div > div > div > h3"); 3195 if(viewAllTag){ 3196 viewAllTag.role="heading"; 3197 viewAllTag.setAttribute('aria-level', 3); 3198 } 3199 break; 3200 case 'how-to-advice': 3201 const removeAltsPainting = document.querySelectorAll(".indented img") 3202 const removeAltsProjects = document.querySelectorAll("#row-base-cards img") 3203 const removeAltsAdvicePage = [...removeAltsPainting,...removeAltsProjects] 3204 removeAltsAdvicePage.forEach((item)=>item.alt = "") 3205 break; 3206 case 'advance-interior-paint': 3207 case 'product-catalog': 3208 const removeAltsFindYourColor = document.querySelectorAll(".card img") 3209 removeAltsFindYourColor.forEach((item)=>item.alt = "") 3210 break; 3211 case 'paint-blistering': 3212 const removeAltsPaintBuildingPage = document.querySelectorAll(".article-image img") 3213 const removeAltsBusinessPage = document.querySelectorAll(".card-long img") 3214 const removeAltsContractorTips = document.querySelectorAll(".card img"); 3215 // emptying alt attribute for decorative images 3216 // adding role presentation for handling "unlabelled graphics" 3217 const removeAltsInPaintsPageAll = [...removeAltsPaintBuildingPage,...removeAltsBusinessPage,...removeAltsContractorTips] 3218 removeAltsInPaintsPageAll.forEach((item)=>{item.alt = ""; item.role = "presentation";}) 3219 3220 // ADAfix for PreFooter heading page level 3221 footerHeaderLevel("#footer-header-ada", 2); 3222 break; 3223 case 'interior-exterior-paints-stains': 3224 const removeAltsIndentedImage = document.querySelectorAll(".indented img") 3225 removeAltsIndentedImage.forEach((item)=>item.alt = "") 3226 3227 function changeViewAllLinkAL(){ 3228 const viewAllContainer = document.querySelectorAll(".top-descrip") 3229 if(viewAllContainer){ 3230 viewAllContainer.forEach( (container) => { 3231 const link = container.querySelector("a") 3232 if(link){ 3233 const prevElement = link.previousElementSibling 3234 let text = `${link.textContent} about ${prevElement.textContent}`; 3235 text = text.replace('<sup>®</sup>',' registered ') 3236 text = text.replace('®', ' registered ') 3237 link.setAttribute("aria-label", text); 3238 } 3239 }) 3240 } 3241 3242 const learnMoreCards = document.querySelectorAll(".container .card"); 3243 if(learnMoreCards){ 3244 learnMoreCards.forEach( (card) => { 3245 if(card){ 3246 const btn = card.querySelector("a"); 3247 if(btn){ 3248 const ariaLabel = btn.getAttribute("aria-label"); 3249 if(ariaLabel){ 3250 let text = ariaLabel.replace('<sup>®</sup>',' registered '); 3251 text = text.replace('®', ' registered '); 3252 btn.setAttribute("aria-label", text); 3253 }else{ 3254 let title = btn.querySelector(".descrip h2"); 3255 if(title){ 3256 let text = title.textContent.replace('<sup>®</sup>',' registered '); 3257 text = text.replace('®', ' registered '); 3258 btn.setAttribute("aria-label", text); 3259 } 3260 } 3261 } 3262 } 3263 }) 3264 } 3265 3266 } 3267 changeViewAllLinkAL(); 3268 3269 const paintStainsSectionHeaders = document.querySelectorAll('#paint-body > div h1') 3270 if (paintStainsSectionHeaders){
3271 paintStainsSectionHeaders.forEach( (header) => { 3272 if (header){ 3273 header.role = "heading"; 3274 header.setAttribute('aria-level', 2); 3275 } 3276 }) 3277 } 3278 3279 const paintStainsSectionSubHeaders = document.querySelectorAll('#paint-body > div .descrip h2') 3280 if (paintStainsSectionSubHeaders) { 3281 paintStainsSectionSubHeaders.forEach((header) => { 3282 if (header) { 3283 header.role = "heading"; 3284 header.setAttribute('aria-level', 3); 3285 } 3286 }) 3287 } 3288 3289 break; 3290 case 'contact-us-contractors': 3291 const removeAltsFindStore = document.querySelectorAll(".sidebar img") 3292 removeAltsFindStore.forEach((item)=>item.alt = "") 3293 break; 3294 case 'corotech-high-performance-coatings': 3295 // code for corotech-high-performance-coatings 3296 const removeAltsCorotech = document.querySelectorAll('.container img') 3297 removeAltsCorotech.forEach((item)=>item.alt = "") 3298 3299 function addMeaningfulLinkLabelsForCorotech(){ 3300 const learnMoreLinks = document.querySelectorAll("#Detail-body .link-list .text-center a"); 3301 // looping each link and setting meaningful labels 3302 learnMoreLinks.forEach(function(link){ 3303 const linkTitle = link.previousElementSibling.textContent; 3304 const linkText = link.textContent; 3305 let text = `${linkText} about ${linkTitle}`; 3306 text = text.replace('<sup>®</sup>',' registered ') 3307 text = text.replace('®', ' registered ') 3308 link.setAttribute("aria-label",text) 3309 }) 3310 const learnMoreLinksWithImageAndVideoCaption = document.querySelectorAll("#Detail-body .image-caption-content"); 3311 if(learnMoreLinksWithImageAndVideoCaption){ 3312 learnMoreLinksWithImageAndVideoCaption.forEach( (card,index) => { 3313 if(card){ 3314 var btn = card.querySelector("a.btn-card"); 3315 if(btn){ 3316 const ariaLabel = btn.getAttribute("aria-label"); 3317 if(ariaLabel){ 3318 let text = ariaLabel.replace('<sup>®</sup>',' registered '); 3319 text = text.replace('®', ' registered '); 3320 btn.setAttribute("aria-label", text); 3321 }else{ 3322 let title = btn.text +' '+ 'about'+' '+card.firstElementChild.textContent; if(title){ 3323 let text = title.replace('<sup>®</sup>',' registered '); 3324 text = text.replace('®', ' registered '); 3325 btn.setAttribute("aria-label", text); 3326 } 3327 } 3328 } 3329 } 3330 }); 3331 } 3332 const learnMoreCards = document.querySelectorAll(".container .card"); 3333 if(learnMoreCards){ 3334 learnMoreCards.forEach( (card) => { 3335 if(card){ 3336 const btn = card.querySelector("a"); 3337 if(btn){ 3338 const ariaLabel = btn.getAttribute("aria-label"); 3339 if(ariaLabel){ 3340 let text = ariaLabel.replace('<sup>®</sup>',' registered '); 3341 text = text.replace('®', ' registered '); 3342 btn.setAttribute("aria-label", text); 3343 }else{ 3344 let title = btn.querySelector(".descrip h3"); 3345 if(title){ 3346 let text = title.textContent.replace('<sup>®</sup>',' registered '); 3347 text = text.replace('®', ' registered '); 3348 btn.setAttribute("aria-label", text); 3349 } 3350 } 3351 } 3352 } 3353 }) 3354 } 3355 } 3356 addMeaningfulLinkLabelsForCorotech(); 3357 3358 //mailto is unique 3359 const coatingsEmailSocialIcon =document.querySelector(".social-media-icons #mailto"); 3360 if(coatingsEmailSocialIcon){ 3361 coatingsEmailSocialIcon.id = "socialMailTo" 3362 } 3363 3364 // ADA fix for preFooter heading page level 3365 footerHeaderLevel("#footer-header-ada", 2); 3366 break; 3367 case 'color-a-room': 3368 const roomTxt = document.querySelector("#global-content > div > div > div.col-xs-6 > div > h1"); 3369 if(roomTxt){ 3370 roomTxt.role="presentation"; 3371 } 3372 break; 3373 case 'faq': 3374 // faq page 3375 const ulFaq = document.querySelectorAll(".article-contents ul")[1]; 3376 if(ulFaq){ 3377 const lineBreaksUl = ulFaq.querySelectorAll("br"); 3378 lineBreaksUl.forEach(br => br.setAttribute("aria-hidden","true") ) 3379 } 3380 3381 break; 3382 3383 case 'order-paint-color-sheets': 3384 function setDecorativeImage(){ 3385 // emptying alt attribute for decorative images 3386 // adding role presentation for handling "unlabelled graphics" 3387 const decorativeImage = document.querySelector("#global-content > div > div > div > div:nth-child(3) > div > div > img"); 3388 if(decorativeImage){ 3389 decorativeImage.setAttribute("alt", ""); 3390 decorativeImage.setAttribute("role", "presentation"); 3391 } 3392 } 3393 setDecorativeImage(); 3394 break; 3395 } 3396 3397 let backToTop = document.querySelector('.back-to-top span') 3398 3399 if (backToTop != null) { 3400 document.querySelector('.back-to-top') 3401 backToTop.setAttribute("role", "button") 3402 backToTop.setAttribute("tabindex", "0") 3403 backToTop.setAttribute("aria-label", 'Back to top') 3404 backToTop.addEventListener("keydown", (event) => { 3405 if (event.keyCode === 13) { 3406 document.querySelector('.back-to-top').click() 3407 } 3408 }) 3409 }; 3410 3411 // code for SDS/TDS tabs 3412 let tabContent = document.querySelector('.tab-content') 3413 if(tabContent){ 3414 let tabData = document.querySelectorAll('.tab-content > .ng-scope > .tabs') 3415 if(tabData){ 3416 tabData.forEach( (tab) => { 3417 let tabBtns = tab.querySelectorAll('button') 3418 if(tabBtns){ 3419 tabBtns.forEach( (tabBtn) => { 3420 tabBtn.setAttribute("aria-pressed", tabBtn.classList.contains('active') ? true : false) 3421 tabBtn.setAttribute("aria-pressed", tabBtn.classList.contains('active') ? true : false) 3422 tabBtn.addEventListener('click', (event) => { 3423 let parentTab = tabBtn.parentElement.querySelectorAll('button') 3424 if(parentTab){ 3425 parentTab.forEach( (btn) => { 3426 btn.setAttribute('aria-pressed', btn.classList.contains('active-remove') ? false : true) 3427 btn.setAttribute('aria-pressed', btn.classList.contains('active-add') ? true : false) 3428 }) 3429 } 3430 }) 3431 }) 3432 } 3433 }) 3434 } 3435 } 3436 3437 //code for making table role= presentation as visual representation is not a table 3438 const brochureDiv = document.getElementById('column-download-brochure'); 3439 if (brochureDiv != null) { 3440 const qs = brochureDiv.querySelector('table'); 3441 if (qs != null) { 3442 qs.role = "presentation"; 3443 } 3444 } 3445 }); 3446 </script>
3446 3447 3448 3449
3449<script type="text/javascript" 3450 src="/assets/benjaminmoore/dist/live/js/main.js?v=638935955230000000"></script>
3450 3451
3451<script type="text/javascript" 3452 src="/assets/benjaminmoore/dist/live/js/pages/default.js?v=638935955230000000"></script>
3452 3453 <!-- Start MotionPoint easy link toggle script 3454 Added condition to enable spanish language script --> 3455
3455<script type="text/javascript" id="mpelid" src="https://benjaminmoorecom.mpeasylink.com/mpel/mpel.js" async></script>
3455 3456 <!-- Add Custom scripts through Sitecore--> 3457<!-- Bing Pixel Insertion -->
3458<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>
3458 3459<!-- Facebook -->
3460<script> 3461window.fbAsyncInit = function () { 3462FB.init({ 3463appId: '188845908197661', 3464xfbml: true, 3465version: 'v2.8' 3466}); 3467FB.AppEvents.logPageView(); 3468}; 3469(function (d, s, id) { 3470var js, fjs = d.getElementsByTagName(s)[0]; 3471if (d.getElementById(id)) { return; } 3472js = d.createElement(s); js.id = id; 3473js.src = "//connect.facebook.net/en_US/sdk.js"; 3474fjs.parentNode.insertBefore(js, fjs); 3475}(document, 'script', 'facebook-jssdk')); 3476</script>
3476 3477<!-- Google Tag Manager --> 3478<noscript> 3479<iframe src="//www.googletagmanager.com/ns.html?id=GTM-NZN9Z2" height="0" width="0" style="display:none;visibility:hidden" /> 3480</noscript>
3481<script>
vendor: 374 bytes, lines 3481-3487
3481 3482(function (w, d, s, l, i) { 3483w[l] = w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); 3484var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 3485j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl ; 3486f.parentNode.insertBefore(j, f); 3487})(window, document, 'script', 'dataLayer', '
3487GTM-NZN9Z2
vendor: 5 bytes, line 3487
3487');
3488</script>
3488 3489<!-- End Google Tag Manager --> 3490<!-- Start WKND tag. Deploy at the beginning of document head. -->
3491<script> 3492(function(d) { 3493var e = d.createElement('script'); 3494e.src = d.location.protocol + '//tag.wknd.ai/4957/i.js'; 3495e.async = true; 3496d.getElementsByTagName("head")[0].appendChild(e); 3497}(document)); 3498</script>
3498 3499<!-- End WKND tag --> 3500<!-- Add Custom scripts through Sitecore--> 3501<!-- Clarip Cookies Consent Notice start --> 3502<link rel="stylesheet" type="text/css" href="https://cdn.clarip.com/benjaminmoore/cookieconsent/assets/css/cookieconsent.min.css" />
3503<script src="https://cdn.clarip.com/benjaminmoore/cookieconsent/assets/js/cookieconsent.min.js"></script>
3503
3504<script> 3505 var claripCdnHost = "cdn.clarip.com"; 3506 var claripClientName = "benjaminmoore"; 3507 var claripCookieConsentHost = "benjaminmoore.clarip.com"; 3508 var claripCookieManagerIdentifier = "ae52f9204e3fd62d50c6"; 3509</script>
3509
3510<script src="https://cdn.clarip.com/benjaminmoore/cookieconsent/assets/js/clarip-cookie-manager.min.js"></script>
3510 3511<!-- Clarip Cookies Consent Notice end --> 3512<!-- Pinit -->
3513<script type="text/javascript" class="optanon-category-C0005"> 3514(function (d) { 3515var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT'); 3516p.type = 'text/javascript'; 3517p.async = true; 3518p.src = '//assets.pinterest.com/js/pinit.js'; 3519f.parentNode.insertBefore(p, f); 3520}(document)); 3521</script>
3521
3522<script > 3523$('.navbar-center').addClass('variant') 3524</script>
3524 3525
3525<script src="https://cdn.jsdelivr.net/ally.js/1.4.1/ally.min.js"></script>
3525 3526
3526<script> 3527 // handling the focus on modal elements using a11y library 3528 var openButton = document.getElementById('open-dialog'); 3529 var dialog = document.getElementById('dialog'); 3530 var closeButton = document.getElementById('floating-action-close-btn'); 3531 3532 var openButtonForColorOverview = document.getElementsByClassName('set-selector-more-reset-btn'); 3533 var closeButtonForColorOverview = document.getElementsByClassName('more-colors-close-btn'); 3534 // Data filled by openDialog() and later used by closeDialog() 3535 var keyHandle; 3536 var tabHandle; 3537 var disabledHandle; 3538 var hiddenHandle; 3539 var focusedElementBeforeDialogOpened; 3540 var desktopConfigSize = 1024; 3541 function openDialog(e) { 3542 focusedElementBeforeDialogOpened = document.activeElement; 3543 // receiving focus 3544 if (e.keyCode === 13 || e.type === 'click') { 3545 ally.when.visibleArea({ 3546 context: dialog, 3547 callback: function (context) { 3548 var element = ally.query.firstTabbable({ 3549 context: context, // context === dialog 3550 defaultToContext: true, 3551 }); 3552 element.focus(); 3553 }, 3554 }); 3555 disabledHandle = ally.maintain.disabled({ 3556 filter: dialog, 3557 }); 3558 hiddenHandle = ally.maintain.hidden({ 3559 filter: dialog, 3560 }); 3561 tabHandle = ally.maintain.tabFocus({ 3562 context: dialog, 3563 }); 3564 keyHandle = ally.when.key({ 3565 escape: closeDialogByKey, 3566 }); 3567 // Show the dialog 3568 dialog.hidden = false; 3569 var colorOverviewPannelBoxObj = document.getElementsByClassName('color-overview-pannel-box'); 3570 if (colorOverviewPannelBoxObj && window.screen.width >= desktopConfigSize) { 3571 for (let i = 0; i < colorOverviewPannelBoxObj.length; i++) { 3572 colorOverviewPannelBoxObj[i].style.cssText = 'display:none !important'; 3573 } 3574 } 3575 } 3576 } 3577 function closeDialogByKey() { 3578 setTimeout(closeDialog); 3579 } 3580 3581 function closeDialog(e) { 3582 var dataOverlayName = e.target.getAttribute('data-overlay-name'); 3583 if (dataOverlayName !== 'start-overlay' && dataOverlayName !== 'color-families' && dataOverlayName !== 'color-collections') { 3584 if (e.keyCode === 13 || e.type === 'click') { 3585 keyHandle.disengage(); 3586 tabHandle.disengage(); 3587 hiddenHandle.disengage(); 3588 disabledHandle.disengage(); 3589 focusedElementBeforeDialogOpened.focus(); 3590 dialog.hidden = true; 3591 var colorOverviewPannelBoxObj = document.getElementsByClassName('color-overview-pannel-box'); 3592 var setSelectorMoreResetBtn = document.getElementsByClassName('set-selector-more-reset-btn'); 3593 if (colorOverviewPannelBoxObj && window.screen.width >= desktopConfigSize) { 3594 for (let i = 0; i < colorOverviewPannelBoxObj.length; i++) { 3595 colorOverviewPannelBoxObj[i].style.cssText = 'display:block !important'; 3596 } 3597 } 3598 if (setSelectorMoreResetBtn) { 3599 for (let i = 0; i < setSelectorMoreResetBtn.length; i++) { 3600 setSelectorMoreResetBtn[i].focus(); 3601 } 3602 } 3603 } 3604 } 3605 } 3606 if (openButton && closeButton) { 3607 openButton.addEventListener('keypress', openDialog); 3608 openButton.addEventListener('click', openDialog); 3609 closeButton.addEventListener('keypress', closeDialog); 3610 closeButton.addEventListener('click', closeDialog); 3611 } 3612 if (openButtonForColorOverview) { 3613 for (let i = 0; i < openButtonForColorOverview.length; i++) { 3614 openButtonForColorOverview[i].addEventListener('keypress', openDialog); 3615 openButtonForColorOverview[i].addEventListener('click', openDialog); 3616 } 3617 }
3618 if (closeButtonForColorOverview) { 3619 for (let i = 0; i < closeButtonForColorOverview.length; i++) { 3620 closeButtonForColorOverview[i].addEventListener('keypress', closeDialog); 3621 closeButtonForColorOverview[i].addEventListener('click', closeDialog); 3622 } 3623 } 3624 </script>
3624 3625
3625<script> 3626 // Add CSS rule with !important 3627 const style = document.createElement('style'); 3628 if (window.location.pathname.includes('es-us')) { 3629 document.querySelectorAll('#global-nav-footer li').forEach(li => { 3630 if (li.querySelector('a[href*="/virtual-color-consultation"]')) { 3631 li.classList.add('hide-important'); 3632 } 3633 }); 3634 3635 3636 style.textContent = ` 3637 .hide-important { 3638 display: none !important; 3639 } 3640 `; 3641 } 3642 style.textContent = ` 3643 .img-container-caption { 3644 color: #636363; 3645 } 3646 `; 3647 document.head.appendChild(style); 3648 </script>
3648 3649 3650
3650<script type="text/javascript"> 3651 const jumpToSection = document.querySelector('.jumpers') 3652 const jumpToText = document.querySelector('.jumpers > span') 3653 3654 if(jumpToSection){ 3655 jumpToSection.querySelectorAll('a').forEach( (aTag) => { 3656 aTag.setAttribute("href", "javascript:void(0);") 3657 }) 3658 3659 // adding group label to jumpTo section 3660 jumpToSection.setAttribute("role","group"); 3661 jumpToSection.setAttribute("aria-labelledby","jumpTo"); 3662 jumpToText.setAttribute("id","jumpTo"); 3663 } 3664 </script>
3664 3665 3666 3667 <div id="chatbot-container"> 3668 <iframe src="https://chat.benjaminmoore.com" referrerPolicy="no-referrer-when-downgrade" id="chatbotIframe" 3669 class="close" title='Chatbot'></iframe> 3670</div> 3671</body> 3672 3673 3674 3675 3676 3677 3678 3679</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.