selected <div class="d-none swatch-hover-img" data-main-img-src="https://i.ferg-img.com/i/fergusonprod/249264_677538_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="249264"> Fast # </span> </li> <li class="c-product-numbers-rating__number"> Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="K8799-CP">K8799-CP</span> </li> <li class="c-product-numbers-rating__number"> Item #<span class="js-sku js-pdp-dynamic-info" data-default="249264">249264</span> </li> <li class="c-product-numbers-rating__number"> <span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #8799-CP"> Manufacturer Part #8799-CP </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="64.09" data-default="$64.09"> $64.09 </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/dw56a0fbed/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/dw56a0fbed/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-249264-1" class="sr-only"> Quantity </label> <input value="1" type="number" id="quantity-249264-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="249264" inputmode="numeric" min="null" max="null" aria-describedby="qty-249264-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/dw56a0fbed/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/dw56a0fbed/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="249264" 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/dw56a0fbed/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-249264-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/dw56a0fbed/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/dw56a0fbed/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/dw56a0fbed/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/1285462_2260505_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="1285462"> Fast # </span> </li> <li class="c-product-numbers-rating__number"> Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="K8799-SN">K8799-SN</span> </li> <li class="c-product-numbers-rating__number"> Item #<span class="js-sku js-pdp-dynamic-info" data-default="1285462">1285462</span> </li> <li class="c-product-numbers-rating__number"> <span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #8799-SN"> Manufacturer Part #8799-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="92.70" data-default="$92.70"> $92.70 </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/dw56a0fbed/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/dw56a0fbed/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-1285462-1" class="sr-only"> Quantity </label> <input value="1" type="number" id="quantity-1285462-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="1285462" inputmode="numeric" min="null" max="null" aria-describedby="qty-1285462-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/dw56a0fbed/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/dw56a0fbed/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="1285462" 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/dw56a0fbed/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-1285462-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/dw56a0fbed/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/dw56a0fbed/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/dw56a0fbed/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/1285535_677526_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="1285535"> Fast # </span> </li> <li class="c-product-numbers-rating__number"> Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="K8799-BN">K8799-BN</span> </li> <li class="c-product-numbers-rating__number"> Item #<span class="js-sku js-pdp-dynamic-info" data-default="1285535">1285535</span> </li> <li class="c-product-numbers-rating__number"> <span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #8799-BN"> Manufacturer Part #8799-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="86.52" data-default="$86.52"> $86.52 </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/dw56a0fbed/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/dw56a0fbed/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-1285535-1" class="sr-only"> Quantity </label> <input value="1" type="number" id="quantity-1285535-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="1285535" inputmode="numeric" min="null" max="null" aria-describedby="qty-1285535-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/dw56a0fbed/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/dw56a0fbed/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="1285535" 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/dw56a0fbed/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-1285535-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/dw56a0fbed/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/dw56a0fbed/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/dw56a0fbed/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/1686511_677514_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="1686511"> Fast # </span> </li> <li class="c-product-numbers-rating__number"> Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="K8799-BV">K8799-BV</span> </li> <li class="c-product-numbers-rating__number"> Item #<span class="js-sku js-pdp-dynamic-info" data-default="1686511">1686511</span> </li> <li class="c-product-numbers-rating__number"> <span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #8799-BV"> Manufacturer Part #8799-BV </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="99.56" data-default="$99.56"> $99.56 </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/dw56a0fbed/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/dw56a0fbed/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-1686511-1" class="sr-only"> Quantity </label> <input value="1" type="number" id="quantity-1686511-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="1686511" inputmode="numeric" min="null" max="null" aria-describedby="qty-1686511-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/dw56a0fbed/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/dw56a0fbed/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="1686511" 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/dw56a0fbed/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-1686511-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/dw56a0fbed/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/dw56a0fbed/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/dw56a0fbed/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/2849404_2280581_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="2849404"> Fast # </span> </li> <li class="c-product-numbers-rating__number"> Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="K8799-VS">K8799-VS</span> </li> <li class="c-product-numbers-rating__number"> Item #<span class="js-sku js-pdp-dynamic-info" data-default="2849404">2849404</span> </li> <li class="c-product-numbers-rating__number"> <span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #8799-VS"> Manufacturer Part #8799-VS </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="75.00" data-default="$75.00"> $75.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-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/dw56a0fbed/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/dw56a0fbed/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-2849404-1" class="sr-only"> Quantity </label> <input value="1" type="number" id="quantity-2849404-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="2849404" inputmode="numeric" min="null" max="null" aria-describedby="qty-2849404-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/dw56a0fbed/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/dw56a0fbed/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="2849404" 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/dw56a0fbed/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-2849404-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/dw56a0fbed/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/dw56a0fbed/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/dw56a0fbed/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/3521806_1185585_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="3521806"> Fast # </span> </li> <li class="c-product-numbers-rating__number"> Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="K8799-BRZ">K8799-BRZ</span> </li> <li class="c-product-numbers-rating__number"> Item #<span class="js-sku js-pdp-dynamic-info" data-default="3521806">3521806</span> </li> <li class="c-product-numbers-rating__number"> <span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #8799-BRZ"> Manufacturer Part #8799-BRZ </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="141.65" data-default="$141.65"> $141.65 </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=""> </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> <span class="c-product-actions-availability__atc-messaging font-weight-bold text-danger d-inline-block custom-margin-bottom">Discontinued</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/dw56a0fbed/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/dw56a0fbed/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/7654700_7185877_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="7654700"> Fast # </span> </li> <li class="c-product-numbers-rating__number"> Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="K8799-BL">K8799-BL</span> </li> <li class="c-product-numbers-rating__number"> Item #<span class="js-sku js-pdp-dynamic-info" data-default="7654700">7654700</span> </li> <li class="c-product-numbers-rating__number"> <span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #8799-BL"> Manufacturer Part #8799-BL </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="92.70" data-default="$92.70"> $92.70 </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/dw56a0fbed/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/dw56a0fbed/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-7654700-1" class="sr-only"> Quantity </label> <input value="1" type="number" id="quantity-7654700-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="7654700" inputmode="numeric" min="null" max="null" aria-describedby="qty-7654700-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/dw56a0fbed/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/dw56a0fbed/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="7654700" 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/dw56a0fbed/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-7654700-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/dw56a0fbed/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/dw56a0fbed/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/dw56a0fbed/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/8834148_6523048_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="8834148"> Fast # </span> </li> <li class="c-product-numbers-rating__number"> Part #<span class="product-id js-part-number js-pdp-dynamic-info" data-default="K8799-2MB">K8799-2MB</span> </li> <li class="c-product-numbers-rating__number"> Item #<span class="js-sku js-pdp-dynamic-info" data-default="8834148">8834148</span> </li> <li class="c-product-numbers-rating__number"> <span class="js-manufacturer-sku js-pdp-dynamic-info" data-default="Manufacturer Part #8799-2MB"> Manufacturer Part #8799-2MB </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="99.56" data-default="$99.56"> $99.56 </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/dw56a0fbed/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/dw56a0fbed/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-8834148-1" class="sr-only"> Quantity </label> <input value="1" type="number" id="quantity-8834148-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="8834148" inputmode="numeric" min="null" max="null" aria-describedby="qty-8834148-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/dw56a0fbed/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/dw56a0fbed/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="8834148" 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/dw56a0fbed/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-8834148-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/dw56a0fbed/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/dw56a0fbed/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/dw56a0fbed/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>