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="keiagiaxfxx7w2v6gila-f-64f819c95-clientnsv4-s.akamaihd.net",o="false"=="true"?2:1,i={"ak.v":"41","ak.cp":"502522","ak.ai":parseInt("330168",10),"ak.ol":"0","ak.cr":373,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"86f5b20","ak.r":47909,"ak.a2":n,"ak.m":"a","ak.n":"essl","ak.cport":60760,"ak.gh":"23.51.23.70","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1790849558","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==uUQRdIchv6S34G6YX4wOAeltxu1Zap4MeSoTfrD2PY+To2456H/BjnEzIdf6vaYFUpkldXYidYk/4c1TDl46NKotAMNO75pWYs0Tp9OfELBgwQYNQNG2AS2XGvW18KF8JLX+QQ1emUa9peeS2umKBUQlW8z4HEfqasntKe0RBV7fYR16TJoVPr54qKAWuqg+BhRs5dvbYRp3qqnipnndjfuR8cLsMpIUdcSwtASF8wBGVvyIQqEgSETZH7G6roJAXhAguwKVgNTX2oRoWuhfXZ/lKeCO7IZGNFM2cyPKLOkR4uwPRcH/5WAWsys61mdf7KUAOGlRjK0YxjBbiCkvwoCqEwYlxsk9cAXj7SrcngBhC8ulAUL3TeNnjcC4DrjtH+Wb5tsT19hcAYbzVWMSPguc5yM3VaCUtDdCC3ZPzkY=","ak.pv":"176","ak.dpoabenc":"","ak.tf":o};if(""!==t)i["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))i["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(i)},rv:function(){var e=["ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:i,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script>
89</head> 90 91 92<body 93 data-ng-controller="GlobalController " 94 data-bm-responsive> 95 96 97 98 99 100 101 <div data-ng-controller="GlobalNavbarController as ctrl" ng-init='siteSettings = { "appSettingsUrl": "https://api.benjaminmoore.io/appsettings/brandsite?locale=en-us&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>
vendor: 2 bytes, line 1520
1520
1521<script id="typeahead-popup-template.html" type="text/ng-template"> 1522 <ul class="dropdown-menu" 1523 id="typeahead-list" 1524 role="listbox" 1525 aria-label="Location suggestions" 1526 ng-show="isOpen() && !moveInProgress"> 1527 1528 <li id="typeahead-option-{{$index}}" 1529 ng-repeat="match in matches track by $index" 1530 role="option" 1531 ng-class="{active: isActive($index)}" 1532 ng-click="selectMatch($index, $event)"> 1533 1534 <a ng-bind-html="match.label | uibTypeaheadHighlight:query" 1535 class="match-label" 1536 title="{{match.label}}"></a> 1537 </li> 1538 </ul> 1539</script>
1539 1540 1541 </div> 1542 1543 </div> 1544 1545 </div> 1546 </div> 1547 1548 1549 1550 1551 1552 1553 </main> 1554 1555 1556 1557 1558 1559 1560<footer id="global-nav-footer" aria-label="Global Footer"> 1561 <div class="container-fluid nocontent"> 1562 1563 1564 1565 1566 1567 <div class="row utility"> 1568 <div class="col-xs-12 col-sm-6 col-md-6 header-sec"> 1569 <p class="heading" role="heading" aria-level="2">Stay Inspired</p> 1570 <div> 1571 <a href="/en-us/email-signup" target="_blank" title="Signup to receive the latest inspiration" style="text-decoration: underline;">Signup</a> to receive the latest inspiration</a><br /> 1572 Unsubscribe Anytime. 1573</div> 1574 </div> 1575 <div class="col-xs-12 col-sm-6 col-md-6"> 1576 <p class="social-link-heading heading" role="heading" aria-level="2">Join The Conversation</p> 1577 <ul class="list-inline social" role="menubar"> 1578 <li role="menuitem"> 1579 <a href="http://www.facebook.com/benjaminmoorepaints" target="_blank"> 1580 <span class="sr-only">Facebook</span> 1581 <span class="nav-icon facebook" aria-hidden="true"> </span> 1582 </a> 1583 </li> 1584 <li role="menuitem"> 1585 <a href="http://instagram.com/benjaminmoore/" target="_blank"> 1586 <span class="sr-only">Instagram</span> 1587 <span class="nav-icon instagram" aria-hidden="true"> </span> 1588 </a> 1589 </li> 1590 <li role="menuitem"> 1591 <a href="http://instagram.com/benjaminmoorepro/" target="_blank"> 1592 <span class="sr-only">Instagram Pro</span> 1593 <span class="nav-icon instagrampro" aria-hidden="true"> </span> 1594 </a> 1595 </li> 1596 <li role="menuitem"> 1597 <a href="http://www.youtube.com/user/BenjaminMoorePaints" target="_blank"> 1598 <span class="sr-only">Youtube</span> 1599 <span class="nav-icon Youtube" aria-hidden="true"> </span> 1600 </a> 1601 </li> 1602 <li role="menuitem"> 1603 <a href="http://www.twitter.com/Benjamin_Moore" target="_blank"> 1604 <span class="sr-only">Twitter</span> 1605 <span class="nav-icon twitter" aria-hidden="true"> </span> 1606 </a> 1607 </li> 1608 <li role="menuitem"> 1609 <a href="http://www.houzz.com/pro/benjaminmoorepaints/benjamin-Moore" target="_blank"> 1610 <span class="sr-only">Houzz</span> 1611 <span class="nav-icon houzz" aria-hidden="true"> </span> 1612 </a> 1613 </li> 1614 <li role="menuitem"> 1615 <a href="https://www.linkedin.com/company/benjamin-moore/" target="_blank"> 1616 <span class="sr-only">LinkedIn</span> 1617 <span class="nav-icon Linkedn" aria-hidden="true"> </span> 1618 </a> 1619 </li> 1620 <li role="menuitem"> 1621 <a href="https://www.tiktok.com/@benjaminmoore" target="_blank"> 1622 <span class="sr-only">TikTok</span>
1623 <span class="nav-icon tiktok" aria-hidden="true"> </span> 1624 </a> 1625 </li> 1626 </ul> 1627 1628 </div> 1629 </div> 1630 1631 1632 <uib-accordion class="visible-xs footer-accordion"> 1633 <div class="panel-default footer-pro-header custom-button" is-open="status.open[0]" 1634 uib-accordion-group 1635 heading="Benjamin Moore" 1636 template-url="footer-heading-template.html"> 1637 <ul class="nav Castle.Proxies.IFooterSectionProxy" role="menu"> 1638 <li role="menuitem"> 1639 <a href="/en-us/about-us"> 1640 <span class="text">About Us</span> 1641 </a> 1642 </li> 1643 <li role="menuitem"> 1644 <a href="/en-us/corporate-responsibility-sustainability"> 1645 <span class="text">Corporate Responsibility</span> 1646 </a> 1647 </li> 1648 <li role="menuitem"> 1649 <a href="/en-us/benjamin-moore-careers"> 1650 <span class="text">Careers</span> 1651 </a> 1652 </li> 1653 <li role="menuitem"> 1654 <a href="/en-us/press"> 1655 <span class="text">Press</span> 1656 </a> 1657 </li> 1658 <li role="menuitem"> 1659 <a href="/en-us/become-a-retailer"> 1660 <span class="text">Become a Retailer</span> 1661 </a> 1662 </li> 1663 <li role="menuitem"> 1664 <a class="navigation-menu__link clarip-link" ng-click="$event.preventDefault()" id="clarip-do-not-sell-link"> 1665 <span class="text">Do Not Sell/Share My Information</span> 1666 </a> 1667 </li> 1668 <li role="menuitem"> 1669 <a class="navigation-menu__link clarip-link" ng-click="$event.preventDefault()" id="consent-management-tool"> 1670 <span class="text">Your Privacy Choices</span> 1671 </a> 1672 </li> 1673 </ul> 1674 </div> 1675 <div class="panel-default footer-pro-header custom-button" is-open="status.open[1]" 1676 uib-accordion-group 1677 heading="For Professionals" 1678 template-url="footer-heading-template.html"> 1679 <ul class="nav Castle.Proxies.IFooterSectionProxy" role="menu"> 1680 <li role="menuitem"> 1681 <a href="/en-us/contractors"> 1682 <span class="text">Contractors</span> 1683 </a> 1684 </li> 1685 <li role="menuitem"> 1686 <a href="/en-us/designers">
1687 <span class="text">Designers</span> 1688 </a> 1689 </li> 1690 <li role="menuitem"> 1691 <a href="/en-us/for-retailers"> 1692 <span class="text">Retailers</span> 1693 </a> 1694 </li> 1695 <li role="menuitem"> 1696 <a href="/en-us/architects"> 1697 <span class="text">Architects</span> 1698 </a> 1699 </li> 1700 <li role="menuitem"> 1701 <a href="/en-us/documentation"> 1702 <span class="text">Documentation (SDS, TDS, HPD)</span> 1703 </a> 1704 </li> 1705 </ul> 1706 </div> 1707 <div class="panel-default footer-pro-header custom-button" is-open="status.open[2]" 1708 uib-accordion-group 1709 heading="Customer Service" 1710 template-url="footer-heading-template.html"> 1711 <ul class="nav Castle.Proxies.IFooterSectionProxy" role="menu"> 1712 <li role="menuitem"> 1713 <a href="/en-us/contact-us"> 1714 <span class="text">Contact Us</span> 1715 </a> 1716 </li> 1717 <li role="menuitem"> 1718 <a href="/en-us/return-and-shipping-policy"> 1719 <span class="text">Shipping & Returns</span> 1720 </a> 1721 </li> 1722 <li role="menuitem"> 1723 <a href="/en-us/paint-calculator"> 1724 <span class="text">Paint Calculator</span> 1725 </a> 1726 </li> 1727 <li role="menuitem"> 1728 <a href="/en-us/color-overview/find-your-color/color-a-room"> 1729 <span class="text">Color a Room</span> 1730 </a> 1731 </li> 1732 <li role="menuitem"> 1733 <a href="/en-us/virtual-color-consultation"> 1734 <span class="text">Virtual Color Consultation</span> 1735 </a> 1736 </li> 1737 <li role="menuitem"> 1738 <a href="/en-us/faq"> 1739 <span class="text">FAQ</span> 1740 </a> 1741 </li> 1742 </ul> 1743 </div> 1744 <div class="panel-default footer-pro-header custom-button" is-open="status.open[3]" 1745 uib-accordion-group 1746 heading="Buy Paints and Stain" 1747 template-url="footer-heading-template.html"> 1748 <ul class="nav Castle.Proxies.IFooterSectionProxy" role="menu"> 1749 <li role="menuitem"> 1750 <a href="/en-us/store-locator">
1751 <span class="text">Find a store</span> 1752 </a> 1753 </li> 1754 <li role="menuitem"> 1755 <a href="/en-us/international-distributor-listing"> 1756 <span class="text">International Distributor Listing</span> 1757 </a> 1758 </li> 1759 <li role="menuitem"> 1760 <a href="/en-us/product-catalog"> 1761 <span class="text">Product Catalog</span> 1762 </a> 1763 </li> 1764 <li role="menuitem"> 1765 <a href="/en-us/color-portfolio-paint-matching-app"> 1766 <span class="text">Download Benjamin Moore Color Portfolio App</span> 1767 </a> 1768 </li> 1769 </ul> 1770 </div> 1771 <!--TEMPLATE: Footer Accordion Header--> 1772
1772<script id="footer-heading-template.html" type="text/ng-template"> 1773 <div class="panel"> 1774 <div class="panel-heading"> 1775 <h4 aria-level="3" class="panel-title" id="{{heading.split(' ').join('-')}}"> 1776 <a role="button" href="javascript:void(0);" tabindex="0" aria-expanded="{{!!isOpen}}" class="accordion-toggle" ng-click="toggleOpen()" uib-accordion-transclude="heading"> 1777 <span>{{heading}}</span> 1778 <i class="pull-right icon" 1779 data-ng-class="{'icon-down-arrow': !isOpen, 'icon-up-arrow': isOpen}"></i> 1780 </a> 1781 </h4> 1782 </div> 1783 <div class="panel-collapse collapse" data-uib-collapse="!isOpen"> 1784 <div class="panel-body" data-ng-if="isOpen" data-ng-transclude role="group" aria-labelledby="{{heading.split(' ').join('-')}}"></div> 1785 </div> 1786 </div> 1787 </script>
1787 1788 </uib-accordion> 1789 1790 1791 <div class="row consumers hidden-xs"> 1792 <div class="col-xs-12 col-sm-6 col-md-3 "> 1793 <h2 class="footer-pro-header hidden-xs"> 1794 Benjamin Moore 1795 </h2> 1796 <ul class="nav hidden-xs" role="menu"> 1797 <li role="menuitem"> 1798 <a href="/en-us/about-us"> 1799 <span class="text">About Us</span> 1800 </a> 1801 </li> 1802 <li role="menuitem"> 1803 <a href="/en-us/corporate-responsibility-sustainability"> 1804 <span class="text">Corporate Responsibility</span> 1805 </a> 1806 </li> 1807 <li role="menuitem"> 1808 <a href="/en-us/benjamin-moore-careers"> 1809 <span class="text">Careers</span> 1810 </a> 1811 </li> 1812 <li role="menuitem"> 1813 <a href="/en-us/press"> 1814 <span class="text">Press</span> 1815 </a> 1816 </li> 1817 <li role="menuitem"> 1818 <a href="/en-us/become-a-retailer"> 1819 <span class="text">Become a Retailer</span> 1820 </a> 1821 </li> 1822 <li role="menuitem"> 1823 <a ng-click="$event.preventDefault()" class="navigation-menu__link clarip-link" href="javascript:void(0); " id="clarip-do-not-sell-link"> 1824 <span class="text">Do Not Sell/Share My Information</span> 1825 </a> 1826 </li> 1827 <li role="menuitem"> 1828 <a ng-click="$event.preventDefault()" class="navigation-menu__link clarip-link" href="#" id="consent-management-tool"> 1829 <span class="text">Your Privacy Choices</span> 1830 </a> 1831 </li> 1832 </ul> 1833 </div> 1834 <div class="col-xs-12 col-sm-6 col-md-3 "> 1835 <h2 class="footer-pro-header hidden-xs"> 1836 For Professionals 1837 </h2> 1838 <ul class="nav hidden-xs" role="menu"> 1839 <li role="menuitem"> 1840 <a href="/en-us/contractors"> 1841 <span class="text">Contractors</span> 1842 </a> 1843 </li> 1844 <li role="menuitem"> 1845 <a href="/en-us/designers"> 1846 <span class="text">Designers</span> 1847 </a> 1848 </li> 1849 <li role="menuitem"> 1850 <a href="/en-us/for-retailers"> 1851 <span class="text">Retailers</span> 1852 </a> 1853 </li> 1854 <li role="menuitem"> 1855 <a href="/en-us/architects">
1856 <span class="text">Architects</span> 1857 </a> 1858 </li> 1859 <li role="menuitem"> 1860 <a href="/en-us/documentation"> 1861 <span class="text">Documentation (SDS, TDS, HPD)</span> 1862 </a> 1863 </li> 1864 </ul> 1865 </div> 1866 <div class="col-xs-12 col-sm-6 col-md-3 "> 1867 <h2 class="footer-pro-header hidden-xs"> 1868 Customer Service 1869 </h2> 1870 <ul class="nav hidden-xs" role="menu"> 1871 <li role="menuitem"> 1872 <a href="/en-us/contact-us"> 1873 <span class="text">Contact Us</span> 1874 </a> 1875 </li> 1876 <li role="menuitem"> 1877 <a href="/en-us/return-and-shipping-policy"> 1878 <span class="text">Shipping & Returns</span> 1879 </a> 1880 </li> 1881 <li role="menuitem"> 1882 <a href="/en-us/paint-calculator"> 1883 <span class="text">Paint Calculator</span> 1884 </a> 1885 </li> 1886 <li role="menuitem"> 1887 <a href="/en-us/color-overview/find-your-color/color-a-room"> 1888 <span class="text">Color a Room</span> 1889 </a> 1890 </li> 1891 <li role="menuitem"> 1892 <a href="/en-us/virtual-color-consultation"> 1893 <span class="text">Virtual Color Consultation</span> 1894 </a> 1895 </li> 1896 <li role="menuitem"> 1897 <a href="/en-us/faq"> 1898 <span class="text">FAQ</span> 1899 </a> 1900 </li> 1901 </ul> 1902 </div> 1903 <div class="col-xs-12 col-sm-6 col-md-3 "> 1904 <h2 class="footer-pro-header hidden-xs"> 1905 Buy Paints and Stain 1906 </h2> 1907 <ul class="nav hidden-xs" role="menu"> 1908 <li role="menuitem"> 1909 <a href="/en-us/store-locator"> 1910 <span class="text">Find a store</span> 1911 </a> 1912 </li> 1913 <li role="menuitem"> 1914 <a href="/en-us/international-distributor-listing"> 1915 <span class="text">International Distributor Listing</span> 1916 </a> 1917 </li> 1918 <li role="menuitem"> 1919 <a href="/en-us/product-catalog"> 1920 <span class="text">Product Catalog</span> 1921 </a> 1922 </li> 1923 <li role="menuitem"> 1924 <a href="/en-us/color-portfolio-paint-matching-app">
1925 <span class="text">Download Benjamin Moore Color Portfolio App</span> 1926 </a> 1927 </li> 1928 </ul> 1929 </div> 1930 </div> 1931 1932 1933 <div class="row legal legal-links"> 1934 1935 <div class="col-xs-12"> 1936 <ul class="list-inline" role="menubar"> 1937 <li role="menuitem"> 1938 <a href="/en-us/sitemap"> 1939 <span>Sitemap</span> 1940 </a> 1941 </li> 1942 <li role="menuitem"> 1943 <a href="/en-us/privacy-statement"> 1944 <span>Privacy</span> 1945 </a> 1946 </li> 1947 <li role="menuitem"> 1948 <a href="/en-us/legal-benjamin-moore-co-website-terms-and-conditions"> 1949 <span>Terms and Conditions</span> 1950 </a> 1951 </li> 1952 <li role="menuitem"> 1953 <a href="/en-us/digital-accessibility-statement"> 1954 <span>Accessibility</span> 1955 </a> 1956 </li> 1957 <li role="menuitem"> 1958 <a href="/en-us/prohibited-business-practices-policy"> 1959 <span>Policies</span> 1960 </a> 1961 </li> 1962 <li role="menuitem"> 1963 <a href="/en-us/california-transparency-in-supply-chains-act"> 1964 <span>CA Supply Chains Act</span> 1965 </a> 1966 </li> 1967 </ul> 1968 </div> 1969 </div> 1970 1971 1972 <div class="row brands"> 1973 <div class="col-xs-12 col-md-3"> 1974 <div class="brand-logo-wrap"> 1975 <a href="/en-us/contractors/corotech-high-performance-coatings" title="" target=""> 1976 <picture> 1977 <source srcset="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-corotech-138x83-usca.png" 1978 media="(min-width: 1024px)"> 1979 <img src="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-corotech-138x83-usca.png" 1980 title="" 1981 alt="Corotech® High-Performance Coatings"> 1982 </picture> 1983 </a> 1984 </div> 1985 </div> 1986 <div class="col-xs-12 col-md-3"> 1987 <div class="brand-logo-wrap"> 1988 <a href="/en-us/interior-exterior-paints-stains/insl-x" title="" target=""> 1989 <picture> 1990 <source srcset="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-inslx-138x67-uscae.png" 1991 media="(min-width: 1024px)"> 1992 <img src="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-inslx-138x67-uscae.png" 1993 title="" 1994 alt="INSL-X specialty and problem-solving coatings"> 1995 </picture> 1996 </a> 1997 </div> 1998 </div> 1999 <div class="col-xs-12 col-md-3"> 2000 <div class="brand-logo-wrap"> 2001 <a href="/en-us/interior-exterior-paints-stains/coronado" title="" target=""> 2002 <picture> 2003 <source srcset="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-coronado-185x74-uscae.png"
2004 media="(min-width: 1024px)"> 2005 <img src="/-/media/sites/benjaminmoore/images/dce/diversified-logos/logo-coronado-185x74-uscae.png" 2006 title="" 2007 alt="Coronado Interior & Exterior Architectural Paints"> 2008 </picture> 2009 </a> 2010 </div> 2011 </div> 2012 </div> 2013 2014 2015 <div class="row legal disclaimer"> 2016 <div class="col-xs-12"> 2017 <p>We believe in the transformative power of our paint. For generations, our passion for producing products and colors made from premium-quality ingredients has been our highest priority. We continually push the boundaries of innovation and champion sustainability, for lasting results and local expertise you can trust.</p> 2018 <p><span aria-hidden="true"><br /> 2019<br /> 2020</span> 2021On-screen and printer color representations may vary from actual paint colors. 2022<span aria-hidden="true"><br /> 2023<br /> 2024</span> 2025©2026 Benjamin Moore & Co. 101 Paragon Drive, Montvale, NJ 07645</p> 2026 </div> 2027 </div> 2028 </div> 2029</footer> 2030 2031 </div> 2032 2033 <!-- Config Data --> 2034<!-- Config Data --> 2035 2036
2037<script type="text/javascript"> 2038 window.appData = {"config":{"isIOS":false,"isIPhone":false,"locale":"en-us","assetPath":"/assets/benjaminmoore/live/","bmcApiKey":"5109bbbe4324fff8c2ff","googleClientId":"AIzaSyDYf5RcbPheKzLU1tZ4OiWReYua76fxTik","freeGoogleClientId":"AIzaSyBtXRqLrygBd0Jye1TgRfSDxaptV4PiTAA","googleMapsApiKey":"BMCgAPIKey","googleAnalyticsId":"UA-2224610-1","storeLocatorSearchResultsLimit":15,"routes":{"colorTool":{"root":"/en-us/color-overview/find-your-color/","collections":"","colors":"","families":"","rooms":"/en-us/color-overview/find-your-color/color-a-room/","save":"/en-us/color-overview/find-your-color/color-a-room/saved-color-selections/","search":"/en-us/paint-colors/search/"},"storeLocator":{"root":"/en-us/store-locator"}},"social":{"email":"Benjamin Moore helped me choose the perfect paint colors for my home.","emailBody":null,"singleColorFacebook":"Look at this Benjamin Moore paint color [COLOR]. Via [HANDLE]","singleColorPinterest":"Look at this Benjamin Moore paint color [COLOR]. Via [HANDLE]","singleColorTwitter":"Look at this [HANDLE] paint color [COLOR].","colorCombinationFacebook":"Look at the paint color combination I created with Benjamin Moore. Via [HANDLE]. [COLOR].","colorCombinationPinterest":"Look at the paint color combination I created with Benjamin Moore. Via [HANDLE]. [COLOR].","colorCombinationTwitter":"Look at the paint color combination I created [HANDLE]. [COLOR].","roomFacebook":"Look at the paint color combination I created with Benjamin Moore. Via [HANDLE]. [COLOR].","roomPinterest":"Look at the paint color combination I created with Benjamin Moore. Via [HANDLE]. [COLOR].","roomTwitter":"Look at the paint color combination I created [HANDLE]. [COLOR].","facebookHandle":"@benjaminmoorepaints","twitterHandle":"@Benjamin_Moore","pinterestHandle":"@benjamin_moore"},"urls":{"dollop":"//media.benjaminmoore.com/WebServices/prod/dollops/180x180/","bmcApi":"https://api.benjaminmoore.com/api/5109bbbe4324fff8c2ff","sample":"https://www.benjaminmoore.com/en-us/product/","buyColorUrl":"https://stage.store.benjaminmoore.com/storefront/us/en/shop-by-color/color/","colorShopNowButtons":[{"buttonLabel":"INTERIOR PAINT","urlParams":"?productType=interior-paint","isButton":true},{"buttonLabel":"PAINT SAMPLE","urlParams":"?p=0200","isButton":true},{"buttonLabel":"PEEL-AND-STICK","urlParams":"?p=PLST12","isButton":true},{"buttonLabel":"COLOR SWATCH","urlParams":"?p=CLSW49","isButton":true},{"buttonLabel":"ALL PRODUCTS","urlParams":"?productType=all","isButton":false}],"stainShopNowButtons":[{"buttonLabel":"Exterior Stain","urlParams":"?p=0640","isButton":true},{"buttonLabel":"Stain Sample","urlParams":"?p=CS640","isButton":true},{"buttonLabel":"ALL PRODUCTS","urlParams":"?productType=all","isButton":false}],"colorAndStainShopNowButtons":[{"buttonLabel":"Exterior Stain","urlParams":"?p=0640","isButton":true},{"buttonLabel":"Stain Sample","urlParams":"?p=CS640","isButton":true},{"buttonLabel":"INTERIOR PAINT","urlParams":"?productType=interior-paint","isButton":true},{"buttonLabel":"COLOR SWATCH","urlParams":"?p=CLSW49","isButton":true},{"buttonLabel":"ALL PRODUCTS","urlParams":"?productType=all","isButton":false}],"shopNowModalTitle":"Make Your Selection","shopNowModalSubTitle":"Choose a sample or browse products for your selected color."},"analytics":{"analyticsDestination":[{"name":"Segment","key":"XvwSZupSgFfXOYkh1RgsazSwNmSiY6r5"}]},"bmcWebServiceDomain":"https://www2.benjaminmoore.com","env":"production","facebookAppId":"188845908197661","facebookSocialHandle":null,"twitterSocialHandle":null,"pinterestSocialHandle":null,"appSettingsData":{"status":"OK","data":{"Constants":[{"key":"preferred_language_en_ca","enabled":true,"value":["English - Canada"]},{"key":"preferred_language_en_us","enabled":true,"value":["English - United States"]},{"key":"preferred_language_fr_ca","enabled":true,"value":["Français - Canada"]},{"key":"preferred_language_options","enabled":true,"value":["[{\"code\":\"en-us\",\"name\":\"English - United States\"},{\"code\":\"en-ca\",\"name\":\"English - Canada\"},{\"code\":\"fr-ca\",\"name\":\"Français - Canada\"}]"]}
2038,{"key":"pro_dashboard_url","enabled":true,"value":["/en-us/account/dashboard"]},{"key":"profile_endpoint","enabled":true,"value":["/en-us/account/profile"]},{"key":"register_url","enabled":true,"value":["/en-us/register"]},{"key":"relationship_mapping","enabled":true,"value":["[{\"name\":\"homeowner\",\"description\":\"Homeowner\",\"value\":1},{\"name\":\"designer\",\"description\":\"Designer\",\"value\":2},{\"name\":\"architect\",\"description\":\"Residential Architect\",\"value\":3},{\"name\":\"contractor\",\"description\":\"Commercial Contractor\",\"value\":4},{\"name\":\"architect\",\"description\":\"Commercial Architect\",\"value\":6},{\"name\":\"contractor\",\"description\":\"Residential Contractor\",\"value\":8}]"]},{"key":"relationship_values_mapping","enabled":true,"value":["[{\"name\":\"Homeowner\",\"value\":1},{\"name\":\"Designer\",\"value\":2},{\"name\":\"Residential Contractor\",\"value\":8},{\"name\":\"Commercial Contractor\",\"value\":4},{\"name\":\"Residential Architect\",\"value\":3},{\"name\":\"Commercial Architect\",\"value\":6},{\"name\":\"Retailer\",\"value\":23},{\"name\":\"National Account\",\"value\":24},{\"name\":\"In Network Retailer\",\"value\":231},{\"name\":\"International Retailer\",\"value\":232},{\"name\":\"Out Of Network Retailer\",\"value\":233},{\"name\":\"Out Of Channel Retailer\",\"value\":234},{\"name\":\"Residential Retailer\",\"value\":235},{\"name\":\"Commercial Retailer\",\"value\":236}]"]},{"key":"return_shipping_url","enabled":true,"value":["/en-us/return-and-shipping-policy"]},{"key":"reward_website_url","enabled":true,"value":["https://contractorrewards.com/#/sign-up-form"]},{"key":"source","enabled":true,"value":["BM.COM"]},{"key":"start_session_redirect_url","enabled":true,"value":["/en-us/product-catalog"]},{"key":"store_locations","enabled":true,"value":["[{\"code\":\"ireland\",\"name\":\"IE\"}]"]},{"key":"store_locator_url","enabled":true,"value":["/en-us/store-locator"]},{"key":"tools_url","enabled":true,"value":["/en-us/architects-designers"]},{"key":"x_bot_cookies","enabled":true,"value":["185ffe11fd8847799373062d19a62005","2b35180f7fb747129c1baf40d6159193","2ba73169d1e74ffb892efe1db8dd5079","3cfce72d3e124d91b10a665910c38be6","3f3751946c85489c9b28464a8e5686e3","5294d8b5e2304f80876bb37d1159517b","641698543c974562849701eee7593c86","7440dc36a4484ad38e5b6a218f8a4e7f","778f445db53449169e2b36916ef6a61c","7f678efbda304f26babb5991587b7185","8651b0ed614e4d3485f9eb3525023766","8c874d4bafbf41d5af3bf0f353aff3ab","974d012896274370bf10b6d3975978f8","a92051fec8f84108bfc3e058b09a8163","b878fbd82c4b4c5b81b08321cc4d632a","cac6b15b52964a94a2cd0ccf8db88350","dd41e9e82a4841218786c4dbfdd25c79","f9581915f91b4e0d8b77129260d94bac","fdbbb9f872624679b897822506cdc58c","fef5fb7977674d3a901e30b9d21b26a4"]},{"key":"account_security_details_url","enabled":true,"value":["/profile/account-security"]},{"key":"asm_hybris_group","enabled":true,"value":["Hybris-ASM-Sec-Group"]},{"key":"bot_userAgent","enabled":true,"value":["Amazon","bing","bitdiscovery","bot","chrome-lighthouse","crawler","externalhit_uatext","facebookexternalhit","Googlebot","Mozillabot","Slackbot","slurp","spider"]},{"key":"bv_instance","enabled":true,"value":["benjaminmoore"]},{"key":"cart_url","enabled":true,"value":["/en-us/cart"]},{"key":"checkout_url","enabled":true,"value":["https://www.benjaminmoore.com/en-us/checkout"]},{"key":"color_grid_max_colors_lg","enabled":true,"value":["98"]},{"key":"color_grid_max_colors_md","enabled":true,"value":["96"]},{"key":"color_grid_max_colors_sm","enabled":true,"value":["98"]},{"key":"contact_a_rep_url","enabled":true,"value":["/en-us/contact-us-contractors"]},{"key":"contact_us_url","enabled":true,"value":["/en-us/contact-us"]},{"key":"country","enabled":true,"value":["United States"]},{"key":"custom_color_wall_all_icon","enabled":true,"value":["https://assets.benjaminmoore.com/transform/58129c08-241f-48a4-8c96-89e8946cc2cd/Ellipse-354"]},{"key":"custom_color_wall_icon_categories","enabled":true,"value":["family","subfamily"]},{"key":"deployment_env","enabled":true,"value":["production"]},{"key":"deployment_zone","enabled":true,"value":["main_site"]},{"key":"ehs_address_options","enabled":true,"value":["{\"key\": \"JNT\",\"city\": \"Johnstown\",\"address\": \"161 Union Avenue Extension, Johnstown, NY 12095\"}","{\"key\": \"PC\",\"city\": \"Pell City\",\"address\": \"109 Bamberg Drive, Pell City, AL 35125\"}"]},{"key":"ehs_email_campaignid","enabled":true,"value":["19388082"]},{"key":"ehs_recipient_email","enabled":true,"value":["[email protected]"]},{"key":"email_sender_api_campaignId","enabled":true,"value":["13346121"]},{"key":"email_verification_api_campaignId","enabled":true,"value":["12823592"]},{"key":"eu_countries","enabled":true,"value":["AT","BE","BG","CY","CZ","DE","DK","EE","ES","FI","FR","GF","GP","GR","HR","HU","IE","IS","IT","LI","LT","LU","LV","MQ","MT","NL","NO","PL","PT","RE","RO","SE","SI","SK","UK","YT"]}
2038,{"key":"faq_url","enabled":true,"value":["/en-us/faq"]},{"key":"geo_search_country_codes","enabled":true,"value":["CA","GB","GR","IT","JP","KR","PL","US"]},{"key":"global_search_url","enabled":true,"value":["/en-us/search"]},{"key":"guest_register_url","enabled":true,"value":["/en-us/register?email=true"]},{"key":"hide_filters_country_codes","enabled":true,"value":["GB"]},{"key":"lightning_scene_url","enabled":true,"value":["https://media.benjaminmoore.com/color/lighting/"]},{"key":"login_url","enabled":true,"value":["https://www.benjaminmoore.com/en-us/login"]},{"key":"max_fixed_cards","enabled":true,"value":["3"]},{"key":"order_detail_url","enabled":true,"value":["/en-us/account/order-history/{%orderId}"]},{"key":"order_history_url","enabled":true,"value":["/en-us/account/order-history"]},{"key":"orderid_url","enabled":true,"value":["https://www.benjaminmoore.com/en-us/account/order-history/{%orderId}"]},{"key":"paint_colors_url","enabled":true,"value":["/en-us/paint-colors"]}],"FeatureFlags":[{"key":"redirect_cart_new_url","enabled":true},{"key":"asm_hybris_group","enabled":true},{"key":"enable_a_and_d_feature","enabled":true},{"key":"enable_add_to_cart","enabled":false},{"key":"enable_atc_product_description","enabled":true},{"key":"enable_cdp_flyout","enabled":true},{"key":"enable_cdp_social_sharing","enabled":true},{"key":"enable_cdp_swatch","enabled":true},{"key":"enable_color_name_change","enabled":true},{"key":"enable_coty_typography_v3","enabled":true},{"key":"enable_dashboard","enabled":true},{"key":"enable_digital_asset_library","enabled":false},{"key":"enable_lightning_desktop","enabled":true},{"key":"enable_lightning_mobile","enabled":true},{"key":"enable_maintenance_banner","enabled":false},{"key":"enable_new_coty_signup","enabled":true},{"key":"enable_new_get_inspired","enabled":true},{"key":"enable_new_login","enabled":true},{"key":"enable_new_navigation","enabled":true},{"key":"enable_new_paint_calculator","enabled":true},{"key":"enable_new_sign_out","enabled":true},{"key":"enable_paypal_button","enabled":true},{"key":"enable_pdp_bazaarvoice","enabled":true},{"key":"enable_pdp_promo","enabled":true},{"key":"enable_plp_bazaarvoice","enabled":true},{"key":"enable_plp_custom_quick_filter","enabled":true},{"key":"enable_plp_quick_filter","enabled":true},{"key":"enable_plp_sticky_filter","enabled":true},{"key":"enable_pro_account","enabled":true},{"key":"enable_quick_filters","enabled":true},{"key":"enable_rebate","enabled":false},{"key":"enable_samplize_shipping","enabled":true},{"key":"enable_segment","enabled":true},{"key":"enable_shopping_list_login_flow","enabled":true},{"key":"enable_stripe","enabled":true},{"key":"enble_new_cdp_details_layout","enabled":true}],"GlobalSettings":[{"key":"pay_with_card_icons","enabled":true,"value":["visa","mastercard","discover","amex"]},{"key":"paypal_client_id","enabled":true,"value":["AbJajRvd-S9RcHnmZuQohYR-f-1Hr9eDpkKDhlU0jytnyIwmNdsQPyLut3ZbsXm8VTlUwTuyBwMlDY_w"]},{"key":"plp_occ_api_base_site_id","enabled":true,"value":["bmcBrandSiteUnitedStates"]},{"key":"sap_commerce_cloud_adapter_base_url","enabled":true,"value":["https://c3dthgur88-benjaminm1-p1.opf.commerce.us.context.cloud.sap/commerce-cloud-adapter/storefront"]},{"key":"sap_commerce_cloud_public_key","enabled":true,"value":["+yldnyn2LCT2vYJnWABuyyt8kE9e1ynR4lWB0AjkIw4="]},{"key":"stripe_payment_config_id","enabled":true,"value":["9"]},{"key":"xi_paymetric_base_url","enabled":true,"value":["https://xiecomm.worldpay.com"]},{"key":"xi_paymetric_merchant_id","enabled":true,"value":["f513f35a-fdcd-4c08-bb93-a65d4499c8b3"]},{"key":"xi_paymetric_script_url","enabled":true,"value":["https://xiecomm.worldpay.com/diecomm/scripts/XIFrame/XIFrame-1.2.0.js"]},{"key":"media_base_url","enabled":true,"value":["https://media.benjaminmoore.com/WebServices/prod/"]},{"key":"occ_api_base_path","enabled":true,"value":["bmcb2ccommercewebservices/v2"]},{"key":"occ_api_base_site_id","enabled":true,"value":["bmcB2CUnitedStates"]},{"key":"occ_api_base_url","enabled":true,"value":["https://occapi.benjaminmoore.com"]},{"key":"occ_api_language","enabled":true,"value":["en"]},{"key":"occ_api_oauth_client_id","enabled":true,"value":["bmc_dce_app"]},{"key":"occ_api_oauth_client_secret","enabled":true,"value":["b2cdcesecret"]}
2038,{"key":"occ_api_oauth_grant_type","enabled":true,"value":["password"]},{"key":"occ_api_products_path","enabled":true,"value":["products"]},{"key":"opacity_viewer_opacity_link_semisolid","enabled":true,"value":["https://www.benjaminmoore.com/en-us/product/woodluxe-water-based-waterproofing-stain-sealer-sample-semi-solid-1-half-pint/CS693"]},{"key":"opacity_viewer_opacity_link_semitransparent","enabled":true,"value":["https://www.benjaminmoore.com/en-us/product/woodluxe-water-based-waterproofing-stain-sealer-sample-semi-transparent-1-half-pint/CS692"]},{"key":"opacity_viewer_opacity_link_solid","enabled":true,"value":["https://www.benjaminmoore.com/en-us/product/woodluxe-water-based-waterproofing-stain-sealer-sample-solid-1-half-pint/CS694"]},{"key":"opacity_viewer_opacity_link_translucent","enabled":true,"value":["https://www.benjaminmoore.com/en-us/product/woodluxe-water-based-waterproofing-stain-sealer-sample-translucent-1-half-pint/CS691"]},{"key":"opacity_viewer_opacity_link_ultraflatsolid","enabled":true,"value":["https://www.benjaminmoore.com/en-us/product/woodluxe-water-based-waterproofing-exterior-stain-sealer-ultra-flat-solid/0695"]}]}},"contentAPIHeaderMenusResponse":{"header_menus":[{"menu_title":"Paint Colors","sections":[{"title":"Search All Colors","column":1,"images":[],"items":[],"link":{"text":"Search All Colors","url":"/en-us/paint-colors/search","alt_text":"Search All Colors","target":null,"custom_class":null}},{"title":"Explore Color","column":1,"images":[],"items":[],"link":{"text":"Explore Color","url":"/en-us/paint-colors","alt_text":"Explore Color","target":null,"custom_class":null}},{"title":"Most Popular Colors","column":1,"images":[],"items":[],"link":{"text":"Most Popular Paint Colors","url":"/en-us/paint-colors/most-popular","alt_text":"Most Popular Paint Colors","target":null,"custom_class":null}},{"title":"Benjamin Moore Favorites","column":1,"images":[],"items":[],"link":{"text":"Benjamin Moore Favorites","url":"/en-us/paint-colors/benjamin-moore-favorites","alt_text":"Benjamin Moore Favorites","target":null,"custom_class":null}},{"title":"Color of the Year","column":1,"images":[],"items":[],"link":{"text":"Color of the Year","url":"/en-us/paint-colors/color-of-the-year-2027","alt_text":"Color of the Year","target":null,"custom_class":null}},{"title":"Color 101","column":1,"images":[],"items":[{"title":"Color Handbook","link":{"text":"Color Handbook","url":"/en-us/color-overview/color-insights/color-handbook","alt_text":"Color Handbook","target":null,"custom_class":null}},{"title":"Color Palettes","link":{"text":"Color Palettes","url":"/en-us/color-overview/color-palettes","alt_text":"Color Palettes","target":null,"custom_class":null}},{"title":"Your Personal Palette","link":{"text":"Your Personal Palette","url":"/en-us/color-overview/color-insights/your-personal-color-palette","alt_text":"Your Personal Palette","target":null,"custom_class":null}},{"title":"Color Psychology","link":{"text":"Color Psychology","url":"/en-us/color-overview/color-insights/psychology-of-color","alt_text":"Color Psychology","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Color Families","column":2,"images":[],"items":[{"title":"White","link":{"text":"White","url":"/en-us/paint-colors/white","alt_text":"White","target":null,"custom_class":null}},{"title":"Neutral","link":{"text":"Neutral","url":"/en-us/paint-colors/neutral","alt_text":"Neutral","target":null,"custom_class":null}},{"title":"Gray","link":{"text":"Gray","url":"/en-us/paint-colors/gray","alt_text":"Gray","target":null,"custom_class":null}},{"title":"Blue","link":{"text":"Blue","url":"/en-us/paint-colors/blue","alt_text":"Blue","target":null,"custom_class":null}},{"title":"Green","link":{"text":"Green","url":"/en-us/paint-colors/green","alt_text":"Green","target":null,"custom_class":null}},{"title":"Brown","link":{"text":"Brown","url":"/en-us/paint-colors/brown","alt_text":"Brown","target":null,"custom_class":null}},{"title":"Pink","link":{"text":"Pink","url":"/en-us/paint-colors/pink","alt_text":"Pink","target":null,"custom_class":null}},{"title":"Purple","link":{"text":"Purple","url":"/en-us/paint-colors/purple","alt_text":"Purple","target":null,"custom_class":null}},{"title":"Yellow","link":{"text":"Yellow","url":"/en-us/paint-colors/yellow","alt_text":"Yellow","target":null,"custom_class":null}},{"title":"Red","link":{"text":"Red","url":"/en-us/paint-colors/red","alt_text":"Red","target":null,"custom_class":null}},{"title":"Orange","link":{"text":"Orange","url":"/en-us/paint-colors/orange","alt_text":"Orange","target":null,"custom_class":null}},{"title":"Black","link":{"text":"Black","url":"/en-us/paint-colors/black","alt_text":"Black","target":null,"custom_class":null}}],"link":{"text":null,"url":"/en-us/paint-colors/color-families","alt_text":null,"target":null,"custom_class":null}},{"title":"Color by Interior Project","column":3,"images":[],"items":[{"title":"Interior","link":{"text":"Interior","url":"/en-us/paint-colors/interior","alt_text":"Interior","target":null,"custom_class":null}},{"title":"Kitchen","link":{"text":"Kitchen","url":"/en-us/paint-colors/kitchen","alt_text":"Kitchen","target":null,"custom_class":null}},{"title":"Kitchen Cabinets","link":{"text":"Kitchen Cabinets","url":"/en-us/paint-colors/kitchen-cabinet","alt_text":"Kitchen Cabinets","target":null,"custom_class":null}},{"title":"Bathroom","link":{"text":"Bathroom","url":"/en-us/paint-colors/bathroom","alt_text":"Bathroom","target":null,"custom_class":null}},{"title":"Living Room","link":{"text":"Living Room","url":"/en-us/paint-colors/living-room","alt_text":"Living Room","target":null,"custom_class":null}},{"title":"Bedroom","link":{"text":"Bedroom","url":"/en-us/paint-colors/bedroom","alt_text":"Bedroom","target":null,"custom_class":null}},{"title":"Home Office","link":{"text":"Home Office","url":"/en-us/paint-colors/home-office","alt_text":"Home Office","target":null,"custom_class":null}},{"title":"Cabinets","link":{"text":"Cabinets","url":"/en-us/paint-colors/cabinet","alt_text":"Cabinets","target":null,"custom_class":null}},{"title":"Ceiling","link":{"text":"Ceiling","url":"/en-us/paint-colors/ceiling","alt_text":"Ceiling","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Color by Exterior Project","column":3,"images":[],"items":[{"title":"Exterior","link":{"text":"Exterior","url":"/en-us/paint-colors/exterior","alt_text":"Exterior","target":null,"custom_class":null}},{"title":"Front Door","link":{"text":"Front Door","url":"/en-us/paint-colors/front-door","alt_text":"Front Door","target":null,"custom_class":null}},{"title":"Stucco","link":{"text":"Stucco","url":"/en-us/paint-colors/stucco","alt_text":"Stucco","target":null,"custom_class":null}},{"title":"Exterior Wood & Deck Stain","link":{"text":"Exterior Wood and Deck Stain Colors","url":"/en-us/paint-colors/exterior-wood-deck-stain-colors","alt_text":"Exterior Wood and Deck Stain Colors","target":null,"custom_class":null}},{"title":"Translucent Stain","link":{"text":"Translucent Stain Colors","url":"/en-us/paint-colors/translucent-stain","alt_text":"Translucent Stain Colors","target":null,"custom_class":null}},{"title":"Semi-Transparent Stain","link":{"text":"Semi-Transparent Stain Colors","url":"/en-us/paint-colors/semi-transparent-stain","alt_text":"Semi-Transparent Stain Colors","target":null,"custom_class":null}},{"title":"Semi-Solid Stain","link":{"text":"Semi-Solid Stain Colors","url":"/en-us/paint-colors/semi-solid-stain","alt_text":"Semi-Solid Stain Colors","target":null,"custom_class":null}},{"title":"Solid Stain","link":{"text":"Solid Stain Colors","url":"/en-us/paint-colors/solid-stain","alt_text":"Solid Stain Colors","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Color Collections","column":4,"images":[],"items":[{"title":"Color Preview® Collection","link":{"text":"Color Preview® Collection","url":"/en-us/paint-colors/color-preview","alt_text":"Color Preview® Collection","target":null,"custom_class":null}},{"title":"Benjamin Moore Classics®","link":{"text":"Benjamin Moore Classics®","url":"/en-us/paint-colors/benjamin-moore-classics","alt_text":"Benjamin Moore Classics®","target":null,"custom_class":null}},{"title":"Historical Color Collection","link":{"text":"Historical Color Collection","url":"/en-us/paint-colors/historical-collection","alt_text":"Historical Color Collection","target":null,"custom_class":null}},{"title":"Off White Collection","link":{"text":"Off White Collection","url":"/en-us/paint-colors/off-white-collection","alt_text":"Off White Collection","target":null,"custom_class":null}},{"title":"Affinity® Color Collection","link":{"text":"Affinity® Color Collection","url":"/en-us/paint-colors/affinity-color-collection","alt_text":"Affinity® Color Collection","target":null,"custom_class":null}},{"title":"Color Stories® Collection","link":{"text":"Color Stories® Collection","url":"/en-us/paint-colors/color-stories","alt_text":"Color Stories® Collection","target":null,"custom_class":null}},{"title":"Williamsburg® Color Collection","link":{"text":"Williamsburg® Color Collection","url":"/en-us/paint-colors/williamsburg-paint-color-collection","alt_text":"Williamsburg® Color Collection","target":null,"custom_class":null}},{"title":"Designer Classics Collection","link":{"text":"Designer Classics Collection","url":"/en-us/paint-colors/designer-classics","alt_text":"Designer Classics Collection","target":null,"custom_class":null}},{"title":"Woodluxe Exterior Stain Colors","link":{"text":"Woodluxe Exterior Stain Colors","url":"/en-us/wood-stain-colors","alt_text":"Woodluxe Exterior Stain Colors","target":null,"custom_class":null}}],"link":{"text":null,"url":"/en-us/paint-colors/color-collections","alt_text":null,"target":null,"custom_class":null}},{"title":"Color by Tone & Mood","column":5,"images":[],"items":[{"title":"Calming","link":{"text":"Calming","url":"/en-us/paint-colors/calming","alt_text":"Calming","target":null,"custom_class":null}},{"title":"Dark","link":{"text":"Dark","url":"/en-us/paint-colors/dark","alt_text":"Dark","target":null,"custom_class":null}},{"title":"Light","link":{"text":"Light","url":"/en-us/paint-colors/light","alt_text":"Light","target":null,"custom_class":null}},{"title":"Moody","link":{"text":"Moody","url":"/en-us/paint-colors/moody","alt_text":"Moody","target":null,"custom_class":null}},{"title":"Pale","link":{"text":"Pale","url":"/en-us/paint-colors/pale","alt_text":"Pale","target":null,"custom_class":null}},{"title":"Soft","link":{"text":"Soft","url":"/en-us/paint-colors/soft","alt_text":"Soft","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Color by Design Style","column":5,"images":[],"items":[{"title":"Boho","link":{"text":"Boho","url":"/en-us/paint-colors/boho","alt_text":"Boho","target":null,"custom_class":null}},{"title":"Coastal","link":{"text":"Coastal","url":"/en-us/paint-colors/coastal","alt_text":"Coastal","target":null,"custom_class":null}},{"title":"Cozy Cottage","link":{"text":"Cozy Cottage","url":"/en-us/paint-colors/cozy-cottage","alt_text":"Cozy Cottage","target":null,"custom_class":null}},{"title":"Farmhouse","link":{"text":"Farmhouse","url":"/en-us/paint-colors/farmhouse","alt_text":"Farmhouse","target":null,"custom_class":null}},{"title":"Modern Farmhouse","link":{"text":"Modern Farmhouse","url":"/en-us/paint-colors/modern-farmhouse","alt_text":"Modern Farmhouse","target":null,"custom_class":null}},{"title":"French","link":{"text":"French","url":"/en-us/paint-colors/french","alt_text":"French","target":null,"custom_class":null}},{"title":"Mid-Century Modern","link":{"text":"Mid-Century Modern","url":"/en-us/paint-colors/mid-century-modern","alt_text":"Mid-Century Modern","target":null,"custom_class":null}},{"title":"Modern Exterior","link":{"text":"Modern Exterior","url":"/en-us/paint-colors/modern-exterior","alt_text":"Modern Exterior","target":null,"custom_class":null}},{"title":"Modern Interior","link":{"text":"Modern Interior","url":"/en-us/paint-colors/modern-interior","alt_text":"Modern Interior","target":null,"custom_class":null}},{"title":"Vintage","link":{"text":"Vintage","url":"/en-us/paint-colors/vintage","alt_text":"Vintage","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"","column":6,"images":[{"image_url":"https://assets.benjaminmoore.com/transform/e19ad2bd-ed0b-4ac9-bd3d-f1702b27acec/BM_26010_Teaser_Drawing02_sRGB_360x360","description":"Coming this October! Look back at past Colors of the Year now and sign up to stay connected.","image_cta":{"text":"Color of the Year 2027","url":"/en-us/paint-colors/color-of-the-year-2027","alt_text":"Color of the Year 2027","target":null,"custom_class":null}}],"items":[],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Tools to Explore Color","column":6,"images":[],"items":[{"title":"Virtual Color Consultation","link":{"text":"Virtual Color Consultation","url":"/en-us/virtual-color-consultation","alt_text":"Virtual Color Consultation","target":null,"custom_class":null}},{"title":"Color Portfolio App","link":{"text":"Color Portfolio App","url":"/en-us/color-portfolio-paint-matching-app","alt_text":"Color Portfolio App","target":null,"custom_class":null}},{"title":"Color A Room","link":{"text":"Color A Room","url":"/en-us/color-overview/find-your-color/color-a-room","alt_text":"Color A Room","target":null,"custom_class":null}},{"title":"Personal Color Viewer","link":{"text":"Personal Color Viewer","url":"/en-us/color-overview/personal-color-viewer","alt_text":"Personal Color Viewer","target":null,"custom_class":null}},{"title":"Fan Decks","link":{"text":"Fan Decks","url":"/en-us/c/fan-decks","alt_text":"Fan Decks","target":null,"custom_class":null}},{"title":"Color Brochures","link":{"text":"Color Brochures","url":"/en-us/color-overview/color-brochures","alt_text":"Color Brochures","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}}
2038],"disclaimer_text":"<a href=\"/en-us/product-catalog\">Shopping online? Pick-up in Store in as little as 3 hours. Eligible items ship FREE at $25</a>"},{"menu_title":"Products","sections":[{"title":"View All Products","column":1,"images":[],"items":[],"link":{"text":"View All Products","url":"/en-us/product-catalog","alt_text":"View All Products","target":"custom","custom_class":"test class"}},{"title":"Painting Tools","column":1,"images":[],"items":[],"link":{"text":"Painting Tools","url":"/en-us/c/painting-tools","alt_text":"Painting Tools","target":"custom","custom_class":"test class"}},{"title":"Paint Calculator","column":1,"images":[],"items":[],"link":{"text":"Paint Calculator","url":"/en-us/paint-calculator","alt_text":"Paint Calculator","target":"custom","custom_class":"test class"}},{"title":"Sheen Guide","column":1,"images":[],"items":[],"link":{"text":"Sheen Guide","url":"/en-us/interior-exterior-paints-stains/how-to-advice/painting-101/choosing-paint-finish","alt_text":"Sheen Guide","target":"custom","custom_class":"test class"}},{"title":"How-To & Project Advice","column":1,"images":[],"items":[],"link":{"text":"How-To & 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
203860x360","description":"Our highest-performing exterior paint delivers beautiful results and lasting durability.","image_cta":{"text":"Aura Exterior Paint","url":"/en-us/b/aura-exterior-paint","alt_text":"Aura Exterior Paint","target":null,"custom_class":null}},{"image_url":"https://assets.benjaminmoore.com/transform/8ded0354-21ce-4f61-9b1e-bea582aa32d8/BM_FK_SC_Howard_Exterior_GrantBeige_RGB_360x360","description":"Element Guard® is formulated to provide protection and lasting beauty no matter the environment.","image_cta":{"text":"Element Guard® Exterior Paint","url":"/en-us/b/element-guard-exterior-paint","alt_text":"Element Guard® Exterior Paint","target":null,"custom_class":null}}],"items":[],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}}],"disclaimer_text":"<a href=\"/en-us/product-catalog\">Shopping online? Pick-up in Store in as little as 3 hours. Eligible items ship FREE at $25</a>"},{"menu_title":"Project Inspiration","sections":[{"title":"","column":1,"images":[{"image_url":"https://assets.benjaminmoore.com/transform/0b62a7c0-2a1c-4322-8f82-c59b54c8c846/Color-Trends-2026-360x360","description":"Discover the Benjamin Moore Color of the Year 2026, Silhouette AF-655, an elegant color that lends style and grace to the Color Trends 2026 palette.","image_cta":{"text":"Color Of The Year 2026","url":"/en-us/paint-colors/color-of-the-year-2026","alt_text":"Color Of The Year 2026","target":null,"custom_class":null}}],"items":[],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Painting 101","column":1,"images":[],"items":[],"link":{"text":"Painting 101","url":"/en-us/interior-exterior-paints-stains/how-to-advice/painting-101","alt_text":"Painting 101","target":null,"custom_class":null}},{"title":"Curated Palettes","column":1,"images":[],"items":[],"link":{"text":"Curated Palettes","url":"/en-us/color-overview/color-palettes","alt_text":"Curated Palettes","target":null,"custom_class":null}},{"title":"Ideas by Lighting","column":1,"images":[],"items":[],"link":{"text":"Ideas by Lighting","url":"/en-us/color-overview/color-palettes/color-by-direction","alt_text":"Ideas by Lighting","target":null,"custom_class":null}},{"title":"Color Insights","column":2,"images":[],"items":[{"title":"Complementary Colors","link":{"text":"Complementary Colors","url":"/en-us/color-overview/color-insights/complementary-colors-guide","alt_text":"Complementary Colors","target":null,"custom_class":null}},{"title":"Alternatives to Neutrals","link":{"text":"Alternatives to Neutrals","url":"/en-us/color-overview/color-insights/alternatives-to-neutral-paint-colors","alt_text":"Alternatives to Neutrals","target":null,"custom_class":null}},{"title":"Monochromatic Colors","link":{"text":"Monochromatic Colors","url":"/en-us/color-overview/color-insights/monochromatic-color-schemes","alt_text":"Monochromatic Colors","target":null,"custom_class":null}},{"title":"Analogous Colors","link":{"text":"Analogous Colors","url":"/en-us/color-overview/color-insights/analogous-color-schemes","alt_text":"Analogous Colors","target":null,"custom_class":null}},{"title":"Warm & Cool","link":{"text":"Warm & 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}}
2038],"disclaimer_text":"<a href=\"/en-us/product-catalog\">Shopping online? Pick-up in Store in as little as 3 hours. Eligible items ship FREE at $25</a>"},{"menu_title":"Professionals","sections":[{"title":"Contact a Rep","column":1,"images":[],"items":[],"link":{"text":null,"url":"/en-us/contact-us-contractors","alt_text":null,"target":null,"custom_class":null}},{"title":"Pro Resources","column":2,"images":[],"items":[{"title":"Contractors","link":{"text":"Contractors","url":"/en-us/contractors","alt_text":"Contractors","target":null,"custom_class":null}},{"title":"Architects","link":{"text":"Architects","url":"/en-us/architects","alt_text":"Architects","target":null,"custom_class":null}},{"title":"Designers","link":{"text":"Designers","url":"/en-us/designers","alt_text":"Designers","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Documents & Specs","column":3,"images":[],"items":[{"title":"Documentation","link":{"text":"Documentation","url":"/en-us/documentation","alt_text":"Documentation","target":null,"custom_class":null}},{"title":"Paint Specification Tools","link":{"text":"Paint Specification Tools","url":"/en-us/architects-designers/paint-specifications","alt_text":"Paint Specification Tools","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"Product Video Testimonials","column":4,"images":[],"items":[{"title":"Aura Interior Paint","link":{"text":"Aura Interior Paint","url":"/en-us/interior-exterior-paints-stains/aura-interior-paint/aura-testimonials","alt_text":"Aura Interior Paint","target":null,"custom_class":null}},{"title":"Regal Select Interior Paint","link":{"text":"Regal Select Interior Paint","url":"/en-us/interior-exterior-paints-stains/regal-select-interior-paint/painting-contractors-love-regal-select-interior-paint","alt_text":"Regal Select Interior Paint","target":null,"custom_class":null}},{"title":"Ben Interior Paint","link":{"text":"Ben Interior Paint","url":"/en-us/interior-exterior-paints-stains/ben-interior-paint/why-pro-painters-love-ben-interior-paint","alt_text":"Ben Interior Paint","target":null,"custom_class":null}},{"title":"Aura Exterior Paint","link":{"text":"Aura Exterior Paint","url":"/en-us/interior-exterior-paints-stains/aura-exterior-paint/why-painting-pros-love-aura-exterior-paint","alt_text":"Aura Exterior Paint","target":null,"custom_class":null}},{"title":"Element Guard Exterior Paint","link":{"text":"Element Guard Exterior Paint","url":"/en-us/interior-exterior-paints-stains/element-guard-exterior-paint/why-contractors-recommend-element-guard-exterior-paint","alt_text":"Element Guard Exterior Paint","target":null,"custom_class":null}},{"title":"Eco Spec","link":{"text":"Eco Spec","url":"/en-us/b/eco-spec-interior-paint-primer#testimonials","alt_text":"Eco Spec","target":null,"custom_class":null}},{"title":"High Performance Command","link":{"text":"High Performance Command","url":"/en-us/interior-exterior-paints-stains/high-performance-maintenance-coatings/command","alt_text":"High Performance Command","target":null,"custom_class":null}}],"link":{"text":null,"url":"/en-us/interior-exterior-paints-stains/product-video-testimonials","alt_text":null,"target":null,"custom_class":null}},{"title":"Color Guidance","column":5,"images":[],"items":[{"title":"Order Paint Color Sheets","link":{"text":"Order Paint Color Sheets","url":"/en-us/order-paint-color-sheets","alt_text":"Order Paint Color Sheets","target":null,"custom_class":null}},{"title":"Download Color Palettes","link":{"text":"Download Color Palettes","url":"/en-us/architects-designers/download-benjamin-moore-color-palettes","alt_text":"Download Color Palettes","target":null,"custom_class":null}}],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}},{"title":"","column":6,"images":[{"image_url":"https://assets.benjaminmoore.com/transform/f4c3cad1-b7d7-403d-ac7c-ff263e28ff7d/Yellow-Living-Room-Faces-Of-Design-Kansas-City-360x360","description":"Meet 12 top interior designers, architects, and professional painters shaping the industry.","image_cta":{"text":"Faces of Design 2026","url":"/en-us/designers/faces-of-design-2026","alt_text":"Faces of Design 2026","target":null,"custom_class":null}}],"items":[],"link":{"text":null,"url":null,"alt_text":null,"target":null,"custom_class":null}}
2038],"disclaimer_text":"<a href=\"/en-us/product-catalog\">Shopping online? Pick-up in Store in as little as 3 hours. Eligible items ship FREE at $25</a>"}]}},"page":{},"settings":{}}; 2039</script>
2039 2040 2041 2042 2043 <!-- Global Angular Templates --> 2044 <!-- Global Directive for Confirmation Modal --> 2045 <confirmation-modal></confirmation-modal> 2046 <!-- Global Directive for scroll to --> 2047 <url-scroll-to></url-scroll-to> 2048 2049
2049<script id="default-modal-template.html" type="text/ng-template"> 2050 <div class="modal default" tabindex="-1" role="dialog" 2051 modal-render="{{$isRendered}}" 2052 uib-modal-animation-class="fade" 2053 modal-in-class="in" 2054 aria-label="Modal dialog window" 2055 ng-style="{ 'z-index': (9999 + index * 10), display: 'block' }"> 2056 <div class="modal-dialog{{ (size)? (' modal-' + size) : '' }}" role="document"> 2057 <div class="modal-content" uib-modal-transclude></div> 2058 </div> 2059 </div> 2060 </script>
2060 2061 2062 <!-- Favorites Modal Window Template --> 2063
2063<script id="favorites-modal-template.html" type="text/ng-template"> 2064 <div class="modal default" tabindex="-1" role="dialog" 2065 modal-render="{{$isRendered}}" 2066 uib-modal-animation-class="fade" 2067 modal-in-class="in" 2068 ng-style="{ 'z-index': (1095 + index * 10), display: 'block' }"> 2069 <div class="modal-dialog{{ (size)? (' modal-' + size) : '' }}" role="document"> 2070 <div class="modal-content" uib-modal-transclude></div> 2071 </div> 2072 </div> 2073 </script>
2073 2074 2075 <!-- Image Modal Overlay --> 2076
2076<script id="imageOverlayIcon.directive.html" type="text/ng-template"> 2077<div tabindex="0" data-ng-click="ctrl.onIconClick($event)" data-ng-keydown="ctrl.onIconClick($event)" class="icon icon-info-circle" role="button" aria-label='More information about {{ctrl.photo.imageAlt}}'> 2078 <span class="sr-only">More Information</span> 2079 2080<add-favorites-menu id="{{ctrl.photo.ItemId}}" role="button" data="ctrl.photo" type="photo_inspirational" menu-position="bottomLeft" class="icon-favorites-circle photo-inspirational fav-photo-{{ctrl.photo.ItemId}}"></add-favorites-menu> 2081 </script>
2081 2082
2082<script id="imageOverlayModal.html" type="text/ng-template"> 2083 2084<div id="image-overlay-modal" 2085 data-ng-style="{'width': ctrl.imgWidth, 'visibility': ctrl.imgWidth ? 'visible' : 'hidden'}" 2086 data-ng-class="{'screen-orientation-open': ctrl.suggestLandscape, 'image-loaded': ctrl.imageLoaded}" 2087 data-ng-keydown="ctrl.onModalKeydown($event)" 2088 role="dialog" 2089 aria-modal="true" 2090 aria-label="{{::ctrl.photo.imageAlt}}"> 2091 2092 <!-- Focus guard at start - cycles to end when focused --> 2093 <span class="focus-guard" tabindex="0" data-ng-focus="ctrl.onFocusGuardStart($event)" aria-hidden="true" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;"></span> 2094 2095 <!-- Header --> 2096 <div class="modal-header"> 2097 <button type="button" class="btn btn-close" 2098 data-ng-click="ctrl.onModalCloseClick()" aria-label="Close"> 2099 <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span> 2100 </button> 2101 </div> 2102 2103 <!-- Body --> 2104 <div class="modal-body"> 2105 <!-- Room Image/Share Icons --> 2106 <div class="img-wrap"> 2107 <share-pinterest data-media="ctrl.pinterestShareModel.media" 2108 data-description="ctrl.pinterestShareModel.description" 2109 data-url="ctrl.pinterestShareModel.url" data-ng-hide="ctrl.photo.hideShareIcons" data-class="icon-container icon-pinterest-circle-box"></share-pinterest> 2110 2111 <share-facebook data-description="ctrl.fbShareModel.description" 2112 data-media="ctrl.fbShareModel.media" 2113 data-title="ctrl.fbShareModel.title" 2114 data-url="ctrl.fbShareModel.url" data-ng-hide="ctrl.photo.hideShareIcons" data-class="icon-container icon-facebook-box"> 2115 </share-facebook> 2116 2117 2118 2119 <img data-ng-src="{{::ctrl.photo.modalImage}}" 2120 alt="{{::ctrl.photo.imageAlt}}" 2121 title="{{::ctrl.photo.imageAlt}}" 2122 image-onload="ctrl.onImageLoad(width, height)" /> 2123 2124 </div> 2125 2126 <!-- Button controllers for scroll down action --> 2127 <button class="icon icon-down-arrow scroll-down" 2128 data-ng-class="{'hidden': ctrl.hideDetails}" 2129 data-ng-click="ctrl.onArrowClick('down')" 2130 data-ng-if="ctrl.downArrow" 2131 data-target-scroll-id="room-wrap" 2132 data-scroll-to-btn 2133 data-use-offset-position="true" 2134 data-scroll-offset="-50" 2135 data-scroll-speed="1000" 2136 data-parent-element=".modal" 2137 aria-label="Scroll Down"><span class="sr-only">Scroll Down</span></button> 2138 2139 <!-- Button controllers for scroll up action --> 2140 <button class="icon icon-up-arrow scroll-down" 2141 data-ng-class="{'hidden': ctrl.hideDetails}" 2142 data-ng-click="ctrl.onArrowClick('up')" 2143 data-ng-if="!ctrl.downArrow" 2144 data-target-scroll-id="image-overlay-modal" 2145 data-scroll-to-btn 2146 data-use-offset-position="true" 2147 data-scroll-speed="1000" 2148 data-scroll-offset="-100" 2149 data-parent-element=".modal" 2150 aria-label="Scroll Up"><span class="sr-only">Scroll Up</span></button> 2151 2152 2153 <!-- Room Details --> 2154 <div class="room-wrap" 2155 data-ng-class="{'hidden': ctrl.hideDetails}" 2156 id="room-wrap"> 2157 2158 <!-- Room Name --> 2159 <div data-ng-bind="::ctrl.photo.name" 2160 data-ng-if="::ctrl.photo.name" 2161 class="room-header"></div> 2162 2163 <div class="surface-wrap" 2164 data-ng-class="{'wide': ctrl.aspectRatio > 1 && ctrl.imgWidth > ctrl.minTwoColWidth && ctrl.photo.surfaces.length > 1, 'tall': ctrl.aspectRatio <=1 || ctrl.imgWidth <= ctrl.minTwoColWidth || ctrl.photo.surfaces.length <=1 }"> 2165 <div data-ng-repeat="surface in ctrl.photo.surfaces" 2166 ng-class-odd="'odd'" 2167 ng-class-even="'even'"> 2168 2169 <!-- Surface Dollop --> 2170 <div> 2171 <img data-ng-src="{{'//media.benjaminmoore.com/WebServices/prod/dollops/90x90/' + surface.color.
2171number + '.png'}}" alt="{{::surface.color.name}}"></img> 2172 </div> 2173 2174 <!-- Surface Color/Product--> 2175 <div> 2176 <div role="heading" aria-level="2" data-ng-bind-html="::surface.name | bmTrustAsHtml" 2177 class="surface-name"></div> 2178 <a class="color-container" 2179 data-ng-href="{{::surface.color.cdpColorUrl}}" 2180 data-ng-click="ctrl.onLinkClick()"> 2181 <span data-ng-bind-html="::surface.color.name | bmTrustAsHtml" 2182 class="color-name" id="color-name-{{$index}}"></span> 2183 <span data-ng-bind="::surface.color.number" 2184 class="color-number" id="color-number-{{$index}}"></span> <i class="icon-right-arrow"></i> 2185 </a> 2186 <a data-ng-if="::surface.product && surface.product.number" 2187 class="product-container" 2188 data-ng-href="{{::surface.product.url}}" 2189 data-ng-click="ctrl.onLinkClick()"> 2190 <i class="icon-paintcan"></i> 2191 <span class="product-name" 2192 data-ng-bind-html="::surface.product.name | bmTrustAsHtml"></span> <i class="icon-right-arrow"></i> 2193 </a> 2194 <div class="buy-sample-button-container" 2195 data-ng-if="surface.color.number" 2196 data-ng-class="{'hidden-xs': !true}"> 2197 <a href="javascript:void(0);" id="shop-now-{{$index}}" ng-click="ctrl.openBuySampleModal(surface.color)" class="btn btn-card btn-square" aria-labelledby="shop-now-{{$index}} color-name-{{$index}} color-number-{{$index}}"> 2198 <i class="icon icon-shopping-cart"></i>Shop Now 2199 </a> 2200 </div> 2201 2202 </div> 2203 </div> 2204 </div> 2205 </div> 2206 </div> 2207 2208 <!-- Focus guard at end - cycles to start when focused --> 2209 <span class="focus-guard" tabindex="0" data-ng-focus="ctrl.onFocusGuardEnd($event)" aria-hidden="true" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;"></span> 2210</div> 2211 </script>
2211 2212
2212<script id="sharePinterest.directive.html" type="text/ng-template"> 2213<a href="" data-ng-click="ctrl.onShareClick()" aria-label="Share on Pinterest" ng-class="{'{{ctrl.class}}' : ctrl.class}"> 2214 <i class="icon-pinterest-circle"></i> 2215</a> 2216 2217 </script>
2217 2218
2218<script id="shareFacebook.directive.html" type="text/ng-template"> 2219<a href="" data-ng-click="ctrl.onShareClick()" aria-label="Share on Facebook" ng-class="{'{{ctrl.class}}' : ctrl.class}"> 2220 <span class="icon-facebook"> 2221 <i class="icon-facebook-circle"></i> 2222 </span> 2223</a> 2224 2225 </script>
2225 2226
2226<script id="shareTwitter.directive.html" type="text/ng-template"> 2227<a href="" data-ng-click="ctrl.onShareClick($event)" tabindex="0" ng-class="{'{{ctrl.class}}' : ctrl.class}"> 2228 <i class="icon-twitter-circle"></i> 2229 <span class="sr-only">Twitter</span> 2230</a> 2231 2232 </script>
2232 2233
2233<script id="shareDownload.directive.html" type="text/ng-template"> 2234<a href="" data-ng-click="ctrl.onDownloadClick()" 2235 class="social-media-icon icon-download-container socialmedialinks-download"> 2236 <i class="icon icon-download"></i> 2237 <span class="sr-only">Download</span> 2238</a> 2239 2240 </script>
2240 2241
2241<script id="socialMedia.directive.html" type="text/ng-template"> 2242<div class="social-media" ng-class="{'{{ctrl.social.alignment}}' : ctrl.social.alignment}"> 2243 <h2 ng-show="ctrl.social.header">{{ctrl.social.header}}</h2> 2244 <ul class="social-media-icons"> 2245 <li ng-show="ctrl.social.showFb"> 2246 <share-facebook data-description="ctrl.fbShareModel.description" 2247 data-media="ctrl.fbShareModel.media" 2248 data-title="ctrl.fbShareModel.title" 2249 data-url="ctrl.fbShareModel.url" 2250 data-class="social-media-icon icon-facebook socialmedialinks-facebook"> 2251 </share-facebook> 2252 </li> 2253 <li ng-show="ctrl.social.showPin"> 2254 <share-pinterest data-media="ctrl.pinterestShareModel.media" 2255 data-description="ctrl.pinterestShareModel.description" 2256 data-url="ctrl.pinterestShareModel.url" 2257 data-class="social-media-icon icon-pinterest socialmedialinks-pinterest"> 2258 </share-pinterest> 2259 </li> 2260 <li ng-show="ctrl.social.showTwitter"> 2261 <share-twitter data-description="ctrl.twitterShareModel.description" 2262 data-url="ctrl.twitterShareModel.url" 2263 data-class="social-media-icon icon-twitter socialmedialinks-twitter"> 2264 </share-twitter> 2265 </li> 2266 <li ng-show="ctrl.social.email.showEmail"> 2267 <a aria-label="Email Benjamin Moore" 2268 data-email-subject="{{ctrl.social.email.subject}}" 2269 data-email-body="{{ctrl.social.email.body}}" 2270 href="{{ctrl.social.email.href}}" 2271 class="social-media-icon icon-email-container socialmedialinks-email"> 2272 <i class="icon icon-email"> 2273 <span class="sr-only">Email</span> 2274 </i> 2275 </a> 2276 </li> 2277 <li ng-show="ctrl.social.download.showDownload"> 2278 <share-download 2279 data-title="ctrl.social.download.title" 2280 data-url="ctrl.social.download.url"> 2281 </share-download> 2282 </li> 2283 </ul> 2284</div> 2285 </script>
2285 2286
2286<script id="add-favorites-menu.html" type="text/ng-template"> 2287<!-- <div class="addToFavoriteMenu" tabindex="{{ctrl.index?ctrl.index:0}}" role="button" aria-label="add favorites" aria-pressed="false" data-ng-cloak data-ng-click="ctrl.toggleDropdown($event,ctrl.data,ctrl.type)" data-ng-keypress="($event.keyCode == 13 || $event.keyCode == 32) ? ctrl.toggleDropdown($event,ctrl.data,ctrl.type) : null" data-uib-dropdown-toggle> 2288 <div class="addToFavorite-menu-dropdown" data-uib-dropdown data-keyboard-nav data-is-open="ctrl.status.isopen"> 2289 <a id="addFavoritesMenu_{{ctrl.idExpansion}}" class="addFavoritesMenu icon" swatch="ctrl.data" data-ng-class="ctrl.isFavorite ? 'icon-favorites-filled' : 'icon-add-favorite'"></a> 2290 <ul class="dropdown-menu {{ctrl.menuPosition}}" data-uib-dropdown-menu role="menu" data-aria-labelledby="addFavoritesMenu_{{ctrl.idExpansion}}"> 2291 <li role="menuitem" data-ng-if="!ctrl.notLoggedIn && !ctrl.imageModal" role="menuitem"><a tabindex="0" href="javascript:void(0)" data-ng-click="ctrl.addFavorite(ctrl.data,ctrl.type)">ADD ITEM</a></li> 2292 <li role="menuitem" data-ng-if="!ctrl.notLoggedIn && !ctrl.imageModal" role="menuitem"><a tabindex="0" href="javascript:void(0)" data-ng-click="ctrl.addToProject(ctrl.data,ctrl.type)">ADD TO A PROJECT</a></li> 2293 <li role="menuitem" data-ng-if="ctrl.notLoggedIn" class="text-center" role="menuitem"><a tabindex="0" href="javascript:void(0)" data-ng-click="ctrl.addToProject(ctrl.data,ctrl.type)"><strong><span class="pseudo-link">Sign In</span> to save item & use My Favorites</strong></a></li> 2294 2295 </ul> 2296 </div> 2297</div> --> 2298 2299 </script>
2299 2300
2300<script id="confirmation-modal.html" type="text/ng-template"> 2301<div id="confirm-overlay"> 2302 <!-- optional double confirmation warning view --> 2303 <div id="warningConfirm" aria-label="{{ctrl.warningTitle}}" class="modal-container fadeout" ng-hide="!ctrl.hideConfirmSubmit" ng-if="ctrl.doubleConfirm"> 2304 <div class="modal-header"> 2305 <button type="button" class="btn btn-close" data-ng-click="$close();" aria-label="Close"> 2306 <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span> 2307 </button> 2308 </div> 2309 2310 <div class="modal-body"> 2311 <h3 class="modal-title"> 2312 {{ctrl.warningTitle}} 2313 <span class="spacer"></span> 2314 <small data-ng-bind-html="ctrl.warningDesc"></small> 2315 </h3> 2316 2317 <div class="actions reverse-buttons"> 2318 <button type="reset" class="btn btn-card" data-ng-click="$close();">{{ctrl.warningBtnLabelB}}</button> 2319 <span class="btn btn-card" data-ng-click="ctrl.hideConfirmSubmit = false;">{{ctrl.warningBtnLabelA}}</span> 2320 </div> 2321 2322 </div> 2323 </div> 2324 2325 <!-- normal confirmation modal view --> 2326 <div id="confirmSubmit" class="modal-container" aria-labelledby="{{ctrl.title}}" aria-modal="true" ng-if="!ctrl.hideConfirmSubmit || !ctrl.doubleConfirm" ng-class="{ fadein:!ctrl.hideConfirmSubmit }"> 2327 <div class="modal-header"> 2328 <button type="button" class="btn btn-close" data-ng-click="$close();" aria-label="Close"> 2329 <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span> 2330 </button>
2331 </div> 2332 2333 <div class="modal-body"> 2334 <h3 class="modal-title"> 2335 {{ctrl.title}} 2336 <span class="spacer"></span> 2337 <small data-ng-bind-html="ctrl.desc"></small> 2338 </h3> 2339 2340 <div class="actions reverse-buttons"> 2341 <button type="reset" class="btn btn-card" data-ng-click="$close();">{{ctrl.btnLabelB}}</button> 2342 <span class="btn btn-card" role="button" tabindex="0" ng-class="{ reverse : ctrl.doubleConfirm }" data-ng-disabled="ctrl.isLoading" data-ng-click="ctrl.modalSubmit($event);" data-ng-keydown="ctrl.modalSubmit($event);">{{ctrl.btnLabelA}}<span ng-show="ctrl.isLoading" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span></span> 2343 </div> 2344 2345 </div> 2346 </div> 2347</div> 2348 2349 </script>
2349 2350
2350<script id="create-project-modal.html" type="text/ng-template"> 2351 2352<div id="create-project-overlay" aria-label="Start a new project" aria-expanded="false"> 2353 <div class="modal-header"> 2354 <button type="button" class="btn btn-close" 2355 data-ng-click="$dismiss();" aria-label="Close"> 2356 <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span> 2357 </button> 2358 </div> 2359 <div class="modal-body" data-ng-if="!ctrl.formSubmitted && !ctrl.formApiError"> 2360 <h3 class="modal-title"> 2361 Start a new project 2362 </h3> 2363 <div class="details"> 2364 <form name="createProjectForm" data-ng-submit="ctrl.submitCreateProject(createProjectForm.$valid)" novalidate> 2365 <div class="form-group"> 2366 <label class="sr-only" for="projectName"></label> 2367 <input id="projectName" type="text" name="projectName" class="form-control" placeholder="Project name (required)" maxlength="60" required data-ng-model="ctrl.project.name" data-ng-class="{'error':createProjectForm.projectName.$invalid && createProjectForm.$submitted}" /> 2368 <div data-ng-messages="createProjectForm.projectName.$error" data-ng-if="createProjectForm.projectName.$invalid && createProjectForm.$submitted"> 2369 <div data-ng-message="required"> 2370 <p class="error">Error: You must enter a project name to create your project.</p> 2371 </div> 2372 </div> 2373 </div> 2374 <div class="form-group" data-uib-dropdown data-keyboard-nav data-is-open="status.isopen"> 2375 <button id="project-type" type="button" aria-haspopup="true" aria-expanded="false" class="form-control dropdown-togglebtn" data-uib-dropdown-toggle data-ng-class="{'error':createProjectForm.projectType.$invalid && createProjectForm.$submitted}" data-ng-init="ctrl.project.type.name='Project type (required)'"> 2376 {{ctrl.project.type.name}} 2377 <span class="icon icon-down-arrow" aria-hidden="true"></span> 2378 </button> 2379 <ul class="dropdown-menu" data-uib-dropdown-menu role="menu" data-aria-labelledby="subscribe-type"> 2380 <li data-ng-repeat="option in ctrl.projectTypes" role="menuitem"> 2381 <a data-ng-click="ctrl.selectProjectType(option)" tabindex="0" href="javascript:void(0)">{{option.name}}</a> 2382 </li> 2383 </ul> 2384 <!--INPUT PLACEHOLDER ONLY FOR VALIDATION--> 2385 <input id="projectType" type="text" name="type" class="hidden" data-ng-model="ctrl.dropdownPlaceholder" required /> 2386 <div data-ng-messages="createProjectForm.type.$error" data-ng-if="createProjectForm.type.$invalid && createProjectForm.$submitted"> 2387 <div data-ng-message="required"> 2388 <p class="error">Error: You must select a project type from the dropdown options.</p> 2389 </div> 2390 </div> 2391 </div> 2392 2393 <div class="form-group"> 2394 <label class="sr-only" for="createProjectComments">Comments (optional)</label> 2395 <textarea id="createProjectComments" type="text" name="comments" maxlength="120" class="form-control" placeholder="Comments (optional)" data-ng-model="ctrl.project.comments" /> 2396 </div> 2397 <div class="actions"> 2398 <button type="submit" class="btn btn-card">CREATE PROJECT</button> 2399 </div> 2400 </form> 2401 </div> 2402 </div> 2403 <div class="modal-body"> 2404 <h3 class="modal-title"><small class="bottom-subtext font-black">What is a Project?</small></h3> 2405 <p>Projects help you organize your favorite items like colors, products, articles and images.</p> 2406 </div> 2407 <div class="modal-body" data-ng-if="ctrl.formApiError"> 2408 <h3 class="modal-title"> An error has occurred, please try again. </h3> 2409 <div class="spacer"></div> 2410 <div class="space"> 2411 An error has occurred, please try again. 2412 </div> 2413 </div> 2414</div> 2415 2416 </script>
2416 2417
2417<script id="add-to-project-modal.html" type="text/ng-template"> 2418<div id="addFavoriteToProject" aria-label="Add this item to a project?"> 2419 <div class="loading loading-icon text-center" data-ng-if="ctrl.modalLoading"> 2420 <spinner></spinner> 2421 </div> 2422 <div class="modal-header"> 2423 <button type="button" class="btn btn-close" data-ng-click="ctrl.closeModal()" aria-label="Close"> 2424 <span class="sr-only">Close</span><span class="icon-close" aria-hidden="true"></span> 2425 </button> 2426 </div> 2427 <div class="modal-title"> 2428 <h3> 2429 <span data-ng-if="ctrl.favorite.mode==='auth' || ctrl.favorite.mode==='copy'">Add this item to a project?</span> 2430 <span data-ng-if="ctrl.favorite.mode==='anonymous'">Still want to save this item?</span> 2431 </h3> 2432 </div> 2433 <div class="modal-body" data-ng-if="!ctrl.formApiError"> 2434 <div class="row"> 2435 <div class="flex-container"> 2436 <div class="col-md-5 col-xs-12 col-sm-5 flex-item-center"> 2437 <div class="item-container" data-ng-switch on="ctrl.favorite.Type"> 2438 <div class="dollop-item" data-ng-switch-when="color"> 2439 <div class="dollop-image"> 2440 <img class="dollop img-responsive" src="{{ctrl.favorite.AlbumCover}}" alt="{{ctrl.favorite.name}}"/> 2441 </div> 2442 <h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4> 2443 <div class="dollop-number">{{ctrl.favorite.number}}</div> 2444 </div> 2445 2446 <div data-ng-switch-when="product"> 2447 <span class="product-image"> 2448 <img src="{{ctrl.favorite.AlbumCover}}" alt="{{ctrl.favorite.name}}" /> 2449 </span> 2450 <h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4> 2451 </div> 2452 2453 <div data-ng-switch-when="product_family"> 2454 <span class="product-image"> 2455 <img src="{{ctrl.favorite.AlbumCover}}" alt="{{ctrl.favorite.name}}" /> 2456 </span> 2457 <h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4> 2458 </div> 2459 2460 <div data-ng-switch-when="photo_inspirational"> 2461 <div class="inspirational" style="background-image:url('{{ctrl.favorite.AlbumCover}}');"></div> 2462 <h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4> 2463 </div> 2464 2465 <div data-ng-switch-when="photo_coloraroom"> 2466 <div class="coloraroom" style="background-image:url('{{ctrl.favorite.AlbumCover}}');"></div> 2467 <h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4> 2468 </div> 2469 2470 <div data-ng-switch-when="article"> 2471 <div class="article" style="background-image:url('{{ctrl.favorite.AlbumCover}}');"></div> 2472 <h4 class="name ellipsis ng-binding" data-ng-bind-html="ctrl.favorite.name | bmTrustAsHtml"></h4> 2473 </div> 2474 </div> 2475 <div class="save-favorite" data-ng-if="ctrl.favorite.mode==='anonymous'"> 2476 <button data-ng-click="ctrl.saveToFavorite(ctrl.favorite);" class="btn btn-card" id="btn-save-to-fav-project-add-modal">Save to My Items</button> 2477 </div> 2478 </div> 2479 2480 <div class="col-md-7 col-xs-12 col-sm-7 right-view"> 2481 2482 <div class="save-to-project" data-ng-class="{'moveToLeft':ctrl.moveLeft, 'moveToRight':ctrl.moveRight}"> 2483 <h4 class="subtitle" data-ng-cloak data-ng-hide="ctrl.projects.length === 0">Save to a Project:</h4> 2484 <div data-ng-show="ctrl.projects.length > 0" data-ng-cloak class="project-list"> 2485 <div class="loading" data-ng-show="ctrl.loading"> 2486 <spinner></spinner> 2487 </div> 2488 <ul> 2489 <li data-ng-repeat="project in ctrl.projects" tabindex = "0" data-ng-click="ctrl.addFavoriteToProject(ctrl.favorite, project.Id,$event);" data-ng-keydown="ctrl.addFavoriteToProject(ctrl.favorite, project.Id,$event);"> 2490 <div data-ng-if="project.AlbumCover !== '' && (project.AlbumCoverType === 'photo_inspirational' || project.AlbumCoverType === 'photo_coloraroom' || project.AlbumCoverType === 'article')" class="project-cover photo" style="background-image:url('{{project.AlbumCover}}')"></div> 2491 2492 <div data-ng-if="project.AlbumCoverType === 'product' || project.AlbumCoverType === 'product_family'" class="project-cover product"><img data-ng-src="//{{project.AlbumCover}}" alt="{{project.Name}}"></div> 2493 2494 <div data-ng-if="project.AlbumCoverType === 'color'" class="project-cover color" ><img data-ng-src="{{ctrl.colorImageURL(project.AlbumCover)}}" alt="{{project.Name}}"/></div> 2495 2496 <div data-ng-if="project.AlbumCoverType === '' || (project.AlbumCover ==='' && project.AlbumColors ==='')" class="no-project-cover"></div> 2497 2498 <div class="project-title"> 2499 <h4 class="ellipsis">{{project.Name}}</h4> 2500 </div> 2501 </li> 2502 </ul> 2503 </div> 2504 <div class="no-projects-msg" data-ng-cloak data-ng-show="ctrl.projects.length === 0"> 2505 <div> 2506 <h4>You don't have any projects saved. Start a project now!</h4> 2507 <div class="new-project alt" tabindex="0" data-ng-click="ctrl.switchModalPane('left',$event);" data-ng-keydown="ctrl.switchModalPane('left',$event);"> 2508 <span class="icon icon-close new-project-icon"></span> 2509 <span>NEW PROJECT</span> 2510 </div> 2511 </div> 2512 </div> 2513 <div class="new-project" data-ng-cloak data-ng-class="{'invisible':ctrl.projects.length === 0}" tabindex="0" data-ng-click="ctrl.switchModalPane('left',$event);" data-ng-keydown="ctrl.switchModalPane('left',$event);"> 2514 <span class="icon icon-close new-project-icon"></span> 2515 <span id="btn-add-new-project-modal">NEW PROJECT</span> 2516 </div> 2517 </div> 2518 <div class="create-new-project" data-ng-class="{'fadeIn':ctrl.moveLeft, 'fadeOut':ctrl.moveRight}"> 2519 <h4 class="subtitle">Create New Project</h4>
2520 <form name="createProjectForm" data-ng-submit="ctrl.submitCreateProject(createProjectForm.$valid)" novalidate> 2521 <div class="form-group"> 2522 <input id="projectName" type="text" name="projectName" class="form-control" placeholder="Project Name (required)" required data-ng-model="ctrl.project.name" data-ng-class="{'error':createProjectForm.projectName.$invalid && createProjectForm.$submitted}" /> 2523 <div data-ng-messages="createProjectForm.projectName.$error" data-ng-if="createProjectForm.projectName.$invalid && createProjectForm.$submitted"> 2524 <div data-ng-message="required"> 2525 <p class="error">You must enter a project name to create your project.</p> 2526 </div> 2527 </div> 2528 </div> 2529 <div class="form-group" data-uib-dropdown data-keyboard-nav data-is-open="status.isopen"> 2530 <button id="project-type" type="button" class="form-control dropdown-togglebtn" data-uib-dropdown-toggle data-ng-class="{'error':createProjectForm.projectType.$invalid && createProjectForm.$submitted}"> 2531 {{ctrl.project.type.name || 'Project Type (required)'}} 2532 <span class="icon icon-down-arrow" aria-hidden="true"></span> 2533 </button> 2534 <ul class="dropdown-menu" data-uib-dropdown-menu role="menu" data-aria-labelledby="project-type"> 2535 <li data-ng-repeat="option in ctrl.projectTypes"> 2536 <a data-ng-click="ctrl.selectProjectType(option)">{{option.name}}</a> 2537 </li> 2538 </ul> 2539 2540 <!--INPUT PLACEHOLDER ONLY FOR VALIDATION--> 2541 <input id="projectType" type="text" name="type" class="hidden" data-ng-model="ctrl.dropdownPlaceholder" required /> 2542 <div data-ng-messages="createProjectForm.type.$error" data-ng-if="createProjectForm.type.$invalid && createProjectForm.$submitted"> 2543 <div data-ng-message="required"> 2544 <p class="error">You must select a project type from the dropdown options.</p> 2545 </div> 2546 </div> 2547 </div> 2548 2549 <div class="form-group"> 2550 <label for="createProjectComments" class="sr-only">Comments (optional)</label> 2551 <textarea id="createProjectComments" type="text" name="comments" class="form-control" placeholder="Comments (optional)" data-ng-model="ctrl.project.comments" /> 2552 </div> 2553 <div class="actions modal-btn-reverse-wrap"> 2554 <span class="modal-cancel-btn btn btn-card" id="btn-cancel-new-project-add-project-modal" tabindex="0" role="button" aria-pressed="false" data-ng-click="ctrl.switchModalPane('right',$event,createProjectForm);" data-ng-keydown="ctrl.switchModalPane('right',$event,createProjectForm);">Cancel</span> 2555 <button type="submit" id="btn-create-new-project-add-project-modal" class="btn btn-card">CREATE PROJECT</button> 2556 </div> 2557 </form> 2558 2559 <div class="modal-body" data-ng-if="ctrl.formApiError"> 2560 <h3 class="modal-title">An error has occurred</h3> 2561 <div class="spacer"></div> 2562 <div class="space"> 2563 Please try again. 2564 </div> 2565 </div> 2566 </div> 2567 </div> 2568 </div> 2569 </div> 2570 </div> 2571</div> 2572 2573 2574 </script>
2574 2575
2575<script id="color-family-description.html" type="text/ng-template"> 2576<div class="color-desc text-center ellipsis"> 2577 <h2 id="colorDesc" data-ng-click="!ctrl.expandedOnLoad && ctrl.onExpand($event)" data-ng-class="{'expanded':ctrl.expanded}"> 2578 <span ng-bind-html="ctrl.familyDesc"></span> 2579 <a class="btn btn-arrow shop-now-btn" ng-if="ctrl.shopNowLink" ng-href="{{ctrl.shopNowLink}}"> 2580 Shop Now 2581 </a> 2582 <span data-ng-click="ctrl.onClose($event);" data-ng-hide="!ctrl.expanded" class="close-desc" data-ng-if="!ctrl.expandedOnLoad"> 2583 CLOSE 2584 </span> 2585 </h2> 2586</div> 2587 </script>
2587 2588
2588<script id="buy-sample-dollop-modal.html" type="text/ng-template"> 2589<div class="buy-sample-dollop-modal"> 2590 <!-- Header --> 2591 <div class="modal-header"> 2592 <p><i class="icon icon-shopping-cart"></i>Buy Sample</p> 2593 <button type="button" 2594 class="btn btn-close" 2595 data-ng-click="$close();" 2596 aria-label="Close"> 2597 <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span> 2598 </button> 2599 </div> 2600 2601 <!-- Body --> 2602 <div class="modal-body"> 2603 <!-- Color detail --> 2604 <div class="color-detail"> 2605 <div class="color-swatch" ng-style="{'background-color': '#'+ctrl.color.hex}"></div> 2606 <div class="color-spec"> 2607 <p class="color-name">{{ ctrl.color.name }}</p> 2608 <p class="color-number">{{ ctrl.color.number }}</p> 2609 </div> 2610 </div> 2611 <div class="buying-options"> 2612 <a ng-href="{{ctrl.color.drySampleSKU ? ctrl.buySampleUrl + ctrl.color.drySampleSKU : ''}}" href="" 2613 class="btn btn-card btn-square" ng-class="{'disabled': !ctrl.color.drySampleSKU}"> 2614 COLOR SWATCH 2615 </a> 2616 <a ng-href="{{ctrl.color.wetSampleSKU ? ctrl.buySampleUrl + ctrl.color.wetSampleSKU : ''}}" href="" 2617 class="btn btn-card btn-square" ng-class="{'disabled': !ctrl.color.wetSampleSKU}"> 2618 PAINT SAMPLE 2619 </a> 2620 </div> 2621 </div> 2622</div> 2623 2624 </script>
2624 2625
2625<script id="buy-sample-modal.html" type="text/ng-template"> 2626<div class="buy-sample-modal" aria-label="{{ctrl.buySampleData.shopNowModalTitle}}"> 2627 <!-- Header --> 2628 <div class="modal-header"> 2629 <p>{{ctrl.buySampleData.shopNowModalTitle}}</p> 2630 <button type="button" 2631 class="btn btn-close" 2632 data-ng-click="$close();" 2633 aria-label="Close"> 2634 <span class="sr-only">Close Button</span><span class="icon-close" aria-hidden="true"></span> 2635 </button> 2636 </div> 2637 <!-- Body --> 2638 <div class="modal-body"> 2639 <buy-sample data-colors="ctrl.colors"></buy-sample> 2640 </div> 2641</div> 2642 2643 </script>
2643 2644
2644<script id="buy-sample.html" type="text/ng-template"> 2645<div class="buy-sample-container"> 2646 <p class="buy-sample-heading">{{ctrl.buySampleData.shopNowModalSubTitle}}</p> 2647 <div class="colors-list"> 2648 <div class="color-detail" tabindex="0" ng-repeat="color in ctrl.buySampleColors" ng-click="ctrl.selectedColor = color"> 2649 <input type="radio" class="select-color" name="color" ng-if="ctrl.buySampleColors && ctrl.buySampleColors.length > 1" 2650 aria-labelledby="{{'color-name-' + color.number}} {{'color-number-' + color.number}}" 2651 ng-value="color" ng-model="ctrl.selectedColor"> 2652 <div class="color-swatch" ng-style="{ 'background-color': '#' + color.hex }"></div> 2653 <div class="color-spec"> 2654 <p class="color-name" id="{{'color-name-' + color.number}}" ng-bind-html="color.name + ' ' + color.number" ></p> 2655 </div> 2656 </div> 2657 </div> 2658 <div class="buying-options"> 2659 <a ng-repeat="shopNowButton in ctrl.data" ng-href="{{ctrl.buySampleData.buyColorUrl + ctrl.selectedColor.number + shopNowButton.urlParams }}" ng-click="$event.preventDefault();ctrl.buySampleClick(shopNowButton)" 2660 class="btn" ng-class="{'disabled': !ctrl.selectedColor.eStoreAvailable, 'btn-card btn-square': shopNowButton.isButton, 'btn-link pull-right': !shopNowButton.isButton}"> 2661 {{shopNowButton.buttonLabel}} 2662 </a> 2663 </div> 2664</div> 2665 2666 </script>
2666 2667
2667<script id="shop-now-card.html" type="text/ng-template"> 2668 2669<div class="container-fluid"> 2670 <div class="row"> 2671 <div class="col-md-8"> 2672 <div class="text" data-ng-bind-html="ctrl.descriptionText | bmTrustAsHtml"></div> 2673 </div> 2674 <div class="col-md-4 text-center"> 2675 <a class="btn btn-card btn-square reverse shop-now-btn" data-ng-click="ctrl.onBuyClick()" data-ng-keypress="($event.keyCode==13)?ctrl.onBuyClick():'null'" tabindex="0" 2676 ng-class="{'hidden-xs': !true}"> 2677 <span class="icon icon-shopping-cart"></span> 2678 <span>Buy Samples<br>& Paint</span> 2679 </a> 2680 </div> 2681 </div> 2682</div> 2683 2684 </script>
2684 2685
2685<script id="shop-now-stain-card.html" type="text/ng-template"> 2686 2687<div class="container-fluid"> 2688 <div class="row"> 2689 <div class="col-md-8"> 2690 <div class="text" data-ng-bind-html="ctrl.descriptionText | bmTrustAsHtml"></div> 2691 </div> 2692 <div class="col-md-4 text-center"> 2693 <a class="btn btn-card btn-square reverse shop-now-btn" data-ng-click="ctrl.onBuyClick()" data-ng-keypress="($event.keyCode==13)?ctrl.onBuyClick():'null'" tabindex="0" 2694 ng-class="{'hidden-xs': !true}"> 2695 <span class="icon icon-shopping-cart"></span> 2696 <span data-ng-show="!ctrl.isStainButtonVisible">Buy Samples<br>& Paint</span> 2697 <span data-ng-show="ctrl.isStainButtonVisible">Buy Samples &<br/> Stain</span> 2698 </a> 2699 </div> 2700 </div> 2701</div> 2702 2703 </script>
2703 2704
2704<script id="widget.directive.html" type="text/ng-template"> 2705 <div data-ng-controller="widgetCtrl as ctrl" class="widget-card-container" data-ng-init='ctrl.widgetData={"durationInSec":5,"colorData":[{"image":{"Alt":"","Border":"","Class":"","Height":0,"HSpace":0,"Src":null,"VSpace":0,"Width":0,"MediaId":"f49cbfa7-d416-440b-8127-2cdd1e04f5fa","Title":null,"Language":{"Name":"en"},"MediaExists":false},"colorcode":"2035-40","fontcolor":"dark","ctalink":{"Anchor":"","Class":"","Text":"","Query":"","Title":"","Url":"https://benjaminmoore.com/en-us/","Target":"","TargetId":"00000000-0000-0000-0000-000000000000","Type":2,"Style":""},"title":"Color Guide"},{"image":{"Alt":"","Border":"","Class":"","Height":0,"HSpace":0,"Src":null,"VSpace":0,"Width":0,"MediaId":"407a0dde-0148-4364-8d64-2b8bf86ea891","Title":null,"Language":{"Name":"en"},"MediaExists":false},"colorcode":"2054-20","fontcolor":"light","ctalink":{"Anchor":"","Class":"","Text":"","Query":"","Title":"","Url":"https://benjaminmoore.com/en-us/","Target":"","TargetId":"00000000-0000-0000-0000-000000000000","Type":2,"Style":""},"title":"Try Our New Smart Color Guide"},{"image":{"Alt":"","Border":"","Class":"","Height":0,"HSpace":0,"Src":null,"VSpace":0,"Width":0,"MediaId":"90a27284-1299-4875-8958-1906fe491b52","Title":null,"Language":{"Name":"en"},"MediaExists":false},"colorcode":"AF-290","fontcolor":"light","ctalink":{"Anchor":"","Class":"","Text":"","Query":"","Title":"","Url":"https://benjaminmoore.com/en-us/","Target":"","TargetId":"00000000-0000-0000-0000-000000000000","Type":2,"Style":""},"title":"Color Guide"},{"image":{"Alt":"","Border":"","Class":"","Height":0,"HSpace":0,"Src":null,"VSpace":0,"Width":0,"MediaId":"5f99b9ff-0430-4f08-94b6-aeed090744b0","Title":null,"Language":{"Name":"en"},"MediaExists":false},"colorcode":"CW-355","fontcolor":"light","ctalink":{"Anchor":"","Class":"","Text":"","Query":"","Title":"","Url":"https://benjaminmoore.com/en-us/","Target":"","TargetId":"00000000-0000-0000-0000-000000000000","Type":2,"Style":""},"title":"Color Guide"},{"image":{"Alt":"","Border":"","Class":"","Height":0,"HSpace":0,"Src":null,"VSpace":0,"Width":0,"MediaId":"2b8c8445-f7e1-400c-b86c-9f00ad47c9a6","Title":null,"Language":{"Name":"en"},"MediaExists":false},"colorcode":"2080-30","fontcolor":"light","ctalink":{"Anchor":"","Class":"","Text":"","Query":"","Title":"","Url":"https://benjaminmoore.com/en-us/","Target":"","TargetId":"00000000-0000-0000-0000-000000000000","Type":2,"Style":""},"title":"Color Guide"}]};'> 2706 <div ng-if="!ctrl.onCarousel"> 2707 <a ng-repeat="data in ctrl.colorData track by $index" ng-href="{{data.ctalink.Url}}" ng-show="$index === ctrl.index"> 2708 <div class="widget-card" ng-class="{'wlarge': ctrl.makeWidgetLarge, 'wsmall': !ctrl.makeWidgetLarge}" id="widget-card"> 2709 <div class="img-container hidden-xs"> 2710 <img data-ng-src="{{data.image.Src}}" alt="{{data.image.Alt}}" /> 2711 </div> 2712 <figure data-ng-style="{'background-color': '#' + ctrl.hex}"> 2713 <img ng-if="data.fontcolor == 'dark'" ng-src="/assets/benjaminmoore/dist/live/img/widget_black_desktop.svg" alt="widget" /> 2714 <img ng-if="data.fontcolor == 'light'" ng-src="/assets/benjaminmoore/dist/live/img/widget_white_desktop.svg" alt="widget" /> 2715 <p ng-class="{'black-text' :data.fontcolor == 'dark','white-text' : data.fontcolor == 'light'}">{{data.title}}</p> 2716 </figure> 2717 </div> 2718 </a> 2719 </div> 2720 </div> 2721 2722 </script>
2722 2723 2724
2724<script type="text/javascript"> 2725 window.FavoritesNotificationMessage = { 2726 success: '[item] added to <u> My Items <u>', 2727 exists: 'You have already saved this item.', 2728 error: 'An error has occurred, please try again. ' 2729 }; 2730 2731 window.ProjectsNotificationsMessage = { 2732 success: '{item} added to <u> {project} </u>', 2733 error: 'An error has occurred, please try again. ' 2734 }; 2735 2736 window.FavoritesConfirmationDialog = { 2737 deleteFavoriteTitle: 'Delete Item', 2738 deleteFavoriteDescription: 'Are you sure you want to delete "@@FavoriteName"? Once it is deleted it cannot be retrieved.', 2739 deleteProjectTitle: 'Delete Project', 2740 deleteProjectDescription: 'Are you sure you want to delete "@@ProjectName"? Once it is deleted it cannot be retrieved.', 2741 deleteSubmitBtnLabel: 'DELETE', 2742 deleteCancelBtnLabel: 'CANCEL' 2743 }; 2744 2745 window.FavoritesPageLink = { 2746 userItems: '/en-us/my-favorites', 2747 userProjects: '/en-us/my-projects' 2748 }; 2749 2750 window.NotificationsText = { 2751 article: 'Article', 2752 photo_inspirational: 'Image' 2753 }; 2754 </script>
2754 2755 2756
2756<script type="text/javascript"> 2757 window.isOKTAEnabled = true; 2758 window.SlidingCookieExpiryBM = '120'; 2759 window.PartialProfileCookieExpiry = '20'; 2760 window.SSOHost = 'https://okta.benjaminmoore.com'; 2761 window.SSOClientID = '0oa2bl4a2xDntKPan2p7'; 2762 window.BmDomainNames = 'benjaminmoore.com,benjaminmoore.ca'; 2763 window.AccessDenied = false; 2764 window.scriptVersion = '638935955230000000'; 2765 </script>
2765 2766 2767
2767<script type="text/javascript"> 2768 window.showMoreColors = true; 2769 </script>
2769 2770 2771
2771<script type="text/javascript"> 2772 /* javascript for accessibility done after DOM Render completes */ 2773 function removeAttribute(selector, attrName) { 2774 let remove = document.querySelector(selector) 2775 if (remove != null) { 2776 remove.removeAttribute(attrName) 2777 } 2778 } 2779 2780 document.addEventListener("DOMContentLoaded", function () { 2781 removeAttribute("#addressInput", "aria-expanded"); 2782 removeAttribute("#retail-search-input-query", "aria-expanded"); 2783 let contractorBtnHelp = document.querySelector('.btn-help'); 2784 if (contractorBtnHelp != null) { 2785 contractorBtnHelp.querySelectorAll('.btn-card').forEach((card, idx) => { 2786 card.setAttribute("aria-pressed", idx == 0 ? "true" : "false"); 2787 card.addEventListener('keydown', (event) => { 2788 if (event.keyCode == 32 || event.keyCode == 13 || event.key == 'Space' || event.key == 'Enter') { 2789 card.setAttribute("aria-pressed", card.getAttribute("aria-pressed") == "true" ? "false" : "true"); 2790 card.click(); 2791 } 2792 }) 2793 card.addEventListener('click', (event) => { 2794 if (event.target.classList.value.includes("reverse-add")) { 2795 card.setAttribute("aria-pressed", "true"); 2796 } else if (event.target.classList.value.includes("reverse-remove")) { 2797 card.setAttribute("aria-pressed", "false"); 2798 } 2799 }) 2800 }) 2801 } 2802 2803 //code for assigning role to ul in estimating paint jobs page 2804 const ulIds = ['layout-col-article-project-management-copy', 'row-article-get-an-edge_copy']; 2805 ulIds.forEach((id, index) => { 2806 const listUl = document.querySelector(`#${id} > ul`); 2807 if (listUl) { 2808 listUl.role = "presentation"; 2809 } 2810 }) 2811 // code for removing all the wrong hyperlinks 2812 let row = document.querySelectorAll('.row.white-panel') 2813 if (row) { 2814 row.forEach((innerRow) => { 2815 let missPlacedLinks = innerRow.querySelectorAll('ul>a') 2816 missPlacedLinks.forEach((link) => { 2817 let text = link.text.trim() 2818 if (text == '') { 2819 link.setAttribute("style", "display:none;") 2820 } 2821 }) 2822 let targetLinks = innerRow.querySelectorAll('ul>li>a') 2823 if (targetLinks) { 2824 targetLinks.forEach((link) => { 2825 if (link.text.trim() == '') { 2826 link.setAttribute("style", "display:none;") 2827 } 2828 }) 2829 } 2830 }) 2831 } 2832 2833 function footerHeaderLevel(selector, level){ 2834 let footerHeader = document.querySelector(selector); 2835 // ADA fix for preFooter page level 2836 if(footerHeader && level != null){ 2837 footerHeader.setAttribute("role", "heading"); 2838 footerHeader.setAttribute("aria-level", level); 2839 } 2840 } 2841 2842 //removed alt text for the Decorative Images 2843 const page = document.location.pathname.split("/").splice(-1)[0]; 2844 switch (page){ 2845 case 'interiors': 2846 const removeAltsFromInterior = document.querySelectorAll(".slick-cards img") 2847 const remAltsFromPainting = document.querySelectorAll(".indented img") 2848 const removeAllAtlsInteriorPage = [...removeAltsFromInterior,...remAltsFromPainting] 2849 removeAllAtlsInteriorPage.forEach((item)=>item.alt = "") 2850 function changeInteriorHeadingLevel() { 2851 const headingLevel2 = document.querySelector("div.card.indented .descrip > h2"); 2852 if (!headingLevel2) return; 2853 headingLevel2.setAttribute("aria-level", "3"); 2854 }; 2855 changeInteriorHeadingLevel(); 2856 // ADA fix for preFooter page level 2857 footerHeaderLevel("#footer-header-ada", 2); 2858 2859 break; 2860 case 'architects': 2861 //code for converting all found incorrect h2s to h3s in interiors page 2862 let divsWithH2s = [ document.getElementById('layoutcol-tools-of-trade1'), 2863 document.getElementById('layoutcol-tools-of-trade2'), 2864 document.getElementById('layoutcol-tools-of-trade3'), 2865 document.getElementById('layoutcol-tools-of-trade-long-card'), 2866 document.getElementById('layoutcol-specific-solution1'), 2867 document.getElementById('layoutcol-specific-solution2'), 2868 document.getElementById('layoutcol-specific-solution3'), 2869 document.getElementById('layoutcol-specific-solution4'), 2870 document.getElementById('row-tools-of-the-trade').children[1], 2871 document.getElementById('container-gennex'), 2872 document.getElementById('row-tools-of-the-trade').children[2], 2873 document.getElementById('row-what-the-project-cards'), 2874 document.getElementById('row-guide-clients-with-color-cards') 2875 ];
2876 divsWithH2s.forEach( (eachDiv, idx) => { 2877 if(eachDiv){ 2878 let h2s = eachDiv.querySelectorAll('h2'); 2879 if(h2s){ 2880 h2s.forEach((eachH2, indx)=>{ 2881 if(eachH2){ 2882 eachH2.role="heading"; 2883 eachH2.setAttribute('aria-level','3'); 2884 } 2885 }); 2886 } 2887 } 2888 }); 2889 2890 // ADA fix for PreFooter page level 2891 footerHeaderLevel("#footer-header-ada", 2); 2892 2893 function rowGuideClientDecorativeImages(){ 2894 const row = document.querySelector("#row-guide-clients-with-color-cards"); 2895 if(row){ 2896 const images = row.querySelectorAll("img"); 2897 if(images){ 2898 images.forEach( (image) => { 2899 // make the image as decorative 2900 image.alt = ""; 2901 }) 2902 } 2903 } 2904 } 2905 rowGuideClientDecorativeImages(); 2906 break; 2907 case 'color-of-the-year-2022': 2908 // code for converting span and p tags to h3s,h2s in color-of-the-year-2022 page 2909 const divsWithSpanTags = [ 2910 document.getElementById('col-row-1-header'), 2911 document.getElementById('col-row-2-header'), 2912 document.getElementById('col-row-3-header'), 2913 ]; 2914 const divsWithPTags = [ 2915 document.getElementById('col-video-header'), 2916 document.getElementById('row-immerse-header'), 2917 ] 2918 const divsWithMoreSpanTags = [ 2919 document.getElementById('col-work-with-colors').getElementsByClassName('task-indicator')[1] 2920 ]; 2921 function convertSpanPToH2H3(divTags,spanOrPTag,ariaLevel){ 2922 divTags.forEach( (eachDiv, idx) => { 2923 let pTag = eachDiv.querySelector(spanOrPTag); 2924 pTag.role="heading"; 2925 pTag.setAttribute('aria-level',ariaLevel); 2926 }); 2927 } 2928 convertSpanPToH2H3(divsWithSpanTags,'span > strong','3'); 2929 convertSpanPToH2H3(divsWithMoreSpanTags,'span > p > span','3'); 2930 convertSpanPToH2H3(divsWithPTags,'p','2'); 2931 2932 // Hide the chatbot on the color of the year 2022. 2933 function hideInvisibleChatbotForCoY2022() { 2934 // Query a the chat bot iframe 2935 const chatbot = document.querySelector("#chatbotIframe"); 2936 // Check to make sure it was found. 2937 if (chatbot) { 2938 // set it to hidden 2939 chatbot.setAttribute("aria-hidden", "true"); 2940 chatbot.setAttribute("tabindex", "-1"); 2941 } 2942 }; 2943 hideInvisibleChatbotForCoY2022(); 2944 2945 //code for making table role= presentation as visual representation is not a table 2946 const brochureDiv = document.getElementById('column-download-brochure'); 2947 2948 const qs = brochureDiv.querySelector('table'); 2949 qs.role = "presentation"; 2950 2951 // removing duplicate id in color-of-the-year page 2952 function removeColImmerseHeaderId(){ 2953 // removes first duplicate id: col-immerse-header from container element 2954 const container = document.querySelector("#col-immerse-header") 2955 container.removeAttribute('id') 2956 } 2957 removeColImmerseHeaderId(); 2958 2959 const removeAltsBg = document.querySelectorAll(".bg-gray img") 2960 const removeAltsInEmails = document.querySelectorAll(".hero-image-container img") 2961 const removeAltMakeRoom = document.querySelectorAll("#container-gallery img") 2962 const removeAltsDownload = document.querySelectorAll("#container-download-brochure img") 2963 const removeAltsIntroducing = document.querySelectorAll("#row-dollop-display img") 2964 const removeAltsMakeRoom = document.querySelectorAll("#container-three-image img") 2965 const removeAltsWorkWithColor = document.querySelectorAll(".palette-view img") 2966 const removeAllAlts = [...removeAltsBg,...removeAltsInEmails,...removeAltMakeRoom,...removeAltsDownload,...removeAltsIntroducing,...removeAltsMakeRoom,...removeAltsWorkWithColor];
2967 removeAllAlts.forEach((item)=>item.alt = ""); 2968 2969 // Query a specific heading 2970 const behindColorOfTheYearHeading = document.querySelector("#global-content > div.bg-gray > div > div:nth-child(2) > div > div > div:nth-child(1) > div > div > h2"); 2971 // Check to make sure it was found. 2972 if (behindColorOfTheYearHeading) { 2973 // change heading level 2974 behindColorOfTheYearHeading.setAttribute("aria-level", "3"); 2975 } 2976 // Repeat twice with other headings 2977 const getColorSamplesHeading = document.querySelector("#global-content > div.bg-gray > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > h2"); 2978 if (getColorSamplesHeading) { 2979 getColorSamplesHeading.setAttribute("aria-level", "3"); 2980 2981 } 2982 const loveColorHeading = document.querySelector("#row-email-sign-up > div > div > div > div > div.hero-pro-block.hidden-xs > div > div > div.col-md-6.col-sm-6.hero-text-container > div > h1"); 2983 if (loveColorHeading) { 2984 loveColorHeading.setAttribute("aria-level", "2"); 2985 } 2986 2987 //mailto is unique 2988 const colYearEmailSocialIcon =document.querySelector(".social-media-icons #mailto"); 2989 if(colYearEmailSocialIcon){ 2990 colYearEmailSocialIcon.id = "socialMailTo" 2991 } 2992 break; 2993 case 'documentation': 2994 //removed alt text for the Decorative Images in Documentation Page 2995 const removeAlts = document.querySelectorAll('.documentation-page-long-cards img') 2996 removeAlts.forEach((item)=>item.alt = "") 2997 2998 footerHeaderLevel("#footer-header-ada", 2); 2999 break; 3000 case 'ultra-spec-scuff-x': 3001 //removed alt text for the Decorative Images in /ultra-spec-scuff-x 3002 const removeAlt = document.querySelectorAll('.card img') 3003 if (removeAlt){ 3004 removeAlt.forEach((item) => item.alt = '') 3005 } 3006 3007 //mailto is unique 3008 const emailSocialMediaIcon =document.querySelector(".social-media #mailto"); 3009 if(emailSocialMediaIcon) { 3010 emailSocialMediaIcon.id = "linkMailTo" 3011 } 3012 break; 3013 case "about-us": 3014 // code for assigning role for header page wise 3015 const aboutUsheaderTag = document.getElementById('footer-header-ada'); 3016 if(aboutUsheaderTag){ 3017 aboutUsheaderTag.setAttribute('aria-level','2'); 3018 } 3019 3020 break; 3021 case 'designers': 3022 // code for designers page 3023 const text = document.querySelector("#layoutcol-documentation-links4 strong"); 3024 text.setAttribute("role","heading") 3025 text.setAttribute("aria-level","2") 3026 3027 const designersAllImages = document.querySelectorAll('#global-content img'); 3028 // empty alt attribute for decorative images 3029 designersAllImages.forEach(function(img){ 3030 img.setAttribute("alt", "") 3031 }) 3032 3033 // code for assigning role for header page wise 3034 const designerHeaderTag = document.getElementById('footer-header-ada'); 3035 if(designerHeaderTag){ 3036 designerHeaderTag.setAttribute('aria-level','2'); 3037 } 3038 break; 3039 case 'choosing-paint-finish': 3040 3041 //mailto is unique 3042 const finishEmailSocialIcon =document.querySelector(".social-media-icons #mailto"); 3043 if(finishEmailSocialIcon){ 3044 finishEmailSocialIcon.id = "socialMailTo" 3045 } 3046 break; 3047 3048 case 'front-entrance-ideas-inspiration': 3049 //code for front-entrance-ideas-inspiration page 3050 let prozoneTable = document.querySelector('.prozone-cta table') 3051 if(prozoneTable){ 3052 prozoneTable.setAttribute("role", "presentation") 3053 } 3054 3055 // code for assigning role for header page wise 3056 const ideasHeaderTag = document.getElementById('footer-header-ada'); 3057 if(ideasHeaderTag){ 3058 ideasHeaderTag.setAttribute('aria-level','2'); 3059 } 3060 3061 // removed alt text for the Decorative Images 3062 // added role presentation for handling "unlabelled graphics" 3063 const decorativeImgsProjectContainer = document.querySelectorAll(".img-container img") 3064 if(decorativeImgsProjectContainer){ 3065 decorativeImgsProjectContainer.forEach((item) => {item.alt = ""; item.role = 'presentation';}) 3066 } 3067 const decorativeImgProjectContainerCard = document.querySelectorAll(".card-long-img-container img") 3068 if(decorativeImgProjectContainerCard){ 3069 decorativeImgProjectContainerCard.forEach((item) => item.alt = '') 3070 } 3071 break; 3072 3073 case 'estimating-paint-jobs': 3074 // code for estimating paint jobs page 3075 function makeListMarkupForVisualLists(){ 3076 const articleIds = ['layout-col-article-project-management-image','row-article-get-an-edge_image','layout-col-article-copy-bookkeeping-image','layout-col-article-automate-communication-image']; 3077 // looping through each and every article id 3078 articleIds.forEach(id =>{ 3079 const allPElements = document.querySelectorAll(`#${id} p`); 3080 const divEle = document.createElement('div'); 3081 const listHeading = document.querySelector(`#${id} h3`); 3082 console.log(allPElements,divEle,listHeading); 3083 // sets list role to the newly created div container 3084 divEle.setAttribute("role","list") 3085 // adds listitem role to every p element and append them to div container
3086 allPElements.forEach(pEle =>{ 3087 pEle.setAttribute("role","listitem") 3088 divEle.appendChild(pEle); 3089 }) 3090 // append list container(div) after list heading 3091 listHeading.insertAdjacentElement('afterEnd',divEle) 3092 }) 3093 } 3094 makeListMarkupForVisualLists(); 3095 3096 const articleImages = document.querySelectorAll('#global-content center > img'); 3097 const largeImages = document.querySelectorAll("#global-content picture > img"); 3098 const estimatingAllImages = [...articleImages, ...largeImages]; 3099 // emptying alt attribute for decorative images 3100 estimatingAllImages.forEach(function(img){ 3101 img.setAttribute("alt", "") 3102 }); 3103 const removeIds = document.querySelectorAll('.container-fluid #layout-col-12') 3104 removeIds.forEach((item)=>item.id = "") 3105 // ADA fix for preFooter page level 3106 footerHeaderLevel("#footer-header-ada", 2); 3107 // ADA fix for heading level for More Topics heading. 3108 const moreTopicHeading = document.querySelector("#layout-col-wayfinding > div.hidden-xs.hidden-sm > table > tbody > tr > td:nth-child(1) > div > span") 3109 if (moreTopicHeading){ 3110 moreTopicHeading.setAttribute("role", "heading"); 3111 moreTopicHeading.setAttribute("aria-level", "2"); 3112 } 3113 break; 3114 3115 case 'wood-stain-colors': 3116 // removes duplicate ids in wood-stain-colors page 3117 function removeDuplicateSolidId(){ 3118 // removes second duplicate id : solid 3119 const solidCol = document.querySelectorAll("#solid")[1] 3120 solidCol.removeAttribute("id"); 3121 } 3122 function removeDuplicateSemiSolidId(){ 3123 // removes second duplicate id : semi-solid 3124 const semiSolidCol = document.querySelectorAll("#semi-solid")[1] 3125 semiSolidCol.removeAttribute("id"); 3126 } 3127 function removeDuplicateSemiTransparentId(){ 3128 // removes second duplicate id : semi-transparent 3129 let semiTransparentCol = document.querySelectorAll("#semi-transparent")[1] 3130 while(semiTransparentCol){ 3131 semiTransparentCol = document.querySelectorAll("#semi-transparent")[1] 3132 semiTransparentCol.removeAttribute("id"); 3133 } 3134 } 3135 function removeDuplicateTranslucentId(){ 3136 // removes second duplicate id : translucent 3137 const translucentCol = document.querySelectorAll("#translucent")[1] 3138 translucentCol.removeAttribute("id"); 3139 } 3140 function addPresentationToTable(){ 3141 const brocureTable = document.querySelector("#Detail-body > div:nth-child(8) > div > div > div.hidden-xs.hidden-sm > table") 3142 if(brocureTable){ 3143 brocureTable.role="presentation"; 3144 } 3145 } 3146 function addListLayoutOnColors(){ 3147 const curatedColors = document.querySelectorAll(".curated-colors") 3148 if(curatedColors){ 3149 curatedColors.forEach( (color) => { 3150 const rows = color.querySelectorAll("span") 3151 // remove all span 3152 color.querySelectorAll("span").forEach( (span) => span.remove()) 3153 const listDiv = document.createElement("div") 3154 listDiv.setAttribute("role", "list") 3155 rows.forEach( (row) => { 3156 row.setAttribute("role", "none") 3157 row.querySelectorAll(".col-md-2.col-xs-6").forEach( (item) => item.setAttribute("role", "listitem")) 3158 listDiv.appendChild(row) 3159 }) 3160 color.appendChild(listDiv) 3161 }) 3162 } 3163 } 3164 3165 removeDuplicateSolidId(); 3166 removeDuplicateSemiSolidId(); 3167 removeDuplicateSemiTransparentId(); 3168 removeDuplicateTranslucentId(); 3169 addPresentationToTable(); 3170 addListLayoutOnColors(); 3171 break; 3172 case 'color-portfolio-paint-matching-app': 3173 // code for color portfolio paint matching page 3174 const portfolioAllImages = document.querySelectorAll("#global-content picture > img"); 3175 // emptying alt attribute for decorative images 3176 // adding role presentation for handling "unlabelled graphics"
3177 portfolioAllImages.forEach(function(img){ 3178 img.setAttribute("alt", "") 3179 img.setAttribute("role", "presentation") 3180 }); 3181 break; 3182 case 'benjamin-moore-careers': 3183 // keyboard access for locations in career page 3184 document.querySelector('.locations').setAttribute('tabindex', "0"); 3185 break; 3186 3187 case 'store-locator': 3188 // removed alt text for the Decorative Images in /store-locator 3189 const decorativeImgs = document.querySelectorAll("#expanded-learn-more img"); 3190 decorativeImgs.forEach((item) => item.alt = ''); 3191 break; 3192 case 'contractors': 3193 const decorativeImgsContractorsCard = document.querySelectorAll(".card img"); 3194 decorativeImgsContractorsCard.forEach((item) => item.alt = ''); 3195 const decorativeImgContractorsResponsive = document.querySelectorAll(".img-responsive"); 3196 decorativeImgContractorsResponsive.forEach((item) => item.alt = ''); 3197 3198 const coverageH1Tag = document.querySelector("#layout-col-podcast-coverage-copy > div:nth-child(1) > h1"); 3199 if(coverageH1Tag){ 3200 coverageH1Tag.role="heading"; 3201 coverageH1Tag.setAttribute('aria-level', 2); 3202 } 3203 3204 const viewAllTag = document.querySelector("#global-content > div:nth-child(6) > div > div > div > h3"); 3205 if(viewAllTag){ 3206 viewAllTag.role="heading"; 3207 viewAllTag.setAttribute('aria-level', 3); 3208 } 3209 break; 3210 case 'how-to-advice': 3211 const removeAltsPainting = document.querySelectorAll(".indented img") 3212 const removeAltsProjects = document.querySelectorAll("#row-base-cards img") 3213 const removeAltsAdvicePage = [...removeAltsPainting,...removeAltsProjects] 3214 removeAltsAdvicePage.forEach((item)=>item.alt = "") 3215 break; 3216 case 'advance-interior-paint': 3217 case 'product-catalog': 3218 const removeAltsFindYourColor = document.querySelectorAll(".card img") 3219 removeAltsFindYourColor.forEach((item)=>item.alt = "") 3220 break; 3221 case 'paint-blistering': 3222 const removeAltsPaintBuildingPage = document.querySelectorAll(".article-image img") 3223 const removeAltsBusinessPage = document.querySelectorAll(".card-long img") 3224 const removeAltsContractorTips = document.querySelectorAll(".card img"); 3225 // emptying alt attribute for decorative images 3226 // adding role presentation for handling "unlabelled graphics" 3227 const removeAltsInPaintsPageAll = [...removeAltsPaintBuildingPage,...removeAltsBusinessPage,...removeAltsContractorTips] 3228 removeAltsInPaintsPageAll.forEach((item)=>{item.alt = ""; item.role = "presentation";}) 3229 3230 // ADAfix for PreFooter heading page level 3231 footerHeaderLevel("#footer-header-ada", 2); 3232 break; 3233 case 'interior-exterior-paints-stains': 3234 const removeAltsIndentedImage = document.querySelectorAll(".indented img") 3235 removeAltsIndentedImage.forEach((item)=>item.alt = "") 3236 3237 function changeViewAllLinkAL(){ 3238 const viewAllContainer = document.querySelectorAll(".top-descrip") 3239 if(viewAllContainer){ 3240 viewAllContainer.forEach( (container) => { 3241 const link = container.querySelector("a") 3242 if(link){ 3243 const prevElement = link.previousElementSibling 3244 let text = `${link.textContent} about ${prevElement.textContent}`; 3245 text = text.replace('<sup>®</sup>',' registered ') 3246 text = text.replace('®', ' registered ') 3247 link.setAttribute("aria-label", text); 3248 } 3249 }) 3250 } 3251 3252 const learnMoreCards = document.querySelectorAll(".container .card"); 3253 if(learnMoreCards){ 3254 learnMoreCards.forEach( (card) => { 3255 if(card){ 3256 const btn = card.querySelector("a"); 3257 if(btn){ 3258 const ariaLabel = btn.getAttribute("aria-label"); 3259 if(ariaLabel){ 3260 let text = ariaLabel.replace('<sup>®</sup>',' registered '); 3261 text = text.replace('®', ' registered '); 3262 btn.setAttribute("aria-label", text); 3263 }else{ 3264 let title = btn.querySelector(".descrip h2"); 3265 if(title){ 3266 let text = title.textContent.replace('<sup>®</sup>',' registered '); 3267 text = text.replace('®', ' registered '); 3268 btn.setAttribute("aria-label", text); 3269 } 3270 } 3271 } 3272 } 3273 }) 3274 } 3275 3276 } 3277 changeViewAllLinkAL(); 3278 3279 const paintStainsSectionHeaders = document.querySelectorAll('#paint-body > div h1') 3280 if (paintStainsSectionHeaders){
3281 paintStainsSectionHeaders.forEach( (header) => { 3282 if (header){ 3283 header.role = "heading"; 3284 header.setAttribute('aria-level', 2); 3285 } 3286 }) 3287 } 3288 3289 const paintStainsSectionSubHeaders = document.querySelectorAll('#paint-body > div .descrip h2') 3290 if (paintStainsSectionSubHeaders) { 3291 paintStainsSectionSubHeaders.forEach((header) => { 3292 if (header) { 3293 header.role = "heading"; 3294 header.setAttribute('aria-level', 3); 3295 } 3296 }) 3297 } 3298 3299 break; 3300 case 'contact-us-contractors': 3301 const removeAltsFindStore = document.querySelectorAll(".sidebar img") 3302 removeAltsFindStore.forEach((item)=>item.alt = "") 3303 break; 3304 case 'corotech-high-performance-coatings': 3305 // code for corotech-high-performance-coatings 3306 const removeAltsCorotech = document.querySelectorAll('.container img') 3307 removeAltsCorotech.forEach((item)=>item.alt = "") 3308 3309 function addMeaningfulLinkLabelsForCorotech(){ 3310 const learnMoreLinks = document.querySelectorAll("#Detail-body .link-list .text-center a"); 3311 // looping each link and setting meaningful labels 3312 learnMoreLinks.forEach(function(link){ 3313 const linkTitle = link.previousElementSibling.textContent; 3314 const linkText = link.textContent; 3315 let text = `${linkText} about ${linkTitle}`; 3316 text = text.replace('<sup>®</sup>',' registered ') 3317 text = text.replace('®', ' registered ') 3318 link.setAttribute("aria-label",text) 3319 }) 3320 const learnMoreLinksWithImageAndVideoCaption = document.querySelectorAll("#Detail-body .image-caption-content"); 3321 if(learnMoreLinksWithImageAndVideoCaption){ 3322 learnMoreLinksWithImageAndVideoCaption.forEach( (card,index) => { 3323 if(card){ 3324 var btn = card.querySelector("a.btn-card"); 3325 if(btn){ 3326 const ariaLabel = btn.getAttribute("aria-label"); 3327 if(ariaLabel){ 3328 let text = ariaLabel.replace('<sup>®</sup>',' registered '); 3329 text = text.replace('®', ' registered '); 3330 btn.setAttribute("aria-label", text); 3331 }else{ 3332 let title = btn.text +' '+ 'about'+' '+card.firstElementChild.textContent; if(title){ 3333 let text = title.replace('<sup>®</sup>',' registered '); 3334 text = text.replace('®', ' registered '); 3335 btn.setAttribute("aria-label", text); 3336 } 3337 } 3338 } 3339 } 3340 }); 3341 } 3342 const learnMoreCards = document.querySelectorAll(".container .card"); 3343 if(learnMoreCards){ 3344 learnMoreCards.forEach( (card) => { 3345 if(card){ 3346 const btn = card.querySelector("a"); 3347 if(btn){ 3348 const ariaLabel = btn.getAttribute("aria-label"); 3349 if(ariaLabel){ 3350 let text = ariaLabel.replace('<sup>®</sup>',' registered '); 3351 text = text.replace('®', ' registered '); 3352 btn.setAttribute("aria-label", text); 3353 }else{ 3354 let title = btn.querySelector(".descrip h3"); 3355 if(title){ 3356 let text = title.textContent.replace('<sup>®</sup>',' registered '); 3357 text = text.replace('®', ' registered '); 3358 btn.setAttribute("aria-label", text); 3359 } 3360 } 3361 } 3362 } 3363 }) 3364 } 3365 } 3366 addMeaningfulLinkLabelsForCorotech(); 3367 3368 //mailto is unique 3369 const coatingsEmailSocialIcon =document.querySelector(".social-media-icons #mailto"); 3370 if(coatingsEmailSocialIcon){ 3371 coatingsEmailSocialIcon.id = "socialMailTo" 3372 } 3373 3374 // ADA fix for preFooter heading page level 3375 footerHeaderLevel("#footer-header-ada", 2); 3376 break; 3377 case 'color-a-room': 3378 const roomTxt = document.querySelector("#global-content > div > div > div.col-xs-6 > div > h1"); 3379 if(roomTxt){ 3380 roomTxt.role="presentation"; 3381 } 3382 break; 3383 case 'faq': 3384 // faq page 3385 const ulFaq = document.querySelectorAll(".article-contents ul")[1]; 3386 if(ulFaq){ 3387 const lineBreaksUl = ulFaq.querySelectorAll("br"); 3388 lineBreaksUl.forEach(br => br.setAttribute("aria-hidden","true") ) 3389 } 3390 3391 break; 3392 3393 case 'order-paint-color-sheets': 3394 function setDecorativeImage(){ 3395 // emptying alt attribute for decorative images 3396 // adding role presentation for handling "unlabelled graphics" 3397 const decorativeImage = document.querySelector("#global-content > div > div > div > div:nth-child(3) > div > div > img"); 3398 if(decorativeImage){ 3399 decorativeImage.setAttribute("alt", ""); 3400 decorativeImage.setAttribute("role", "presentation"); 3401 } 3402 } 3403 setDecorativeImage(); 3404 break; 3405 } 3406 3407 let backToTop = document.querySelector('.back-to-top span') 3408 3409 if (backToTop != null) { 3410 document.querySelector('.back-to-top') 3411 backToTop.setAttribute("role", "button") 3412 backToTop.setAttribute("tabindex", "0") 3413 backToTop.setAttribute("aria-label", 'Back to top') 3414 backToTop.addEventListener("keydown", (event) => { 3415 if (event.keyCode === 13) { 3416 document.querySelector('.back-to-top').click() 3417 } 3418 }) 3419 }; 3420 3421 // code for SDS/TDS tabs 3422 let tabContent = document.querySelector('.tab-content') 3423 if(tabContent){ 3424 let tabData = document.querySelectorAll('.tab-content > .ng-scope > .tabs') 3425 if(tabData){ 3426 tabData.forEach( (tab) => { 3427 let tabBtns = tab.querySelectorAll('button') 3428 if(tabBtns){ 3429 tabBtns.forEach( (tabBtn) => { 3430 tabBtn.setAttribute("aria-pressed", tabBtn.classList.contains('active') ? true : false) 3431 tabBtn.setAttribute("aria-pressed", tabBtn.classList.contains('active') ? true : false) 3432 tabBtn.addEventListener('click', (event) => { 3433 let parentTab = tabBtn.parentElement.querySelectorAll('button') 3434 if(parentTab){ 3435 parentTab.forEach( (btn) => { 3436 btn.setAttribute('aria-pressed', btn.classList.contains('active-remove') ? false : true) 3437 btn.setAttribute('aria-pressed', btn.classList.contains('active-add') ? true : false) 3438 }) 3439 } 3440 }) 3441 }) 3442 } 3443 }) 3444 } 3445 } 3446 3447 //code for making table role= presentation as visual representation is not a table 3448 const brochureDiv = document.getElementById('column-download-brochure'); 3449 if (brochureDiv != null) { 3450 const qs = brochureDiv.querySelector('table'); 3451 if (qs != null) { 3452 qs.role = "presentation"; 3453 } 3454 } 3455 }); 3456 </script>
3456 3457 3458 3459
3459<script type="text/javascript" 3460 src="/assets/benjaminmoore/dist/live/js/main.js?v=638935955230000000"></script>
3460 3461
3461<script type="text/javascript" 3462 src="/assets/benjaminmoore/dist/live/js/pages/default.js?v=638935955230000000"></script>
3462 3463 <!-- Start MotionPoint easy link toggle script 3464 Added condition to enable spanish language script --> 3465
3465<script type="text/javascript" id="mpelid" src="https://benjaminmoorecom.mpeasylink.com/mpel/mpel.js" async></script>
3465 3466 <!-- Add Custom scripts through Sitecore--> 3467<!-- Bing Pixel Insertion -->
3468<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"28000483"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
3468 3469<!-- Facebook -->
3470<script> 3471window.fbAsyncInit = function () { 3472FB.init({ 3473appId: '188845908197661', 3474xfbml: true, 3475version: 'v2.8' 3476}); 3477FB.AppEvents.logPageView(); 3478}; 3479(function (d, s, id) { 3480var js, fjs = d.getElementsByTagName(s)[0]; 3481if (d.getElementById(id)) { return; } 3482js = d.createElement(s); js.id = id; 3483js.src = "//connect.facebook.net/en_US/sdk.js"; 3484fjs.parentNode.insertBefore(js, fjs); 3485}(document, 'script', 'facebook-jssdk')); 3486</script>
3486 3487<!-- Google Tag Manager --> 3488<noscript> 3489<iframe src="//www.googletagmanager.com/ns.html?id=GTM-NZN9Z2" height="0" width="0" style="display:none;visibility:hidden" /> 3490</noscript>
3491<script>
vendor: 374 bytes, lines 3491-3497
3491 3492(function (w, d, s, l, i) { 3493w[l] = w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); 3494var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 3495j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl ; 3496f.parentNode.insertBefore(j, f); 3497})(window, document, 'script', 'dataLayer', '
3497GTM-NZN9Z2
vendor: 5 bytes, line 3497
3497');
3498</script>
3498 3499<!-- End Google Tag Manager --> 3500<!-- Start WKND tag. Deploy at the beginning of document head. -->
3501<script> 3502(function(d) { 3503var e = d.createElement('script'); 3504e.src = d.location.protocol + '//tag.wknd.ai/4957/i.js'; 3505e.async = true; 3506d.getElementsByTagName("head")[0].appendChild(e); 3507}(document)); 3508</script>
3508 3509<!-- End WKND tag --> 3510<!-- Add Custom scripts through Sitecore--> 3511<!-- Clarip Cookies Consent Notice start --> 3512<link rel="stylesheet" type="text/css" href="https://cdn.clarip.com/benjaminmoore/cookieconsent/assets/css/cookieconsent.min.css" />
3513<script src="https://cdn.clarip.com/benjaminmoore/cookieconsent/assets/js/cookieconsent.min.js"></script>
vendor: 2 bytes, line 3513
3513
3514<script> 3515 var claripCdnHost = "cdn.clarip.com"; 3516 var claripClientName = "benjaminmoore"; 3517 var claripCookieConsentHost = "benjaminmoore.clarip.com"; 3518 var claripCookieManagerIdentifier = "ae52f9204e3fd62d50c6"; 3519</script>
vendor: 2 bytes, line 3519
3519
3520<script src="https://cdn.clarip.com/benjaminmoore/cookieconsent/assets/js/clarip-cookie-manager.min.js"></script>
3520 3521<!-- Clarip Cookies Consent Notice end --> 3522<!-- Pinit -->
3523<script type="text/javascript" class="optanon-category-C0005"> 3524(function (d) { 3525var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT'); 3526p.type = 'text/javascript'; 3527p.async = true; 3528p.src = '//assets.pinterest.com/js/pinit.js'; 3529f.parentNode.insertBefore(p, f); 3530}(document)); 3531</script>
vendor: 2 bytes, line 3531
3531
3532<script > 3533$('.navbar-center').addClass('variant') 3534</script>
3534 3535
3535<script src="https://cdn.jsdelivr.net/ally.js/1.4.1/ally.min.js"></script>
3535 3536
3536<script> 3537 // handling the focus on modal elements using a11y library 3538 var openButton = document.getElementById('open-dialog'); 3539 var dialog = document.getElementById('dialog'); 3540 var closeButton = document.getElementById('floating-action-close-btn'); 3541 3542 var openButtonForColorOverview = document.getElementsByClassName('set-selector-more-reset-btn'); 3543 var closeButtonForColorOverview = document.getElementsByClassName('more-colors-close-btn'); 3544 // Data filled by openDialog() and later used by closeDialog() 3545 var keyHandle; 3546 var tabHandle; 3547 var disabledHandle; 3548 var hiddenHandle; 3549 var focusedElementBeforeDialogOpened; 3550 var desktopConfigSize = 1024; 3551 function openDialog(e) { 3552 focusedElementBeforeDialogOpened = document.activeElement; 3553 // receiving focus 3554 if (e.keyCode === 13 || e.type === 'click') { 3555 ally.when.visibleArea({ 3556 context: dialog, 3557 callback: function (context) { 3558 var element = ally.query.firstTabbable({ 3559 context: context, // context === dialog 3560 defaultToContext: true, 3561 }); 3562 element.focus(); 3563 }, 3564 }); 3565 disabledHandle = ally.maintain.disabled({ 3566 filter: dialog, 3567 }); 3568 hiddenHandle = ally.maintain.hidden({ 3569 filter: dialog, 3570 }); 3571 tabHandle = ally.maintain.tabFocus({ 3572 context: dialog, 3573 }); 3574 keyHandle = ally.when.key({ 3575 escape: closeDialogByKey, 3576 }); 3577 // Show the dialog 3578 dialog.hidden = false; 3579 var colorOverviewPannelBoxObj = document.getElementsByClassName('color-overview-pannel-box'); 3580 if (colorOverviewPannelBoxObj && window.screen.width >= desktopConfigSize) { 3581 for (let i = 0; i < colorOverviewPannelBoxObj.length; i++) { 3582 colorOverviewPannelBoxObj[i].style.cssText = 'display:none !important'; 3583 } 3584 } 3585 } 3586 } 3587 function closeDialogByKey() { 3588 setTimeout(closeDialog); 3589 } 3590 3591 function closeDialog(e) { 3592 var dataOverlayName = e.target.getAttribute('data-overlay-name'); 3593 if (dataOverlayName !== 'start-overlay' && dataOverlayName !== 'color-families' && dataOverlayName !== 'color-collections') { 3594 if (e.keyCode === 13 || e.type === 'click') { 3595 keyHandle.disengage(); 3596 tabHandle.disengage(); 3597 hiddenHandle.disengage(); 3598 disabledHandle.disengage(); 3599 focusedElementBeforeDialogOpened.focus(); 3600 dialog.hidden = true; 3601 var colorOverviewPannelBoxObj = document.getElementsByClassName('color-overview-pannel-box'); 3602 var setSelectorMoreResetBtn = document.getElementsByClassName('set-selector-more-reset-btn'); 3603 if (colorOverviewPannelBoxObj && window.screen.width >= desktopConfigSize) { 3604 for (let i = 0; i < colorOverviewPannelBoxObj.length; i++) { 3605 colorOverviewPannelBoxObj[i].style.cssText = 'display:block !important'; 3606 } 3607 } 3608 if (setSelectorMoreResetBtn) { 3609 for (let i = 0; i < setSelectorMoreResetBtn.length; i++) { 3610 setSelectorMoreResetBtn[i].focus(); 3611 } 3612 } 3613 } 3614 } 3615 } 3616 if (openButton && closeButton) { 3617 openButton.addEventListener('keypress', openDialog); 3618 openButton.addEventListener('click', openDialog); 3619 closeButton.addEventListener('keypress', closeDialog); 3620 closeButton.addEventListener('click', closeDialog); 3621 } 3622 if (openButtonForColorOverview) { 3623 for (let i = 0; i < openButtonForColorOverview.length; i++) { 3624 openButtonForColorOverview[i].addEventListener('keypress', openDialog); 3625 openButtonForColorOverview[i].addEventListener('click', openDialog); 3626 } 3627 }
3628 if (closeButtonForColorOverview) { 3629 for (let i = 0; i < closeButtonForColorOverview.length; i++) { 3630 closeButtonForColorOverview[i].addEventListener('keypress', closeDialog); 3631 closeButtonForColorOverview[i].addEventListener('click', closeDialog); 3632 } 3633 } 3634 </script>
3634 3635
3635<script> 3636 // Add CSS rule with !important 3637 const style = document.createElement('style'); 3638 if (window.location.pathname.includes('es-us')) { 3639 document.querySelectorAll('#global-nav-footer li').forEach(li => { 3640 if (li.querySelector('a[href*="/virtual-color-consultation"]')) { 3641 li.classList.add('hide-important'); 3642 } 3643 }); 3644 3645 3646 style.textContent = ` 3647 .hide-important { 3648 display: none !important; 3649 } 3650 `; 3651 } 3652 style.textContent = ` 3653 .img-container-caption { 3654 color: #636363; 3655 } 3656 `; 3657 document.head.appendChild(style); 3658 </script>
3658 3659 3660
3660<script type="text/javascript"> 3661 const jumpToSection = document.querySelector('.jumpers') 3662 const jumpToText = document.querySelector('.jumpers > span') 3663 3664 if(jumpToSection){ 3665 jumpToSection.querySelectorAll('a').forEach( (aTag) => { 3666 aTag.setAttribute("href", "javascript:void(0);") 3667 }) 3668 3669 // adding group label to jumpTo section 3670 jumpToSection.setAttribute("role","group"); 3671 jumpToSection.setAttribute("aria-labelledby","jumpTo"); 3672 jumpToText.setAttribute("id","jumpTo"); 3673 } 3674 </script>
3674 3675 3676 3677 <div id="chatbot-container"> 3678 <iframe src="https://chat.benjaminmoore.com" referrerPolicy="no-referrer-when-downgrade" id="chatbotIframe" 3679 class="close" title='Chatbot'></iframe> 3680</div> 3681</body> 3682 3683 3684 3685 3686 3687 3688 3689</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.