<div class="d-none swatch-hover-img" data-main-img-src="https://i.ferg-img.com/i/fergusonprod/4220834_4858673_primary?fmt=auto"> </div> <div class="d-none swatch-hover-partnumbers"> <div class="mb-4"> <ul class="d-flex product-number c-product-numbers-rating__numbers js-pdp-numbers"> <li class="fast-tag-wrapper"> <span class="fast-tag fast-tag-pdp js-fast-tag-pdp mb-2 mb-md-0 mr-3 d-none" data-pid="4220834"> Fast # </span> </li> <li class="c-product-numbers-rating__number"> Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="HIWOWHI">HIWOWHI</span> </li> <li class="c-product-numbers-rating__number"> Item #<span class="js-sku js-pdp-dynamic-info" data-default="4220834">4220834</span> </li> <li class="c-product-numbers-rating__number"> <span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #IWO.WHI"> Manufacturer Part #IWO.WHI </span> </li> </ul> </div> </div> <div class="d-none swatch-hover-prices"> <div class="price c-product-details__price font-weight-bold"> <span> <span class="sales"> <span class="summary-price pricing js-price js-pdp-dynamic-info font-weight-bold value c-product-details__price__value" content="285.00" data-default="$285.00"> $285.00 </span> </span> </span> </div> <span class="ml-3 c-product-details__unit js-pdp-price-unit"> <span class="js-price-unit js-pdp-dynamic-info c-product-details__unit_of_measure" data-default="EACH"> EACH </span> </span> </div> <div class="d-none swatch-hover-product-specifications"> <div class="product-specifications"> </div> </div> <div class="d-none swatch-hover-add-to-cart-actions"> <div class="row"> <div class="col-12 c-product-actions-availability c-product-actions-availability--pdp js-actions-availability"> <div class="add-to-cart-actions c-product-actions-availability__atc-actions row no-gutters"> <!-- Product Components / Replacements Button --> <!-- Specific to HVAC customers only for now --> <div class="col-12 col-md-9 offset-md-3 c-product-details__add-to-lists-container js-product-components-container d-none"> <div class="row"> <div class="col-12 mb-3 mr-md-3"> <div class="basic-text parent-button-heading d-inline-block d-md-none ">Looking for compatible parts?</div> <button class="js-product-components-btn btn btn-dark w-100 text-md text-capitalize font-weight-semibold mb-4" aria-label="Looking for Parts? View More" title="Looking for Parts? View More"> <svg class="c-icon c-icon--hvac" aria-hidden="true"> <use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw81d78cd8/svg/symbols.svg#svg-hvac"></use> </svg> <span class="pl-2 d-none d-md-inline-block">Looking for Parts? View More</span> <span class="pl-2 d-inline-block d-md-none">Parts Breakdown</span> </button> </div> </div> </div> <div class="col-12 col-md-9 offset-md-3 c-product-details__add-to-lists-container js-product-replacements-container d-none"> <div class="row"> <div class="col-12 mb-3 mr-md-3"> <button class="js-product-replacements-btn btn btn-secondary w-100 text-md text-capitalize font-weight-semibold mb-4" aria-label="View Compatible Replacements" title="View Compatible Replacements"> <span class="pl-2">View Compatible Replacements</span> </button> </div> </div> </div> <span class="c-product-actions-availability__atc-messaging font-weight-bold text-danger "> Out of Stock </span> </div> <ul class="c-product-actions-availability__availability-messaging d-flex flex-column justify-content-around bg-emphasis"> <li class="d-flex c-product-actions-availability__availability-info "> <div class="font-weight-bold d-inline-block mr-2"> <svg class="c-icon c-icon--availability c-product-actions-availability__availability-info__icon" aria-hidden="true"> <title class="sr-only" font-size="0" x="50%" y="50%">No Availability</title> <use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw81d78cd8/svg/symbols.svg#svg-close-error"></use> <text class="sr-only" font-size="0" x="50%" y="50%">No Availability</text> </svg> </div> <div class="d-inline-block"> <strong class="c-product-actions-availability__availability-info__label">Pick Up:</strong> Not available </div> </li> <li class="c-product-actions-availability__availability-info c-product-actions-availability__availability-info--shipping d-flex"> <div class="font-weight-bold d-inline-block mr-2"> <svg class="c-icon c-icon--availability c-product-actions-availability__availability-info__icon" aria-hidden="true"> <title class="sr-only" font-size="0" x="50%" y="50%">No Availability</title> <use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw81d78cd8/svg/symbols.svg#svg-close-error"></use> <text class="sr-only" font-size="0" x="50%" y="50%">No Availability</text> </svg> </div> <div class="d-inline-block"> <strong class="c-product-actions-availability__availability-info__label">Shipping:</strong> Not available </div> </li> </ul> </div> </div> </div> selected <div class="d-none swatch-hover-img" data-main-img-src="https://i.ferg-img.com/i/fergusonprod/4220875_4856577_primary?fmt=auto"> </div> <div class="d-none swatch-hover-partnumbers"> <div class="mb-4"> <ul class="d-flex product-number c-product-numbers-rating__numbers js-pdp-numbers"> <li class="fast-tag-wrapper"> <span class="fast-tag fast-tag-pdp js-fast-tag-pdp mb-2 mb-md-0 mr-3 d-none" data-pid="4220875"> Fast # </span> </li> <li class="c-product-numbers-rating__number"> Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="HIWOPN">HIWOPN</span> </li> <li class="c-product-numbers-rating__number"> Item #<span class="js-sku js-pdp-dynamic-info" data-default="4220875">4220875</span> </li> <li class="c-product-numbers-rating__number"> <span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #IWO.PN"> Manufacturer Part #IWO.PN </span> </li> </ul> </div> </div> <div class="d-none swatch-hover-prices"> <div class="price c-product-details__price font-weight-bold"> <span> <span class="sales"> <span class="summary-price pricing js-price js-pdp-dynamic-info font-weight-bold value c-product-details__price__value" content="285.00" data-default="$285.00"> $285.00 </span> </span> </span> </div> <span class="ml-3 c-product-details__unit js-pdp-price-unit"> <span class="js-price-unit js-pdp-dynamic-info c-product-details__unit_of_measure" data-default="EACH"> EACH </span> </span> </div> <div class="d-none swatch-hover-product-specifications"> <div class="product-specifications"> </div> </div> <div class="d-none swatch-hover-add-to-cart-actions"> <div class="row"> <div class="col-12 c-product-actions-availability c-product-actions-availability--pdp js-actions-availability"> <div class="add-to-cart-actions c-product-actions-availability__atc-actions row no-gutters"> <div class="col-12 custom-margin-bottom"> <a href="https://www.ferguson.com/user-login?oauthProvider=Salesforce&amp;oauthLoginTargetEndPoint=1" class="c-product-actions-availability__atc-actions__login btn btn-secondary d-inline-block mb-4">Log in or Create Account</a> <div class="d-block c-product-actions-availability__atc-actions-msg"> <a href="https://www.ferguson.com/user-login?oauthProvider=Salesforce&amp;oauthLoginTargetEndPoint=1">Log in</a> or <a href="https://www.ferguson.com/s/login/SelfRegister">Create an Account</a> to see product availability. </div> </div> <ul class="c-product-actions-availability__availability-messaging d-flex flex-column justify-content-around bg-emphasis"> <li class="d-flex c-product-actions-availability__availability-info "> <div class="font-weight-bold d-inline-block mr-2"> <svg class="c-icon c-icon--availability c-product-actions-availability__availability-info__icon" aria-hidden="true"> <title class="sr-only" font-size="0" x="50%" y="50%">No Availability</title> <use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw81d78cd8/svg/symbols.svg#svg-close-error"></use> <text class="sr-only" font-size="0" x="50%" y="50%">No Availability</text> </svg> </div> <div class="d-inline-block"> <strong class="c-product-actions-availability__availability-info__label">Pick Up:</strong> Not available </div> </li> <li class="c-product-actions-availability__availability-info c-product-actions-availability__availability-info--shipping d-flex"> <div class="font-weight-bold d-inline-block mr-2"> <svg class="c-icon c-icon--availability c-product-actions-availability__availability-info__icon" aria-hidden="true"> <title class="sr-only" font-size="0" x="50%" y="50%">No Availability</title> <use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw81d78cd8/svg/symbols.svg#svg-close-error"></use> <text class="sr-only" font-size="0" x="50%" y="50%">No Availability</text> </svg> </div> <div class="d-inline-block"> <strong class="c-product-actions-availability__availability-info__label">Shipping:</strong> Not available </div> </li> </ul> </div> </div> </div> </div> <div class="d-none swatch-hover-img" data-main-img-src="https://i.ferg-img.com/i/fergusonprod/noimage-available?fmt=auto&amp;w=600&amp;fmt=auto"> </div> <div class="d-none swatch-hover-partnumbers"> <div class="mb-4"> <ul class="d-flex product-number c-product-numbers-rating__numbers js-pdp-numbers"> <li class="fast-tag-wrapper"> <span class="fast-tag fast-tag-pdp js-fast-tag-pdp mb-2 mb-md-0 mr-3 d-none" data-pid="4220922"> Fast # </span> </li> <li class="c-product-numbers-rating__number"> Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="HIWOSN">HIWOSN</span> </li> <li class="c-product-numbers-rating__number"> Item #<span class="js-sku js-pdp-dynamic-info" data-default="4220922">4220922</span> </li> <li class="c-product-numbers-rating__number"> <span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #IWO.SN"> Manufacturer Part #IWO.SN </span> </li> </ul> </div> </div> <div class="d-none swatch-hover-prices"> <div class="price c-product-details__price font-weight-bold"> <span> <span class="sales"> <span class="summary-price pricing js-price js-pdp-dynamic-info font-weight-bold value c-product-details__price__value" content="285.00" data-default="$285.00"> $285.00 </span> </span> </span> </div> <span class="ml-3 c-product-details__unit js-pdp-price-unit"> <span class="js-price-unit js-pdp-dynamic-info c-product-details__unit_of_measure" data-default="EACH"> EACH </span> </span> </div> <div class="d-none swatch-hover-product-specifications"> <div class="product-specifications"> </div> </div> <div class="d-none swatch-hover-add-to-cart-actions"> <div class="row"> <div class="col-12 c-product-actions-availability c-product-actions-availability--pdp js-actions-availability"> <div class="add-to-cart-actions c-product-actions-availability__atc-actions row no-gutters"> <!-- Product Components / Replacements Button --> <!-- Specific to HVAC customers only for now --> <div class="col-12 col-md-9 offset-md-3 c-product-details__add-to-lists-container js-product-components-container d-none"> <div class="row"> <div class="col-12 mb-3 mr-md-3"> <div class="basic-text parent-button-heading d-inline-block d-md-none ">Looking for compatible parts?</div> <button class="js-product-components-btn btn btn-dark w-100 text-md text-capitalize font-weight-semibold mb-4" aria-label="Looking for Parts? View More" title="Looking for Parts? View More"> <svg class="c-icon c-icon--hvac" aria-hidden="true"> <use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw81d78cd8/svg/symbols.svg#svg-hvac"></use> </svg> <span class="pl-2 d-none d-md-inline-block">Looking for Parts? View More</span> <span class="pl-2 d-inline-block d-md-none">Parts Breakdown</span> </button> </div> </div> </div> <div class="col-12 col-md-9 offset-md-3 c-product-details__add-to-lists-container js-product-replacements-container d-none"> <div class="row"> <div class="col-12 mb-3 mr-md-3"> <button class="js-product-replacements-btn btn btn-secondary w-100 text-md text-capitalize font-weight-semibold mb-4" aria-label="View Compatible Replacements" title="View Compatible Replacements"> <span class="pl-2">View Compatible Replacements</span> </button> </div> </div> </div> <span class="c-product-actions-availability__atc-messaging font-weight-bold text-danger "> Out of Stock </span> </div> <ul class="c-product-actions-availability__availability-messaging d-flex flex-column justify-content-around bg-emphasis"> <li class="d-flex c-product-actions-availability__availability-info "> <div class="font-weight-bold d-inline-block mr-2"> <svg class="c-icon c-icon--availability c-product-actions-availability__availability-info__icon" aria-hidden="true"> <title class="sr-only" font-size="0" x="50%" y="50%">No Availability</title> <use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw81d78cd8/svg/symbols.svg#svg-close-error"></use> <text class="sr-only" font-size="0" x="50%" y="50%">No Availability</text> </svg> </div> <div class="d-inline-block"> <strong class="c-product-actions-availability__availability-info__label">Pick Up:</strong> Not available </div> </li> <li class="c-product-actions-availability__availability-info c-product-actions-availability__availability-info--shipping d-flex"> <div class="font-weight-bold d-inline-block mr-2"> <svg class="c-icon c-icon--availability c-product-actions-availability__availability-info__icon" aria-hidden="true"> <title class="sr-only" font-size="0" x="50%" y="50%">No Availability</title> <use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw81d78cd8/svg/symbols.svg#svg-close-error"></use> <text class="sr-only" font-size="0" x="50%" y="50%">No Availability</text> </svg> </div> <div class="d-inline-block"> <strong class="c-product-actions-availability__availability-info__label">Shipping:</strong> Not available </div> </li> </ul> </div> </div> </div> <div class="d-none swatch-hover-img" data-main-img-src="https://i.ferg-img.com/i/fergusonprod/4221004_4859609_primary?fmt=auto"> </div> <div class="d-none swatch-hover-partnumbers"> <div class="mb-4"> <ul class="d-flex product-number c-product-numbers-rating__numbers js-pdp-numbers"> <li class="fast-tag-wrapper"> <span class="fast-tag fast-tag-pdp js-fast-tag-pdp mb-2 mb-md-0 mr-3 d-none" data-pid="4221004"> Fast # </span> </li> <li class="c-product-numbers-rating__number"> Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="HIWOBN">HIWOBN</span> </li> <li class="c-product-numbers-rating__number"> Item #<span class="js-sku js-pdp-dynamic-info" data-default="4221004">4221004</span> </li> <li class="c-product-numbers-rating__number"> <span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #IWO.BN"> Manufacturer Part #IWO.BN </span> </li> </ul> </div> </div> <div class="d-none swatch-hover-prices"> <div class="price c-product-details__price font-weight-bold"> <span> <span class="sales"> <span class="summary-price pricing js-price js-pdp-dynamic-info font-weight-bold value c-product-details__price__value" content="285.00" data-default="$285.00"> $285.00 </span> </span> </span> </div> <span class="ml-3 c-product-details__unit js-pdp-price-unit"> <span class="js-price-unit js-pdp-dynamic-info c-product-details__unit_of_measure" data-default="EACH"> EACH </span> </span> </div> <div class="d-none swatch-hover-product-specifications"> <div class="product-specifications"> </div> </div> <div class="d-none swatch-hover-add-to-cart-actions"> <div class="row"> <div class="col-12 c-product-actions-availability c-product-actions-availability--pdp js-actions-availability"> <div class="add-to-cart-actions c-product-actions-availability__atc-actions row no-gutters"> <div class="col-12 custom-margin-bottom"> <a href="https://www.ferguson.com/user-login?oauthProvider=Salesforce&amp;oauthLoginTargetEndPoint=1" class="c-product-actions-availability__atc-actions__login btn btn-secondary d-inline-block mb-4">Log in or Create Account</a> <div class="d-block c-product-actions-availability__atc-actions-msg"> <a href="https://www.ferguson.com/user-login?oauthProvider=Salesforce&amp;oauthLoginTargetEndPoint=1">Log in</a> or <a href="https://www.ferguson.com/s/login/SelfRegister">Create an Account</a> to see product availability. </div> </div> <ul class="c-product-actions-availability__availability-messaging d-flex flex-column justify-content-around bg-emphasis"> <li class="d-flex c-product-actions-availability__availability-info "> <div class="font-weight-bold d-inline-block mr-2"> <svg class="c-icon c-icon--availability c-product-actions-availability__availability-info__icon" aria-hidden="true"> <title class="sr-only" font-size="0" x="50%" y="50%">No Availability</title> <use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw81d78cd8/svg/symbols.svg#svg-close-error"></use> <text class="sr-only" font-size="0" x="50%" y="50%">No Availability</text> </svg> </div> <div class="d-inline-block"> <strong class="c-product-actions-availability__availability-info__label">Pick Up:</strong> Not available </div> </li> <li class="c-product-actions-availability__availability-info c-product-actions-availability__availability-info--shipping d-flex"> <div class="font-weight-bold d-inline-block mr-2"> <svg class="c-icon c-icon--availability c-product-actions-availability__availability-info__icon" aria-hidden="true"> <title class="sr-only" font-size="0" x="50%" y="50%">No Availability</title> <use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw81d78cd8/svg/symbols.svg#svg-close-error"></use> <text class="sr-only" font-size="0" x="50%" y="50%">No Availability</text> </svg> </div> <div class="d-inline-block"> <strong class="c-product-actions-availability__availability-info__label">Shipping:</strong> Not available </div> </li> </ul> </div> </div> </div> </div>