Color Finish Name:
Satin Nickel
Select Color Finish Name
selected
<div class="d-none swatch-hover-img" data-main-img-src="https://i.ferg-img.com/i/fergusonprod/4514311_13760337_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="4514311">
Fast #
</span>
</li>
<li class="c-product-numbers-rating__number">
Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="ABP53030G10">ABP53030G10</span>
</li>
<li class="c-product-numbers-rating__number">
Item #<span class="js-sku js-pdp-dynamic-info" data-default="4514311">4514311</span>
</li>
<li class="c-product-numbers-rating__number">
<span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #BP53030G10">
Manufacturer Part #BP53030G10
</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="14.87" data-default="$14.87">
$14.87
</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-5 col-md-3 c-product-details__qty">
<div class="c-product-quantity js-product-quantity">
<div class="c-product-quantity__nav d-flex">
<button class="c-product-quantity__button c-product-quantity__button--down c-product-quantity__button--disabled disabled js-quantity-btn js-quantity-btn--down btn" data-qty="down" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<span class="sr-only">Decrease quantity</span>
</button>
<label for="quantity-4514311-1" class="sr-only">
Quantity
</label>
<input value="1" type="number" id="quantity-4514311-1" class="js-atc-product-qty-input js-product-qty-input c-product-quantity__input product-quantity-input form-control text-center h-100 quantity text-md quantity-select" data-unit="null" data-max-orderable-qty="400000.0" data-pid="4514311" inputmode="numeric" min="null" max="null" aria-describedby="qty-4514311-messaging">
<button class="c-product-quantity__button c-product-quantity__button--up js-quantity-btn js-quantity-btn--up btn" data-qty="up" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<span class="sr-only">Increase quantity</span>
</button>
</div>
</div>
</div>
<div class="col-7 col-md-9 atc-actions-container">
<div class="row cart-and-ipay">
<div class="col-sm-12">
<input type="hidden" class="add-to-cart-url" value="/on/demandware.store/Sites-Ferguson-Site/en_US/Cart-AddProduct">
<button class="add-to-cart btn btn-primary w-100 js-restriction-atc-btn" data-toggle="modal" data-target="#chooseBonusProductModal" data-pid="4514311" data-qty="null">
<span class="btn-text">Add to Cart</span>
<span class="js-restricted-atc-msg tooltip d-none">
This product requires certification to purchase
</span>
</button>
</div>
</div>
</div>
<!-- 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/dw4e97df87/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>
<div class="col-12">
<div id="qty-4514311-messaging" class="c-product-quantity__messaging text-left text-xs">
<div class="c-product-quantity__qty-error js-qty-error-msg d-none mb-2">
<span id="qty-error-msg">
<svg class="c-icon c-product-quantity__qty-info__icon" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">Error</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-danger"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Error</text>
</svg>
The quantity entered must be a multiple of undefined – for example, undefined, NaN, NaN, and so on.
</span>
</div>
</div>
</div>
<div class="col-12">
<div class="free-shipping-message js-shipping-info d-inline-block">
<div class="mt-n2 mb-3 pb-1">
<span class="js-shipping-status mr-2">
Free Shipping applied.
</span>
</div>
</div>
</div>
<div class="col-sm-12 add-to-cart-messages"></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/dw4e97df87/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%">Shipping</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-shipping"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Shipping</text>
</svg>
</div>
<div class="d-inline-block">
<strong class="c-product-actions-availability__availability-info__label">Shipping:</strong>
Available for immediate shipment
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="d-none swatch-hover-img" data-main-img-src="https://i.ferg-img.com/i/fergusonprod/7257031_13760345_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="7257031">
Fast #
</span>
</li>
<li class="c-product-numbers-rating__number">
Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="ABP53030ORB">ABP53030ORB</span>
</li>
<li class="c-product-numbers-rating__number">
Item #<span class="js-sku js-pdp-dynamic-info" data-default="7257031">7257031</span>
</li>
<li class="c-product-numbers-rating__number">
<span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #BP53030ORB">
Manufacturer Part #BP53030ORB
</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="14.87" data-default="$14.87">
$14.87
</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-5 col-md-3 c-product-details__qty">
<div class="c-product-quantity js-product-quantity">
<div class="c-product-quantity__nav d-flex">
<button class="c-product-quantity__button c-product-quantity__button--down c-product-quantity__button--disabled disabled js-quantity-btn js-quantity-btn--down btn" data-qty="down" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<span class="sr-only">Decrease quantity</span>
</button>
<label for="quantity-7257031-1" class="sr-only">
Quantity
</label>
<input value="1" type="number" id="quantity-7257031-1" class="js-atc-product-qty-input js-product-qty-input c-product-quantity__input product-quantity-input form-control text-center h-100 quantity text-md quantity-select" data-unit="null" data-max-orderable-qty="400000.0" data-pid="7257031" inputmode="numeric" min="null" max="null" aria-describedby="qty-7257031-messaging">
<button class="c-product-quantity__button c-product-quantity__button--up js-quantity-btn js-quantity-btn--up btn" data-qty="up" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<span class="sr-only">Increase quantity</span>
</button>
</div>
</div>
</div>
<div class="col-7 col-md-9 atc-actions-container">
<div class="row cart-and-ipay">
<div class="col-sm-12">
<input type="hidden" class="add-to-cart-url" value="/on/demandware.store/Sites-Ferguson-Site/en_US/Cart-AddProduct">
<button class="add-to-cart btn btn-primary w-100 js-restriction-atc-btn" data-toggle="modal" data-target="#chooseBonusProductModal" data-pid="7257031" data-qty="null">
<span class="btn-text">Add to Cart</span>
<span class="js-restricted-atc-msg tooltip d-none">
This product requires certification to purchase
</span>
</button>
</div>
</div>
</div>
<!-- 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/dw4e97df87/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>
<div class="col-12">
<div id="qty-7257031-messaging" class="c-product-quantity__messaging text-left text-xs">
<div class="c-product-quantity__qty-error js-qty-error-msg d-none mb-2">
<span id="qty-error-msg">
<svg class="c-icon c-product-quantity__qty-info__icon" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">Error</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-danger"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Error</text>
</svg>
The quantity entered must be a multiple of undefined – for example, undefined, NaN, NaN, and so on.
</span>
</div>
</div>
</div>
<div class="col-12">
<div class="free-shipping-message js-shipping-info d-inline-block">
<div class="mt-n2 mb-3 pb-1">
<span class="js-shipping-status mr-2">
Free Shipping applied.
</span>
</div>
</div>
</div>
<div class="col-sm-12 add-to-cart-messages"></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/dw4e97df87/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%">Shipping</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-shipping"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Shipping</text>
</svg>
</div>
<div class="d-inline-block">
<strong class="c-product-actions-availability__availability-info__label">Shipping:</strong>
Available for immediate shipment
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="d-none swatch-hover-img" data-main-img-src="https://i.ferg-img.com/i/fergusonprod/7753194_13760597_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="7753194">
Fast #
</span>
</li>
<li class="c-product-numbers-rating__number">
Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="ABP53030GB">ABP53030GB</span>
</li>
<li class="c-product-numbers-rating__number">
Item #<span class="js-sku js-pdp-dynamic-info" data-default="7753194">7753194</span>
</li>
<li class="c-product-numbers-rating__number">
<span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #BP53030GB">
Manufacturer Part #BP53030GB
</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="7.76" data-default="$7.76">
$7.76
</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-5 col-md-3 c-product-details__qty">
<div class="c-product-quantity js-product-quantity">
<div class="c-product-quantity__nav d-flex">
<button class="c-product-quantity__button c-product-quantity__button--down c-product-quantity__button--disabled disabled js-quantity-btn js-quantity-btn--down btn" data-qty="down" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<span class="sr-only">Decrease quantity</span>
</button>
<label for="quantity-7753194-1" class="sr-only">
Quantity
</label>
<input value="1" type="number" id="quantity-7753194-1" class="js-atc-product-qty-input js-product-qty-input c-product-quantity__input product-quantity-input form-control text-center h-100 quantity text-md quantity-select" data-unit="null" data-max-orderable-qty="400000.0" data-pid="7753194" inputmode="numeric" min="null" max="null" aria-describedby="qty-7753194-messaging">
<button class="c-product-quantity__button c-product-quantity__button--up js-quantity-btn js-quantity-btn--up btn" data-qty="up" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<span class="sr-only">Increase quantity</span>
</button>
</div>
</div>
</div>
<div class="col-7 col-md-9 atc-actions-container">
<div class="row cart-and-ipay">
<div class="col-sm-12">
<input type="hidden" class="add-to-cart-url" value="/on/demandware.store/Sites-Ferguson-Site/en_US/Cart-AddProduct">
<button class="add-to-cart btn btn-primary w-100 js-restriction-atc-btn" data-toggle="modal" data-target="#chooseBonusProductModal" data-pid="7753194" data-qty="null">
<span class="btn-text">Add to Cart</span>
<span class="js-restricted-atc-msg tooltip d-none">
This product requires certification to purchase
</span>
</button>
</div>
</div>
</div>
<!-- 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/dw4e97df87/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>
<div class="col-12">
<div id="qty-7753194-messaging" class="c-product-quantity__messaging text-left text-xs">
<div class="c-product-quantity__qty-error js-qty-error-msg d-none mb-2">
<span id="qty-error-msg">
<svg class="c-icon c-product-quantity__qty-info__icon" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">Error</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-danger"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Error</text>
</svg>
The quantity entered must be a multiple of undefined – for example, undefined, NaN, NaN, and so on.
</span>
</div>
</div>
</div>
<div class="col-12">
<div class="free-shipping-message js-shipping-info d-inline-block">
<div class="mt-n2 mb-3 pb-1">
<span class="js-shipping-status mr-2">
Free Shipping applied.
</span>
</div>
</div>
</div>
<div class="col-sm-12 add-to-cart-messages"></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/dw4e97df87/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%">Shipping</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-shipping"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Shipping</text>
</svg>
</div>
<div class="d-inline-block">
<strong class="c-product-actions-availability__availability-info__label">Shipping:</strong>
Available for immediate shipment
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="d-none swatch-hover-img" data-main-img-src="https://i.ferg-img.com/i/fergusonprod/7753212_7767059_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="7753212">
Fast #
</span>
</li>
<li class="c-product-numbers-rating__number">
Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="ABP53030GM">ABP53030GM</span>
</li>
<li class="c-product-numbers-rating__number">
Item #<span class="js-sku js-pdp-dynamic-info" data-default="7753212">7753212</span>
</li>
<li class="c-product-numbers-rating__number">
<span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #BP53030GM">
Manufacturer Part #BP53030GM
</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="7.76" data-default="$7.76">
$7.76
</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-5 col-md-3 c-product-details__qty">
<div class="c-product-quantity js-product-quantity">
<div class="c-product-quantity__nav d-flex">
<button class="c-product-quantity__button c-product-quantity__button--down c-product-quantity__button--disabled disabled js-quantity-btn js-quantity-btn--down btn" data-qty="down" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<span class="sr-only">Decrease quantity</span>
</button>
<label for="quantity-7753212-1" class="sr-only">
Quantity
</label>
<input value="1" type="number" id="quantity-7753212-1" class="js-atc-product-qty-input js-product-qty-input c-product-quantity__input product-quantity-input form-control text-center h-100 quantity text-md quantity-select" data-unit="null" data-max-orderable-qty="400000.0" data-pid="7753212" inputmode="numeric" min="null" max="null" aria-describedby="qty-7753212-messaging">
<button class="c-product-quantity__button c-product-quantity__button--up js-quantity-btn js-quantity-btn--up btn" data-qty="up" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<span class="sr-only">Increase quantity</span>
</button>
</div>
</div>
</div>
<div class="col-7 col-md-9 atc-actions-container">
<div class="row cart-and-ipay">
<div class="col-sm-12">
<input type="hidden" class="add-to-cart-url" value="/on/demandware.store/Sites-Ferguson-Site/en_US/Cart-AddProduct">
<button class="add-to-cart btn btn-primary w-100 js-restriction-atc-btn" data-toggle="modal" data-target="#chooseBonusProductModal" data-pid="7753212" data-qty="null">
<span class="btn-text">Add to Cart</span>
<span class="js-restricted-atc-msg tooltip d-none">
This product requires certification to purchase
</span>
</button>
</div>
</div>
</div>
<!-- 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/dw4e97df87/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>
<div class="col-12">
<div id="qty-7753212-messaging" class="c-product-quantity__messaging text-left text-xs">
<div class="c-product-quantity__qty-error js-qty-error-msg d-none mb-2">
<span id="qty-error-msg">
<svg class="c-icon c-product-quantity__qty-info__icon" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">Error</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-danger"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Error</text>
</svg>
The quantity entered must be a multiple of undefined – for example, undefined, NaN, NaN, and so on.
</span>
</div>
</div>
</div>
<div class="col-12">
<div class="free-shipping-message js-shipping-info d-inline-block">
<div class="mt-n2 mb-3 pb-1">
<span class="js-shipping-status mr-2">
Free Shipping applied.
</span>
</div>
</div>
</div>
<div class="col-sm-12 add-to-cart-messages"></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/dw4e97df87/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%">Shipping</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-shipping"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Shipping</text>
</svg>
</div>
<div class="d-inline-block">
<strong class="c-product-actions-availability__availability-info__label">Shipping:</strong>
Available for immediate shipment
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="d-none swatch-hover-img" data-main-img-src="https://i.ferg-img.com/i/fergusonprod/7753358_13761700_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="7753358">
Fast #
</span>
</li>
<li class="c-product-numbers-rating__number">
Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="ABP53030PN">ABP53030PN</span>
</li>
<li class="c-product-numbers-rating__number">
Item #<span class="js-sku js-pdp-dynamic-info" data-default="7753358">7753358</span>
</li>
<li class="c-product-numbers-rating__number">
<span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #BP53030PN">
Manufacturer Part #BP53030PN
</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="14.87" data-default="$14.87">
$14.87
</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-5 col-md-3 c-product-details__qty">
<div class="c-product-quantity js-product-quantity">
<div class="c-product-quantity__nav d-flex">
<button class="c-product-quantity__button c-product-quantity__button--down c-product-quantity__button--disabled disabled js-quantity-btn js-quantity-btn--down btn" data-qty="down" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<span class="sr-only">Decrease quantity</span>
</button>
<label for="quantity-7753358-1" class="sr-only">
Quantity
</label>
<input value="1" type="number" id="quantity-7753358-1" class="js-atc-product-qty-input js-product-qty-input c-product-quantity__input product-quantity-input form-control text-center h-100 quantity text-md quantity-select" data-unit="null" data-max-orderable-qty="400000.0" data-pid="7753358" inputmode="numeric" min="null" max="null" aria-describedby="qty-7753358-messaging">
<button class="c-product-quantity__button c-product-quantity__button--up js-quantity-btn js-quantity-btn--up btn" data-qty="up" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<span class="sr-only">Increase quantity</span>
</button>
</div>
</div>
</div>
<div class="col-7 col-md-9 atc-actions-container">
<div class="row cart-and-ipay">
<div class="col-sm-12">
<input type="hidden" class="add-to-cart-url" value="/on/demandware.store/Sites-Ferguson-Site/en_US/Cart-AddProduct">
<button class="add-to-cart btn btn-primary w-100 js-restriction-atc-btn" data-toggle="modal" data-target="#chooseBonusProductModal" data-pid="7753358" data-qty="null">
<span class="btn-text">Add to Cart</span>
<span class="js-restricted-atc-msg tooltip d-none">
This product requires certification to purchase
</span>
</button>
</div>
</div>
</div>
<!-- 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/dw4e97df87/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>
<div class="col-12">
<div id="qty-7753358-messaging" class="c-product-quantity__messaging text-left text-xs">
<div class="c-product-quantity__qty-error js-qty-error-msg d-none mb-2">
<span id="qty-error-msg">
<svg class="c-icon c-product-quantity__qty-info__icon" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">Error</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-danger"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Error</text>
</svg>
The quantity entered must be a multiple of undefined – for example, undefined, NaN, NaN, and so on.
</span>
</div>
</div>
</div>
<div class="col-12">
<div class="free-shipping-message js-shipping-info d-inline-block">
<div class="mt-n2 mb-3 pb-1">
<span class="js-shipping-status mr-2">
Free Shipping applied.
</span>
</div>
</div>
</div>
<div class="col-sm-12 add-to-cart-messages"></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/dw4e97df87/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%">Shipping</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-shipping"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Shipping</text>
</svg>
</div>
<div class="d-inline-block">
<strong class="c-product-actions-availability__availability-info__label">Shipping:</strong>
Available for immediate shipment
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="d-none swatch-hover-img" data-main-img-src="https://i.ferg-img.com/i/fergusonprod/7753888_13761718_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="7753888">
Fast #
</span>
</li>
<li class="c-product-numbers-rating__number">
Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="ABP53030BBZ">ABP53030BBZ</span>
</li>
<li class="c-product-numbers-rating__number">
Item #<span class="js-sku js-pdp-dynamic-info" data-default="7753888">7753888</span>
</li>
<li class="c-product-numbers-rating__number">
<span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #BP53030BBZ">
Manufacturer Part #BP53030BBZ
</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="14.87" data-default="$14.87">
$14.87
</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-5 col-md-3 c-product-details__qty">
<div class="c-product-quantity js-product-quantity">
<div class="c-product-quantity__nav d-flex">
<button class="c-product-quantity__button c-product-quantity__button--down c-product-quantity__button--disabled disabled js-quantity-btn js-quantity-btn--down btn" data-qty="down" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<span class="sr-only">Decrease quantity</span>
</button>
<label for="quantity-7753888-1" class="sr-only">
Quantity
</label>
<input value="1" type="number" id="quantity-7753888-1" class="js-atc-product-qty-input js-product-qty-input c-product-quantity__input product-quantity-input form-control text-center h-100 quantity text-md quantity-select" data-unit="null" data-max-orderable-qty="400000.0" data-pid="7753888" inputmode="numeric" min="null" max="null" aria-describedby="qty-7753888-messaging">
<button class="c-product-quantity__button c-product-quantity__button--up js-quantity-btn js-quantity-btn--up btn" data-qty="up" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<span class="sr-only">Increase quantity</span>
</button>
</div>
</div>
</div>
<div class="col-7 col-md-9 atc-actions-container">
<div class="row cart-and-ipay">
<div class="col-sm-12">
<input type="hidden" class="add-to-cart-url" value="/on/demandware.store/Sites-Ferguson-Site/en_US/Cart-AddProduct">
<button class="add-to-cart btn btn-primary w-100 js-restriction-atc-btn" data-toggle="modal" data-target="#chooseBonusProductModal" data-pid="7753888" data-qty="null">
<span class="btn-text">Add to Cart</span>
<span class="js-restricted-atc-msg tooltip d-none">
This product requires certification to purchase
</span>
</button>
</div>
</div>
</div>
<!-- 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/dw4e97df87/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>
<div class="col-12">
<div id="qty-7753888-messaging" class="c-product-quantity__messaging text-left text-xs">
<div class="c-product-quantity__qty-error js-qty-error-msg d-none mb-2">
<span id="qty-error-msg">
<svg class="c-icon c-product-quantity__qty-info__icon" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">Error</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-danger"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Error</text>
</svg>
The quantity entered must be a multiple of undefined – for example, undefined, NaN, NaN, and so on.
</span>
</div>
</div>
</div>
<div class="col-12">
<div class="free-shipping-message js-shipping-info d-inline-block">
<div class="mt-n2 mb-3 pb-1">
<span class="js-shipping-status mr-2">
Free Shipping applied.
</span>
</div>
</div>
</div>
<div class="col-sm-12 add-to-cart-messages"></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/dw4e97df87/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%">Shipping</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-shipping"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Shipping</text>
</svg>
</div>
<div class="d-inline-block">
<strong class="c-product-actions-availability__availability-info__label">Shipping:</strong>
Available for immediate shipment
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="d-none swatch-hover-img" data-main-img-src="https://i.ferg-img.com/i/fergusonprod/7753890_13761713_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="7753890">
Fast #
</span>
</li>
<li class="c-product-numbers-rating__number">
Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="ABP53030BBR">ABP53030BBR</span>
</li>
<li class="c-product-numbers-rating__number">
Item #<span class="js-sku js-pdp-dynamic-info" data-default="7753890">7753890</span>
</li>
<li class="c-product-numbers-rating__number">
<span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #BP53030BBR">
Manufacturer Part #BP53030BBR
</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="8.75" data-default="$8.75">
$8.75
</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-5 col-md-3 c-product-details__qty">
<div class="c-product-quantity js-product-quantity">
<div class="c-product-quantity__nav d-flex">
<button class="c-product-quantity__button c-product-quantity__button--down c-product-quantity__button--disabled disabled js-quantity-btn js-quantity-btn--down btn" data-qty="down" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<span class="sr-only">Decrease quantity</span>
</button>
<label for="quantity-7753890-1" class="sr-only">
Quantity
</label>
<input value="1" type="number" id="quantity-7753890-1" class="js-atc-product-qty-input js-product-qty-input c-product-quantity__input product-quantity-input form-control text-center h-100 quantity text-md quantity-select" data-unit="null" data-max-orderable-qty="400000.0" data-pid="7753890" inputmode="numeric" min="null" max="null" aria-describedby="qty-7753890-messaging">
<button class="c-product-quantity__button c-product-quantity__button--up js-quantity-btn js-quantity-btn--up btn" data-qty="up" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<span class="sr-only">Increase quantity</span>
</button>
</div>
</div>
</div>
<div class="col-7 col-md-9 atc-actions-container">
<div class="row cart-and-ipay">
<div class="col-sm-12">
<input type="hidden" class="add-to-cart-url" value="/on/demandware.store/Sites-Ferguson-Site/en_US/Cart-AddProduct">
<button class="add-to-cart btn btn-primary w-100 js-restriction-atc-btn" data-toggle="modal" data-target="#chooseBonusProductModal" data-pid="7753890" data-qty="null">
<span class="btn-text">Add to Cart</span>
<span class="js-restricted-atc-msg tooltip d-none">
This product requires certification to purchase
</span>
</button>
</div>
</div>
</div>
<!-- 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/dw4e97df87/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>
<div class="col-12">
<div id="qty-7753890-messaging" class="c-product-quantity__messaging text-left text-xs">
<div class="c-product-quantity__qty-error js-qty-error-msg d-none mb-2">
<span id="qty-error-msg">
<svg class="c-icon c-product-quantity__qty-info__icon" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">Error</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-danger"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Error</text>
</svg>
The quantity entered must be a multiple of undefined – for example, undefined, NaN, NaN, and so on.
</span>
</div>
</div>
</div>
<div class="col-12">
<div class="free-shipping-message js-shipping-info d-inline-block">
<div class="mt-n2 mb-3 pb-1">
<span class="js-shipping-status mr-2">
Free Shipping applied.
</span>
</div>
</div>
</div>
<div class="col-sm-12 add-to-cart-messages"></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/dw4e97df87/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%">Shipping</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-shipping"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Shipping</text>
</svg>
</div>
<div class="d-inline-block">
<strong class="c-product-actions-availability__availability-info__label">Shipping:</strong>
Available for immediate shipment
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="d-none swatch-hover-img" data-main-img-src="https://i.ferg-img.com/i/fergusonprod/9630830_12457783_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="9630830">
Fast #
</span>
</li>
<li class="c-product-numbers-rating__number">
Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="ABP53030CZ">ABP53030CZ</span>
</li>
<li class="c-product-numbers-rating__number">
Item #<span class="js-sku js-pdp-dynamic-info" data-default="9630830">9630830</span>
</li>
<li class="c-product-numbers-rating__number">
<span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #BP53030CZ">
Manufacturer Part #BP53030CZ
</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="7.76" data-default="$7.76">
$7.76
</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-5 col-md-3 c-product-details__qty">
<div class="c-product-quantity js-product-quantity">
<div class="c-product-quantity__nav d-flex">
<button class="c-product-quantity__button c-product-quantity__button--down c-product-quantity__button--disabled disabled js-quantity-btn js-quantity-btn--down btn" data-qty="down" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<span class="sr-only">Decrease quantity</span>
</button>
<label for="quantity-9630830-1" class="sr-only">
Quantity
</label>
<input value="1" type="number" id="quantity-9630830-1" class="js-atc-product-qty-input js-product-qty-input c-product-quantity__input product-quantity-input form-control text-center h-100 quantity text-md quantity-select" data-unit="null" data-max-orderable-qty="400000.0" data-pid="9630830" inputmode="numeric" min="null" max="null" aria-describedby="qty-9630830-messaging">
<button class="c-product-quantity__button c-product-quantity__button--up js-quantity-btn js-quantity-btn--up btn" data-qty="up" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<span class="sr-only">Increase quantity</span>
</button>
</div>
</div>
</div>
<div class="col-7 col-md-9 atc-actions-container">
<div class="row cart-and-ipay">
<div class="col-sm-12">
<input type="hidden" class="add-to-cart-url" value="/on/demandware.store/Sites-Ferguson-Site/en_US/Cart-AddProduct">
<button class="add-to-cart btn btn-primary w-100 js-restriction-atc-btn" data-toggle="modal" data-target="#chooseBonusProductModal" data-pid="9630830" data-qty="null">
<span class="btn-text">Add to Cart</span>
<span class="js-restricted-atc-msg tooltip d-none">
This product requires certification to purchase
</span>
</button>
</div>
</div>
</div>
<!-- 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/dw4e97df87/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>
<div class="col-12">
<div id="qty-9630830-messaging" class="c-product-quantity__messaging text-left text-xs">
<div class="c-product-quantity__qty-error js-qty-error-msg d-none mb-2">
<span id="qty-error-msg">
<svg class="c-icon c-product-quantity__qty-info__icon" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">Error</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-danger"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Error</text>
</svg>
The quantity entered must be a multiple of undefined – for example, undefined, NaN, NaN, and so on.
</span>
</div>
</div>
</div>
<div class="col-12">
<div class="free-shipping-message js-shipping-info d-inline-block">
<div class="mt-n2 mb-3 pb-1">
<span class="js-shipping-status mr-2">
Free Shipping applied.
</span>
</div>
</div>
</div>
<div class="col-sm-12 add-to-cart-messages"></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/dw4e97df87/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%">Shipping</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-shipping"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Shipping</text>
</svg>
</div>
<div class="d-inline-block">
<strong class="c-product-actions-availability__availability-info__label">Shipping:</strong>
Available for immediate shipment
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="d-none swatch-hover-img" data-main-img-src="https://i.ferg-img.com/i/fergusonprod/9631078_12458688_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="9631078">
Fast #
</span>
</li>
<li class="c-product-numbers-rating__number">
Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="ABP5303026">ABP5303026</span>
</li>
<li class="c-product-numbers-rating__number">
Item #<span class="js-sku js-pdp-dynamic-info" data-default="9631078">9631078</span>
</li>
<li class="c-product-numbers-rating__number">
<span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #BP5303026">
Manufacturer Part #BP5303026
</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="7.76" data-default="$7.76">
$7.76
</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-5 col-md-3 c-product-details__qty">
<div class="c-product-quantity js-product-quantity">
<div class="c-product-quantity__nav d-flex">
<button class="c-product-quantity__button c-product-quantity__button--down c-product-quantity__button--disabled disabled js-quantity-btn js-quantity-btn--down btn" data-qty="down" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">-</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-minus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">-</text>
</svg>
<span class="sr-only">Decrease quantity</span>
</button>
<label for="quantity-9631078-1" class="sr-only">
Quantity
</label>
<input value="1" type="number" id="quantity-9631078-1" class="js-atc-product-qty-input js-product-qty-input c-product-quantity__input product-quantity-input form-control text-center h-100 quantity text-md quantity-select" data-unit="null" data-max-orderable-qty="400000.0" data-pid="9631078" inputmode="numeric" min="null" max="null" aria-describedby="qty-9631078-messaging">
<button class="c-product-quantity__button c-product-quantity__button--up js-quantity-btn js-quantity-btn--up btn" data-qty="up" data-unit="null">
<svg class="c-icon c-product-quantity__icon--disabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus-disabled"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<svg class="c-icon c-product-quantity__icon--enabled" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">+</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-plus"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">+</text>
</svg>
<span class="sr-only">Increase quantity</span>
</button>
</div>
</div>
</div>
<div class="col-7 col-md-9 atc-actions-container">
<div class="row cart-and-ipay">
<div class="col-sm-12">
<input type="hidden" class="add-to-cart-url" value="/on/demandware.store/Sites-Ferguson-Site/en_US/Cart-AddProduct">
<button class="add-to-cart btn btn-primary w-100 js-restriction-atc-btn" data-toggle="modal" data-target="#chooseBonusProductModal" data-pid="9631078" data-qty="null">
<span class="btn-text">Add to Cart</span>
<span class="js-restricted-atc-msg tooltip d-none">
This product requires certification to purchase
</span>
</button>
</div>
</div>
</div>
<!-- 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/dw4e97df87/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>
<div class="col-12">
<div id="qty-9631078-messaging" class="c-product-quantity__messaging text-left text-xs">
<div class="c-product-quantity__qty-error js-qty-error-msg d-none mb-2">
<span id="qty-error-msg">
<svg class="c-icon c-product-quantity__qty-info__icon" aria-hidden="true">
<title class="sr-only" font-size="0" x="50%" y="50%">Error</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-danger"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Error</text>
</svg>
The quantity entered must be a multiple of undefined – for example, undefined, NaN, NaN, and so on.
</span>
</div>
</div>
</div>
<div class="col-12">
<div class="free-shipping-message js-shipping-info d-inline-block">
<div class="mt-n2 mb-3 pb-1">
<span class="js-shipping-status mr-2">
Free Shipping applied.
</span>
</div>
</div>
</div>
<div class="col-sm-12 add-to-cart-messages"></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/dw4e97df87/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%">Shipping</title>
<use class="" xlink:href="/on/demandware.static/Sites-Ferguson-Site/-/default/dw4e97df87/svg/symbols.svg#svg-shipping"></use>
<text class="sr-only" font-size="0" x="50%" y="50%">Shipping</text>
</svg>
</div>
<div class="d-inline-block">
<strong class="c-product-actions-availability__availability-info__label">Shipping:</strong>
Available for immediate shipment
</div>
</li>
</ul>
</div>
</div>
</div>