Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li><avb-header-after> <avb-designer-block data-id="26" class="avb-typography dsg-block-26_weopen"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-tools-nop"> <div class="avb-wrapper dsg-block-26_weopen__content dsg-tools-nom"> <span class="avb-typography__heading avb-typography__heading--title dsg-tools-nomp"> <span class="avb-typography__heading-line avb-typography__heading-line--light avb-typography__heading-line--medium dsg-block-26_weopen__heading-line-2"> Orders Are Not Fulfilled Until You've Spoken With a Sales Person: <avb-link class="dsg-block-26_weopen-link" data-href="tel:419-453-3338">(419) 453-3338</avb-link> </span> </span> </div> </div> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== dsg-tools ==================== */ .dsg-tools-nomp { margin: 0; padding: 0; } .dsg-tools-nom { margin: 0; } .dsg-tools-nop { padding: 0; } /* ==================== Mini Banner ==================== */ .dsg-nomargin-padding { margin-bottom:0; } .dsg-block-26_weopen { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-26_weopen__content { padding: 0.5rem; text-align: center; background-color: #000000; } .dsg-block-26_weopen__heading-line-1 { color: #ffffff; font-size: 1rem; text-align:center; } .dsg-block-26_weopen__heading-line-2 { color: #ffffff; font-size: 1.1rem; } .dsg-block-26_weopen__paragraph { max-width: 35rem; margin-left: auto; margin-right: auto; } .dsg-block-26_weopen__bold { font-weight:bold; } .dsg-block-26_weopen-link { color:#ffffff; text-decoration:none;} .dsg-block-26_weopen-link:hover { color:#9de8e9; } .dsg-block-26_hide-mobile { display:none; } .dsg-block-26_show-mobile { display:block; height: 10px; } @media screen and (min-width: 600px) { .dsg-block-26_weopen { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-26_weopen__content { padding: 0.5rem; } .dsg-block-26_weopen-link { margin-bottom: 0; } } @media screen and (min-width: 960px) { .dsg-block-26_weopen { margin-top: 0rem; /* margin-bottom: 0.5rem;*/ } .dsg-block-26_weopen__content { padding: 0.5rem; } .dsg-block-26_weopen-link { margin-bottom: 0; } .dsg-block-26_hide-mobile { display:inline-block; } .dsg-block-26_show-mobile { display:none; } } @media screen and (min-width: 1280px) { .dsg-block-26_weopen { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-26_weopen__content { padding: 1rem; } .dsg-block-26_weopen-link { margin-bottom: 0; } .dsg-block-26_hide-mobile { display:inline-block; } .dsg-block-26_show-mobile { display:none; } } @media screen and (min-width: 1600px) { .dsg-block-26_weopen { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-26_weopen__content { padding: 1rem; } .dsg-block-26_weopen-link { margin-bottom: 0; } .dsg-block-26_hide-mobile { display:inline-block; } .dsg-block-26_show-mobile { display:none; } } </style> </li> </ul> </div>

Default Header After Global Promotions

<avb-header-before>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28-header-before"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-28-header-before__no-padding"> <div class="avb-wrapper dsg-block-28-header-before__content">  <avb-link class="dsg-block-28-header-before__link" data-href="https://www.ottovillehardware.com/financing">  Take More Time to Pay with Quick &amp; Easy&nbsp;Financing </avb-link>   </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before__no-padding { padding: 0; } .dsg-block-28-header-before__content { text-align: center; padding: 0.55rem; background-color: #333; font-family: soleil, sans-serif; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__heading { color: #fff; font-weight: 400; font-size: clamp(0.7rem, 2.5vw, 1.1rem); } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { color: #fff; font-weight: 400; font-size: clamp(0.7rem, 2.5vw, 1.1rem); transition: 0.3s; } .dsg-block-28-header-before__link:hover { color: #ca3231; } .dsg-block-28-header-before__location-mobile { display: block; } .dsg-block-28-header-before__hider-mobile { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-before__location-mobile { display: inline; } .dsg-block-28-header-before__hider-mobile { display: inline; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

Steel Fill Hoses for Dishwashers

At a Glance

Get to know this product.

Product Overview

Product Overview

More From the Manufacturer

SIGN UP FOR SAVINGS