

	<!-- new pages go at the top -->
		
		
<!-- Paste here - 2022 new pages -->

	
<!-- Paste here - new pages go at the top -->
	

<!-- leave the rest of the page alone -->


<!-- elemental components -->

    
<!-- feature loop -->
	
	
<!-- end feature loop -->


<!-- features to 3 -->
	
	
<!-- end features to 3 -->


<!-- feature grabbing -->
	
	
<!-- end feature grabbing 1 - 3 -->
		
	
<!-- shop all -->
	
	
<!-- end shop all -->
		
	
<!-- random images and stuff -->
<!-- burst -->
	
<!-- end burst -->

<!-- burst 2 -->
	
<!-- end burst 2 -->

<!-- paint_strip -->
	<!-- PARENT ELEMENT HAS TO BE RELATIVELY POSITIONED!!! -->
	
<!-- end paint_strip -->


<!-- square -->
	
<!-- end ribbon -->


<!-- square -->
	
<!-- end square -->

<!-- Used for brand logos -->
<!-- start avanti -->
	
	
<!-- end avanti -->


<!-- start amana -->
	
	
<!-- end amana -->


<!-- bosch -->
	
	
<!-- end bosch -->


<!-- beko -->
	
	
<!-- end beko -->


<!-- start broyhill -->
	
	
<!-- end broyhill -->


<!-- start dacor -->
	
	
<!-- end dacor -->


<!-- start dcs -->
	
	
<!-- end dcs -->


<!-- electrolux -->
	
	
<!-- end electrolux -->

<!-- fisher and paykel -->
	
	
<!-- end fisher and paykel -->

<!-- friedrich -->
	
	
<!-- end friedrich -->

<!-- frigidaire -->
	
	
<!-- end frigidaire -->

<!-- frigidaire gallery -->
	
	
<!-- end frigidaire gallery -->

<!-- frigidaire professional -->
	
	
<!-- end frigidaire professional -->

<!-- GE Appliances [has to go before "GE" for prototyping reasons] -->
	
	
<!-- end GE Appliances -->

<!-- GE Profile [has to go before "GE" for prototyping reasons] -->
	

<!-- end GE Profile -->

<!-- GE -->
	
	
<!-- end GE -->

<!-- haier -->
	
	
<!-- end haier -->

<!-- icomfort -->
	
	
<!-- end icomfort -->

<!-- kitchenaid -->
	
	
<!-- end kitchenaid -->

<!-- lg -->
	
	
<!-- end lg -->

<!-- malouf -->
	
	
<!-- end malouf -->

<!-- maytag -->
	
	
<!-- end maytag -->

<!-- miele -->
	
	
<!-- end miele -->

<!-- monogram -->
	
	
<!-- end monogram -->

<!-- Renue -->
	
	
<!-- end Renue -->

<!-- samsung -->
	
	
<!-- end samsung -->

<!-- sealy -->
	
	
<!-- end sealy -->

<!-- serta -->
	
	
<!-- end serta -->


<!-- stearns and foster -->
	

<!-- end stearns and foster -->


<!-- summit -->
	
	
<!-- end summit -->


<!-- tempurpedic -->
	
	
<!-- end tempurpedic -->


<!-- weber -->
	
	
<!-- end weber -->


<!-- whirlpool -->
	
	
<!-- end whirlpool -->


<!-- regular page edits below -->


	<!-- new pages go at the top -->
		
		
<!-- Paste here - 2022 new pages -->

	
<!-- Paste here - new pages go at the top -->
	

<!-- leave the rest of the page alone -->


<!DOCTYPE html>
<html lang="en">
  <head>

	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	

<!-- Defines -->


    <!-- GTAG Loading and Config Setup -->
    <script>
        function normalizePrice(price){
            if (price.includes('$')) {
                price = price.split('$').join('');
            }

            if (price.includes(',')) {
                price = price.split(',').join('');
            }
            
            if (!isNaN(price)) {
                if (parseFloat(price) < 1) {
                    price = 1;
                } else {
                    price = parseFloat(price);
                }
            } else {
                price = 1;
            }

            return price;
        }
    </script>

    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-2215242-61"></script>

        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}

            gtag('js', new Date());
            gtag('config', 'UA-2215242-61');
    

            gtag('config','AW-806550100');
                // Global site tag (gtag.js) - Google Adwords
  
        // AdRocket Global Site Tag Codes
        // ADD_TO_CART - 806550100/rAJOCO-moeEBENT0y4AD
        // BEGIN_QUOTE_REQUEST - 806550100/XfQ-CKKPiucBENT0y4AD
        // CHECKOUT - 806550100/eASRCPKmoeEBENT0y4AD
        // LANDING_PAGE_VIEW - 806550100/HtGJCPumoeEBENT0y4AD
        // NAVIGATION_FROM_SITE - 806550100/RmcYCOmmoeEBENT0y4AD
        // PHONE_CALLS_FROM_MOBILE_SITE - 806550100/I89DCOymoeEBENT0y4AD
        // PRODUCT_PAGE_VIEW - 806550100/raeRCPimoeEBENT0y4AD
        // PURCHASE - 806550100/_JfECO6loeEBENT0y4AD
        // QUOTE_REQUEST - 806550100/nWE_CMiRnecBENT0y4AD
        // REBATE_FORM_VIEW - 806550100/tgj8CPWmoeEBENT0y4AD
        //
        // Sales Phone - 310-323-7037
        
        var conversionPhoneNumber = '310-323-7037';

            if (conversionPhoneNumber.includes('(')) {
                conversionPhoneNumber = conversionPhoneNumber.replace('(','');
                conversionPhoneNumber = conversionPhoneNumber.replace(') ','-');
            }
        
            gtag('config', 'AW-806550100/I89DCOymoeEBENT0y4AD',
                {'phone_conversion_number': conversionPhoneNumber}
            );
                            
        
        //must send undefined or url page is linking to. Added id parameter so function works with multiple tracking ids on page.
        function gtag_report_conversion(id, url) {
            var callback = function () {
                if (url !== undefined) {
                    <!-- window.location = url; -->
                }
            };
    
            gtag('event', 'conversion', {
                'send_to': 'AW-806550100/' + id,
                'event_callback': callback
            });
        }
        
        function gtag_report_checkout_conversion(id, price) {

            price = normalizePrice(price);

            gtag('event', 'conversion', {
                'send_to': 'AW-806550100/' + id,
                'value': price,
                'currency': 'USD'
            });

            return false;
        }
            
            
        </script>


    <script>


        (function(){
           
            const MS_IN_A_DAY = 86400000;
            const RIGHT_NOW = Date.now();
            let localStorage =  window.localStorage;

             //ardidTimestamp will eventually be handled by the back end.
            let ardidTimestamp = localStorage.getItem('arbid_check_timestamp') ;
            let current_url_params = window.location.search.replace(/[?]/g, '').split('&');
            let arbid_param = current_url_params.filter(function(param) {
                return param.indexOf('arbid') != -1;
            });
            
            
            if (ardidTimestamp) {
                if ( ( RIGHT_NOW - parseInt(ardidTimestamp) ) > MS_IN_A_DAY ) {
                    localStorage.removeItem('arbid_check_timestamp');
                }
            }
            
            if (arbid_param.length > 0) {
                localStorage.setItem('arbid_check_timestamp', Date.now());
            }

            //GA4 Conversion must remain
            //remove GA4 data if after 24hrs.
            let ga4Conversion = localStorage.getItem('ga4_conversion');

            if (ga4Conversion) {
                let ga4ConversionTimestamp = JSON.parse(ga4Conversion).timestamp

                if ( ( RIGHT_NOW - parseInt(ga4ConversionTimestamp) ) > MS_IN_A_DAY ) {
                    localStorage.removeItem('ga4_conversion');
                } 
            }
        })();
    </script>

	
<script src="/js/axios.min.js?ccid=x7259ae1b" defer></script>

<script>
	
	let GTAG_CALLBACK_FAILED = true;// Global variable to prevent timeout if GTAG callback is successful. 
    function getNowInMS(){
        //only used in one spot but may be needed in others. this timestamp is used for ignite marketing activity info stored in local storage
        return {"timestamp": Date.now()};
    }

    function storeIgniteGA4Conversion(payload) {
        

        //remove unnecessary properties from payload
        delete payload.send_to;
        delete payload.action;

        let localStorage = window.localStorage;
        let ga4Conversion = localStorage.getItem('ga4_conversion');
        let rightNow = getNowInMS();
        
        
        localStorage.setItem('ga4_conversion', JSON.stringify({...rightNow, ...payload}));
    }

    function postIgniteEmailMetrics(ignitePayload, redirectURL = false){
            
            let consumer_email = '';
            let consumer_profile_id = '';
            let billable_account_id  = '33505';
			
			let ignitePayloadDTO = {
				ignite_activity_id : ignitePayload.igniteActivityId,
				ignite_media_id : ignitePayload.igniteMediaId,
				ignite_media_set_id : ignitePayload.igniteMediaSetId,
				ignite_media_type: ignitePayload.igniteMediaType
			}

            if (consumer_email && consumer_profile_id && billable_account_id) {
                let webfrontPayload = {consumer_email, consumer_profile_id, billable_account_id};
        
				//Axios is linked resource
				axios.post('/api/internal/wf-appliance/upsert-adrocket-ignite-email-processor-entry?api_key=WSKYRINYDNCQUADFAKXHUQSABSPHABPYTICFKKYOVDTPWYNSAJJTJMHGBAGU', {
					...ignitePayloadDTO,
					...webfrontPayload,
				}).then(response=>{

					if (redirectURL) {
						window.location = redirectURL;
					}

				}).catch(error=>{
					console.log(error);
                    
                    if (redirectURL) {
                        window.location = redirectURL;
                    }
				});
			} else {

                if (redirectURL) {
                    window.location = redirectURL;
                }

            }
    }

    function constructIgnitePayload(actionType, igniteActivityId, igniteMediaId, igniteMediaSetId){
        
        let ardidTimestamp = window.localStorage.getItem('arbid_check_timestamp') ;
        let is_paid_traffic = ardidTimestamp ? true: false;
        
        let payload = {
            'send_to': '',
            'action': actionType,
            'ignite_from_paid_traffic':is_paid_traffic,
            'ignite_media_id': igniteMediaId,
            'ignite_activity_id': igniteActivityId,
        }

        
        if (igniteMediaSetId) {
            payload.ignite_media_set_id = igniteMediaSetId
        }

        return payload;
    }

    function igniteGTAG(redirectURL, actionType , igniteMediaType, igniteActivityId, igniteMediaId, igniteMediaSetId){
        let payload = constructIgnitePayload(actionType, igniteActivityId, igniteMediaId, igniteMediaSetId);
        if (redirectURL) {

            
            payload.event_callback = function(id){
                
                
				GTAG_CALLBACK_FAILED = false;
                if (id === '' && actionType.toLowerCase() === 'click') {
                   postIgniteEmailMetrics({actionType , igniteMediaType, igniteActivityId, igniteMediaId, igniteMediaSetId}, redirectURL);
                }
            }

        } else {
            if (actionType.toLowerCase() === 'click') {
                postIgniteEmailMetrics({actionType , igniteMediaType, igniteActivityId, igniteMediaId, igniteMediaSetId});
            }
        }

        gtag('event', igniteMediaType, payload);

        //Recommended by Google: fallback in case gtag script doesn't load and callback function fails
        if (redirectURL && actionType.toLowerCase() === 'click') {
            setTimeout(()=>{
				
				if (GTAG_CALLBACK_FAILED) {
					postIgniteEmailMetrics({actionType , igniteMediaType, igniteActivityId, igniteMediaId, igniteMediaSetId}, redirectURL);
				}
            }, 1000);
        }
    }
    
    function getIgniteIds(elem){

        let ids ={
            'igniteMediaType': elem.dataset.igniteMediaType,
            'igniteActivityId' : elem.dataset.igniteActivityId,
        }

        
        if (elem.dataset.igniteMediaType === 'ignite_product_flag') {
            ids.igniteMediaId = elem.dataset.igniteMediaId; 
        } else {

            
            // checking if data set exists
            if (elem.dataset.isNavBanner) {

                if (elem.dataset.navBannerDirection === 'down') {
                    ids.igniteMediaId = elem.querySelector('img.slide-down-version').currentSrc.split('/').pop().split('.').shift();
                } else {
                    ids.igniteMediaId = elem.querySelector('img:not(.slide-down-version)').currentSrc.split('/').pop().split('.').shift();
                }
            } else {

				let imageElem = elem.querySelector('img');
				let imageSrc = imageElem.currentSrc;

				//this covers rpi owl carousel which adds the image source after the mutation observer fires. we need to check owl carousel data-src attribute
				if (imageElem.src === '' && imageElem.dataset.src) {
					imageSrc = imageElem.dataset.src;
				}

            
                if (imageSrc.includes('?')) {
                    imageSrc = imageSrc.split('?').shift();
                }

                ids.igniteMediaId = imageSrc.split('/').pop().split('.').shift();
            }

            ids.igniteMediaSetId = elem.dataset.igniteMediaSetId;
        }

        return ids;
    }
    
    function setupIgniteMediaTracking (trackingClassName, redirectURL = false) {
        let igniteMediaElems = document.querySelectorAll(trackingClassName);

        for (let index = 0; index < igniteMediaElems.length; index++) {
            let igniteElem = igniteMediaElems[index];
            let listOfIds = getIgniteIds(igniteElem);
            
            igniteGTAG(redirectURL, 'impression', listOfIds.igniteMediaType, listOfIds.igniteActivityId, listOfIds.igniteMediaId, listOfIds.igniteMediaSetId);
			
            igniteElem.addEventListener('click', function(event){
                
                event.preventDefault();
                let listOfIds = getIgniteIds(this);
                igniteGTAG(this.href, 'click', listOfIds.igniteMediaType, listOfIds.igniteActivityId, listOfIds.igniteMediaId, listOfIds.igniteMediaSetId);
            
                storeIgniteGA4Conversion(constructIgnitePayload('click' , listOfIds.igniteActivityId, listOfIds.igniteMediaId, listOfIds.igniteMediaSetId));
            }); 
        }
    }
    
    window.addEventListener('load', function (event) {
        /******************************************* 
            START ADROCKET ADWORDS
        *******************************************/
        //START IIFE FOR ADWORDS EVENTS
            (()=>{
                /******************************************* 
                     ADROCKET ADWORDS PAGE LOAD EVENTS
                *******************************************/
                

                        //AdRocket Promotion Landing Page View Conversion Event Tracker PROMOTION
                            gtag('event', 'conversion', {'send_to': 'AW-806550100/HtGJCPumoeEBENT0y4AD'});

                
                /******************************************* 
                     ADROCKET ADWORDS CLICK EVENTS
                *******************************************/
                

                //AdRocket View Rebate Form Conversion Event Tracker 
                    let rebateFormLinks = document.querySelectorAll('a[href*="/_CGI/VIEW_REBATE_FORM"]');

                    if (rebateFormLinks.length) {
                        rebateFormLinks.forEach(function(elementToTrack){
                            elementToTrack.addEventListener('click', function(){
                                gtag_report_conversion('tgj8CPWmoeEBENT0y4AD');  //Pass in url as a second parameter for pages that will redirect to other pages
                            });
                        });
                    }
            })();
            //END IIFE FOR ADWORDS EVENTS
        /******************************************* 
            END ADROCKET ADWORDS
        *******************************************/

        /******************************************* 
            START GA4 EVENTS
        *******************************************/
        
        /******************************************* 
            END GA4 EVENTS
        *******************************************/

        
        /******************************************* 
             ADROCKET IGNITE EVENTS
        *******************************************/
        

    });
</script>

	
<meta name="geo.position" content="33.8891074; 118.3058396">
<meta name="ICBM" content="33.8891074; 118.3058396">
<meta name="geo.placename" content="Gardena, CA">
<meta name="geo.region" content="us-ca">
<title>Appliances, Refrigerators, Ovens, Ranges, Washer, Dryer, Dishwashers, Appliance Repair, and Appliance Parts in Gardena, Manhattan Beach and Torrance CA | South Bay Appliance</title>
<meta name="description" content="South Bay Appliance is a family owned Appliances, Refrigerators, Ovens, Ranges, Washer, Dryer, Dishwashers, Appliance Repair, and Appliance Parts store located in Gardena, CA. We offer the best in home Appliances, Refrigerators, Ovens, Ranges, Washer, Dryer, Dishwashers, Appliance Repair, and Appliance Parts at discount prices.">
<meta name="keywords" content="South Bay Appliance, 	 local home appliance store, home appliances, kitchen appliances, home appliance store, major home appliances">


	<link href="/images/favicon.ico?ccid=x7259ae1b" rel="icon">

	<style>
			/* Prevent ADA disclaimer from showing during page load */
			header .screen-reader-text a,
			footer #footer-screen-reader a:not([href*='tel']) { position: absolute; pointer-events: none; opacity: 0; top:0; left:0; font-size:12px;}
			header .screen-reader-text a:focus,
			footer #footer-screen-reader a:focus {opacity: 1; z-index: 15; background-color: white; color: blue; padding: 1rem; pointer-events: all;}
            /* #loading { display: flex; width: 100%; height: 100%; z-index: 100; background-color: white; position: absolute; align-items: center; justify-content: center; } */
			/* #featured-rpi { min-height:calc(500 / 1400 * 100vw); } */
		</style>
    
	<style>
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;font-size:14px;line-height:1.42857143;background-color:#fff;color:#333}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}img{border:0;vertical-align:middle}.img-fluid{width:100%}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}hr.with-or::after{background-color:#fff;color:#8c8b8b;content:"OR";display:inline-block;font-size:18px;padding:0 10px;position:relative;top:-15px}table{border-spacing:0;border-collapse:collapse;background-color:transparent;width:100%;max-width:100%;margin-bottom:20px}.table-responsive{min-height:.01%;overflow-x:auto}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}td,th{padding:0}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-no-bullet{list-style:outside none}.list-align-left{padding-left:20px}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}}header#header-wrap{position:relative;z-index:10}header .screen-reader-text a,footer #footer-screen-reader a:not([href*='tel']){position:absolute;pointer-events:none;opacity:0;top:0;left:0;font-size:12px}.header-content-wrap{position:relative}#header-logo-content .header-logo{display:inline-block}#header-logo-content.align-center .header-logo{margin-left:auto;margin-right:auto}#nav-primary{position:relative}.navbar-collapse.in{overflow-y:auto}.collapsed-subnav .navbar-toggle{display:block}.collapsed-subnav .nav-side-collapse>.sub-nav>li{float:none}#sub-nav-search-dropdown>a::after{content:""}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block;height:100%}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.navbar-top.collapsed-subnav{padding-left:0}.collapsed-subnav .nav-side-collapse>.sub-nav{width:100%}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-left{margin-left:-15px}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}#header-secondary-nav-container .navbar-toggle{margin:0}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}.nav>li>a{position:relative;display:block;padding:10px 15px}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.nav .dropdown-section-header{font-weight:bold;font-size:1.75em}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.nav .dropdown:not(.dropdown-no-arrow)>a:after{white-space:nowrap;font-family:"FontAwesome";content:"\f0d7";margin-left:3px;vertical-align:top;display:inline-block}#header-secondary-nav-container #secondary-nav-content{position:relative}#secondary-nav-no-collapse .login-menu{min-width:250px;overflow:hidden}.collapsed-subnav .nav-side-collapse.in{width:60vw;padding-left:1em;left:0}.collapsed-subnav .nav-side-collapse{left:-60vw;top:100%;bottom:0;width:60vw;height:100vh;position:absolute;overflow:hidden;transition:left .4s;background:#fff;z-index:11}.nav.sub-nav>li{float:left;line-height:1.75}.cart-menu{max-width:100vw;overflow:hidden;min-width:320px}.cart-item .cart-item-info-wrapper{display:table;width:100%;padding:1em}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}#nav-primary .nav-justified>li{float:none;white-space:nowrap}#nav-primary .nav-justified>li>a{padding-left:2px;padding-right:2px}.model-tabs-wrapper .nav-tabs{font-size:16px;text-transform:uppercase}@media(max-width:767px){.navbar-toggle{display:block}.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}}@media(min-width:768px){.navbar{border-radius:4px}.navbar-header{float:left}.navbar-left{float:left !important}.navbar-right{float:right !important}.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-toggle{display:none}.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.nav-justified>li{display:table-cell;width:1%}}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}a:focus,a:active,a:active i,.fa:focus,.fa:active,input,input:focus,input:active{outline:none !important}b,strong{font-weight:700}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn-default{background-color:#fff;color:#333;border-color:#ccc}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-primary{color:#fff}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-icon-right{padding-left:10px}.btn-cta{margin-top:auto}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.fsearch-page h1{color:#333}.link-alt{color:#000}.text-red{color:red}.text-danger{color:#a94442}.text-uppercase{text-transform:uppercase}.homepage_store_slogan,.home_heading{font-size:28px;line-height:36px;margin-bottom:5px}.homepage_store_slogan_subtext{font-size:20px;line-height:24px;margin-bottom:30px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}.section-heading{font-size:16px;font-weight:bold;text-transform:uppercase}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}p{margin:0 0 10px}.small,small{font-size:85%}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#777}.font-muted{color:#999}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}.page-header.with-btn h1{margin:0}.page-header.with-btn:after{clear:both;content:" ";display:table}@media(min-width:768px){.lead{font-size:21px}}#footer-contact-info-container{padding-left:0;padding-right:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.boxed-container,.container-boxed{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;max-width:1440px}#page-content-wrap,#page_wrapper_bg{background-color:#fff;padding-bottom:30px}.pull-right{float:right}.pull-left{float:left}.full-width{width:100%}figure{margin:0}.no-gutter>[class*='col-']{padding-right:0;padding-left:0}.col-horizontal{width:100%;height:100%}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media(min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}@media(min-width:576px){.float-sm-right{float:right !important}}@media(max-width:767px){.col-horizontal{border-bottom:0}}@media(min-width:768px){.container{width:750px}#nav-primary-container>.container{width:100%;max-width:1440px;padding-right:0;padding-left:0}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.fade.in{opacity:1}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}@media(min-width:768px){.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-dialog{width:600px;margin:30px auto}}.dropdown,.dropup{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown .divider{padding-top:0;padding-bottom:0}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.divider{border-top:1px solid #e1e1e1;padding-top:15px;padding-bottom:15px}nav .megamenu-dropdown{position:static !important}.megamenu{padding:20px 0}.megamenu ul{list-style:none}.megamenu>li ul{padding:0}.megamenu .nav-sub-section{margin-bottom:1em}.megamenu .dropdown-section-header{margin-bottom:0}.megamenu .dropdown-header{font-size:16px;font-weight:bold}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.megamenu .dropdown-footer{font-size:14px;font-weight:bold}.megamenu li.nav-sub-section>ul>li>a{display:block;padding:3px 20px;clear:both;line-height:1.428571429;color:#333;white-space:normal}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.open>.dropdown-menu{display:block}.edge .dropdown-menu{right:0}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item .model-rating-review-stars,#product-page .owl-carousel .owl-item .model-rating-review-stars{display:table-cell;width:auto !important;max-width:100%}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#featured-rpi .owl-dots{background-color:#000;padding-top:3px;padding-bottom:3px;display:flex;justify-content:center;align-items:center;width:100%;text-align:center;padding-top:7px}#featured-rpi .owl-dot{border:1px solid #fff;height:10px;width:10px;border:1px solid #999;display:inline-block;border-radius:50%;height:12px;width:12px;margin:3px}#featured-rpi .owl-dot.active{background-color:#fff}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}:root,:host{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../webfonts/fa-brands-400.woff2") format("woff2"),url("../webfonts/fa-brands-400.ttf") format("truetype")}@font-face{font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:300;font-display:block;src:url("../webfonts/fa-light-300.woff2") format("woff2"),url("../webfonts/fa-light-300.ttf") format("truetype")}@font-face{font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:400;font-display:block;src:url("../webfonts/fa-regular-400.woff2") format("woff2"),url("../webfonts/fa-regular-400.ttf") format("truetype")}@font-face{font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../webfonts/fa-solid-900.woff2") format("woff2"),url("../webfonts/fa-solid-900.ttf") format("truetype")}.fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)}.fa,.fas,.fa-solid,.far,.fa-regular,.fal,.fa-light,.fab,.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fab,.fa-brands{font-family:'Font Awesome 6 Brands';font-weight:400}.fal,.fa-light{font-family:'Font Awesome 6 Pro';font-weight:300}.far,.fa-regular{font-family:'Font Awesome 6 Pro';font-weight:400}.fas,.fa-solid{font-family:'Font Awesome 6 Pro';font-weight:900}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-2x{font-size:2em}.fa-4x{font-size:4em}.fa-close:before{content:"\f00d"}.fa-clipboard-list:before{content:"\f46d"}.fa-user-plus:before{content:"\f234"}.fa-houzz:before{content:"\f27c"}.fa-linkedin-square:before{content:"\f08c"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-square:before{content:"\f082"}.fa-yelp:before{content:"\f1e9"}.fa-flat .fa-youtube,.fa-youtube-play{background:red;color:white}.fa-youtube:before{content:"\f167"}.fa-shape-square .fa{text-align:center;font-size:1.25em;padding:.5em;width:2em;text-decoration:none}.fa-instagram:before{content:"\f16d"}.fa-phone:before{content:"\f095"}.fa-map-marker:before{content:"\f3c5"}.fa-times:before{content:"\f00d"}.fa-exclamation:before{content:"\f12a"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-circle-o-left:before{content:"\f359"}.fa-arrow-circle-o-right:before{content:"\f35a"}.fa-caret-left:before{content:"\f0d9"}.fa-bullhorn:before{content:"\f0a1"}.fa-print:before{content:"\f02f"}.fa-truck:before{content:"\f0d1"}.fa-search:before{content:"\f002"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-star-half:before,.fa-star-half-o:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-half-empty:before{content:"\f089"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-trash-o:before{content:"\f2ed"}.fa-plus:before{content:"\f067"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-shopping-cart:before{content:"\f07a"}.fa-filter:before{content:"\f0b0"}.fa-minus:before{content:"\f068"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-angle-up:before{content:"\f106"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fa-caret-down:before{content:"\f0d7"}@font-face{font-family:'Glyphicons Halflings';src:url(/fonts/glyphicons-halflings-regular.eot);src:url(/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/fonts/glyphicons-halflings-regular.woff2?ccid=xfe893f3) format('woff2'),url(/fonts/glyphicons-halflings-regular.woff?ccid=xfe893f3) format('woff'),url(/fonts/glyphicons-halflings-regular.ttf?ccid=xfe893f3) format('truetype'),url(/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-search:before{content:"\e003"}#featured_product_container{padding:20px 0}.featured-product-wrap .border-bottom{margin-bottom:20px}.featured-product-carousel,.featured-product-container.owl-carousel .owl-stage{display:flex;display:-ms-flexbox;display:-webkit-flex;flex-direction:row;-ms-flex-direction:row;-webkit-flex-direction:row;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap}.featured-product-container.owl-carousel .owl-item,.featured-product-container.owl-carousel .owl-item a,.featured-product .model-detail{display:flex;display:-ms-flexbox;display:-webkit-flex;flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;flex-grow:1}.featured-product{background-color:#fff;border:1px solid #fff;margin:0 10px;padding:10px;position:relative;overflow:hidden;color:#464e54}.featured-product p{margin-bottom:0}.featured-product .model-number{display:block}.related-item-desc{color:#333;font-size:16px;display:block;margin:20px 0;height:50px}#tabbed-product-carousel .carousel-button{margin-top:1em;text-align:center;padding-right:30px;padding-bottom:15px;font-size:1.5rem}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control::-webkit-input-placeholder{color:#999}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input{line-height:normal}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:4px 0 0;margin-top:1px\9;line-height:normal}.input-group{position:relative;display:table;border-collapse:separate;width:100%;margin-bottom:20px}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.even_stylized_input{display:none;opacity:0}textarea.form-control{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0;border:0}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.form-group{margin-bottom:15px}.model-desc{font-size:21px;line-height:24px;color:#000}.model-rating span.star{display:inline-block;color:#fec32b;border:#000}.model-rating a{text-decoration:underline;color:#999}.model-rating p{line-height:1;display:table;margin-bottom:0}.model-rating{margin-bottom:1em}.model-rating-value{vertical-align:bottom}.model-price-value-sale{margin-bottom:0;font-size:24px;line-height:26px;color:#000}.model-price-breakdown{padding-top:8px;padding-bottom:8px}.model-price-block .price-block-section:not(:first-of-type){padding-top:20px;border-top:1px solid #ddd}.model-price-block p{margin-bottom:0}.price-block-content{border:1px solid #ddd;background-color:#f9f9f9;padding:10px}.zip-code-checker>div{margin:1em -10px;padding-top:15px;padding-bottom:15px;background-color:#efefef}.model-price-section-delivery:after,.model-price-section-warranty:after{clear:both;content:" ";display:table}.model-img{overflow:hidden;position:relative;z-index:1}.model-img .img-flags{background-color:transparent;border-width:0;display:table;height:auto;margin:0;overflow:visible;padding:0;position:absolute;z-index:2;vertical-align:inherit;width:auto}.model-img .flags-top-left{left:0;top:0}.model-img .flags-top-right{right:0;top:0}.model-img .img-flag-label{font-size:12px;text-transform:uppercase;display:table;margin:0 -1px 1px 0;opacity:.8;text-align:center}.model-img .img-flag-label>span{display:inline-block;font-weight:bold;color:#fff;line-height:1;padding:.2em .6em .3em;vertical-align:baseline;white-space:nowrap}.model-swatch{padding:5px;overflow:hidden;text-overflow:ellipsis}.model-swatch.active{border-color:#000}.checkbox{padding-left:20px}.checkbox-btn{padding-left:30px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox-link{display:block;margin-bottom:10px;margin-top:10px;position:relative;padding-left:20px}.checkbox-link:focus,.checkbox-link:active{outline:0;-moz-outline-style:none}.checkbox-link .checkbox-label{cursor:pointer;font-weight:400;margin-bottom:0;min-height:20px;color:#555}.checkbox label,.checkbox-link .checkbox-label{display:inline-block;vertical-align:middle;position:relative;padding-left:5px}.checkbox label::before,.checkbox-link .checkbox-label::before{content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0;margin-left:-20px;border:1px solid #ccc;border-radius:3px;background-color:#fff;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;-o-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out}.checkbox input[type="checkbox"],.checkbox input[type="radio"]{opacity:0;z-index:1;cursor:pointer}#location-details legend{position:absolute;top:2.25rem;left:3.5rem;padding-top:0;border-bottom:0;font-size:18px;max-width:85%}#location-details .form-content{padding-top:6rem}#location-details #map_container{margin-bottom:2.25em}#location-details #map{width:100%;height:35vh}#location-details #location-contact-form-section{margin-top:30px;margin-bottom:30px}#location-details .location-address-section{margin-top:15px;margin-bottom:15px}#location-details fieldset{width:100%}#location-finder #map{width:100%;height:50vh;min-height:350px}#location-finder .locations-list-wrapper{height:50vh;min-height:350px;overflow-y:auto;border:1px solid #ddd}#location-finder .locator-form{padding:25px 15px 15px;background:#f8f8f8;border-bottom:2px solid #ddd}#location-finder .number-circle{border-radius:100%;padding:.5rem 1.25rem;background:#bf231a;color:#fff;text-align:center;font-size:18px;margin-bottom:1rem;display:inline-block}#location-finder .location-result{border-top:1px solid #ddd;overflow:hidden;padding:1em;position:relative}#location-finder .location-result .number-column{padding-left:0}#location-finder .location-result .location-finder-location-list{padding-right:0}#location-finder .location-result:first-child{border-top:0}.location-finder-location-list .location-desc{font-weight:bold;font-size:16px}.location-finder-location-list .location-address,.location-finder-location-list .location-city,.location-finder-location-list .location-hours{font-size:12px;opacity:.85}@media(max-width:442px){#location-details legend{margin-top:14px}}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.page-404 .page-title{font-size:6em;margin-bottom:10px;text-transform:uppercase}.page-404 .page-subtitle{font-size:3em;margin-bottom:10px;text-transform:uppercase}.inline-block{display:inline-block}.pad,.block-pad,.pad-content{padding:1em}.pad-bottom,.block-pad-bottom,.pad-content-bottom{padding-bottom:1em}.pad-top,.block-pad-top,.pad-content-top{padding-top:1em}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}.object-muted{opacity:.5}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fadeIn{animation-name:fadeIn}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.divide-msg-container{border-bottom:1px solid #d9d9d9;line-height:16px;text-align:center;margin:3em auto 2em}.divide-msg{background:#FFF;bottom:-8px;line-height:16px;padding:0 15px;position:relative;text-align:center}#page-go-to-top{position:fixed;bottom:1em;right:1em;cursor:pointer;display:none;z-index:999;background-color:rgba(0,0,0,.2);color:#fff;border:1px solid #fff;transition:all .3s}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.pad-remove,.no-padding,.no-pad,.remove-pad{padding:0}.margin-auto{margin-left:auto;margin-right:auto}.margin-bottom,.margin-content-bottom{margin-bottom:1em}.margin-top,.margin-content-top{margin-top:1em}.margin-left,.margin-content-left{margin-left:1em}.margin-remove,.no-margin,.remove-margin{margin:0}.right,.float-right{float:right}.float-left{float:left !important}.left,.float-left{float:left}.block{display:block}.center-block{display:block;margin-right:auto;margin-left:auto}.hide-me,.make-invisible{display:none}.hide,.hidden{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.visible-lg,.visible-md,.visible-sm,.visible-xs,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none !important}.collapse{display:none}.collapse.in{display:block}.margin-0,.m-0{margin:0}.m-l--30{margin-left:-30px}.m-t--30{margin-top:-30px}.m-r--30{margin-right:-30px}.m-b--30{margin-bottom:-30px}.m-l--25{margin-left:-25px}.m-t--25{margin-top:-25px}.m-r--25{margin-right:-25px}.m-b--25{margin-bottom:-25px}.m-l--20{margin-left:-20px}.m-t--20{margin-top:-20px}.m-r--20{margin-right:-20px}.m-b--20{margin-bottom:-20px}.m-l--15{margin-left:-15px}.m-t--15{margin-top:-15px}.m-r--15{margin-right:-15px}.m-b--15{margin-bottom:-15px}.m-l--10{margin-left:-10px}.m-t--10{margin-top:-10px}.m-r--10{margin-right:-10px}.m-b--10{margin-bottom:-10px}.m-l--5{margin-left:-5px}.m-t--5{margin-top:-5px}.m-r--5{margin-right:-5px}.m-b--5{margin-bottom:-5px}.m-l-0{margin-left:0 !important}.m-t-0{margin-top:0 !important}.m-r-0{margin-right:0 !important}.m-b-0{margin-bottom:0 !important}.m-l-5{margin-left:5px}.m-t-5{margin-top:5px}.m-r-5{margin-right:5px}.m-b-5{margin-bottom:5px}.m-l-10{margin-left:10px}.m-t-10{margin-top:10px}.m-r-10{margin-right:10px}.m-b-10{margin-bottom:10px}.m-l-15{margin-left:15px}.m-t-15{margin-top:15px}.m-r-15{margin-right:15px}.m-b-15{margin-bottom:15px}.m-l-20{margin-left:20px}.m-t-20{margin-top:20px}.m-r-20{margin-right:20px}.m-b-20{margin-bottom:20px}.m-l-25{margin-left:25px}.m-t-25{margin-top:25px}.m-r-25{margin-right:25px}.m-b-25{margin-bottom:25px}.m-l-30{margin-left:30px}.m-t-30{margin-top:30px}.m-r-30{margin-right:30px}.m-b-30{margin-bottom:30px}.m-r-a{margin-right:auto}.m-l-a{margin-left:auto}.m-t-a{margin-top:auto}.m-b-a{margin-bottom:auto}.p-l-0{padding-left:0}.p-t-0{padding-top:0}.p-r-0{padding-right:0}.p-b-0{padding-bottom:0}.p-l-5{padding-left:5px}.p-t-5{padding-top:5px}.p-r-5{padding-right:5px}.p-b-5{padding-bottom:5px}.p-l-10{padding-left:10px}.p-t-10{padding-top:10px}.p-r-10{padding-right:10px}.p-b-10{padding-bottom:10px}.p-l-15{padding-left:15px}.p-t-15{padding-top:15px}.p-r-15{padding-right:15px}.p-b-15{padding-bottom:15px}.p-l-20{padding-left:20px}.p-t-20{padding-top:20px}.p-r-20{padding-right:20px}.p-b-20{padding-bottom:20px}.p-l-25{padding-left:25px}.p-t-25{padding-top:25px}.p-r-25{padding-right:25px}.p-b-25{padding-bottom:25px}.p-l-30{padding-left:30px}.p-t-30{padding-top:30px}.p-r-30{padding-right:30px}.p-b-30{padding-bottom:30px}.padding-0,.p-0{padding:0}.font-10{font-size:10px}.font-11{font-size:11px}.font-16{font-size:16px}.font-18{font-size:18px}.font-20{font-size:20px}.font-22{font-size:22px}.font-25{font-size:25px}.font-larger{font-size:1.5em}.font-bold,.font-bold-weight{font-weight:700}.font-italic{font-style:italic}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / 5%);box-shadow:0 1px 1px rgb(0 0 0 / 5%)}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-body{padding:15px}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}#customer_account .panel{background-color:#fff;border-radius:8px;box-shadow:0 1px 5px 0 rgb(0 0 0 / 15%);margin-top:30px;padding:40px 30px 30px 30px}.border{border:1px solid #DDD}.border-bottom{border-bottom:1px solid #DDD}.border-top{border-top:1px solid #DDD}.border-left{border-left:1px solid #DDD}.solid-bg,.solid_bg{background:#f9f9f9;padding:20px}#error_message.visibility-fix,#success_message.visibility-fix{height:0;padding:0 35px 0 0;margin:0;border:0}#error_message p,#error_message a.close,#error_message i,#success_message p,#success_message a.close,#success_message i{visibility:inherit;height:inherit;padding:inherit}.has-feedback{position:relative}.has-error .form-control{background-color:rgba(251,72,58,0.08)}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%)}.has-feedback .form-control{padding-right:42.5px}.alert>p,.alert>ul{margin-bottom:0}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.table-display{display:table;position:relative;width:100%}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.affix{position:fixed}.d-flex{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important}.d-flex-wrap{-webkit-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-webkit-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important}.align-items-center{-webkit-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important}.justify-content-center{-webkit-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-left{text-align:left}.align-center,.font-center{text-align:center}.align-right{text-align:right}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-left,.media>.pull-left{padding-right:10px}.media-middle{vertical-align:middle}.form-label.required:after,label>.red{content:"*";color:red;padding-left:3px}#email-savings .panel{border-radius:8px;box-shadow:0 1px 5px 0 rgb(0 0 0 / 15%);margin-top:30px;padding:40px 30px 30px}#email-savings p.font-18.font-bold.align-center.no-margin{clear:both}.margin-content,.margin{margin:1em}@media(min-width:576px){.align-sm-right{text-align:right}}@media(max-width:767px){.visible-xs{display:block !important}.visible-xs-block{display:block !important}.hidden-xs{display:none !important}.visible-xs-inline{display:inline !important}.visible-xs-inline-block{display:inline-block !important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block !important}.visible-sm-block{display:block !important}.visible-sm-inline{display:inline !important}.visible-sm-inline-block{display:inline-block !important}.hidden-sm{display:none !important}}@media(min-width:768px){.flex-wrap{flex-wrap:wrap}.flex-display{display:flex}.flex-row-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;align-content:stretch}.flex-row-element{flex:1 1 auto}.flex-auto{flex:1 1 auto;min-width:0;min-height:0}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block !important}.visible-md-block{display:block !important}.visible-md-inline{display:inline !important}.visible-md-inline-block{display:inline-block !important}.hidden-md{display:none !important}}@media(min-width:1200px){.hidden-lg{display:none !important}.visible-lg{display:block !important}.visible-lg-block{display:block !important}.visible-lg-inline{display:inline !important}.visible-lg-inline-block{display:inline-block !important}}#order-confirmation-page .print-block{margin-bottom:2em}#order-confirmation-page .cart-edit-cta,#order-confirmation-page .model-qty .cart-qty-cta,#order-confirmation-page .remove{display:none;opacity:0;font-size:0}.lab-container{display:flex;flex-wrap:wrap}.lab-brand{width:16.66%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-right:1px solid #ccc;padding:15px;border-bottom:1px solid #ccc}.lab-brand img{margin-bottom:10px}#all-brands .section-header{font-size:2em;font-weight:bold}.section-header-bg{position:relative}.section-header-bg>.section-header{margin-bottom:0;background:#fff;display:inline-block;left:0;padding-right:30px;position:relative;z-index:1}.section-header-bg::after{background:#ddd;content:"";display:block;height:1px;left:0;margin-top:-0.5px;position:absolute;top:50%;width:100%;z-index:0}@media(max-width:767px){.lab-brand{width:50%;justify-content:center}.lab-brand img{margin-bottom:0}#all-brands .section-header{font-size:1.35em}.lab-brand:nth-child(2n){border-right:0}}@media(min-width:768px) and (max-width:991px){.lab-brand{width:33.3%}.lab-brand:nth-child(3n){border-right:0}}@media(min-width:992px) and (max-width:1279px){.lab-brand{width:25%}.lab-brand:nth-child(4n){border-right:0}}@media(min-width:1280px){.lab-brand:nth-child(6n){border-right:0}}.brand-sub-section{border:1px solid #ddd;padding:35px;margin-top:-1px;margin-left:-1px}#brand-page .brand-sub-section,#fsearch-category-page .brand-sub-section{padding-bottom:80px}.brand-sub-section .view-all{position:absolute;bottom:40px}.capacity-group .refine-section{line-height:28px}.color-group .refine-section{line-height:23px}.rebate-content-wrapper .rebate-content{padding:2em}.cur-rebate-title{margin-bottom:5px}.rebate-content-wrapper{margin-bottom:30px}@media(max-width:767px){.rebate-content-wrapper .panel-footer .align-right,.rebate-content-wrapper .panel-footer div{text-align:center;margin-bottom:10px}}.cur-flyer{display:flex;display:-webkit-flex;display:-ms-flexbox;flex-direction:row;-ms-flex-direction:row;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;align-items:center;justify-content:center;padding:2em 0}.flyer-thumbnail,.flyer-thumbnail img{max-height:550px}.compare-table{border:1px solid #ddd;margin-bottom:25px}.compare-table td{border-left:1px solid #ddd}.compare-table td:first-child{max-width:20%;width:20%;border-left:0}.compare-table td:not(:first-child){max-width:40%;width:180px}.compare-table .compare-spec-header{font-weight:bold;margin-bottom:0}
/*! animate.css -http://daneden.me/animateVersion - 3.5.2 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2017 Daniel Eden */.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}


/* btn colors */
 

.btn:focus, .btn:active:focus, .btn.active:focus { outline: 0 none; }
.btn:focus-visible { outline: 2px solid #666 !important; outline-offset: 1px; }

.btn-success { background: #5cb85c; color: #fff; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background:#449d44; }
.btn-success:active, .btn-success.active { background: #449d44; box-shadow: none; }

.btn-info { background: #5bc0de; color: #fff; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background: #31b0d5; }
.btn-info:active, .btn-info.active { background: #31b0d5; box-shadow: none; }

.btn-warning { background: #f0ad4e; color: #fff; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background: #eb9316; }
.btn-warning:active, .btn-warning.active { background: #eb9316; box-shadow: none; }

.btn-danger { background: #c9302c; color: #fff; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background: #c9302c; }
.btn-danger:active, .btn-danger.active { background: #c9302c; box-shadow: none; }

/* outline */
.btn-success.btn-outline { border: 1px solid #5cb85c; color: #5cb85c; }
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active, .btn-success.btn-outline.active, .open > .dropdown-toggle.btn-success { border-color: #449d44; color: #449d44; }
.btn-success.btn-outline:active, .btn-success.btn-outline.active { border-color: #449d44; color: #449d44; box-shadow: none; }

.btn-info.btn-outline { border: 1px solid #5bc0de; color: #5bc0de; }
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active, .btn-info.btn-outline.active, .open > .dropdown-toggle.btn-info { border-color: #31b0d5; color: #31b0d5; }
.btn-info.btn-outline:active, .btn-info.btn-outline.active { border-color: #31b0d5; color: #31b0d5; box-shadow: none; }

.btn-warning.btn-outline { border: 1px solid #f0ad4e; color: #f0ad4e; }
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active, .btn-warning.btn-outline.active, .open > .dropdown-toggle.btn-warning { border-color: #eb9316; color: #eb9316; }
.btn-warning.btn-outline:active, .btn-warning.btn-outline.active { border-color: #eb9316; color: #eb9316; box-shadow: none; }

.btn-danger.btn-outline { border: 1px solid #d9534f; color: #d9534f; }
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active, .btn-danger.btn-outline.active, .open > .dropdown-toggle.btn-danger { border-color: #c9302c; color: #c9302c; }
.btn-danger.btn-outline:active, .btn-danger.btn-outline.active { border-color: #c9302c; color: #c9302c; box-shadow: none; }

/* wishlist button */
	button.btn-wishlist-icon { position: absolute; right: 10px; top: 10px; z-index: 2; font-size: 15px; padding: 3px; border: 1px solid rgb(214, 214, 214); border-radius: 50% !important; background-color: #fff; }
	.btn-wishlist-icon:focus-visible { outline-offset: -2px; }
	.btn-wishlist-icon .heart-stroke { fill: none; stroke: #0069b2; stroke-width: 1px; opacity: 1; transform-origin: center center; }
	.btn-wishlist-icon.active .heart-stroke { opacity: 0; }
	.btn-wishlist-icon .heart-full { opacity: 0; fill: none; transform-origin: 50% 50%; }
	.btn-wishlist-icon.active .heart-full { opacity: 1; }
	.btn-wishlist-icon .heart-lines { stroke-width: 2px; display: none; }
	.btn-wishlist-icon:not(.on_wishlist):hover .heart-stroke { -webkit-animation: wishlist_pulse 1s ease-out infinite; animation: wishlist_pulse 1s ease-out infinite; }
	.btn-wishlist-icon.animate:not(.on_wishlist) .heart-full { -webkit-animation: wishlist_heart 0.35s; animation: wishlist_heart 0.35s; }
	.btn-wishlist-icon.animate .heart-lines, button.btn-wishlist-icon.animate .heart-lines { -webkit-animation: wishlist_lines 0.2s ease-out forwards; animation: wishlist_lines 0.2s ease-out forwards; display: block; }
	.btn-wishlist-icon path { fill: none; stroke: #0069b2; }
	.btn-wishlist-icon svg { fill: none; pointer-events: none; }
	.btn-wishlist-icon.on_wishlist path { fill: #0069b2; }
	.btn-wishlist-icon.on_wishlist svg { fill: #0069b2; }
	.cat-page.grid .img-flags.flags-top-right { right: 42px !important; } /* make room for wishlist button */
	.cat-page.list .img-flags.flags-top-right { right: 0 !important; }

/* quick view */
.btn--quick_view:hover { background-color: unset; }
.btn--quick_view:focus { background-color: unset; }
.btn--quick_view:focus-visible { background-color: #e6e6e6; }

/* custom tooltip */
.tooltip-anchor { padding: 0; margin-right: 16px; background: none; position: relative !important; opacity: 1 !important; }
.tooltip-anchor .tip { position: absolute; border-radius: 3px; padding: 15px; box-shadow: 0 5px 10px -5px #060606; bottom: calc(100% + 5px); left: 50%; min-width: 240px; transform: translateX(-50%) scale(0); transform-origin: bottom; transition: transform 0.25s; white-space: normal; text-align: left; cursor: auto; }
.tooltip-anchor .tip ul { padding-inline-start: 25px; padding-top: 5px; padding-bottom: 5px; }
.tooltip-anchor .tip a:focus-visible { outline: 2px solid #fff !important; outline-offset: 2px; }
.tooltip-anchor .tip::after { content: ""; position: absolute; width: 10px; aspect-ratio: 1; background-color: inherit; bottom: -5px; left: 50%; transform: translateX(-50%) rotate(45deg); }
.tip.show, .tooltip-anchor:focus .tip, .tooltip-anchor:focus-visible .tip, .tooltip-anchor:hover .tip { transform: translateX(-50%) scale(1); }
@supports (min-width: min(240px, 80vw)) { .tooltip-anchor .tip { min-width: min(240px, 80vw); }}

/* misc */
.flag--in-stock, .flag--in-stock::after { background-color: #0069b2; }
.btn-reset { appearance: none; background: none; border: none; cursor: pointer; }
.btn-arrow { display: inline-block; transform: translateY(-1px); }
.btn-arrow--left { margin-right: 2px; }


.label { -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; border-radius:0; }
.label-primary { background-color: #0069b2; }
.label-success { background-color:#2b982b; }
.label-info { background-color: #0085e2; }
.label-warning { background-color:#ff9600; }
.label-danger { background-color:#fb483a; }

/* input-groups */
.input-group { width:100%; margin-bottom:20px; }
.input-group .help-info { float:right; font-size:12px; margin-top:5px; color:#999; }
.input-group label.error { font-size:12px; display:block; margin-top:5px; font-weight:400; color:#F44336; }
.input-group .form-control:focus { -webkit-box-shadow:none!important; -moz-box-shadow:none!important; -ms-box-shadow:none!important; box-shadow:none!important; }
.input-group.input-group-sm .input-group-addon i { font-size:14px; }
.input-group.input-group-sm .form-control { font-size:12px; }
.input-group.input-group-lg .input-group-addon i { font-size:26px; }
.input-group.input-group-lg .form-control { font-size:18px; }

/* form-groups */
.form-label { display: inline-block; font-weight: 700;  margin-bottom: 5px; max-width: 100%; }
.form-control-label { text-align:right; }
.form-control-label label { margin-top:8px; }
.form-horizontal .form-group { margin-bottom:0; }
.form-group .help-info { float:right; font-size:12px; margin-top:5px; color:#999; }
.form-group label.error, .input-error-msg { font-size:12px; display:block; margin-top:5px; font-weight:400; color:#F44336; }
.input-group input[type="text"].focused:after, .form-group .form-control.focused:after { -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); -webkit-transform:scaleX(1); transform:scaleX(1); border-color:#1f91f3; }
.form-group-sm .form-label { font-size:12px; }
.form-group-lg .form-label { font-size:18px; }
.form-control[disabled], .form-control[readonly],fieldset[disabled] .form-control { background-color:transparent; }

.input-with-icon, .input-with-icon-rev { position: relative; }
.input-with-icon [class*="fa-"], .input-with-icon-rev [class*="fa-"] { font-size: 18px; line-height: 36px; position: absolute; color: #999; }
.input-with-icon input { padding-left: 20px; background: transparent; }
.input-with-icon-rev input { padding-right: 20px; background: transparent;  }
.input-with-icon-rev [class*="fa-"] { left: auto; right: 10px; }
.input-with-icon [class*="fa-"] { left: 10px; }

.checkbox { padding-left:20px; }
.checkbox-btn { padding-left:30px; }
.checkbox-link { display: block; margin-bottom: 10px; margin-top: 10px; position: relative; padding-left:20px; }
.checkbox-link:focus, .checkbox-link:active { outline: none; -moz-outline-style: none; }
.checkbox-link .checkbox-label { cursor: pointer; font-weight: 400; margin-bottom: 0; min-height: 20px; color: #555; }
.checkbox label, .checkbox-link .checkbox-label { display:inline-block; vertical-align:middle; position:relative; padding-left:5px; }
.checkbox label::before, .checkbox-link .checkbox-label::before { content:""; display:inline-block; position:absolute; width:17px; height:17px; left:0; margin-left:-20px; border:1px solid #ccc; border-radius:3px; background-color:#fff; -webkit-transition:border .15s ease-in-out,color .15s ease-in-out; -o-transition:border .15s ease-in-out,color .15s ease-in-out; transition:border .15s ease-in-out,color .15s ease-in-out; }

.checkbox label::after, .checkbox-link .checkbox-label::after { display:inline-block; position:absolute; width:16px; height:16px; left:0; top:0; margin-left:-20px; padding-left:3px; padding-top:1px; font-size:11px; color:#555; }
.checkbox input[type="checkbox"], .checkbox input[type="radio"] { opacity:0; z-index:1; cursor:pointer; }
.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before, .checkbox-link::focus .checkbox-label::before { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }

.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after, .checkbox-link.is-checked .checkbox-label::after{ font-family:"FontAwesome"; content:"\f00c"; }
.checkbox input[type="checkbox"]:indeterminate + label::after, .checkbox input[type="radio"]:indeterminate + label::after { display:block; content:""; width:10px; height:3px; background-color:#555; border-radius:2px; margin-left:-16.5px; margin-top:7px; }
.checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label { opacity:.65; }
.checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before { background-color:#eee; cursor:not-allowed; }
.checkbox.checkbox-circle label::before { border-radius:50%; }
.checkbox.checkbox-inline { margin-top:0; }
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before, .checkbox-primary.is-checked .checkbox-label::before { background-color:#0069b2; border-color:#0069b2; }
.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after, .checkbox-primary.is-checked .checkbox-label::after  { color:#fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before { background-color:#d9534f; border-color:#d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after { color:#fff; }
.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before { background-color:#5bc0de; border-color:#5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after { color:#fff; }
.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background-color:#f0ad4e; border-color:#f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after { color:#fff; }
.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color:#5cb85c; border-color:#5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after { color:#fff; }
.checkbox-primary input[type="checkbox"]:indeterminate + label::before, .checkbox-primary input[type="radio"]:indeterminate + label::before { background-color:#0069b2; border-color:#0069b2; }
.checkbox-primary input[type="checkbox"]:indeterminate + label::after, .checkbox-primary input[type="radio"]:indeterminate + label::after { background-color:#fff; }
.checkbox-danger input[type="checkbox"]:indeterminate + label::before, .checkbox-danger input[type="radio"]:indeterminate + label::before { background-color:#d9534f; border-color:#d9534f; }
.checkbox-danger input[type="checkbox"]:indeterminate + label::after, .checkbox-danger input[type="radio"]:indeterminate + label::after { background-color:#fff; }
.checkbox-info input[type="checkbox"]:indeterminate + label::before, .checkbox-info input[type="radio"]:indeterminate + label::before { background-color:#5bc0de; border-color:#5bc0de; }
.checkbox-info input[type="checkbox"]:indeterminate + label::after, .checkbox-info input[type="radio"]:indeterminate + label::after { background-color:#fff; }
.checkbox-warning input[type="checkbox"]:indeterminate + label::before, .checkbox-warning input[type="radio"]:indeterminate + label::before { background-color:#f0ad4e; border-color:#f0ad4e; }
.checkbox-warning input[type="checkbox"]:indeterminate + label::after, .checkbox-warning input[type="radio"]:indeterminate + label::after { background-color:#fff; }
.checkbox-success input[type="checkbox"]:indeterminate + label::before, .checkbox-success input[type="radio"]:indeterminate + label::before { background-color:#5cb85c; border-color:#5cb85c; }
.checkbox-success input[type="checkbox"]:indeterminate + label::after, .checkbox-success input[type="radio"]:indeterminate + label::after { background-color:#fff; }
.radio { padding-left:20px; }
.radio-btn { padding-left:30px; }
.radio label { display:inline-block; vertical-align:middle; position:relative; padding-left:5px; }
.radio-btn label { vertical-align:top; }
.radio label::before { content:""; display:inline-block; position:absolute; width:17px; height:17px; left:0; margin-left:-20px; border:1px solid #ccc; border-radius:50%; background-color:#fff; -webkit-transition:border .15s ease-in-out; -o-transition:border .15s ease-in-out; transition:border .15s ease-in-out; }
.radio label::after { display:inline-block; position:absolute; content:" "; width:11px; height:11px; left:3px; top:3px; margin-left:-20px; border-radius:50%; background-color:#555; -webkit-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); transform:scale(0,0); -webkit-transition:-webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33); -moz-transition:-moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33); -o-transition:-o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33); transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33); }
.radio input[type="radio"] { opacity:0; z-index:1; cursor:pointer; }
.radio input[type="radio"]:focus + label::before { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
.radio input[type="radio"]:checked + label::after { -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1); }
.radio input[type="radio"]:disabled + label { opacity:.65; }
.radio input[type="radio"]:disabled + label::before { cursor:not-allowed; }
.radio.radio-inline { margin-top:0; }
.radio-primary input[type="radio"] + label::after { background-color:#0069b2; }
.radio-primary input[type="radio"]:checked + label::before { border-color:#0069b2; }
.radio-primary input[type="radio"]:checked + label::after { background-color:#0069b2; }
.radio-danger input[type="radio"] + label::after { background-color:#d9534f; }
.radio-danger input[type="radio"]:checked + label::before { border-color:#d9534f; }
.radio-danger input[type="radio"]:checked + label::after { background-color:#d9534f; }
.radio-info input[type="radio"] + label::after { background-color:#5bc0de; }
.radio-info input[type="radio"]:checked + label::before { border-color:#5bc0de; }
.radio-info input[type="radio"]:checked + label::after { background-color:#5bc0de; }
.radio-warning input[type="radio"] + label::after { background-color:#f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before { border-color:#f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after { background-color:#f0ad4e; }
.radio-success input[type="radio"] + label::after { background-color:#5cb85c; }
.radio-success input[type="radio"]:checked + label::before { border-color:#5cb85c; }
.radio-success input[type="radio"]:checked + label::after { background-color:#5cb85c; }
input[type="checkbox"].styled:checked + label:after,input[type="radio"].styled:checked + label:after { font-family:'FontAwesome'; content:"\f00c"; }
input[type="checkbox"] .styled:checked + label::before,input[type="radio"] .styled:checked + label::before { color:#fff; }
input[type="checkbox"] .styled:checked + label::after,input[type="radio"] .styled:checked + label::after { color:#fff; }

.has-error .form-control { background-color: rgba(251,72,58,0.08); }
.has-feedback select ~ .form-control-feedback { right: 15px; }


body { background: #a9cdf0; font-family: 'Tahoma', Geneva, sans-serif; color: #333333; }

#page-content-wrap { margin-top: 10px; }

/* site: headings */
h1, h2, h3, h4, h5, h6, .dropdown-header, .page-header, .section-header, .page-title, .section-title { color: #0069b2; font-weight: bold; }
.page-header, .page-title { font-size: 2em; color: #333333; }
.section-header, .section-title { font-size: 1.5em; font-weight: bold; text-transform: uppercase; color: #222; }
.sub-section-title { color: #333333; }

/* site: links */
a { color: ; }
a:hover { text-decoration: underline; }
a:active, a:focus { color: ;  }

/* links */
a { color: ; }
a:hover { text-decoration: underline; }
a:active, a:focus { color: ;  }

/* text and backgrounds */
.text-primary { color: #0069b2; }
.text-secondary { color: #0085e2; }
.text-accent { color: #d11920; }
.text-white { color: #FFFFFF; }
.text-black { color: #000000; }
.text-gray-lighter { color: #f6f6f6; }
.text-gray-light { color: #e0e0e0; }
.text-gray-base { color: #6e6e6e; }
.text-gray-dark { color: #525252; }
.text-gray-darker { color: #333333; }

.bg-primary { background-color: #0069b2; color: #fff; }
.bg-secondary { background-color: #0085e2; }
.bg-white { background-color: #FFFFFF; color: #525252; }
.bg-black { background-color: #000000; color: #fff; }
.bg-gray-lighter { background-color: #f6f6f6; }
.bg-gray-light { background-color: #e0e0e0; }
.bg-gray-base { background-color: #6e6e6e; }
.bg-gray-dark { background-color: #525252; }
.bg-gray-darker { background-color: #333333; }

/* site: btns */ 
.btn { transition: all .3s ease-in-out; }
.btn-primary { background: #d11920; border-color: #d11920; color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background: #eb1d25; border-color: #eb1d25; }
.btn-primary:active, .btn-primary.active { background: #eb1d25; box-shadow: none; }

.btn-default { border: 2px solid #C4C4C4; color: #737373; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background: #FFF; border-color: #949494; color: #737373; }
.btn-default:active, .btn-default.active { border-color: #737373; box-shadow: none; }

.btn.btn-outline { background-color: transparent; }

.btn-primary.btn-outline { background: #d11920; border-color: #d11920; color: #fff; }
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active, .btn-primary.btn-outline.active, .open > .dropdown-toggle.btn-primary {  background: #eb1d25;  border-color: #eb1d25;  }
.btn-primary.btn-outline:active, .btn-primary.btn-outline.active { color: #eb1d25; box-shadow: none; }

.btn-default.btn-outline { background: #d11920; border-color: #d11920; color: #fff; }
.btn-default.btn-outline:hover, .btn-default.btn-outline:focus, .btn-default.btn-outline:active, .btn-default.btn-outline.active, .open > .dropdown-toggle.btn-default {  background: #eb1d25; border-color: #eb1d25;  }
.btn-default.btn-outline:active, .btn-default.btn-outline.active { color: #eb1d25; box-shadow: none; }


/* site: breadcrumbs */
.breadcrumb { font-size: 11px; background-color: transparent; padding: 10px 0px 8px 0px; margin-bottom: 30px; border-bottom: 1px solid #f6f6f6; }

/* site: global pricing */
.model-price-value-regular, .model-price-value-outofcart { text-decoration: line-through; }
.model-price-no-regular { margin-bottom: 0px; }
.model-price-value-sale { color: #79ad3c; }
.model-price-simple-rebate { color: #174189; }
.model-price-value-simple-rebate { font-weight: bold; }

#home .model-price-value-regular { display: none; }
#home .model-price-value-savings { display: none; }
#home .model-price-value-sale { color: #79ad3c; font-size: 1.4em;  }

/* site: product flags */
.img-flag-primary, .img-flag-ondisplay, .img-flag-expressdelivery { background-color:#0069b2; }
.img-flag-secondary, .img-flag-getittoday { background-color:#0085e2; }
.img-flag-accent, .img-flag-bestseller { background-color:#d11920; }
.img-flag-accent, .img-flag-monthlydeals { background-color:#0069b2; }
.img-flag-red, .img-flag-rebate { background-color:#d9534f; }
.img-flag-yellow, .img-flag-clearance { background-color:#f0ad4e; }
.img-flag-green, .img-flag-instock { background-color:#5cb85c; }

/* site: tabs */
.nav-tabs { }
.nav-tabs > li { display: inline-block; float: none; }
.nav-tabs > li > a { color: #525252;  }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { }

/* header: logo */
#header-logo-container { }

/* header: store contact info */
#header-store-info { text-align: right; }
#header-store-info .header-phone-number { font-weight: bold; display: block; font-size: 1.2em;  color: #0069b2; }
#header-store-info .header-address-street, .header-address-city-state, .header-phone-label { color: #333333; font-size: 1em; display: block; }

/* header: searchbox */
#header-search-box-content .input-group { margin-bottom: 0px; }

/* header: primary nav */
#nav-primary-container, #nav-primary > .nav > li > a:focus, #nav-primary > .nav > li > a:active { background-color: #0069b2; }
#nav-primary-container { width:100%; color: #FFFFFF; background: #0069b2; z-index:10; border: none;  }
#nav-primary-container .navbar-toggle { border: none; border-radius: 0px; float: none; text-align: center; font-size: 22px; margin: 0; padding: 1rem 0.25rem; position: relative; color: #fff; background-color: transparent; width: 100%; }
#nav-primary .dropdown-section-header-container { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #f6f6f6; }
#nav-primary .dropdown-section-header { color: #0069b2; }
#nav-primary > .nav > li > a { color: #FFFFFF; font-weight: bold; transition: all .3s ease-in-out; }
#nav-primary > .nav > li:not(:last-of-type) > a { border-right: 1px solid #004473; }
#nav-primary > .nav > li > a:hover, #nav-primary .nav .open > a, #nav-primary .open > a:active, #nav-primary .nav .open > a:focus, #nav-primary .nav .open > a:hover { color: #FFFFFF; background-color: #0085e2; }
#nav-primary  .dropdown-menu, #nav-primary .navbar-nav .open .dropdown-menu { background-color: #FFFFFF; }

/* header: sub nav */
#header-secondary-nav-container { margin-bottom: 0px; border-bottom: 1px solid #e0e0e0; }
#header-secondary-nav-container .nav > li > a { transition: all .3s ease-in-out;  }
#header-secondary-nav-container, #header-secondary-nav-container .nav-side-collapse, #header-secondary-nav-container .nav > li > a:active, #header-secondary-nav-container .nav > li > a:focus { background-color: #0085e2;}
#header-secondary-nav-container .navbar { margin-bottom: 0px; height: auto !important; min-height: auto; }
#header-secondary-nav-container .nav > li > a, #header-secondary-nav-container .nav > li > a:visited { font-size: 12px; color: #FFFFFF; }
#header-secondary-nav-container .nav > li > a:hover, #header-secondary-nav-container .nav .open > a, #header-secondary-nav-container .nav .open > a:focus, #header-secondary-nav-container .nav .open > a:hover, #header-secondary-nav-container .navbar-toggle:hover, #header-secondary-nav-container .navbar-toggle:active { color: #000000; background-color: #f6f6f6; }
#header-secondary-nav-container .navbar-toggle { border-radius: 0; }
#header-secondary-nav-container .navbar-toggle { color: #525252; }
#header-secondary-nav-container .navbar-toggle .icon-bar { background-color: #525252; }
#header-secondary-nav-container .badge { background-color: #d11920; }


/* header config: vertical align content */
.header-content-wrap { display: -webkit-flex; display: flex; -webkit-align-items: center;  align-items: center;  -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: space-between; align-content: space-between; }
#header-secondary-nav-container {-webkit-flex-flow: row; flex-flow: row; }
#header-logo-container, #header-store-info, #header-search-box { padding-top: 0.5em; padding-bottom: 0.5em; }

#header-under-catnav { background-color: #cfe7fd; border-bottom: 1px solid #e6f3ff; }


/* header config: stanalone cart  */
#header-standalone-cart > .dropdown { float: right; font-size: 26px; vertical-align: middle; }
#header-standalone-cart > .dropdown > a { border: 1px solid #ddd; line-height: 1.42857; padding: 2px 10px 4px 10px; }
#header-standalone-cart > .dropdown > a:hover, #header-standalone-cart > .dropdown > a:active, #header-standalone-cart > .dropdown > a:focus { text-decoration: none; }


@media ( max-width: 1400px) {

.search-slogan {  font-size: .8em;  }

}

@media ( max-width: 600px) {

.search-slogan {  font-size: 1.3em;  }

}


@media (max-width: 900px) {

	/* header: logo */
	#header-logo-container .header-logo { display: block; margin-left: auto; margin-right: auto; }
	#header-logo-content .header-logo { max-height: 70px; }

	/* header: store info */
	#header-store-info { text-align: center; }
	#header-store-info .header-phone-label, #header-store-info .header-address { display: none; }
	#header-store-info .header-address-street, .header-address-city-state, .header-phone-label { font-size: 0.85em;  }

	/* header: primary nav */
	#nav-primary-container .navbar-header { float: none; }
	#nav-primary-container .navbar-left, #nav-primary-container .navbar-right  { float: none !important; }
	#nav-primary-container .navbar-toggle { display: block; }
	#nav-primary-container .navbar-collapse.collapse { display: none !important; }
	#nav-primary-container .navbar-nav { width: inherit; float: none !important; margin: 7.5px -15px; }
	#nav-primary-container .navbar-nav > li { float: none; }
	#nav-primary-container .container { max-width: 1170px; width: 100%; }
	#nav-primary-container .collapse.in { display:block !important; }
	#nav-primary-container .dropdown > a::after { position: absolute; right: 15px; }
	#nav-primary-container .container-fluid >.navbar-collapse, #nav-primary-container .container-fluid >.navbar-header, #nav-primary-container .container >.navbar-collapse, #nav-primary-container .container >.navbar-header { margin-right: -15px; margin-left: -15px; }
	#nav-primary > .navbar-nav > li > a { text-align: left; padding: 10px 15px; position: relative; margin-bottom: 0px; border-left: none !important; border-right: none !important; }
	#nav-primary > .navbar-nav > li { display: block; float: none !important; position: static; width: 100%; border-left: none; border-right: none; }
	#nav-primary > .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0;  border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
	#nav-primary .megamenu-dropdown .megamenu-content > .dropdown-row { width: 100%; }
	#nav-primary > .navbar-nav .open .dropdown-menu li.dropdown-header, #nav-primary .navbar-nav .open .dropdown-menu > li > a { padding-left: 20px; }

	.catpage-header p { font-size: 10px;  }


}

/* index: generic */
#home #page-content-wrap { padding-bottom: 0px; }
#home .section-margin { margin-bottom: 5em; }

/* index: rpi */
.slider-rpi { margin-top: -10px; height: 100%; position: relative; z-index: 0; background-color: #333333; }
.slider-rpi .rpi-nav { position: relative; z-index: 3; text-align:center; }
.slider-rpi .rpi-nav .rpi-nav-dot { position: relative; z-index: 3; display :inline-block; padding-top: 4px;  }
.slider-rpi .rpi-nav .rpi-nav-dot span { z-index: 3; border: 1px solid #FFFFFF; width:10px; height:10px; margin: 5px; background: #FFFFFF; opacity: 0.4; display: block; -webkit-backface-visibility:visible; border-radius: 30px; }
.slider-rpi .rpi-nav .rpi-nav-dot.active span, .slider-rpi .rpi-nav .rpi-nav-dot:hover span { opacity: 1; }

/* index: carousel nav */
#home .carousel-side-nav .owl-nav .owl-prev, #home .carousel-side-nav .owl-nav .owl-next { background: #f9f9f9 none repeat scroll 0 0; border-radius: 50%; color: #999; cursor: pointer; font-size: 16px;  line-height: 25px; text-align: center; transition: all 0.2s ease 0s; width: 25px; height: 25px;  position: absolute; top: 50%; margin: -12.5px 0 0 0; }
#home .carousel-side-nav .owl-nav .owl-prev { left: 0px; }
#home .carousel-side-nav .owl-nav .owl-next { right: 0px; }

/* index: section headers */
.section-header-banner-bg { margin-bottom: 20px; text-align: center; position: relative; }
.section-header-banner:after { background-color: #e0e0e0; content: " ";  display: block; height: 1px; left: 0; margin-top: -0.5px; position: absolute; top: 50%; width: 100%; z-index: 0; }
.section-header-banner .section-header { font-size: 3rem; display: inline-block; padding-left: 2rem; padding-right: 2rem; background-color: #FFFFFF; position: relative; z-index: 1; }

/* index: featured-boxes */
.featured-boxes .featured-box-wrap { display: block; position: relative; margin-bottom: 30px;  border: 1px solid #d1d1d1;}
.featured-boxes .featured-box-wrap:before { background-color: #FFFFFF; content: ""; opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all 0.2s ease 0s; }

.featured-boxes .featured-box-wrap:hover::before { opacity: 0.9; border: 2px solid #0069b2; outline: 2px solid #FFF; outline-offset: -25px; }

.featured-boxes .caption { text-align: center; display: flex; flex-direction: column;  -ms-flex-direction: column; -webkit-flex-direction: column; align-items: center; justify-content: center; -webkit-justify-content: center; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; font-size: 1.75rem; line-height: 1; position: absolute;  left: 0; right: 0; top: 0; bottom: 0; color: #FFFFFF;  opacity: 1;  transition: all 0.2s ease 0s; }
.featured-boxes .featured-box-wrap:hover .caption {  opacity: 0; }

.featured-boxes .caption-hover { text-align: center; display: flex; flex-direction: column;  -ms-flex-direction: column; -webkit-flex-direction: column; align-items: center; justify-content: center; -webkit-justify-content: center; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; font-size: 2.2rem; line-height: 1; position: absolute;  left: 0; right: 0; top: 0; bottom: 0; color: #0069b2; opacity: 0;  transition: all 0.2s ease 0s; font-weight: bold;  }
.featured-boxes .caption-hover span { font-size: .5em; font-weight: normal; margin-top: 20px; text-transform: uppercase; }
.featured-boxes .featured-box-wrap:hover .caption-hover { opacity: 1; }

.home-categories { text-align: center; color: #525252;  padding: 0px 0px; margin: -25px 0px 0px 0px; font-weight: bold; }


.card-img { margin-top: -80px; }

/* index: featured-rows */
.featured-rows .featured-row-wrap { display: block; position: relative; padding: 5rem; }
.featured-rows .caption { text-align: center; background-color: rgba(0,0,0,0.75); display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-direction: column;  -ms-flex-direction: column; -webkit-flex-direction: column; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; color: #FFFFFF;border: 1px solid  #e0e0e0; line-height: 1.4; color: #FFFFFF; text-shadow: 2px 1px 1px rgba(0,0,0,1); padding: 2.5rem 5rem; }
.featured-rows .caption-title { font-size: 2.75rem; }
.featured-rows .caption-desc { font-size: 1.75rem; margin-bottom: 2rem; }
.featured-rows .btn { align-self: center; display: inline-flex; text-shadow: none; }
.featured-row-01 { background-image: url(http://via.placeholder.com/1440x600); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; }

/* index: featured-cards */
.featured-card-wrap { text-align: center; background:url('/images/whitebg.png') repeat top center; margin: 0.5rem 0 1rem; position: relative; }
.featured-card-wrap .card-caption { padding: 15px 15px 25px 15px; }
.featured-card-wrap .caption-title { font-size: 2.75rem; font-weight: bold;  }

.monthly-deals h2 { font-size: 1.2em;  }

.flex-specs {display: flex; flex-direction: row; align-items: center;}

  @media (max-width: 767px) { 
	.featured-boxes .caption { font-size: 2rem; }
	.featured-rows .featured-row-wrap { padding: 0px; }
	.featured-cards > div:not(:last-of-type) { margin-bottom: 5rem; }
	h2.monthly-deals { font-size: 20px; }
	.flex-specs {flex-direction: column;}
  }

  @media (min-width: 768px) {
  	#nav-primary-container>.container {
  		padding-right: 15px;
  		padding-left: 15px;
  	}
  }

/* index: featured product: carousel */
.featured-product-container.owl-carousel .owl-stage { display: flex; flex-direction: row; }
.featured-product-container.owl-carousel .owl-stage::after { display: none; }
.featured-product-container.owl-carousel .owl-item { float: none; position: relative;  }
.featured-product *, .featured-product:hover { transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; color: #525252; }

.featured-product { position: relative; overflow: hidden; padding: 2em 2em 2.25em 2em; margin: 20px; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0); background: white; border: 5px solid #f0f0f0;  }
.featured-product .model-img { padding: 1em; background-color: #fff; border: 1px solid #f0f0f0; }
.featured-product .related-item-desc { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-weight: bold; font-size: 20px; height: 100%; }
.featured-product [class*=model-price-label-]:not(.model-price-label-outofcart) { display: none; }
.featured-product .model-price-savings { color: #d11920; }
.featured-product:hover { border-color: #c1c1c1; background: rgba(255,255,255,0.5); box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.3); text-decoration: none; }
.featured-product .btn-cta-details { position: absolute; background-color: #d11920; color: #fff; bottom: 1em; opacity: .8; }
.featured-product:hover .btn-cta-details { opacity: 1; color: white; }

#page-content-wrap { min-height: 800px ;} 

#grid-bg {  background-color: #f6f6f6; border-top: 1px solid #d3d3d3; border-bottom: 1px solid  #d3d3d3; }

.catpage-header { background-color: #C30202; color: #FFFFFF; padding: 12px 5px 3px 5px; font-weight: bold; font-size: 1.2em; text-transform: uppercase;  }
.catpage-header2 { color: #C30202; padding: 12px 5px 3px 5px; font-weight: bold; font-size: 1.2em; text-transform: uppercase;  }

/* index: featured brands */
#featured-brands { background-color: #FFFFFF; margin-bottom: 0 !important; }
#featured-brands .carousel-side-nav .owl-nav .owl-prev { left: -25px; }
#featured-brands .carousel-side-nav .owl-nav .owl-next { right: -25px; }
#featured-brands .featured-brand-container a img { padding: 25px; }
.restricted { max-width: 1170px;  }

/* site: footer */
footer { background-color: #cfe7fd; margin-top: 10px; border-top: 1px solid #e6f3ff;  }
footer .footer-main-content-wrap { padding-top: 2em;  padding-bottom: 2em; }
footer, footer a, footer p { color: #333333; }
footer a:hover, footer, footer a:focus, footer, footer a:active { color: #333333; }
footer .section-header { color: #0069b2;  }
footer .footer-social-links li a { transition: all 0.3s ease-out 0s; }
footer .footer-social-links li a:hover { opacity: 0.8;}
footer #footer-sign-in, footer #footer-screen-reader { text-align: center; }
footer #footer-screen-reader p { color: #525252; font-size: 11px; padding: 2em; border-top: 1px solid #e6f3ff; }
footer #footer-copyright { padding: 1em; font-size: 10px; color: #6e6e6e;  }
footer #footer-copyright p { margin: 0px; text-align: center; }

#header-wrap { background-color: white; }


</style>
		<link href="/css/all.min.css?ccid=x7259ae1b" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="/css/all.min.css?ccid=x7259ae1b"></noscript>

	
	<!-- here for a reason -->
		<script src="/js/min/critical.js?ccid=x7259ae1b"></script>
		<!-- <script src="/js/jquery-migrate-3.4.0.js?ccid=x7259ae1b"></script> -->

	
	<script>
			function setMobileBrowsingCookie(){
				document.cookie = 'WF_BROWSING_MODE=NORMAL; path=/';
			}
			$(document).ready(setMobileBrowsingCookie);
			var mamd_id = 2060500654;
		</script>

	<script>!function(f,b,e,v,n,t,s)
        	{if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init','202565390532765');fbq('track','PageView');
		</script>

		<noscript><img height="1" width="1" alt="" style="display:none"
			src="https://www.facebook.com/tr?id=202565390532765&ev=PageView&noscript=1"/>
		</noscript>

	
	<script defer src="https://unpkg.com/web-vitals@0.2.2/dist/web-vitals.es5.umd.min.js"></script>
		<script>
			function sendToGoogleAnalytics({name, delta, id}) {
				if (typeof ga === 'function') {
					ga('send', 'event', {
						eventCategory: 'Web Vitals',
						eventAction: name,
						eventValue: Math.round(name === 'CLS' ? delta * 1000 : delta),
						eventLabel: id,
						nonInteraction: true,
					});
				}
			}

			document.addEventListener('DOMContentLoaded', function() {
				webVitals.getCLS(sendToGoogleAnalytics);
				webVitals.getFID(sendToGoogleAnalytics);
				webVitals.getLCP(sendToGoogleAnalytics);
				webVitals.getFCP(sendToGoogleAnalytics);
				webVitals.getTTFB(sendToGoogleAnalytics);
			})
		</script>


		<meta property="og:url" content="https://www.southbayappliance.com/promotions/whirlpool/2021/10-removable-agitator/savings.html?RANDOM_ID=-169959360&RPI_CLICK=true" />
		
		<!-- Edit for every page -->
			
			<!-- mingle id -->

				
			<!-- end mingle id -->

			<!-- path eg: /path/to/spot -->
				
				
			<!-- end path -->

			<!-- title -->
				
			<!-- end title -->

			<!-- description -->
				
			<!-- end description -->

			<!-- promo date -->
				
			<!-- end promo date -->

		<!-- end edit for every page -->

		
		<link type="text/css" href="/promotions/css/promotion.css?ccid=x7259ae1b" rel="stylesheet">

		
		<link type="text/css" href="/promotions/whirlpool/2021/10-removable-agitator/css/style.css?brand=" rel="stylesheet">

		<style>
			.feature-list li {
				opacity: 0;
				transition: 0.5s;

			}
			.fix-frame {
			  position: relative;
			  margin: 0;
			  padding: 0;

			}

			.fix-frame iframe,
			.fix-frame video {
			  position: absolute;
			  top: 0;
				left: 0;
				width: 100%;
				height: 100%;

			}
			.fix-frame svg {
			  width: 100%;
			  height: auto;
			  
			}

		</style>
		
		
		<meta property="og:title" content="Whirlpool&reg; Top Load Washer Innovation" />
		<meta property="og:description" content="Industry-First 2 in 1 Removable Agitator" />
		
		<!-- full_promo_url fails the if check but is needed for the fb src path -->
		<meta property="og:image" content="https://www.southbayappliance.com/promotions/whirlpool/2021/10-removable-agitator/images/social_hero.jpg" />
		
		<meta property="og:image:width" content="1200" />
		<meta property="og:image:height" content="630" />
		<meta property="og:type" content="website" />

		
		<script>
		
			var promoUrl = "/promotions/whirlpool/2021/10-removable-agitator";
	
			var delayLoad = 0;
		
		</script>

		
	<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-558KTR');</script>
<!-- End Google Tag Manager -->
</head>


	<body>

	
	<div style="margin-bottom: -20px; line-height: 20px; height: 20px;"></div>
	<!-- full_promo_url fails the if check but is needed for the fb src path -->
	<img property="og:image" style="display: none;" src="https://www.southbayappliance.com/promotions/whirlpool/2021/10-removable-agitator/images/social_hero.jpg" />
	<!--[if lte IE 6]><script src="js/ie6/warning.js?ccid=x7259ae1b"></script><script>window.onload=function(){e("js/ie6/")}</script><![endif]-->
	
	
<header id="header-wrap" class="header">
	

	<div aria-label="ADA Text" class="screen-reader-text">
			<a href="#skip-disability-statement" style="position: fixed;">Skip disability assistance statement.</a>
			<p role="region" style="position: absolute; left:-9999px;" arial-label='Welcome to our website! As we have the ability to list over one million items on our website (our selection changes all of the time), it is not feasible for a company our size to record and playback the descriptions on every item on our website.
				However, if you have a disability we are here to help you. Please call our disability services phone line at 310-323-7037 during regular business hours and one of our kind and friendly personal shoppers will help you navigate through our website, help conduct advanced searches, help you choose the item you are looking for with the specifications you are seeking, read you the specifications of any item and consult with you about the products themselves. There is no charge for the help of this personal shopper for anyone with a disability. Finally, your personal shopper will explain our Privacy Policy and Terms of Service, and help you place an order if you so desire.'>Welcome to our website! As we have the ability to list over one million items on our website (our selection changes all of the time), it is not feasible for a company our size to record and playback the descriptions on every item on our website.
				However, if you have a disability we are here to help you. Please call our disability services phone line at 310-323-7037 during regular business hours and one of our kind and friendly personal shoppers will help you navigate through our website, help conduct advanced searches, help you choose the item you are looking for with the specifications you are seeking, read you the specifications of any item and consult with you about the products themselves. There is no charge for the help of this personal shopper for anyone with a disability. Finally, your personal shopper will explain our Privacy Policy and Terms of Service, and help you place an order if you so desire.</p>
		</div>
		<div id="skip-disability-statement"></div>

	
	<div class="container-fluid">
		<div role="region" class="row">
			<div class="header-content-wrap clearfix boxed-container">

				
				<div id="header-secondary-nav-container" class="navbar-top  col-xs-12">
						

<div id="secondary-nav-content" class="navbar " role="navigation">
		<div class="navbar-header pull-left">
				<button  type="button" class="navbar-toggle" data-toggle="collapse-side" data-target=".nav-side-collapse">
					<span class="sr-only">Toggle navigation</span>
					<i class="fa fa-bars" aria-hidden="true"></i>

				</button>
			</div>

		<div id="secondary-nav-collapse" class="nav-side-collapse navbar-left">
				<ul class="nav sub-nav pull-left">

						<li id="sub-nav-home"><a href="/index.html" title="South Bay Appliance Homepage"><span>Home</span></a></li>

						<li id="sub-nav-contact_us" class="hidden visible-xs"><a href="/locations.html" title="Contact South Bay Appliance"><span>Contact Us</span></a></li>

						<li><a href="/promotions.html" title="Promotions"><span>Promotions</span></a></li>
		<li><a href="/rebate_center.html" title="Promotions"><span>Rebates</span></a></li>
		<li><a href="/service.html" title="Service Request"><span>Service Request</span></a></li>
		<li><a href="/parts.html" title="Parts Request"><span>Parts Request</span></a></li>
		<li><a href="/testimonials.html" title="Testimonials"><span>Testimonials</span></a></li>

						
						<li id="sub-nav-review-showcase">
										<a href="/reviews/review_showcase.html" title="Customer Reviews">
											<span>Reviews</span>
										</a>
									</li>

						
						<li><a href="/about_us.html" title="About Us"><span>About Us</span></a></li><li><a href="/financing.html" title="Financing"><span>Financing</span></a></li>

						
					</ul>
			</div>

		<div id="secondary-nav-no-collapse" class="navbar-right">
				<ul class="nav sub-nav pull-right">
						<li class="hide visible-xs">
								<a href="tel:(310) 323-7037" class="track-calls" title="Phone - (310) 323-7037">
											<i class="fa fa-phone inline-block"></i>
										</a>
							</li>
						<li id="sub-nav-account-sign-in" class="dropdown megamenu-dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" title="My Account">
											<span class="hidden-xs">My Account</span>
											<i class="fa fa-user-plus hide visible-xs-inline-block"></i>
										</a>
									<div id="nav_sign_in" class="dropdown-menu megamenu megamenu-content login-menu">
											<div class="clearfix">
												<div class="col-md-12">
														<p class="dropdown-header">Sign In</p>

														<div id="menu_sign_in_error" class="alert alert-danger hidden menu-sign-in-error">
															<p><strong>Your email address and password do not match.</strong> Please try again, or reset your password.</p>
														</div>

														<form class="nav-sign-in-content">
															<div class="form-group">
																<label for="email" class="sr-only">Email/Username</label>
																<input type="text" class="form-control header-sign-in-email" placeholder="Enter Email" title="Enter Email" name="HEADER_SIGN_IN_EMAIL">
															</div>
															<div class="form-group">
																<label for="password" class="sr-only">Password</label>
																<input type="password" class="form-control header-sign-in-password" placeholder="Password" title="Enter Password" name="HEADER_SIGN_IN_PASSWORD">
															</div>
															<div class="form-group align-right">
																<a href="/customer/forgot_password.html" title="Forgot your password?">
																	Forgot your password?
																</a>
															</div>
															<div class="clearfix">&nbsp;</div>
															<div class="form-group">
																<a class="btn btn-primary btn-block btn-sm sign-in-button" href="javascript:onHeaderSignIn2();">Sign In</a>
															</div>
														</form>
														<div class="divide-msg-container">
															<strong class="divide-msg">New Customer?</strong>
														</div>
														<p class="align-center"><a class="btn btn-default btn-outline" role="button" href="/customer/create_account.html">Create Account</a></p>
													</div> <!-- /col -->
											</div> <!-- /row -->
										</div>
								</li> <!-- /dropdown account -->
						<li id="sub-nav-locations" class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" title="Store Locations">
													<span class="hidden-xs">Locations</span>
													<i class="fa fa-map-marker hide visible-xs-inline-block" aria-hidden="true"></i>
												</a>
										<ul class="dropdown-menu location-menu">
													<li>
															<a href="/locations/redondo.html" title="South Bay Appliance in Gardena, CA">Gardena, CA</a>
														</li><li>
															<a href="/locations/redondo2.html" title="South Bay Appliance in Gardena, CA">Gardena, CA</a>
														</li>
													<li role="separator" class="divider"></li>
														<li class="dropdown-footer"><a href="/store_finder.html" title="Store Finder">Store Finder</a></li>
												</ul>
									</li>

						<li id="sub-nav-cart" class="dropdown megamenu-dropdow ">
									<a href="#" class="dropdown-toggle link-alt" data-toggle="dropdown" role="button" aria-expanded="false" title="View Cart">
											<i class="fa fa-shopping-cart" aria-hidden="true"></i>
											<span class="badge badge-primary" aria-label="Shopping cart - 0">0</span>
										</a>
									<ul class="dropdown-menu megamenu megamenu-content cart-menu clearfix">
											<li>
												<div class="clearfix">
													<div class="col-md-12">
														<p class="dropdown-header">Your Cart</p>

														<p><strong>There are no items in your shopping cart.</strong></p>
													</div>
												</div>
											</li>
										</ul>
								</li> <!-- dropdown cart -->

						
					</ul>
			</div>
	</div> <!-- /secondary-nav-content -->


					</div>

				<div id="header-logo-container" class="col-xs-12 col-sm-3 col-md-3">	
						

<div id="header-logo-content" class="">
		<a href="/index.html" title="South Bay Appliance logo, link to homepage">
			<img class="img-responsive header-logo" src="/images/logo.png?ccid=x7259ae1b" alt="South Bay Appliance logo, link to homepage" title="South Bay Appliance Logo">
		</a>
	</div>
					</div>
				
				<div id="header-search-box" class="col-xs-12 col-sm-6 col-md-5">
							

<div class="">
		<form class="form-search" action="/_CGI/SEARCH3" method="get" name="pn_search_form" target="_self" role="search">
			<label class="sr-only" for="searchbox">Search Site</label>
			<div class="input-group m-b-0">
				<input type="text" class="form-control searchbox" name="PN" aria-label="Search Keyword/Model Number" placeholder="Search Keyword/Model #">
				<div class="input-group-btn">
					<button type="submit" class="btn btn-primary" aria-label="Submit Search">
						<i class="glyphicon glyphicon-search" aria-hidden="true"></i>
					</button>
				</div>
			</div>			
		</form>
	</div>
						</div>
			
				<div id="header-store-info" class="col-xs-12 col-sm-3 col-md-4">	
						

<div id="header-store-info-content" class="">			
		<div class="header-address-container">
							<div id="google_translate_element" class="m-t-5 m-l-5"></div>
		<div class="clearfix m-b-20"></div><div class="">
										<span class="header-phone-number">
		
		<span class="hidden-sm">CALL NOW</span> (310) 323-7037
		
		</span>

										<div class="header-address">
			<a href="/locations.html" title="South Bay Appliance in Gardena, CA">
					<span class="header-address-street">
							1640 W. Redondo Beach Blvd.
							
						</span>
					<span class="header-address-city-state">Gardena, CA 90247</span>
				</a>
		</div>
									</div><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FSouth-Bay-Appliance%2F255497024968&amp;width=72&amp;height=46&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;send=false" scrolling="no" frameborder="0" style="padding-top: 10px; padding-right: 0px; margin-right: 0px;  border:none; overflow:hidden; width:85px; height:36px;" allowTransparency="true" class="hidden-xs"></iframe>
						</div>
		
		
	</div>


					</div>

				
			</div>
		</div>
	</div>

	
	<!-- air control tab-->
		
		
		<!-- /air cooling -->

		<!-- heaters and humidifiers -->
		
			
		<!-- /heaters and humidifiers -->
	<!-- /air control tab-->
      
	<!-- cooking tab-->
		
			
			<!-- /ranges and cooktops -->

			
			<!-- /wall ovens -->

			
			<!-- /hoods -->

			
			<!-- /microwaves -->
	<!-- /cooking tab-->

	
	<!-- grilling tab-->
		
			<!-- grilling -->
			
				
			<!-- /grilling -->
	<!-- grilling tab-->

	<!-- dishwashers tab-->
		
			<!-- dishwashers -->
			
					
			<!-- /dishwashers -->

			<!-- disposals -->
			
					
			<!-- /disposals -->
	<!-- dishwashers tab-->

	<!-- laundry tab-->
		
			<!-- washers -->
			
				
			<!-- /washers -->

			<!-- dryers -->
			
				
			<!-- /dryers -->

			<!-- accessories -->
			
				
			<!-- /accessories -->
	<!--/ laundry tab-->

	<!-- refrigeration tab-->
		
			<!-- refrigerators -->
			
				
			<!-- /refrigerators -->

			<!-- freezers -->
						
				
			<!-- /freezers -->

			<!-- specialty refrigeration -->
			
				
			<!-- /specialty refrigeration -->
	<!--/ refrigeration tab-->
		
	
<nav id="nav-primary-container" class="navbar navbar-primary standard-nav">
		<div class="container">
			
			<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-primary">
						<span class="sr-only">Toggle navigation</span>
						<span class="navbar-toggle-text">Shop by Category</span>
						<span class="caret"></span>
					</button>
				</div>

			<div id="nav-primary" class="navbar-collapse collapse">
				<ul class="nav navbar-nav nav-primary nav-justified standard-nav">
					
					
					<li class="megamenu-dropdown dropdown megamenu-toggle nav-air-control">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-label="Air Control" aria-expanded="false" >
										
										
										Air Control
										
										
									</a>
							
							<ul class="dropdown-menu megamenu megamenu-content clearfix">
										
										<li class="col-sm-12 clearfix">
											<div class="dropdown-section-header-container clearfix">
													<div class="col-sm-6 col-xs-8">
														<p class="dropdown-section-header">Air Control</p>
													</div>
													<div class="col-sm-6 col-xs-4">
																<a class="btn btn-primary pull-right" aria-label="View All Air Control" href="/by-category/air-dehum-heat/heating-and-cooling.html?header_img=air.jpg" >
																View All
															</a>
														</div>
												</div>
										</li>
										<li class="col-sm-12 dropdown-row clearfix">
											<ul class="nav-sub-sections-container row">
												<li class="nav-sub-section col-sm-6 nav-sub-section-air-cooling">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Air Cooling</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=AIR:ACCASE" >Casement / Slider A/C Air Conditioners</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AIR:ACPORT" >Portable Air Conditioners</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AIR:SPLITS" >Split Air Conditioners</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AIR:ACWALL" >Wallfit Air Conditioners</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AIR:A6000|AIR:A30000|AIR:A18000|AIR:A15000|AIR:A8000|AIR:A12000|AIR:A5000|AIR:A10000|AIR:A24000|AIR:A25000" >Window Air Conditioners</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:ACAC" >A/C Accessories</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/air/air-conditioning.html" >All Air Cooling</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-sm-6 nav-sub-section-heaters">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Heaters &amp; Humidifiers</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=HEAT:HEATER" >Heaters</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=HEAT:HUM" >Humidifiers</a></li><li><a href="/_CGI/SEARCH3.HTML?MAJOR=DEHUM" >Dehumidifiers</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/dehum-heat/headers-and-dehumidifiers.html?header_img=air.jpg" >All Heaters &amp; Humidifiers</a>
																	</li>
															</ul>

																
														</li>
											</ul>
										</li>
									</ul>
						</li><li class="megamenu-dropdown dropdown megamenu-toggle nav-cooking">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-label="Cooking" aria-expanded="false" >
										
										
										Cooking
										
										
									</a>
							
							<ul class="dropdown-menu megamenu megamenu-content clearfix">
										
										<li class="col-sm-12 clearfix">
											<div class="dropdown-section-header-container clearfix">
													<div class="col-sm-6 col-xs-8">
														<p class="dropdown-section-header">Cooking</p>
													</div>
													<div class="col-sm-6 col-xs-4">
																<a class="btn btn-primary pull-right" aria-label="View All Cooking" href="/by-category/gr-er-mic-hood/ranges-cooktops-ovens.html?category_header_img=cooking.jpg" >
																View All
															</a>
														</div>
												</div>
										</li>
										<li class="col-sm-12 dropdown-row clearfix">
											<ul class="nav-sub-sections-container row">
												<li class="nav-sub-section col-sm-3 nav-sub-section-ranges">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Ranges &amp; Cooktops</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=ER:ERSURF" >Electric Cooktops</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=GR:GRSURF" >Gas Cooktops</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=GR:GASR20|GR:GASR30|GR:GASPRO|GR:GRSPCL|GR:GASR24|GR:GR36A|GR:GRSLIN" >Gas Ranges</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=ER:ER24RC|ER:ER20RC|ER:ER30RC|ER:ER36A" >Coil Ranges</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=ER:ERDROP|ER:ERSPCL|ER:ER24RC|ER:ER20RC|ER:ERSLIN|ER:ER30RC|ER:ER30ST|ER:ER36A" >Electric Ranges</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=ER:ERSLIN|GR:GRSLIN" >Slide-in Ranges</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=GR:GASPRO" >Professional Ranges</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:RANACC|AC:ERACC|AC:GRACC" >Range Accessories</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/gr:gasr20-gr:gasr30-gr:gaspro-er:erspcl-ac:ranacc-ac:eracc-gr:grsurf-ac:gracc-gr:gasr24-er:er30st-gr:grslin-er:ersurf-er:erdrop-gr:grspcl-er:er24rc-er:er20rc-er:erslin-er:er30rc-gr:gr36a-er:er36a/ranges--amp--cooktops.html?header_img=gr_er.jpg" >All Ranges &amp; Cooktops</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-sm-3 nav-sub-section-wallovens">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Wall Ovens</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=ER:ERWALCM" >Combination Wall Ovens</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=GR:GRWAL2|ER:ERWAL2" >Double Wall Ovens</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=ER:ERWAL2|ER:ERWAL1" >Electric Wall Ovens</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=GR:GRWAL1|GR:GRWAL2" >Gas Wall Ovens</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=ER:ERWARM" >Electric Warming Drawers</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/gr:grwal1-gr:grwal2-er:erwarm-er:erwal2-er:erwalcm-er:erwal1/wall-ovens.html?header_img=wall_ovens.jpg" >All Wall Ovens</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-sm-3 nav-sub-section-hood">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Range Hoods</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=HOOD:CONVHD" >Convertible Hoods</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=HOOD:DUCTED" >Ducted Hoods</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=HOOD:DCTLES" >Ductless Hoods</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=HOOD:PROHD" >Professional Hoods</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:HOODAC" >Hood Accessories</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/hood/kitchen-ventilation.html" >All Range Hoods</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-sm-3 nav-sub-section-mic">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Microwaves</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=MIC:MICBI" >Built In Microwaves</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=MIC:MICCO" >Countertop Microwave</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=MIC:MICOR" >Over the Range Microwaves</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:MICAC" >Accessories</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/mic/microwaves.html" >All Microwaves</a>
																	</li>
															</ul>

																
														</li>
											</ul>
										</li>
									</ul>
						</li><li class="megamenu-dropdown dropdown megamenu-toggle nav-grilling">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-label="Grilling" aria-expanded="false" >
										
										
										Grilling
										
										
									</a>
							
							<ul class="dropdown-menu megamenu megamenu-content clearfix">
										
										<li class="col-sm-12 clearfix">
											<div class="dropdown-section-header-container clearfix">
													<div class="col-sm-6 col-xs-8">
														<p class="dropdown-section-header">Grilling</p>
													</div>
													<div class="col-sm-6 col-xs-4">
																<a class="btn btn-primary pull-right" aria-label="View All Grilling" href="/by-category/bbq-ac:bbqac/grills.html?header_img=bbq.jpg" >
																View All
															</a>
														</div>
												</div>
										</li>
										<li class="col-sm-12 dropdown-row clearfix">
											<ul class="nav-sub-sections-container row">
												<li class="nav-sub-section col-sm-12 nav-sub-section-bbq">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Grilling</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=BBQ:BBQNG|BBQ:BBQLP" >Gas Grills</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=BBQ:BBQCH" >Charcoal Grills</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=BBQ:BBQPRO" >Pro Style Grills</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:BBQAC" >Accessories</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/bbq-ac:bbqac/grills.html?header_img=bbq.jpg" >All Grilling</a>
																	</li>
															</ul>

																
														</li>
											</ul>
										</li>
									</ul>
						</li><li class="megamenu-dropdown dropdown megamenu-toggle nav-dishwasher">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-label="Dishwashers" aria-expanded="false" >
										
										
										Dishwashers
										
										
									</a>
							
							<ul class="dropdown-menu megamenu megamenu-content clearfix">
										
										<li class="col-sm-12 clearfix">
											<div class="dropdown-section-header-container clearfix">
													<div class="col-sm-6 col-xs-8">
														<p class="dropdown-section-header">Dishwashers</p>
													</div>
													<div class="col-sm-6 col-xs-4">
																<a class="btn btn-primary pull-right" aria-label="View All Dishwashers" href="/by-category/dish-di-comp/dishwashers.html?header_img=dish.jpg" >
																View All
															</a>
														</div>
												</div>
										</li>
										<li class="col-sm-12 dropdown-row clearfix">
											<ul class="nav-sub-sections-container row">
												<li class="nav-sub-section col-sm-6 nav-sub-section-dish">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Dishwashers</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=DISH:DWBI" >Built In Dishwashers</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=DISH:DWPO" >Portable Dishwashers</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:DISHAC" >Accessories</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/dish/dishwashers.html" >All Dishwashers</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-sm-6 nav-sub-section-disposals">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Food Disposers</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MAJOR=COMP" >Trash Compactors</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:DIACC" >Accessories</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/di-comp-ac:diacc/disposals-and-compactors.html?header_img=dish.jpg" >All Food Disposers</a>
																	</li>
															</ul>

																
														</li>
											</ul>
										</li>
									</ul>
						</li><li class="megamenu-dropdown dropdown megamenu-toggle nav-laundry">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-label="Laundry" aria-expanded="false" >
										
										
										Laundry
										
										
									</a>
							
							<ul class="dropdown-menu megamenu megamenu-content clearfix">
										
										<li class="col-sm-12 clearfix">
											<div class="dropdown-section-header-container clearfix">
													<div class="col-sm-6 col-xs-8">
														<p class="dropdown-section-header">Laundry</p>
													</div>
													<div class="col-sm-6 col-xs-4">
																<a class="btn btn-primary pull-right" aria-label="View All Laundry" href="/by-category/laund/laundry.html" >
																View All
															</a>
														</div>
												</div>
										</li>
										<li class="col-sm-12 dropdown-row clearfix">
											<ul class="nav-sub-sections-container row">
												<li class="nav-sub-section col-sm-4 nav-sub-section-washer">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Washers</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:WASHF" >Front Load Washer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:WASHHE" >High Efficiency Top Load Washer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:WASHP" >Portable Washer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:WASHT" >Traditional Top Load Washer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:WASHC" >Combo Washer Dryer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:COMMW" >Commercial Washer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:COMMC" >Commercial Combo Washer Dryer</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/laund:commw-laund:washhe-laund:washp-laund:commc-laund:washc-laund:washt-laund:washf/washers.html?header_img=laund_wash.jpg" >All Washers</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-sm-4 nav-sub-section-dryers">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Dryers</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:DRYEF" >Front Load Electric Dryer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:DRYG" >Top Load Gas Dryer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:DRYGF" >Front Load Gas Dryer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:DRYTME" >Top Load Matching Electric Dryer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:DRYTMG" >Top Load Matching Gas Dryer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:DRYP" >Portable Dryer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:COMMD" >Commercial Dryer</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/laund:commd-laund:dryg-laund:drygf-laund:dryp-laund:drye-laund:dryef-laund:drytmg-laund:drytme/dryers.html?header_img=laund_dry.jpg" >All Dryers</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-sm-4 nav-sub-section-laund-accessories">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Laundry Accessories</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:LAUNAC" >Hoses &amp; Other Accessories</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:PDSTL" >Laundry Pedestals</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:PDSTL|AC:LAUNAC" >All Laundry Accessories</a>
																	</li>
															</ul>

																
														</li>
											</ul>
										</li>
									</ul>
						</li><li class="megamenu-dropdown dropdown megamenu-toggle nav-refrigeration">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-label="Refrigeration" aria-expanded="false" >
										
										
										Refrigeration
										
										
									</a>
							
							<ul class="dropdown-menu megamenu megamenu-content clearfix">
										
										<li class="col-sm-12 clearfix">
											<div class="dropdown-section-header-container clearfix">
													<div class="col-sm-6 col-xs-8">
														<p class="dropdown-section-header">Refrigeration</p>
													</div>
													<div class="col-sm-6 col-xs-4">
																<a class="btn btn-primary pull-right" aria-label="View All Refrigeration" href="/by-category/ref-fr/refrigerators-and-freezers.html?header_img=ref.jpg" >
																View All
															</a>
														</div>
												</div>
										</li>
										<li class="col-sm-12 dropdown-row clearfix">
											<ul class="nav-sub-sections-container row">
												<li class="nav-sub-section col-sm-4 nav-sub-section-refrigerators">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Refrigerators</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=REF:BBOTF|REF:FBOTF" >Bottom Freezer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=REF:FTOPF|REF:BTOPF" >Top Freezer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=REF:FFRENCH|REF:BFRENCH" >French Door</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=REF:BSXS|REF:FSXS" >Side-by-Side</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=REF:BBOTF|REF:BSXS|REF:BREFALL|REF:BFRENCH|REF:BGLASS|REF:BTOPF" >Built-In</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=REF:BBOTF|REF:FREFALL|REF:FFRENCH|REF:FTOPF|REF:FSXS|REF:FGLASS" >Freestanding</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/ref/refrigerators.html" >All Refrigerators</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-sm-4 nav-sub-section-freezers">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Freezers</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=FR:CHFRZE" >Chest Freezers</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=FR:UPFRZE" >Upright Freezers</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=FR:ICEMKR" >Ice Makers</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/fr/freezers.html" >All Freezers</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-sm-4 nav-sub-section-ref-other">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Other Refrigeration</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=REF:COMPACT" >Compact Refrigerators</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=REF:RWC|REF:RSPCL" >Beverage Centers</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=REF:DRAWER" >Refrigerated Drawer</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:REFACC" >Accessories</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/ref:rwc-ref:drawer/specialty.html?header_img=ref.jpg" >All Other Refrigeration</a>
																	</li>
															</ul>

																
														</li>
											</ul>
										</li>
									</ul>
						</li><li class="megamenu-dropdown ">
							<a href="/_CGI/SEARCH3.HTML?ADVANCED_AVAILABILITY_DISPLAY_QUERY=0" role="button" aria-label="In Stock" aria-expanded="false" >
										
										
										In Stock
										
										
									</a>
							
							
						</li>

					<li class="dropdown megamenu-dropdown megamenu-dropdown-brands">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Shop by Brand</a>
								<ul class="dropdown-menu megamenu megamenu-content clearfix">
										<li class="col-sm-12 clearfix">
											<div class="dropdown-section-header-container clearfix">
												<div class="col-sm-6 col-xs-8">
													<p class="dropdown-section-header">Shop by Brand</p>
												</div>
												<div class="col-sm-6 col-xs-4">
													<a class="btn btn-primary pull-right" href="/landing_all_brands.html">
														All Brands
													</a>
												</div>
											</div>
										</li>
										<li class="col-sm-12 dropdown-row clearfix">
											<ul class="nav-sub-sections-container row">
												<li class="nav-sub-section nav-sub-section-brands-appliance col-sm-12">
			<ul>
				<li class="dropdown-header">Appliances by Brand</li>
				<li class="brands-dropdown-content">
						<a class="valign-middle" href="/by-brand/amn/Amana.html">Amana</a>
					</li><li class="brands-dropdown-content">
						<a class="valign-middle" href="/by-brand/bge/Big-Green-Egg.html">Big Green Egg</a>
					</li><li class="brands-dropdown-content">
						<a class="valign-middle" href="/by-brand/blu/BlueStar.html">BlueStar</a>
					</li><li class="brands-dropdown-content">
						<a class="valign-middle" href="/by-brand/bosch/Bosch.html">Bosch</a>
					</li><li class="brands-dropdown-content">
						<a class="valign-middle" href="/by-brand/brn/Broan.html">Broan</a>
					</li><li class="brands-dropdown-content">
						<a class="valign-middle" href="/by-brand/electrolux/Electrolux.html">Electrolux</a>
					</li><li class="brands-dropdown-content">
						<a class="valign-middle" href="/by-brand/frig/Frigidaire.html">Frigidaire</a>
					</li><li class="brands-dropdown-content">
						<a class="valign-middle" href="/by-brand/kta/KitchenAid.html">KitchenAid</a>
					</li><li class="brands-dropdown-content">
						<a class="valign-middle" href="/by-brand/lg/LG.html">LG</a>
					</li><li class="brands-dropdown-content">
						<a class="valign-middle" href="/by-brand/may/Maytag.html">Maytag</a>
					</li><li class="brands-dropdown-content">
						<a class="valign-middle" href="/by-brand/samsung/Samsung.html">Samsung</a>
					</li><li class="brands-dropdown-content">
						<a class="valign-middle" href="/by-brand/spq/Speed-Queen.html">Speed Queen</a>
					</li><li class="brands-dropdown-content">
						<a class="valign-middle" href="/by-brand/whirl/Whirlpool.html">Whirlpool</a>
					</li>
			</ul>
		</li> <!-- /col* -->
													
													
											</ul>
										</li>
									</ul>
							</li>

					
				</ul>
			</div>
		</div>
	</nav>

	
</header> <!-- /header -->


	<!-- Defines -->


	<!-- end defines -->

	<div id="page-content-wrap" class="container-fluid ">

		
	<div class="row hidden-xs">
		<div class="col-sm-12">
				<ol class="breadcrumb">
						<li><a href="/index.html">Home</a></li>
						<li class="active">Promotion</li>
					</ol>
			</div>
	</div> <!-- /row -->


		<div id="page_wrapper_bg">
			<div id="container_12">
				
				<div class=" body_text profile promotion ">
				
					
					<script>
						function platoCheck() {
							return (typeof $().modal == "function" ? false : true);
							
						}
					
						var itsPlato = platoCheck();

					</script>
				
					
					<!-- -- -- -- --
		-- -- -- -- --
		-- -- -- -- --
	-- page edits below --
		-- -- -- -- --
		-- -- -- -- --
	-->
	
	
		<!-- main promo content -->
			
			
			<section class="section-container row">
				
				
			</section>
			
			
		<!-- end main promo content -->


	<!-- -- -- -- --
		-- -- -- -- --
		-- -- -- -- --
	-- page edits above --
		-- -- -- -- --
		-- -- -- -- --
	-->


<script>
	var promoSectionIndex = 1;
	
	
	var promoHeroLayout1 = function(
		stuff = ``, 
		showRebateButton = true, 
		showOfferDate = true,
		offerDate = ``,
		rebateButton = `
			`,
		heroLink = ``,
		force = false) {


		if(typeof stuff == 'object' && stuff != null) {
			this.newClasses = stuff.newClasses ? stuff.newClasses : ``;
			this.showRebateButton = stuff.showRebateButton ? stuff.showRebateButton : true;
			this.showOfferDate = stuff.showOfferDate ? stuff.showOfferDate : true;
			this.offerDate = stuff.offerDate ? stuff.offerDate : ``;
			this.rebateButton = stuff.rebateButton ? stuff.rebateButton : `
			`;
			this.heroLink = stuff.heroLink ? stuff.heroLink : ``;
			this.force = stuff.force ? stuff.force : true;

		} else {
			//new classes not previously being called
			this.newClasses = stuff;
			this.showRebateButton = showRebateButton;
			this.showOfferDate = showOfferDate;
			this.offerDate = offerDate;
			this.rebateButton = rebateButton;
			this.heroLink = heroLink;
			this.force = force;

		}
		
		if(this.showOfferDate) {
			this.dateStuff = `
					<div class="offer-text">
						<strong>
							Offer valid:
						</strong>
						${this.offerDate}

					</div>
				
				
				`;
			
		} else {
			this.dateStuff = ``;
			
		}
		
		if(this.showRebateButton) {
			this.rebateStuff = this.rebateButton;
			
		} else {
			this.rebateStuff = ``;
			
		}

		if(this.heroLink == ``) {
			this.heroStuff = `
	
	
			<img class="img-fluid full_width" src="/promotions/whirlpool/2021/10-removable-agitator/images/landing_hero.jpg?ccid=x7259ae1b" alt="Whirlpool&reg; Top Load Washer Innovation" title="Whirlpool&reg; Top Load Washer Innovation"/>`;

		} else {
			this.heroStuff = `
				<a href="${this.heroLink}">
					
	
			<img class="img-fluid full_width" src="/promotions/whirlpool/2021/10-removable-agitator/images/landing_hero.jpg?ccid=x7259ae1b" alt="Whirlpool&reg; Top Load Washer Innovation" title="Whirlpool&reg; Top Load Washer Innovation"/>

				</a>

			`;

		}
		
		
		this.doIt = function() {
			return `
				<section class="hero-section row ${this.newClasses}">
					${this.heroStuff}
					
					${this.dateStuff}
					${this.rebateStuff}

				</section>
				
			`;
			
		}

		this.buildIt = function() {
			return this.doIt();

		}
		
		if(this.force) {
			return this.doIt();

		}

	};
	
	var promoDisclaimerLayout1 = function(stuff, content = ``, force = true) {
		if(typeof stuff == 'object' && stuff != null) {
			this.newClasses = stuff.newClasses ? stuff.newClasses : ``;
			this.content = stuff.content ? stuff.content : ``;
			this.force = stuff.force ? stuff.force : true;

		} else {
			this.newClasses = stuff;
			this.content = content;
			this.force = force;

		}

		
		this.doIt = function() {
			return `
				<section class="dislcaimer-section row ${this.newClasses}">
					<p>
						${this.content}

					</p>

				</section>
				
			`;
			
		}

		this.buildIt = function() {
			return this.doIt();

		}
		
		if(force) {
			return this.doIt();

		}
		
	};
	
	var promoHeaderLayout1 = function(stuff, header2 = ``, header3 = ``, force = false) {
		
		if(typeof stuff == 'object' && stuff != null) {
			this.header1 = stuff.header1 ? stuff.header1 : ``;
			this.header2 = stuff.header2 ? stuff.header2 : ``;
			this.header3 = stuff.header3 ? stuff.header3 : ``;
			this.force = stuff.force ? stuff.force : true;

		} else {
			this.header1 = stuff;
			this.header2 = header2;
			this.header3 = header3;
			this.force = force;

		}
		
		this.doIt = function() {
			return `
				<header>
					${this.header1 != "" ? `<span>${this.header1}</span>` : ``}
					${this.header2 != "" ? `<span>${this.header2}</span>` : ``}
					${this.header3 != "" ? `<span>${this.header3}</span>` : ``}
				
				</header>
				
			`;
			
		}

		this.buildIt = function() {
			return this.doIt();

		}
		
		if(force) {
			return this.doIt();

		}
		
	};
	
	var promoFooterLayout1 = function(stuff, footer2 = ``, footer3 = ``, force = false) {
		
		if(typeof stuff == 'object' && stuff != null) {
			this.footer1 = stuff.footer1 ? stuff.footer1 : ``;
			this.footer2 = stuff.footer2 ? stuff.footer2 : ``;
			this.footer3 = stuff.footer3 ? stuff.footer3 : ``;
			this.force = stuff.force ? stuff.force : true;

		} else {
			this.footer1 = stuff;
			this.footer2 = footer2;
			this.footer3 = footer3;
			this.force = force;

		}
		
		this.doIt = function() {
			return `
				<footer>
					${this.footer1 != "" ? `<span>${this.footer1}</span>` : ``}
					${this.footer2 != "" ? `<span>${this.footer2}</span>` : ``}
					${this.footer3 != "" ? `<span>${this.footer3}</span>` : ``}
				
				</footer>
				
			`;
			
		}

		this.buildIt = function() {
			return this.doIt();

		}
		
		if(force) {
			return this.doIt();

		}
		
	};

	var promoSectionLayout1 = function(
		stuff, header2 = ``, header3 = ``, 
		content = ``, 
		footer1 = ``, footer2 = ``, footer3 = ``, 
		newClasses = ``, 
		force = false) {
		
		if(typeof stuff == 'object' && stuff != null) {
			this.header1 = stuff.header1 ? stuff.header1 : ``;
			this.header2 = stuff.header2 ? stuff.header2 : ``;
			this.header3 = stuff.header3 ? stuff.header3 : ``;
			this.content = stuff.content ? stuff.content : ``;
			this.footer1 = stuff.footer1 ? stuff.footer1 : ``;
			this.footer2 = stuff.footer2 ? stuff.footer2 : ``;
			this.footer3 = stuff.footer3 ? stuff.footer3 : ``;
			this.newClasses = stuff.newClasses ? stuff.newClasses : ``;
			this.force = stuff.force ? stuff.force : true;

		} else {
			this.header1 = stuff;
			this.header2 = header2;
			this.header3 = header3;
			
			this.content = content;
			
			this.footer1 = footer1;
			this.footer2 = footer2;
			this.footer3 = footer3;

			//new classes not previously being called
			this.newClasses = newClasses;

			this.force = force;

		}
		
		//default stuff
		this.classes = `section-${this.newClasses.includes("no-count") == false ? promoSectionIndex++ : "0"} row`;

		if(typeof stuff == 'object' && stuff != null && stuff.contentContainer) {
			this.contentContainer = function() {
				return stuff.contentContainer;

			}

		} else {
			this.contentContainer = function() {
				return `
				<div>
					${this.content}
				
				</div>
					
			`};

		}
		
		this.doIt = function() {
			return `
				<section class="${this.classes} ${this.newClasses}">
					${promoHeaderLayout1(this.header1, this.header2, this.header3, true)}
					${this.contentContainer()}
					${promoFooterLayout1(this.footer1, this.footer2, this.footer3, true)}
					
				</section>
				
			`;
			
		}

		this.buildIt = function() {
			return this.doIt();

		}
		
		if(this.force) {
			return this.doIt();

		}
		
	};
	
	var promoHeroSection = new promoHeroLayout1();
	
	var promoMainHero = function(bam=``){
		this.doIt = function() {
			return new promoHeroLayout1(bam).doIt();
			
		}
		
		return this.doIt();
		
	};
	
	
var componentList = [];


//Get Stuff 1

function queryForJimCode(urlToGet, thing) {
	
	return new Promise(function (resolve) {
	
		let request = new XMLHttpRequest();
		
		request.open('GET', `/promotions/assets/get-stuff/${urlToGet}?${thing}`);
		
		request.onload = function () {
			resolve(request.response);
			
		};
		request.send();
		
	});

}

			
async function reallyGetStuff(typeOfStuff, data, identifier, extraData1="none", extraData2="none", extraData3="none", extraData4="none", extraData5="none") {
	var showNegativeResults = false;
	
	delayLoad++;
	
	switch(typeOfStuff) {
		case "prod_loop" : 
			var numberOfProducts = extraData1 == "none" ? "4" : extraData1,
				buttonSuccessText = extraData2 == "none" ? "View Details" : extraData2;
			var results = await queryForJimCode("prod_loop.html", `${data}&number_of_products=${numberOfProducts}&successButtonText=${extraData2}&failButtonText=${extraData3}`);
			//console.log(`${data}&number_of_products=${numberOfProducts}&successButtonText=${extraData2}&failButtonText=${extraData3}`);
			break;
			
		case "single_prod" : 
			var buttonSuccessText = extraData1 == "none" ? "View Details" : extraData1,
				buttonFailText = extraData2 == "none" ? "Contact Us" : extraData2;
			var results = await queryForJimCode("single_prod.html", `prodkey=${data}&successButtonText=${buttonSuccessText}&failButtonText=${buttonFailText}`);
			break;
			
		case "shop_all_button" : 
			var buttonSuccessText = extraData1 == "none" ? "Shop All" : extraData1,
				buttonFailText = extraData2 == "none" ? "Contact Us" : extraData2;
				showNegativeResults = true;
			var results = await queryForJimCode("shop_all_button.html", `${data}&successButtonText=${buttonSuccessText}&failButtonText=${buttonFailText}`);
			break;
			
		case "rebate_button" : 
			var buttonSuccessText = extraData1 == "none" ? "Download Rebate" : extraData1;
			var results = await queryForJimCode("rebate_button.html", `rebate_form_number=${data}&successButtonText=${buttonSuccessText}`);
			break;
			
		default:
			var results = `"${typeOfStuff}" is not recognized as a "getStuff" argument.`;
			break;
		
	}
	
	if(!results.includes("no-results") || showNegativeResults) {
		$(`placeholderFor${typeOfStuff}[data-placeholder-ref='${identifier}']`).replaceWith(results);
		
	} else {
		$(`placeholderFor${typeOfStuff}[data-placeholder-ref='${identifier}']`).attr("data-placeholder-results", "fail");
	
	}
	
	delayLoad--;

}


function getStuff(typeOfStuff, data, extraData1="none", extraData2="none", extraData3="none", extraData4="none", extraData5="none") {
	
	let identifier = Math.random();
	let results = `<placeholderFor${typeOfStuff} data-placeholder-ref="${identifier}" style="display: none;"></placeholderFor${typeOfStuff}>`;
	
	
	switch(typeOfStuff) {
		case "prod_loop" : 
			reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2, extraData3);
			break;
			
		case "single_prod" : 
		
			if(Array.isArray(data) || (typeof data == 'string' && data.includes("|"))) {
				if(typeof data == 'string' || Array.isArray(data)) {
					if(data.includes("|")) {
						data = data.split("|");
						
					}
				
				}
				var i = 0;
				while (i < data.length) {
					reallyGetStuff(typeOfStuff, data[i], identifier, extraData1, extraData2, extraData3);
					i++;
					if(i < data.length) {
						identifier = Math.random();
						results += `<placeholderFor${typeOfStuff} data-placeholder-ref="${identifier}" style="display: none;"></placeholderFor${typeOfStuff}>`;
						
					}
				
				}
			
			} else {
				reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2, extraData3);
			
			}
			break;
			
		case "shop_all_button" : 
			reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2);
			break;
			
		case "rebate_button" : 
		
			if(Array.isArray(data) || (typeof data == 'string' && data.includes("|"))) {
				if(typeof data == 'string' || Array.isArray(data)) {
					if(data.includes("|")) {
						data = data.split("|");
						
					}
				
				}
				var i = 0;
				while (i < data.length) {
					reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2, extraData3);
					i++;
					//even though we itterate through through the list of rebates, we have to NOT add more buttons or identifiers to avoid multiple rebate buttons for the same rebate. Instead, it will display the first one that returns.					
				
				}
			
			} else {
				reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2, extraData3);
			
			}
			break;
			
		default:
			results = `"${typeOfStuff}" is not recognized as a "getStuff" argument.`;
			break;
		
	}
	
	
	return results;
	
}
			

//Image Gallery 1

componentList.push("slideItGallery1");

var slideItGallery1Help = `
		
	slideItGallery1Help
	<textarea class="promo-help">
		usage: slideItGallery1(["array", "of image", "sources"], ["words for images", "leave blank when no words should exist for an image", ""])
		
		optional...
		You can include some options. Button the options must be placed in an object.
		eg: {option1: "value", option2: "another value"}
		
		List of options with default values:
		sideButtons : true
		bottomNav : false
		
		It is recommended to place all options and arguments in variables and to use variables in the function call.
		
		The default options are set to...
		
		autoNav: true,
		autoNavTime: 5000,
		sideButtons: true,
		bottomNav: false
		
		eg: 
		var imageList = [
			"path_to_image.jpg",
			"path_to_image2.jpg",
			"path_to_image3.jpg"
			
		];
		
		var slideWords = [
			"words1", 
			"words2",
			""
		
		];
		
		var slideOptions = {
			autoNav: true,
			autoNavTime: 5000,
			sideButtons: true,
			bottomNav: false
		
		};
		
		slideItGallery1(imageList, slideWords, slideOptions);
	
	</textarea>
	
`;

var slideItGallery1 = function(imageArray, words = "empty", options = "blank") {
	
	var optionsDefault = {
		autoNav: true,
		autoNavTime: 5000,
		sideButtons: true,
		bottomNav: false
		
	};
	
	if(options == "blank") {
		options = {
			autoNav: optionsDefault.autoNav,
			autoNavTime: optionsDefault.autoNavTime,
			sideButtons: optionsDefault.sideButtons,
			bottomNav: optionsDefault.bottomNav
			
		};
		
	}
	
	if(!options.hasOwnProperty('autoNav')) {
		options.autoNav = optionsDefault.autoNav;
		
	}
	
	if(!options.hasOwnProperty('autoNavTime')) {
		options.autoNavTime = optionsDefault.autoNavTime;
		
	}
	
	if(!options.hasOwnProperty('sideButtons')) {
		options.sideButtons = optionsDefault.sideButtons;
		
	}
	
	if(!options.hasOwnProperty('bottomNav')) {
		options.bottomNav = optionsDefault.bottomNav;
		
	}
	
	var result = `
		<section class="section-0 row slide-it-yo" data-auto-change="${options.autoNav}" data-change-time="${options.autoNavTime}">
			<div>
	
	`;
	
	if(options.sideButtons || typeof options.sideButtons == 'undefined') {
		result = result + `
			
			<div class="data-slide-it-button-box">
				<span data-slide-it-button="prev">
					<
				
				</span>
				<span data-slide-it-button="next">
					>
				
				</span>
			
			</div>
		
		`;
		
	}
	
	$.each(imageArray, function(index, imageSrc) {
		if(words != "empty" && typeof words[index] != 'undefined' && words[index] != "") {
			var wordStuff = `
				<figcaption>
					<span>
						${words[index]}
						
					</span>
				
				</figcaption>
			
			`;
					
		} else {
			var wordStuff = "";
			
		}
		
		result =  result + `
			
			<figure>
				<img src="${imageSrc}" data-slide-number="${index}" />
				${wordStuff}
				
			</figure>
		
		`;
		
	});
	
	
	result =  result + `
			</div>
		
	`;
	
	
	if(options.bottomNav) {
		result = result + `
			
			<div class="data-slide-it-nav-box">
			
		`;
		
		var slideCount = imageArray.length;
		
		var slideDots = ``;
		
		while(slideCount > 0) {
			slideDots = `<span data-slide-dot="${slideCount-1}"></span>${slideDots}`;
			
			slideCount--;
			
		}
		
		
		result = result + `
				${slideDots}
			
			</div>
		
		`;
		
	}
	
	
	result =  result + `
			
		</section>
		
	`;
	
	return result;
	
};


function slideGallery1ChangeSlide(galleryContainerElem, direction) {
	
	var newFirst = "";
	
	if(direction == "prev") {
		var elems = $(galleryContainerElem).find("figure");
		
		newFirst = elems[elems.length-1];

		$(galleryContainerElem).children("div").eq(0).prepend($(elems[elems.length-1]));

		$(elems).css("left", "-100%");

		$(elems).animate({
			"left" : "0%"

		});

	} else if(direction == "next") {
		var elems = $(galleryContainerElem).find("figure");

		newFirst = elems[1];

		$(elems).animate({
			"left" : "-100%"

		}, {
			complete : function() {
				$(galleryContainerElem).children("div").eq(0).append($(elems[0]));
				$(elems).css("left", "0%");

			}

		});

	}
	
	if($(galleryContainerElem).find("[data-slide-dot]").length > 0) {
		$(galleryContainerElem).find("[data-slide-dot]").removeClass("chosen");
		$(galleryContainerElem).find("[data-slide-dot='" + $(newFirst).children("img").eq(0).attr("data-slide-number") + "']").addClass("chosen");
		
	}
	
}


function slideGallery1Button(clickedElem) {
	var galleryContainerElem = $(clickedElem).closest(".slide-it-yo");
	
	slideGallery1ChangeSlide(galleryContainerElem, $(clickedElem).attr("data-slide-it-button"));
	
}


var getCurrentSlide1Number = function(galleryContainerElem) {
	return $(galleryContainerElem).find("figure").eq(0).children("img").data("slideNumber");
	
};


function slideGallery1GoToSlide(clickedElem, slideNumber = 0) {
	var galleryContainerElem = $(clickedElem).closest(".slide-it-yo");
		
	var currentSlideShowing = $(galleryContainerElem).find("figure").eq(0).children("img").data("slideNumber");
	
	if(currentSlideShowing != slideNumber) {
		$(galleryContainerElem).children("div").eq(0).append($(galleryContainerElem).children("div").eq(0).children("figure").eq(0));
		slideGallery1GoToSlide(clickedElem, slideNumber);
		
	}
	
}


function slideGallery1DotClick(clickedElem) {
	$(clickedElem).parent().find(".chosen").removeClass("chosen");
	$(clickedElem).addClass("chosen");
	
	slideGallery1GoToSlide($(clickedElem), $(clickedElem).attr("data-slide-dot"));
	
}


function slideGallery1Functions() {
	$(".slide-it-yo .data-slide-it-button-box > *").on('click', function() {
		slideGallery1Button($(this));
		
	});
	
	$(".slide-it-yo .data-slide-it-nav-box > *").on('click', function() {
		slideGallery1DotClick($(this));
		
	});
	
	$(".slide-it-yo .data-slide-it-nav-box > *").eq(0).addClass("chosen");
	
	$(".slide-it-yo").each(function() {
		currentSlideElem = $(this);
		currentSlideElemTime = $(currentSlideElem).data("change-time");
		
		//we must check if the string is true because js is being dumb and its not worth converting back to boolean
		if($(currentSlideElem).attr("data-auto-change").toLowerCase() == "true") {
			setInterval(function() {
				slideGallery1ChangeSlide(currentSlideElem, "next");
				
			}, currentSlideElemTime);
			
		}
		
	});
	

}


//Tabby 1

componentList.push("spawnTabbyMenu");

var spawnTabbyMenuHelp = `
		
	spawnTabbyMenuHelp
	<textarea class="promo-help">
		usage: spawnTabbyMenu({categories and content info})
		
		Setting up the categories...
		
		All categories must be set up in an object. 
		It is recommended to set the categories object up as a variable and call the variable inside the function call as an argument.
		
		eg:
		var tabbyProds = {
			&lt;%search3 QUERY_STRING="man=beko&&lt;%params name="effective_date" %>&MINOR=&lt;%usedef name="minor_ranges" %>" %>
			ranges : { 
				prodType : &#39;Gas Ranges&#39;,
				prodSection : &#96;&lt;%usedef name="tabby_prod_setup" %>&#96;
			
			},
			&lt;%search3 QUERY_STRING="man=beko&&lt;%params name="effective_date" %>&MINOR=&lt;%usedef name="minor_electric_ranges" %>" %>
			cooktops : {
				prodType : &#39;Electric Ranges&#39;,
				prodSection : &#96;&lt;%usedef name="tabby_prod_setup" %>&#96;
			
			},
			&lt;%search3 QUERY_STRING="man=beko&&lt;%params name="effective_date" %>&MINOR=&lt;%usedef name="minor_wall_ovens" %>" %>
			wallOvens : {
				prodType : &#39;Wall Ovens&#39;,
				prodSection : &#96;&lt;%usedef name="tabby_prod_setup" %>&#96;
			
			}
			
		};
		
		spawnTabbyMenu(tabbyProds);
		
		Currently there are NO options available. Any hiding or addition of elements must be done via js using appending, prepending, or rewriting the spawnTabbyMenu function.
	
	</textarea>
	
`;


/* -- tabby section -- */
		
	
	var spawnTabbyButtons = function(prodSet) {
		let result = ``;
		
		$.each(prodSet, function(index, value) {
			if(index != "shopAll" && !value.prodSection.includes("no-results")) {
				result += `
					<span>
						${value.prodType}
						
					</span>
						
				`
				
			}
		
		});
	
		return result;
	
	}
	
	var tabbyContentTemplate1 = (info) => `
	
		<div data-tab-js-type="promo-tab-js-products-">
			<p>${info.prodType}</p>
			<span>
				${info.shopAll}
			
			</span>
			<div>
				${info.prodStuff}
			
			</div>
			
		</div>
	
	`;
	
	var tabbyContentTemplate2 = (info) => `
			
		<div data-tab-js-type="promo-tab-js-products-" >
			<p>${info.prodType}</p>
			<div>
				<figure>
					<img src="${info.menuImage}" />
				
				</figure>
				<p>
					<b>
						${info.title}
					
					</b>
					<span>
						${info.description}
					
					</span>
					${info.shopAll}
					
				</p>
				
			</div>
			<div>
				${info.prodStuff}
				
			</div>
			
		</div>
	
	`;


	var spawnTabbyContent = function(prodSet) {
		let result = ``;
		
		$.each(prodSet, function(index, value) {
			if(index != "shopAll" && !value.prodSection.includes("no-results")) {
				result += `
					${value.prodSection}
						
				`
				
				result=result.replace(`<p></p>`, `<p>${value.prodType}</p>`);
			
			}
		
		});
	
		return result;
	
	};


	var spawnTabbyContent2 = function(prodSet, tabbyType) {
		let result = ``;
		
		$.each(prodSet, function(index, value) {
			
			if(index != "shopAll" && !value.prodSection.includes("no-results")) {
				var tabType = (value.hasOwnProperty("tabType") ? value.tabType : tabbyType);
				
				if (tabType == 1 || tabType == 3) {
					result += tabbyContentTemplate1({
						prodType : value.prodType,
						prodStuff : value.prodSection,
						shopAll : value.shopAll
					
					});
				
				} else if (tabType == 2) {
					result += tabbyContentTemplate2({
						title : value.title,
						description : value.description,
						prodType : value.prodType,
						prodStuff : value.prodSection,
						menuImage : value.menuImage,
						shopAll : value.shopAll
					
					});
					
				}
			
			}
		
		});
	
		return result;
	
	};


	var spawnTabbyMenu = function(categories) {
		let result = `
			<section class="section-tabbed-section row" >
				<div class="promo-tab-js-menu">
					${spawnTabbyButtons(categories)}
				
				</div>
				${spawnTabbyContent(categories)}
					
			</section>
					
		`;
	
		return result;
	
	};


	var spawnTabbyMenu2 = function(categories, tabbyType = 1) {
		let classEdit = ` `;
		
		if(tabbyType == 2) {
			classEdit = `side-by-side-tabs`;
			
		} else if(tabbyType == 3) {
			classEdit = `center-tabs`;
			
		}
		
		let result = `
			<section class="section-tabbed-section row ${classEdit}" >
				<div class="promo-tab-js-menu">
					${spawnTabbyButtons(categories)}
				
				</div>
				${spawnTabbyContent2(categories, tabbyType)}
					
			</section>
					
		`;
	
		return result;
	
	};

/* -- end tabby section -- */

//Youtube Video 1

componentList.push("youtubeVideo");

var youtubeVideoHelp = `
		
	youtubeVideoHelp
	<textarea class="promo-help">
		usage: youtubeVideo("https://www.youtube.com/embed/WuDsHIrgbwo");
		
		optional...
		You can include the width and height as well if the dimensions are not equal to 560x315.
		
		eg:
		youtubeVideo("https://www.youtube.com/embed/WuDsHIrgbwo", [560, 315]);
	
	</textarea>
	
`;

var youtubeVideo = function(vidSrc, size = [560, 315]) {
	return `
		<div class="fix-frame">
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${size[0]} ${size[1]}"><title>rpi-placeholder</title></svg>

			<iframe width="${size[0]}" height="${size[1]}" src="${vidSrc}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

		</div>
	
	`;
	
};
					  

//ListIt 1

componentList.push("listIt");

var listItHelp = `
		
	listItHelp
	<textarea class="promo-help">
		usage: listIt(["listItem 1", "ListItem 2", "ListItem 3"])
		
		Pretty easy stuff, homefry.
		
		Currently there are NO options available.
		
		eg:
		listIt([
			\`Up to 30 days: Broccoli and lettuce\`,
			\`Up to 13 days: Spinach\`,
			\`Up to 8 days: Strawberries\`
		
		])
	
	</textarea>
	
`;


var listIt = function(listItems) {
	let result = `
		<ul>
				
	`;
	
	$.each(listItems, function(index, listItem) {
		result += `
			<li>
				${listItem}
			
			</li>
			
		`;
		
	});
	
	result += `
		</ul>
		
	`;

	return result;

};


//productSideScroller 1

componentList.push("productSideScroller");

var productSideScrollerHelp = `
		
	productSideScrollerHelp
	<textarea class="promo-help">
		usage: productSideScroller([prods])
		
		Setting up the categories...
		
		All categories must be set up in an object. 
		It is recommended to set the categories object up as a variable and call the variable inside the function call as an argument.
		
		eg:
		var tabbyProds = {
			&lt;%search3 QUERY_STRING="man=beko&&lt;%params name="effective_date" %>&MINOR=&lt;%usedef name="minor_ranges" %>" %>
			ranges : { 
				prodType : &#39;Gas Ranges&#39;,
				prodSection : &#96;&lt;%usedef name="tabby_prod_setup" %>&#96;
			
			},
			&lt;%search3 QUERY_STRING="man=beko&&lt;%params name="effective_date" %>&MINOR=&lt;%usedef name="minor_electric_ranges" %>" %>
			cooktops : {
				prodType : &#39;Electric Ranges&#39;,
				prodSection : &#96;&lt;%usedef name="tabby_prod_setup" %>&#96;
			
			},
			&lt;%search3 QUERY_STRING="man=beko&&lt;%params name="effective_date" %>&MINOR=&lt;%usedef name="minor_wall_ovens" %>" %>
			wallOvens : {
				prodType : &#39;Wall Ovens&#39;,
				prodSection : &#96;&lt;%usedef name="tabby_prod_setup" %>&#96;
			
			}
			
		};
		
		spawnTabbyMenu(tabbyProds);
		
		Currently there are NO options available. Any hiding or addition of elements must be done via js using appending, prepending, or rewriting the spawnTabbyMenu function.
	
	</textarea>
	
`;


/* -- productSideScroller section -- */
	
	
	var productSideScroller = function(prods) {
		var result = "";
		//if == blank remove
		$.each(prods, function(key, val) {
			if(val != "blank") {
				result+=val;
				
			}
		
		});
		
		result = `
			<section class="section-product-side-scroller">
				<scrollButton data-scroll-button="left"></scrollButton>
				<scrollButton data-scroll-button="right"></scrollButton>
				<div data-scroll-target="x">
					${result}
				
				</div>
				<scrollbar ontouchend="stopDraging(event)">
					<scroller class="drag-x-target" ontouchend="stopDraging(event)">
						<scrollicon>|</scrollicon>
						<scrollicon>|</scrollicon>
						<scrollicon>|</scrollicon>
						
					</scroller>
					
				</scrollbar>
			
			</section>
		
		`;
		
		return result;
	
	};
	

/* -- end productSideScroller section -- */

//productSideScroller 1
			
				
function sideBySideHtml(daImg=" ", title=" ", content=" ", sideNote=" ", postContent=" ", postNote=" ") {
	//print text for b
	var newTitle = (title == " " ? " " : `<b>${title}</b>`);
	//print text for p
	var newContent = (content == " " ? " " : `<p>${content}</p>`);
	//print text for i
	var newSideNote = (sideNote == " " ? " " : `<i>${sideNote}</i>`);
	//print img in figure tag
	var newDaImg = (daImg == " " ? " " : `<figure><img src="${daImg}" /></figure>`);
	
	
	//if i is blank
		//change i to havbe no tag

	var result = `
		<!-- print container div -->
		<div class="side-by-side-html">
			<!-- inner div -->
			<div>
				${newTitle}
				${newContent}
				${postContent}
				${newSideNote}
				${postNote}
			
			</div>
			<!-- inner div -->
			<div>
				${newDaImg}
					
			</div>
		
		</div>
	
	`;
	
			
	return result;

}


//function call
function sideBySideHtmlLoop(stuff=[]) {
	var result = ` `;
	
	//itterate through collection
	$.each(stuff, function() {
		//call function to return data in html
		result += sideBySideHtml(this[0], this[1], this[2], this[3], this[4], this[5]);
		
	});
				
	//return html
	return result;
	
}

//category builder 1
var catBuilder = (
	category,
	imgPath,
	link,
	style=1

) => {
	let result = `
		<figure class="promo-category-build promo-category-build-style-${style}">
			<a class="${(link.indexOf("locations") > -1 ? "no-results" : "results")}" href="${link}">
				<img src="${imgPath}" />
				<figcaption>
					<span>
						${(link.indexOf("locations") > -1 ? category + " - Contact Us" : category)}
						
					</span>
				
				</figcaption>
			
			</a>
		
		</figure>
	
	`;
	
	return result;

};


var categoryBuilder = (
	category,
	imgPath,
	link,
	style=1

) => {
	
	return catBuilder = (category, imgPath, link, style);

};		
				

try {
	//place experiments here
	
} catch(e) {
	//get your errors here
	console.log(e);
	
}


var showComponentList = function() {
	var result = `<p>`;
	
	$.each(componentList, function(index, value) {
		result = result + `<span>${value}</span><br>`;
		
	});
	
	result = result + `</p>`;
	
	return result;
	
};


$(document).ready(function() {
	slideGallery1Functions();
	
});


	// -- Build page components here -- //


				var promoSection1 = promoSectionLayout1({

					contentContainer : `


					<div>
						<div class="gallery-container">
							<h1>Easily <i>Add</i><br>
								or <i>Remove</i><br>
								the Agitator</h1>
								<span data-change-text="Shop Now"><a data-ajax="false" data-role="none" data-query-url="/_CGI/SEARCH3?POS=0&KEY=WHIRL:WTW8127LW|WHIRL:WTW5057LW" 
			class="shop-all-button" href="/_CGI/SEARCH3?POS=0&KEY=WHIRL:WTW8127LW|WHIRL:WTW5057LW">Shop All
		</a></span>
							<div class="slider-outer">
                     

								<div class="slider-inner">
									<img class="promo-gallery-active" src="/promotions/whirlpool/2021/10-removable-agitator/images/art_4.jpg?ccid=x7259ae1b" />
									<img src="/promotions/whirlpool/2021/10-removable-agitator/images/art_1.jpg?ccid=x7259ae1b" />
									<img src="/promotions/whirlpool/2021/10-removable-agitator/images/art_12.jpg?ccid=x7259ae1b" />
									
								</div>

								
									<button class="prev-promo"><img src="/promotions/whirlpool/2021/10-removable-agitator/images/vector_left_arrow.png?ccid=x7259ae1b" />
									</button>

									<button class="next-promo"><img src="/promotions/whirlpool/2021/10-removable-agitator/images/vector_right_arrow.png?ccid=x7259ae1b" /></button>
								
							</div>
							
						</div>
					</div>

						
					`,
					footer1 : `	`

				});


				var promoSection2 = promoSectionLayout1({

					newClasses : `svg-content`,
					contentContainer : `

					<div class="washer-bg" data-change-bg="">
						<div>
							
							<b class="change-title">Use With Agitator
							</b>
							<span class="change-subtitle">The 2 in 1 Removable Agitator can help break down stains on durable fabrics like denim and stubborn stains on uniforms.</span>

							<div>
								<a data-change-type="without-agitator"><span>Without Agitator</span></a>
								<a data-change-type="with-agitator"><span>With Agitator</span></a>
							</div>
						</div>


						<div>
							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 85"><title>rpi-placeholder</title></svg>
						</div>
					</div>

					`,
					footer1 : `Dramatization: No Window.`

				});

		<!-- SECTION THREE -->

				
				var promoSection3 = promoSectionLayout1({

					header1 : `Find the right model for you`,
					contentContainer : `
							

							<div id="promo-page-jump" class="product-container">

								<div class="product-overview">
									<div class="product-details">
										
										<div class="product-wrapper">
											<figure>
												<a href="http://demo34429.appliances.dev.rwsgateway.com/_CGI/SEARCH3?POS=0&KEY=WHIRL:WTW5057LW">
													
												<img src="/promotions/whirlpool/2021/10-removable-agitator/images/washer_1.jpg?ccid=x7259ae1b" />

												</a>
											</figure>
											<button id="first-preview" class="color-tooltip" data-color-preview="White">
											</button>
											<p class="promo-prod-title">2 in 1 Removable Agitator Washer</p>
											<a>WTW5057LW</a>
											<hr>
											<div class="hr-spacer">
												
												<div class="info-tooltip">
													<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <circle cx="9.5" cy="9.5" r="9.5" fill="#EEB111"></circle>
                                    <rect x="8" y="8" width="3" height="8" rx="1.5" fill="#000"></rect>
                                    <circle cx="9.5" cy="4.5" r="1.5" fill="#000"></circle>
                                </svg>
													<div class="tooltip-content left-column">
														<div class="info-close">&#10006;&nbsp;Close</div>
														<img src="/promotions/whirlpool/2021/10-removable-agitator/images/capacity-tooltip.jpg?ccid=x7259ae1b" />

														<div class="details-box">
															<span class="promo-details-title">Washer Capacity</span>
															<p>You can take the 2 in 1 Removable Agitator out to create additional space for bulky items.</p>
														</div>

													</div>
												</div>

												<span class="cubic"><b>4.7-4.8</b></span><br>
												<span><b>Cu Ft.</b></span>
												<span>Capacity</span>
											</div>
										</div>

										<div class="product-wrapper">
											<div class="info-tooltip">
												<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <circle cx="9.5" cy="9.5" r="9.5" fill="#EEB111"></circle>
                                    <rect x="8" y="8" width="3" height="8" rx="1.5" fill="#000"></rect>
                                    <circle cx="9.5" cy="4.5" r="1.5" fill="#000"></circle>
                                </svg>
												<div class="tooltip-content left-column">
													<div class="info-close">&#10006;&nbsp;Close</div>
													<img src="/promotions/whirlpool/2021/10-removable-agitator/images/two-in-one-tooltip.jpg?ccid=x7259ae1b" />
													
													<div class="details-box">
														<span class="promo-details-title">2 in 1 Removable Agitator</span>
														<p>Customize any load to care for your clothes the way you want by easily swapping the agitator post in or out.</p>
													</div>

												</div>
											</div>

											<span><svg width="75" height="75" viewBox="0 0 75 75" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M44.9026 43.0496C44.9026 43.1481 44.8436 43.331 44.5191 43.5842C44.1945 43.8374 43.693 44.0907 43.0145 44.3298C41.6574 44.7941 39.7251 45.0895 37.5568 45.0895C35.3884 45.0895 33.4561 44.7941 32.099 44.3298C31.4205 44.1047 30.9042 43.8374 30.5945 43.5842C30.2699 43.331 30.2109 43.1481 30.2109 43.0496C30.2109 42.9512 30.2699 42.7683 30.5945 42.515C30.919 42.2618 31.4205 42.0086 32.099 41.7694C33.4561 41.3052 35.3884 41.0098 37.5568 41.0098C39.7251 41.0098 41.6574 41.3052 43.0145 41.7694C43.693 41.9945 44.2093 42.2618 44.5191 42.515C44.8436 42.7683 44.9026 42.9512 44.9026 43.0496Z" stroke="#353535" stroke-width="3.18"></path>
                            <path d="M45.0259 42.9653C45.3811 43.6802 44.434 45.5417 46.3875 47.5671C48.8295 50.0988 58.2423 52.1689 60.4623 55.4005C62.6823 58.6322 51.1066 63.0002 37.3723 63.0002C27.1011 63.0002 13.3097 59.1683 14.8489 55.4005C16.3881 51.6327 26.4668 50.0988 28.9236 47.5671C30.8772 45.5417 29.9448 43.6802 30.2852 42.9653" stroke="#353535" stroke-width="3.18" stroke-linecap="round"></path>
                            <path d="M29.9766 13.6758V24.1757C29.9766 24.1757 32.6464 26.3292 37.5584 26.3292C42.4556 26.3292 45.1403 24.1757 45.1403 24.1757V13.6758" stroke="#353535" stroke-width="3.18" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M36.7905 31.1145V36.6179C36.7905 36.9135 37.1298 37.1668 37.5576 37.1668C37.9853 37.1668 38.3246 36.9276 38.3246 36.6179V31.1145H39.9177L37.5428 27.6802L35.168 31.1145H36.7905Z" fill="#353535"></path>
                            <path d="M38.3185 35.9995V30.482C38.3185 30.1865 37.9793 29.9331 37.5515 29.9331C37.1237 29.9331 36.7845 30.1724 36.7845 30.482V35.9995H35.1914L37.5663 39.4338L39.9411 35.9995H38.3185Z" fill="#353535"></path>
                            <path d="M43.158 56.2912C43.0806 55.6118 42.9515 54.8925 42.7063 54.2664C42.5773 53.96 42.4225 53.6669 42.2031 53.4138C41.9837 53.1607 41.7127 52.9609 41.3772 52.8677C40.9385 52.7211 40.6288 52.4813 40.3707 52.1616C40.1255 51.8552 39.9578 51.4689 39.8416 51.0826C39.7255 50.7096 39.6739 50.3366 39.6481 50.0702C39.6352 49.937 39.6352 49.6439 39.6352 49.6439V49.6306C39.6352 49.4974 39.5836 49.3642 39.4932 49.2576L38.7319 48.3784L38.719 48.3651C38.6158 48.2585 38.4738 48.1919 38.3319 48.1919C38.2803 48.1919 38.2157 48.2052 38.1512 48.2185C37.9447 48.2851 37.8028 48.485 37.7899 48.6981V48.7114V48.7247C37.7899 48.7381 37.7899 48.7514 37.7899 48.7647C37.7899 48.8047 37.7899 48.8713 37.777 48.9379C37.7641 49.0844 37.7641 49.2976 37.7512 49.564C37.7383 49.8704 37.7383 50.2567 37.7383 50.6563C37.7383 50.9227 37.7383 51.2158 37.7512 51.5089C37.777 52.2416 37.8286 53.0142 37.9447 53.6936C38.0093 54.0266 38.0867 54.3463 38.1899 54.6261C38.2932 54.8925 38.4222 55.1589 38.6287 55.3587L38.6416 55.372C38.9642 55.6651 39.3126 55.825 39.6223 55.9449C39.661 55.9582 39.7126 55.9848 39.7513 55.9981C40.0094 56.1047 40.2546 56.198 40.4868 56.3445C40.7578 56.5177 41.0288 56.7441 41.3127 57.1438C41.5966 57.5434 41.8805 58.1295 42.1386 58.9821C42.1386 58.9954 42.1515 59.0087 42.1515 59.0221L42.1644 59.0354C42.1902 59.102 42.2289 59.1553 42.2805 59.1952C42.345 59.2618 42.4354 59.3018 42.487 59.3151C42.5515 59.3285 42.6031 59.3418 42.6547 59.3418C42.7063 59.3418 42.7709 59.3285 42.8354 59.3151C42.8612 59.3018 42.887 59.3018 42.9386 59.2752C42.9773 59.2485 43.016 59.2219 43.0548 59.1819L43.0806 59.142L43.0935 59.1153C43.1064 59.102 43.1193 59.0753 43.1193 59.062L43.1322 59.0354L43.1451 59.0087V58.9954L43.158 58.9555V58.9421V58.9288V58.9155V58.9022V58.8889V58.8755V58.8622V58.8489V58.8356C43.158 58.8356 43.158 58.8089 43.158 58.7956C43.158 58.7556 43.158 58.7024 43.1709 58.6358C43.1709 58.5025 43.1838 58.3027 43.1838 58.0629C43.1838 58.0097 43.1838 57.9564 43.1838 57.9031C43.2354 57.4901 43.2225 56.904 43.158 56.2912Z" fill="#353535"></path>
</svg></span>
											<span><b>2 in 1</b></span>
											<span>Removable Agitator</span>
										</div>

										<div class="product-wrapper">
											<span><svg width="75" height="75" viewBox="0 0 75 75" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M13.232 54.784C13.1532 55.178 13.0744 55.5327 12.9956 55.8873C12.8379 56.5572 13.232 57.227 13.9019 57.424C14.5717 57.5817 15.2416 57.1876 15.4386 56.5178C15.5568 56.0843 15.6356 55.6509 15.7144 55.2174C15.7933 54.5081 15.3598 53.8777 14.6899 53.7595C14.0201 53.6413 13.3502 54.1141 13.232 54.784ZM13.5866 49.9767C13.5866 50.3707 13.5866 50.8042 13.5472 51.1982C13.5472 51.8681 14.0595 52.4591 14.7687 52.4591C15.4386 52.4985 16.0297 51.9469 16.0297 51.2376C16.0297 50.8042 16.0297 50.3707 16.0297 49.9373C16.0297 49.2674 15.478 48.6763 14.8082 48.6763C14.1383 48.6763 13.5866 49.3068 13.5866 49.9767ZM13.5472 44.933C13.5472 45.3664 13.5472 45.7998 13.5472 46.2333C13.5472 46.9032 14.0989 47.4942 14.8082 47.4942C15.5174 47.4942 16.0691 46.9426 16.0691 46.2333C16.0691 45.7998 16.0691 45.4058 16.0691 45.0118C16.0691 44.3025 15.5174 43.7508 14.8476 43.7114C14.1383 43.7114 13.5866 44.2631 13.5472 44.933Z" fill="black"></path>
                                <path d="M20.957 38.6683L44.5207 57.1882L61.8191 39.9292L43.2597 16.3262" stroke="black" stroke-width="0.605523" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M20.957 38.6683L44.5207 57.1882L61.8191 39.9292L43.2597 16.3262" stroke="black" stroke-width="3.17799" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M22.8835 36.1852L41.7974 51.0405C43.0584 52.0256 45.4226 51.868 46.5653 50.7647L50.3875 46.9425V46.9031C53.0276 44.6571 52.3971 42.214 49.0478 41.4653L24.4596 33.1905C22.056 32.3236 17.2487 32.166 14.7662 37.4855C14.0569 38.9435 13.9387 40.2832 13.8205 41.1501V41.3077C13.7417 41.9776 14.254 42.6081 14.9238 42.6869C15.5937 42.7263 16.2242 42.2534 16.303 41.5836V41.4259C16.3818 40.6379 16.5 39.6134 17.0122 38.5494C18.4702 35.4365 20.598 35.2395 21.9772 35.7518C22.0954 35.7912 22.253 35.8306 22.3712 35.9094C22.5682 35.9882 22.7258 36.1064 22.8835 36.1852Z" fill="black"></path>
</svg></span>
											<span><b>Single Dose</b></span>
											<span>Detergent Dispenser</span>
										</div>

										<div class="product-wrapper">
											<span><svg width="75" height="75" viewBox="0 0 75 75" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <circle cx="34.5882" cy="41.412" r="18.9982" stroke="#222222" stroke-width="3.18"></circle>
                                <circle r="2.45098" transform="matrix(-1 0 0 1 61.549 41.9022)" fill="black"></circle>
                                <circle r="2.45098" transform="matrix(-1 0 0 1 34.0998 14.451)" fill="black"></circle>
                                <circle r="2.45098" transform="matrix(-1 0 0 1 55.6662 20.3333)" fill="black"></circle>
                                <line x1="47.4727" y1="27.9742" x2="35.8564" y2="39.5904" stroke="black" stroke-width="3.18" stroke-linecap="round"></line>
</svg></span>
											<span><b>Knob</b></span>
											<span>Controls</span>
										</div>

										<div class="product-wrapper">
											<span class="unavailable"><hr></span>
											<span>Smart features not available on this model</span>
										</div>


										<div class="product-wrapper">
											<hr>
										</div>

										<div class="price-section">
											
											<div class="promo-shop-now" data-change-text="Shop Now">
												
												<a data-ajax="false" data-role="none" data-query-url="/_CGI/SEARCH3?POS=0&KEY=WHIRL:WTW5057LW" 
			class="shop-all-button" href="/_CGI/SEARCH3?POS=0&KEY=WHIRL:WTW5057LW">Shop All
		</a>
											</div>
											

										</div>

									</div>
								
								</div> 
								<!-- product-one end -->


								<!-- product two -->

								<div class="product-overview">
									<div class="product-details">
										
										<div class="product-wrapper">
											<figure>
												<a href="http://demo34429.appliances.dev.rwsgateway.com/_CGI/SEARCH3?POS=0&KEY=WHIRL:WTW8127LW"><img class="smart-washer-img" src="/promotions/whirlpool/2021/10-removable-agitator/images/washer_2.jpg?ccid=x7259ae1b" /></a>
											</figure>
											<div class="button-group">
												<button id="second-preview" class="color-tooltip" data-color-preview="White">
												</button>
												
											</div>	
											<p class="promo-prod-title">Smart 2 in 1 Removable Agitator Washer</p>
											<a class="part-number-toggle">WTW8127LW</a>
											<hr>
											<div class="hr-spacer">
												<div class="info-tooltip">
													<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <circle cx="9.5" cy="9.5" r="9.5" fill="#EEB111"></circle>
                                    <rect x="8" y="8" width="3" height="8" rx="1.5" fill="#000"></rect>
                                    <circle cx="9.5" cy="4.5" r="1.5" fill="#000"></circle>
                                </svg>
												
													<div class="tooltip-content right-column">
														<div class="info-close">&#10006;&nbsp;Close</div>
														<img src="/promotions/whirlpool/2021/10-removable-agitator/images/capacity-tooltip.jpg?ccid=x7259ae1b" />

														<div class="details-box">
														<span class="promo-details-title">Washer Capacity</span>
														<p>You can take the 2 in 1 Removable Agitator out to create additional space for bulky items.</p>
														</div>
													</div>
												</div>

												<span class="cubic"><b>5.2-5.3</b></span><br>
												<span><b>Cu Ft.</b></span>
												<span>Capacity</span>
											</div>
										</div>

										<div class="product-wrapper">
											<div class="info-tooltip">
												<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <circle cx="9.5" cy="9.5" r="9.5" fill="#EEB111"></circle>
                                    <rect x="8" y="8" width="3" height="8" rx="1.5" fill="#000"></rect>
                                    <circle cx="9.5" cy="4.5" r="1.5" fill="#000"></circle>
                                </svg>
												
												<div class="tooltip-content right-column">
													<div class="info-close">&#10006;&nbsp;Close</div>
													<img src="/promotions/whirlpool/2021/10-removable-agitator/images/two-in-one-tooltip.jpg?ccid=x7259ae1b" />

													<div class="details-box">
													<span class="promo-details-title">2 in 1 Removable Agitator</span>
													<p>Customize any load to care for your clothes the way you want by easily swapping the agitator post in or out.</p>
													</div>
												</div>

											</div>
											<span><svg width="75" height="75" viewBox="0 0 75 75" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M44.9026 43.0496C44.9026 43.1481 44.8436 43.331 44.5191 43.5842C44.1945 43.8374 43.693 44.0907 43.0145 44.3298C41.6574 44.7941 39.7251 45.0895 37.5568 45.0895C35.3884 45.0895 33.4561 44.7941 32.099 44.3298C31.4205 44.1047 30.9042 43.8374 30.5945 43.5842C30.2699 43.331 30.2109 43.1481 30.2109 43.0496C30.2109 42.9512 30.2699 42.7683 30.5945 42.515C30.919 42.2618 31.4205 42.0086 32.099 41.7694C33.4561 41.3052 35.3884 41.0098 37.5568 41.0098C39.7251 41.0098 41.6574 41.3052 43.0145 41.7694C43.693 41.9945 44.2093 42.2618 44.5191 42.515C44.8436 42.7683 44.9026 42.9512 44.9026 43.0496Z" stroke="#353535" stroke-width="3.18"></path>
                            <path d="M45.0259 42.9653C45.3811 43.6802 44.434 45.5417 46.3875 47.5671C48.8295 50.0988 58.2423 52.1689 60.4623 55.4005C62.6823 58.6322 51.1066 63.0002 37.3723 63.0002C27.1011 63.0002 13.3097 59.1683 14.8489 55.4005C16.3881 51.6327 26.4668 50.0988 28.9236 47.5671C30.8772 45.5417 29.9448 43.6802 30.2852 42.9653" stroke="#353535" stroke-width="3.18" stroke-linecap="round"></path>
                            <path d="M29.9766 13.6758V24.1757C29.9766 24.1757 32.6464 26.3292 37.5584 26.3292C42.4556 26.3292 45.1403 24.1757 45.1403 24.1757V13.6758" stroke="#353535" stroke-width="3.18" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M36.7905 31.1145V36.6179C36.7905 36.9135 37.1298 37.1668 37.5576 37.1668C37.9853 37.1668 38.3246 36.9276 38.3246 36.6179V31.1145H39.9177L37.5428 27.6802L35.168 31.1145H36.7905Z" fill="#353535"></path>
                            <path d="M38.3185 35.9995V30.482C38.3185 30.1865 37.9793 29.9331 37.5515 29.9331C37.1237 29.9331 36.7845 30.1724 36.7845 30.482V35.9995H35.1914L37.5663 39.4338L39.9411 35.9995H38.3185Z" fill="#353535"></path>
                            <path d="M43.158 56.2912C43.0806 55.6118 42.9515 54.8925 42.7063 54.2664C42.5773 53.96 42.4225 53.6669 42.2031 53.4138C41.9837 53.1607 41.7127 52.9609 41.3772 52.8677C40.9385 52.7211 40.6288 52.4813 40.3707 52.1616C40.1255 51.8552 39.9578 51.4689 39.8416 51.0826C39.7255 50.7096 39.6739 50.3366 39.6481 50.0702C39.6352 49.937 39.6352 49.6439 39.6352 49.6439V49.6306C39.6352 49.4974 39.5836 49.3642 39.4932 49.2576L38.7319 48.3784L38.719 48.3651C38.6158 48.2585 38.4738 48.1919 38.3319 48.1919C38.2803 48.1919 38.2157 48.2052 38.1512 48.2185C37.9447 48.2851 37.8028 48.485 37.7899 48.6981V48.7114V48.7247C37.7899 48.7381 37.7899 48.7514 37.7899 48.7647C37.7899 48.8047 37.7899 48.8713 37.777 48.9379C37.7641 49.0844 37.7641 49.2976 37.7512 49.564C37.7383 49.8704 37.7383 50.2567 37.7383 50.6563C37.7383 50.9227 37.7383 51.2158 37.7512 51.5089C37.777 52.2416 37.8286 53.0142 37.9447 53.6936C38.0093 54.0266 38.0867 54.3463 38.1899 54.6261C38.2932 54.8925 38.4222 55.1589 38.6287 55.3587L38.6416 55.372C38.9642 55.6651 39.3126 55.825 39.6223 55.9449C39.661 55.9582 39.7126 55.9848 39.7513 55.9981C40.0094 56.1047 40.2546 56.198 40.4868 56.3445C40.7578 56.5177 41.0288 56.7441 41.3127 57.1438C41.5966 57.5434 41.8805 58.1295 42.1386 58.9821C42.1386 58.9954 42.1515 59.0087 42.1515 59.0221L42.1644 59.0354C42.1902 59.102 42.2289 59.1553 42.2805 59.1952C42.345 59.2618 42.4354 59.3018 42.487 59.3151C42.5515 59.3285 42.6031 59.3418 42.6547 59.3418C42.7063 59.3418 42.7709 59.3285 42.8354 59.3151C42.8612 59.3018 42.887 59.3018 42.9386 59.2752C42.9773 59.2485 43.016 59.2219 43.0548 59.1819L43.0806 59.142L43.0935 59.1153C43.1064 59.102 43.1193 59.0753 43.1193 59.062L43.1322 59.0354L43.1451 59.0087V58.9954L43.158 58.9555V58.9421V58.9288V58.9155V58.9022V58.8889V58.8755V58.8622V58.8489V58.8356C43.158 58.8356 43.158 58.8089 43.158 58.7956C43.158 58.7556 43.158 58.7024 43.1709 58.6358C43.1709 58.5025 43.1838 58.3027 43.1838 58.0629C43.1838 58.0097 43.1838 57.9564 43.1838 57.9031C43.2354 57.4901 43.2225 56.904 43.158 56.2912Z" fill="#353535"></path>
</svg></span>
											<span><b>2 in 1</b></span>
											<span>Removable Agitator</span>
										</div>

										<div class="product-wrapper">
											<div class="info-tooltip">
												<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <circle cx="9.5" cy="9.5" r="9.5" fill="#EEB111"></circle>
                                    <rect x="8" y="8" width="3" height="8" rx="1.5" fill="#000"></rect>
                                    <circle cx="9.5" cy="4.5" r="1.5" fill="#000"></circle>
                                </svg>

												<div class="tooltip-content right-column">
													<div class="info-close">&#10006;&nbsp;Close</div>
													<img src="/promotions/whirlpool/2021/10-removable-agitator/images/load-and-go-tooltip.jpg?ccid=x7259ae1b" />

													<div class="details-box">
													<span class="promo-details-title">Load & Go&trade; Dispenser</span>
													<p>Skip steps with the Load & Go&trade; Dispenser. Simply add detergent once and skip refills for 20 loads.<sup>1</sup></p>
													</div>
												</div>


											</div>
											<span><svg width="75" height="75" viewBox="0 0 75 75" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M26.4497 45.5255C28.2084 45.8783 28.8597 46.231 29.9887 42.7037C31.096 39.1763 31.6605 34.9215 31.6605 34.9215C31.6605 34.9215 31.6605 33.4003 29.9887 32.8271C29.9887 32.8271 27.1879 32.4523 26.4497 35.6049C25.7115 38.7795 24.6694 45.1728 26.4497 45.5255Z" fill="#222222"></path>
                                <path d="M46.5541 19.5791H33.406V23.5264H46.5541V19.5791Z" fill="#222222"></path>
                                <path d="M53.7169 35.3545L52.1312 35.4712L52.1312 35.4715L53.7169 35.3545ZM47.1817 22.9427H45.5917V23.7106L46.1931 24.188L47.1817 22.9427ZM47.1817 22.7222H48.7717V22.6867L48.7701 22.6511L47.1817 22.7222ZM45.9441 20.5397H44.3541V21.6188L45.357 22.0173L45.9441 20.5397ZM34.0462 13.7937H35.6362V13.7937L34.0462 13.7937ZM34.0462 20.4956L34.5757 21.9948L35.6362 21.6203V20.4956H34.0462ZM33.004 22.7002H34.594V22.6676L34.5927 22.635L33.004 22.7002ZM33.0257 22.9206L34.1879 24.0057L34.6157 23.5475V22.9206H33.0257ZM26.4905 26.8889L25.8276 25.4437L25.8223 25.4461L26.4905 26.8889ZM21.3231 31.4524L19.8413 30.8759L19.8383 30.8837L19.8353 30.8916L21.3231 31.4524ZM23.516 61.567L23.7423 59.9932L23.7293 59.9913L23.7162 59.9897L23.516 61.567ZM38.3668 63L38.3598 64.59H38.3668V63ZM49.9825 62.2284L49.7016 60.6634L49.6976 60.6641L49.9825 62.2284ZM54.2814 59.2963H52.6914H54.2814ZM29.9887 42.7037L31.5031 43.1884L31.5057 43.1799L29.9887 42.7037ZM26.4497 45.5255L26.7624 43.9666L26.7587 43.9658L26.4497 45.5255ZM26.4497 35.6049L24.9016 35.2424L24.901 35.2448L26.4497 35.6049ZM29.9887 32.8271L30.5044 31.3231L30.3556 31.272L30.1996 31.2512L29.9887 32.8271ZM31.6605 34.9215L33.2367 35.1306L33.2505 35.0265V34.9215L31.6605 34.9215ZM35.1023 19.5792H33.5123C33.5123 20.4574 34.2242 21.1692 35.1023 21.1692V19.5792ZM35.1023 13.9829V12.3929C34.2242 12.3929 33.5123 13.1047 33.5123 13.9829H35.1023ZM44.8574 13.9829H46.4474C46.4474 13.1047 45.7355 12.3929 44.8574 12.3929V13.9829ZM44.8574 19.5792V21.1692C45.7355 21.1692 46.4474 20.4574 46.4474 19.5792H44.8574ZM33.406 19.5791V17.9891C32.5278 17.9891 31.816 18.7009 31.816 19.5791H33.406ZM46.5541 19.5791H48.1441C48.1441 18.7009 47.4322 17.9891 46.5541 17.9891V19.5791ZM46.5541 23.5264V25.1164C47.4322 25.1164 48.1441 24.4046 48.1441 23.5264H46.5541ZM33.406 23.5264H31.816C31.816 24.4046 32.5278 25.1164 33.406 25.1164V23.5264ZM55.3026 35.2378C54.9918 31.0136 53.1967 27.6311 51.5224 25.3348C50.682 24.1824 49.8601 23.2865 49.2434 22.6746C48.9346 22.3681 48.6756 22.1312 48.4895 21.9675C48.3965 21.8856 48.3214 21.8219 48.2673 21.7767C48.2402 21.7542 48.2184 21.7362 48.2021 21.723C48.194 21.7164 48.1872 21.7109 48.1819 21.7067C48.1792 21.7045 48.1769 21.7027 48.175 21.7011C48.174 21.7004 48.1732 21.6997 48.1724 21.699C48.172 21.6987 48.1715 21.6983 48.1713 21.6981C48.1708 21.6978 48.1703 21.6974 47.1817 22.9427C46.1931 24.188 46.1927 24.1876 46.1923 24.1873C46.1922 24.1872 46.1918 24.1869 46.1916 24.1868C46.1912 24.1864 46.1908 24.1862 46.1906 24.186C46.1901 24.1856 46.1899 24.1855 46.1902 24.1856C46.1906 24.186 46.1924 24.1874 46.1956 24.19C46.2019 24.1952 46.2137 24.2048 46.2305 24.2188C46.2641 24.2469 46.3179 24.2925 46.3892 24.3551C46.5318 24.4806 46.7437 24.674 47.0035 24.9318C47.524 25.4483 48.2299 26.2169 48.9529 27.2084C50.405 29.2 51.8775 32.0234 52.1312 35.4712L55.3026 35.2378ZM48.7717 22.9427V22.7222H45.5917V22.9427H48.7717ZM48.7701 22.6511C48.7268 21.6841 48.4727 20.8786 48.0255 20.2439C47.5764 19.6066 47.011 19.2527 46.5312 19.062L45.357 22.0173C45.3766 22.0251 45.3974 22.035 45.426 22.0755C45.4564 22.1187 45.5714 22.3053 45.5933 22.7933L48.7701 22.6511ZM47.5341 20.5397V13.7937H44.3541V20.5397H47.5341ZM47.5341 13.7937C47.5341 13.3219 47.4137 12.8621 47.1511 12.4622C46.8943 12.071 46.5613 11.8278 46.2731 11.6815C45.9917 11.5386 45.7291 11.475 45.55 11.4447C45.4567 11.4289 45.3754 11.4204 45.3111 11.4157C45.2787 11.4134 45.2498 11.4119 45.2251 11.4111C45.2127 11.4107 45.2012 11.4104 45.1908 11.4102C45.1856 11.4102 45.1806 11.4101 45.1759 11.4101C45.1735 11.41 45.1712 11.41 45.169 11.41C45.1679 11.41 45.1668 11.41 45.1657 11.41C45.1652 11.41 45.1644 11.41 45.1641 11.41C45.1633 11.41 45.1625 11.41 45.1625 13C45.1625 14.59 45.1617 14.59 45.1609 14.59C45.1607 14.59 45.1599 14.59 45.1594 14.59C45.1584 14.59 45.1573 14.59 45.1563 14.59C45.1543 14.59 45.1523 14.59 45.1503 14.59C45.1463 14.5899 45.1425 14.5899 45.1387 14.5898C45.1313 14.5897 45.1242 14.5895 45.1175 14.5893C45.1042 14.5888 45.0921 14.5882 45.0811 14.5874C45.0595 14.5858 45.0393 14.5835 45.0193 14.5801C44.9868 14.5746 44.9196 14.5606 44.8335 14.517C44.7407 14.4698 44.6032 14.3755 44.4929 14.2075C44.3768 14.0307 44.3541 13.8685 44.3541 13.7937H47.5341ZM45.1625 11.41H34.8278V14.59H45.1625V11.41ZM34.8278 11.41C34.3491 11.41 33.8848 11.5364 33.4846 11.8073C33.0955 12.0707 32.8582 12.4085 32.7174 12.6944C32.5794 12.9746 32.5184 13.2352 32.4894 13.4121C32.4742 13.5044 32.4661 13.5846 32.4616 13.648C32.4594 13.6799 32.458 13.7083 32.4572 13.7326C32.4568 13.7447 32.4565 13.7559 32.4564 13.7661C32.4563 13.7712 32.4563 13.7761 32.4562 13.7806C32.4562 13.7829 32.4562 13.7852 32.4562 13.7873C32.4562 13.7884 32.4562 13.7895 32.4562 13.7905C32.4562 13.7911 32.4562 13.7918 32.4562 13.7921C32.4562 13.7929 32.4562 13.7937 34.0462 13.7937C35.6362 13.7937 35.6362 13.7944 35.6362 13.7952C35.6362 13.7954 35.6362 13.7962 35.6362 13.7967C35.6362 13.7977 35.6362 13.7987 35.6362 13.7997C35.6361 13.8016 35.6361 13.8036 35.6361 13.8055C35.6361 13.8093 35.636 13.813 35.636 13.8166C35.6359 13.8238 35.6357 13.8306 35.6355 13.8369C35.6351 13.8496 35.6345 13.8609 35.6338 13.8711C35.6324 13.8911 35.6303 13.9093 35.6274 13.9272C35.6228 13.9552 35.6106 14.0174 35.5703 14.0992C35.5272 14.1867 35.4364 14.3261 35.2672 14.4407C35.0868 14.5628 34.9156 14.59 34.8278 14.59V11.41ZM32.4562 13.7937V20.4956H35.6362V13.7937H32.4562ZM33.5167 18.9963C32.3616 19.4043 31.8436 20.3604 31.6254 21.0555C31.4091 21.7447 31.4009 22.4143 31.4153 22.7654L34.5927 22.635C34.5895 22.559 34.5895 22.4485 34.6006 22.327C34.612 22.203 34.6326 22.0934 34.6594 22.008C34.6869 21.9205 34.7083 21.898 34.6981 21.9107C34.6781 21.9356 34.632 21.975 34.5757 21.9948L33.5167 18.9963ZM31.414 22.7002C31.414 22.8575 31.4273 22.9875 31.4428 23.0899C31.4464 23.1139 31.4499 23.1344 31.4526 23.1499C31.4539 23.1575 31.4551 23.164 31.4559 23.1684C31.457 23.1747 31.4569 23.1738 31.4572 23.1757C31.4582 23.1811 31.4544 23.161 31.4506 23.134C31.4485 23.1189 31.4451 23.0936 31.4422 23.0617C31.4393 23.031 31.4357 22.9817 31.4357 22.9206H34.6157C34.6157 22.8568 34.6119 22.8045 34.6088 22.7702C34.6055 22.7349 34.6017 22.7058 34.599 22.6865C34.5939 22.6512 34.5885 22.6212 34.5874 22.6152C34.5832 22.5917 34.5856 22.6047 34.5869 22.6135C34.5916 22.6444 34.594 22.6751 34.594 22.7002H31.414ZM33.0257 22.9206C31.8635 21.8355 31.864 21.835 31.8645 21.8345C31.8646 21.8344 31.8651 21.8339 31.8654 21.8336C31.8659 21.833 31.8665 21.8324 31.867 21.8318C31.8681 21.8307 31.8691 21.8296 31.8699 21.8287C31.8717 21.8269 31.873 21.8255 31.874 21.8244C31.8759 21.8224 31.8763 21.8221 31.875 21.8234C31.8724 21.826 31.8633 21.8352 31.8472 21.8506C31.815 21.8815 31.7548 21.9376 31.663 22.0167C31.4795 22.1748 31.1695 22.4249 30.7046 22.7493C29.7748 23.3981 28.2248 24.344 25.8276 25.4437L27.1534 28.3341C29.7064 27.163 31.4241 26.1249 32.5243 25.3572C33.0744 24.9733 33.4701 24.6572 33.7384 24.426C33.8726 24.3105 33.9749 24.2162 34.0487 24.1454C34.0856 24.11 34.1153 24.0805 34.1384 24.0571C34.1499 24.0454 34.1598 24.0353 34.168 24.0267C34.1721 24.0224 34.1758 24.0185 34.1792 24.015C34.1808 24.0133 34.1824 24.0116 34.1838 24.0101C34.1846 24.0093 34.1853 24.0086 34.1859 24.0078C34.1863 24.0075 34.1868 24.0069 34.1869 24.0068C34.1874 24.0062 34.1879 24.0057 33.0257 22.9206ZM25.8223 25.4461C23.3742 26.58 21.9742 27.3872 21.1461 28.2786C20.685 28.775 20.4306 29.2602 20.2471 29.7283C20.1641 29.9402 20.0924 30.1578 20.0337 30.3333C19.9712 30.5201 19.9131 30.6914 19.8413 30.8759L22.8049 32.0289C22.9069 31.767 22.9858 31.5325 23.0495 31.342C23.117 31.1402 23.1607 31.009 23.2079 30.8886C23.285 30.6918 23.3508 30.5776 23.476 30.4429C23.8203 30.0723 24.6566 29.4906 27.1587 28.3317L25.8223 25.4461ZM19.8353 30.8916C19.6809 31.3012 19.5612 31.9817 19.4583 32.6556C19.3446 33.4003 19.2223 34.3534 19.0967 35.4419C18.8451 37.6218 18.5743 40.3925 18.3253 43.2262C17.8301 48.861 17.41 54.8701 17.41 56.9815H20.59C20.59 55.0364 20.9949 49.1739 21.4931 43.5046C21.7407 40.6863 22.0087 37.9469 22.2557 35.8065C22.3794 34.7349 22.4965 33.8253 22.6019 33.1357C22.6546 32.7902 22.7026 32.5123 22.7448 32.3031C22.792 32.0688 22.8176 31.9957 22.811 32.0132L19.8353 30.8916ZM17.41 56.9815V57.0256H20.59V56.9815H17.41ZM17.41 57.0256C17.41 59.7601 19.0236 61.3464 20.4745 62.168C21.1859 62.5708 21.8821 62.81 22.3911 62.9492C22.6487 63.0196 22.8666 63.0666 23.0257 63.0968C23.1054 63.1119 23.1709 63.1229 23.2199 63.1306C23.2444 63.1344 23.2649 63.1374 23.2809 63.1397C23.289 63.1408 23.2959 63.1417 23.3017 63.1425C23.3046 63.1429 23.3073 63.1433 23.3096 63.1436C23.3108 63.1437 23.3119 63.1439 23.3129 63.144C23.3135 63.1441 23.3142 63.1442 23.3144 63.1442C23.3151 63.1443 23.3158 63.1444 23.516 61.567C23.7162 59.9897 23.7169 59.9898 23.7175 59.9898C23.7177 59.9899 23.7183 59.9899 23.7187 59.99C23.7194 59.9901 23.7201 59.9902 23.7208 59.9903C23.722 59.9904 23.723 59.9906 23.7238 59.9907C23.7252 59.9909 23.7257 59.9909 23.7252 59.9908C23.7242 59.9907 23.7193 59.99 23.7107 59.9887C23.6936 59.986 23.6621 59.9808 23.6183 59.9725C23.5304 59.9558 23.3954 59.9271 23.2297 59.8817C22.892 59.7894 22.4591 59.6373 22.0415 59.4008C21.2344 58.9438 20.59 58.2593 20.59 57.0256H17.41ZM23.516 61.567C23.2897 63.1408 23.2898 63.1409 23.29 63.1409C23.2901 63.1409 23.2902 63.1409 23.2904 63.1409C23.2908 63.141 23.2913 63.1411 23.292 63.1412C23.2933 63.1413 23.2952 63.1416 23.2978 63.142C23.3028 63.1427 23.3102 63.1438 23.3198 63.1451C23.3391 63.1479 23.3676 63.1519 23.4048 63.1572C23.4792 63.1677 23.5884 63.1831 23.7289 63.2026C24.0098 63.2416 24.416 63.2972 24.9188 63.364C25.9241 63.4975 27.3176 63.6757 28.8704 63.8548C31.9519 64.2101 35.7436 64.5785 38.3598 64.59L38.3737 61.41C35.9528 61.3994 32.3192 61.0514 29.2346 60.6957C27.7044 60.5193 26.3296 60.3434 25.3374 60.2117C24.8415 60.1458 24.4416 60.091 24.1662 60.0528C24.0285 60.0337 23.922 60.0187 23.8501 60.0085C23.8142 60.0035 23.787 59.9996 23.7688 59.997C23.7598 59.9957 23.753 59.9947 23.7486 59.9941C23.7463 59.9938 23.7447 59.9935 23.7436 59.9934C23.7431 59.9933 23.7428 59.9933 23.7425 59.9932C23.7424 59.9932 23.7424 59.9932 23.7423 59.9932C23.7423 59.9932 23.7423 59.9932 23.516 61.567ZM38.3668 64.59H39.4089V61.41H38.3668V64.59ZM39.4089 64.59C43.8042 64.59 46.1313 64.5459 50.2674 63.7927L49.6976 60.6641C45.8438 61.3659 43.7418 61.41 39.4089 61.41V64.59ZM50.2634 63.7934C52.6629 63.3627 54.117 62.4961 54.959 61.4986C55.3747 61.0062 55.6064 60.5211 55.7316 60.1209C55.7936 59.9228 55.8285 59.749 55.848 59.6089C55.8577 59.5389 55.8635 59.4771 55.867 59.4247C55.8687 59.3985 55.8698 59.3747 55.8705 59.3532C55.8708 59.3425 55.871 59.3324 55.8712 59.3229C55.8713 59.3182 55.8713 59.3136 55.8714 59.3091C55.8714 59.3069 55.8714 59.3047 55.8714 59.3026C55.8714 59.3015 55.8714 59.2999 55.8714 59.2994C55.8714 59.2979 55.8714 59.2963 54.2814 59.2963C52.6914 59.2963 52.6914 59.2948 52.6914 59.2932C52.6914 59.2927 52.6914 59.2912 52.6914 59.2902C52.6914 59.2882 52.6914 59.2862 52.6915 59.2843C52.6915 59.2803 52.6915 59.2765 52.6916 59.2728C52.6917 59.2654 52.6919 59.2584 52.6921 59.2518C52.6925 59.2386 52.6931 59.2269 52.6938 59.2168C52.6951 59.1964 52.6968 59.1818 52.6981 59.1724C52.7007 59.1535 52.702 59.1544 52.6968 59.171C52.6877 59.2 52.6507 59.3032 52.5291 59.4474C52.2964 59.723 51.601 60.3225 49.7016 60.6634L50.2634 63.7934ZM54.2814 59.2963C55.8714 59.2963 55.8714 59.2962 55.8714 59.2961C55.8714 59.2959 55.8714 59.2957 55.8714 59.2954C55.8714 59.2949 55.8714 59.2941 55.8714 59.2931C55.8714 59.2911 55.8714 59.288 55.8714 59.284C55.8714 59.276 55.8714 59.2641 55.8714 59.2484C55.8714 59.2171 55.8713 59.1706 55.8713 59.1097C55.8711 58.9878 55.8709 58.8084 55.8703 58.5775C55.8692 58.1157 55.867 57.4478 55.8626 56.6226C55.8537 54.9725 55.836 52.6922 55.8007 50.1718C55.7302 45.1457 55.5888 39.1159 55.3026 35.2375L52.1312 35.4715C52.4095 39.243 52.5504 45.1841 52.621 50.2164C52.6562 52.7253 52.6738 54.9961 52.6826 56.6397C52.687 57.4614 52.6892 58.1261 52.6903 58.5851C52.6909 58.8146 52.6911 58.9927 52.6913 59.1133C52.6913 59.1735 52.6914 59.2194 52.6914 59.2502C52.6914 59.2656 52.6914 59.2772 52.6914 59.2849C52.6914 59.2887 52.6914 59.2916 52.6914 59.2935C52.6914 59.2945 52.6914 59.2952 52.6914 59.2957C52.6914 59.2959 52.6914 59.296 52.6914 59.2962C52.6914 59.2963 52.6914 59.2963 54.2814 59.2963ZM28.4744 42.219C28.2026 43.0681 27.9856 43.5978 27.8081 43.9261C27.629 44.2573 27.5594 44.252 27.6482 44.1997C27.7712 44.1272 27.8577 44.1568 27.7198 44.1451C27.5131 44.1276 27.2943 44.0733 26.7624 43.9666L26.137 47.0845C26.4845 47.1542 27.0066 47.2762 27.4519 47.3138C27.966 47.3573 28.6157 47.3206 29.2625 46.9395C29.875 46.5786 30.2899 46.0221 30.6055 45.4384C30.9226 44.8518 31.2103 44.1029 31.503 43.1884L28.4744 42.219ZM26.7587 43.9658C27.0541 44.0244 27.2068 44.2087 27.239 44.258C27.2525 44.2786 27.2034 44.206 27.1533 43.9582C27.0539 43.4662 27.0297 42.7004 27.092 41.7248C27.2146 39.8061 27.6397 37.5076 27.9984 35.965L24.901 35.2448C24.5216 36.8768 24.0565 39.3623 23.9185 41.522C23.8506 42.5856 23.8535 43.6828 24.0363 44.5879C24.1274 45.0387 24.2832 45.5483 24.5776 45.9984C24.8907 46.4772 25.4002 46.9385 26.1407 47.0852L26.7587 43.9658ZM27.9979 35.9674C28.2397 34.9346 28.7342 34.6439 29.0596 34.5206C29.2636 34.4432 29.4661 34.4137 29.6214 34.4057C29.6965 34.4018 29.7533 34.4034 29.7837 34.405C29.7987 34.4058 29.8065 34.4065 29.806 34.4065C29.8058 34.4065 29.8034 34.4062 29.7988 34.4057C29.7964 34.4054 29.7935 34.4051 29.7901 34.4047C29.7883 34.4044 29.7864 34.4042 29.7844 34.4039C29.7834 34.4038 29.7823 34.4037 29.7812 34.4035C29.7807 34.4034 29.7798 34.4033 29.7796 34.4033C29.7787 34.4032 29.7778 34.4031 29.9887 32.8271C30.1996 31.2512 30.1987 31.251 30.1978 31.2509C30.1975 31.2509 30.1966 31.2508 30.196 31.2507C30.1947 31.2505 30.1934 31.2503 30.192 31.2502C30.1893 31.2498 30.1864 31.2494 30.1833 31.2491C30.1771 31.2483 30.1702 31.2475 30.1626 31.2466C30.1473 31.2448 30.1291 31.2429 30.1082 31.2409C30.0663 31.2369 30.0132 31.2327 29.9502 31.2293C29.8245 31.2228 29.6567 31.2197 29.4578 31.2299C29.0648 31.2502 28.521 31.324 27.9325 31.547C26.673 32.0244 25.398 33.1226 24.9016 35.2424L27.9979 35.9674ZM29.473 34.3312C29.8447 34.4586 29.9561 34.6435 30.0084 34.7566C30.0426 34.8305 30.0597 34.8997 30.0675 34.9449C30.0712 34.9662 30.072 34.9778 30.0719 34.9762C30.0718 34.9752 30.0715 34.9706 30.0711 34.9617C30.071 34.9573 30.0708 34.9518 30.0707 34.9451C30.0707 34.9418 30.0706 34.9381 30.0706 34.9342C30.0706 34.9322 30.0705 34.9302 30.0705 34.9281C30.0705 34.927 30.0705 34.9259 30.0705 34.9248C30.0705 34.9243 30.0705 34.9234 30.0705 34.9232C30.0705 34.9223 30.0705 34.9215 31.6605 34.9215C33.2505 34.9215 33.2505 34.9206 33.2505 34.9197C33.2505 34.9194 33.2505 34.9186 33.2505 34.918C33.2505 34.9168 33.2505 34.9156 33.2505 34.9143C33.2505 34.9118 33.2505 34.9092 33.2505 34.9065C33.2504 34.9011 33.2503 34.8953 33.2502 34.8891C33.25 34.8766 33.2496 34.8625 33.2491 34.8468C33.2479 34.8154 33.246 34.7775 33.2426 34.7338C33.236 34.6467 33.2237 34.5351 33.2013 34.4048C33.1568 34.1468 33.0695 33.7999 32.8947 33.4219C32.5291 32.6311 31.8046 31.7688 30.5044 31.3231L29.473 34.3312ZM31.6605 34.9215C30.0843 34.7124 30.0843 34.7123 30.0844 34.7122C30.0844 34.7122 30.0844 34.7121 30.0844 34.7121C30.0844 34.7121 30.0844 34.7121 30.0843 34.7122C30.0843 34.7124 30.0843 34.7129 30.0842 34.7136C30.084 34.7151 30.0836 34.7175 30.0832 34.721C30.0822 34.7279 30.0808 34.7387 30.0787 34.7535C30.0747 34.7829 30.0685 34.8276 30.0601 34.8864C30.0433 35.004 30.0178 35.1779 29.9837 35.3984C29.9155 35.8396 29.8129 36.4656 29.6766 37.1994C29.4022 38.6761 28.9979 40.5512 28.4717 42.2274L31.5057 43.1799C32.0868 41.3288 32.5184 39.3127 32.8031 37.7802C32.9463 37.0094 33.0541 36.3513 33.1263 35.8844C33.1625 35.6509 33.1897 35.4648 33.2081 35.336C33.2173 35.2715 33.2243 35.2214 33.2291 35.1868C33.2315 35.1695 33.2333 35.156 33.2346 35.1466C33.2352 35.1419 33.2357 35.1382 33.236 35.1355C33.2362 35.1342 33.2364 35.1331 33.2365 35.1323C33.2365 35.1319 33.2366 35.1315 33.2366 35.1312C33.2366 35.1311 33.2367 35.1309 33.2367 35.1309C33.2367 35.1307 33.2367 35.1306 31.6605 34.9215ZM36.6923 19.5792V13.9829H33.5123V19.5792H36.6923ZM35.1023 15.5729H44.8574V12.3929H35.1023V15.5729ZM43.2674 13.9829V19.5792H46.4474V13.9829H43.2674ZM44.8574 17.9892H35.1023V21.1692H44.8574V17.9892ZM33.406 21.1691H46.5541V17.9891H33.406V21.1691ZM44.9641 19.5791V23.5264H48.1441V19.5791H44.9641ZM46.5541 21.9364H33.406V25.1164H46.5541V21.9364ZM34.996 23.5264V19.5791H31.816V23.5264H34.996Z" fill="#222222"></path>
</svg></span>
											<span><b>Load & Go&trade;</b></span>
											<span>Detergent Dispenser</span>
										</div>

										<div class="product-wrapper">
											<div class="info-tooltip">
												<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <circle cx="9.5" cy="9.5" r="9.5" fill="#EEB111"></circle>
                                    <rect x="8" y="8" width="3" height="8" rx="1.5" fill="#000"></rect>
                                    <circle cx="9.5" cy="4.5" r="1.5" fill="#000"></circle>
                                </svg>

												<div class="tooltip-content right-column">
													<div class="info-close">&#10006;&nbsp;Close</div>
													<img src="/promotions/whirlpool/2021/10-removable-agitator/images/intuitive-controls-tooltip.jpg?ccid=x7259ae1b" />

													<div class="details-box">
													<span class="promo-details-title">Intuitive Touch Controls</span>
													<p>Let the washer guide you to the right cycle combinations to get the right type of fabric care for whatever you’re washing.</p>
													</div>
												</div>


											</div>
											<span><svg width="75" height="75" viewBox="0 0 75 75" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M38.1825 25.2564V36.5897M53.8848 29.8205C52.3249 29.8205 51.0251 31.0513 51.0251 32.641V28.641C51.0251 27 49.6732 25.6667 48.0094 25.6667C46.3456 25.6667 44.9937 27 44.9937 28.641V25.2564C44.9937 23.4103 43.4859 21.8718 41.5621 21.8718C39.6903 21.8718 38.1305 23.359 38.1305 25.2564V16.2308C38.1305 14.4359 36.6747 13 34.8549 13C33.0351 13 31.5792 14.4359 31.5792 16.2308V44.7949C31.5792 46.0256 30.4353 46.3333 29.7594 45.359L24.56 37.6154C23.4161 35.8205 22.1163 34.7949 20.9724 34.7949C19.8285 34.7949 17.8527 35.6154 18.0087 37.6154C18.0607 38.7436 18.5287 40.0769 19.1006 41.1026L28.0956 57.8718C30.6433 62.1282 32.3071 63 37.8185 63L45.2537 62.9487C53.2088 62.9487 56.6925 59.6154 56.6925 38.1795V32.641C56.7445 31.1026 55.4446 29.8205 53.8848 29.8205ZM51.0771 32.641V36.641V32.641ZM44.9937 28.641V36.641V28.641Z" stroke="black" stroke-width="3.18" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></span>
											<span><b>Knob</b></span>
											<span>Controls</span>
										</div>

										<div class="product-wrapper">
											<div class="info-tooltip">
												<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <circle cx="9.5" cy="9.5" r="9.5" fill="#EEB111"></circle>
                                    <rect x="8" y="8" width="3" height="8" rx="1.5" fill="#000"></rect>
                                    <circle cx="9.5" cy="4.5" r="1.5" fill="#000"></circle>
                                </svg>
												<div class="tooltip-content right-column">
													<div class="info-close">&#10006;&nbsp;Close</div>
													<img src="/promotions/whirlpool/2021/10-removable-agitator/images/smart-features-tooltip.jpg?ccid=x7259ae1b" />

													<div class="details-box">
													<span class="promo-details-title">Smart Features</span>
													<p>Connect to more. Enjoy smart features that help you streamline your laundry routine and keep your day moving. No subscription required.<sup>2</sup></p>
													</div>
												</div>

											</div>
											<span><svg width="75" height="75" viewBox="0 0 75 75" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4296 32.5045C22.1116 27.7254 29.4257 25.0886 37 25.0886C44.5743 25.0886 51.8884 27.7254 57.5704 32.5045C58.6751 33.4337 60.36 33.3324 61.3338 32.2783C62.3076 31.2242 62.2014 29.6164 61.0967 28.6872C54.4407 23.0889 45.8727 20 37 20C28.1273 20 19.5593 23.0889 12.9033 28.6872C11.7986 29.6164 11.6924 31.2242 12.6662 32.2783C13.64 33.3324 15.3249 33.4337 16.4296 32.5045ZM23.9332 39.7016C27.6265 36.7663 32.281 35.1589 37.0876 35.1589C41.8942 35.1589 46.5487 36.7663 50.242 39.7016C51.3735 40.6009 53.0548 40.4547 53.9973 39.375C54.9398 38.2953 54.7865 36.691 53.655 35.7917C49.0035 32.0947 43.1413 30.0703 37.0876 30.0703C31.0339 30.0703 25.1717 32.0947 20.5202 35.7917C19.3887 36.691 19.2354 38.2953 20.1779 39.375C21.1204 40.4547 22.8017 40.6009 23.9332 39.7016ZM37.0086 45.2282C34.9332 45.2282 32.9093 45.8443 31.2175 46.9913C30.017 47.8051 28.3524 47.5362 27.4995 46.3907C26.6466 45.2452 26.9283 43.6568 28.1288 42.843C30.723 41.0844 33.8264 40.1396 37.0086 40.1396C40.1908 40.1396 43.2942 41.0844 45.8884 42.843C47.0889 43.6568 47.3706 45.2452 46.5177 46.3907C45.6648 47.5362 44.0002 47.8051 42.7997 46.9913C41.1079 45.8443 39.084 45.2282 37.0086 45.2282ZM36.9972 50.2078C35.5245 50.2078 34.3307 51.347 34.3307 52.7522C34.3307 54.1574 35.5245 55.2965 36.9972 55.2965H37.0183C38.4909 55.2965 39.6847 54.1574 39.6847 52.7522C39.6847 51.347 38.4909 50.2078 37.0183 50.2078H36.9972Z" fill="#222222"></path>
</svg></span>
											<span><b>Smart Features</b></span>
										</div>


										<div class="product-wrapper">
											<hr>
										</div>

										<div class="price-section">

											<div data-change-text="Shop Now">
												
												<a data-ajax="false" data-role="none" data-query-url="/_CGI/SEARCH3?POS=0&KEY=WHIRL:WTW8127LW" 
			class="shop-all-button" href="/_CGI/SEARCH3?POS=0&KEY=WHIRL:WTW8127LW">Shop All
		</a>
											</div>
											
											
										</div>


									</div> <!-- product two container end -->
								
								</div> <!-- product-wrapper end -->

							</div> <!-- product container end-->


					`,
					 footer1 : ``

				});


				var promoDisclaimerSection = promoDisclaimerLayout1(`boxed-container`, ``);


			/*
				Put all section functions below in the append to have them appear in the page

				You can also write plain html and jim code within the string below.

			*/
			$(".section-container").append(`

				<!-- hero section -->
					${promoMainHero()}

				<!-- Section 1 -->
					${promoSection1}
				<!-- Section 2 -->
					${promoSection2}
				<!-- Section 3 -->
					${promoSection3}
					<!-- financing banner -->	
		<section class="section-financing-inner-banner-background">
			<section class="financing-inner-banner boxed-container">
				<div>
					<div>
						<img src="/promotions/assets/templates/blank_02/images/financing.svg?ccid=x7259ae1b" alt="Special Financing Available with Approved Credit" title="Special Financing Available with Approved Credit">
						<p>Special Financing with Approved Credit.</p>
						<p>Contact us for more details about this offer!</p>
						<a data-ajax="false" target="_blank" href="/locations.html" title="">Call Now!</a>
					</div>
				</div>
				<div class="clear"></div>
			</section>
		</section>
	<!-- end financing banner -->
				<!-- Disclaimer Section -->
					${promoDisclaimerSection}

			`);
	
	
	$(".section-container").append(`
		

	`);
	
</script>

	<script type="text/javascript">
			
			function playVideo(vid) {
				vid.get(0).play();
				vid.addClass("playingVideo");

			}
			function pauseVideo(vid) {
				vid.get(0).pause();
				vid.removeClass("playingVideo");

			}
			function checkURLCodes(giveReturnValue = false) {
				if(window.location.href.indexOf("?") > -1) {
					var currentURL = window.location.href,
						splitURL = currentURL.split("?")[1],
						rebates = ["NATIONWIDE_MB_FPKDCSBR","NATIONWIDE_CAFEA_FHCSPR","NATIONWIDE_VER_KSDDR","NATIONWIDE_VER_KSDDR","NATIONWIDE_SAMSUNG_HAR","NATIONWIDE_LG_IDSR","NATIONWIDE_SAMSUNG_R2FG4","NATIONWIDE_SAMSUNG_R2FG2","NATIONWIDE_FPK_FDR","NATIONWIDE_LG_B1G1BR","NATIONWIDE_FRIG_RFPR","NATIONWIDE_VER_DARP","NATIONWIDE_GE_WOFG2","NATIONWIDE_ELECTROLUX_RPFPR","NATIONWIDE_LG_SABR","NATIONWIDE_LG_SABR4","NATIONWIDE_FRIG_CFPR","NATIONWIDE_ELECTROLUX_BLR2","NATIONWIDE_ELECTROLUX_BLR2","NATIONWIDE_VER_BICR","NATIONWIDE_FRIG_WOR","NATIONWIDE_502813_SAMSUNG","NATIONWIDE_SAMSUNG_BFDPP","NATIONWIDE_502812_LG","NATIONWIDE_VER_HARP2","NATIONWIDE_CAFEA_FG","NATIONWIDE_FPK_5YW","NATIONWIDE_DAC_51020P","NATIONWIDE_MONOGRAM_2022R","NATIONWIDE_BLU_FCP","NATIONWIDE_502814_MB","NATIONWIDE_CAFEA_FG4","NATIONWIDE_ELECTROLUX_WOPFPR","NATIONWIDE_FPK_WCR","NATIONWIDE_GE_TIR2","NATIONWIDE_FRIG_PTR","NATIONWIDE_GE_CFG2","NATIONWIDE_LG_SIR","NATIONWIDE_502409_FRIG","NATIONWIDE_SAMSUNG_FICR","NATIONWIDE_VER_CPR","NATIONWIDE_CAFEA_FHCSPR2","NATIONWIDE_GE_SIRG2","NATIONWIDE_502810_FRIG","NATIONWIDE_DCS_5PR","NATIONWIDE_GE_SCPR","NATIONWIDE_FRIG_WOFPR","NATIONWIDE_CAFEA_RRR","NATIONWIDE_VER_SSKPR2","NATIONWIDE_502811_GE","NATIONWIDE_ELECTROLUX_CPFPR","NATIONWIDE_502809_BOSCH","NATIONWIDE_VER_DDFRR2",];

					if(splitURL.toLowerCase().indexOf("showdemrebates=true") > -1) {
						$.each(rebates, function(key, value) {
							$('body').append('<div style="color: gray; max-width: 100vw; word-break: break-all;">' + value + '</div>');

						});

					}
					
					if(giveReturnValue) {
						return rebates;
					
					}
					
				}

			}
			function fixSvgs() {
				$("svg *").each(function() {
					var g = this,
						transform = getComputedStyle(g).getPropertyValue('transform');
						
					if(typeof transform != 'undefined' && transform != 'none' && transform != null) {
					  g.setAttribute('transform', transform);

					}
					
				});
				
				$("svg.fix-spacing").each(function() {
					
					var vB = $(this).get(0).getAttribute("viewBox").split(" ");
					var width = $(this).width();
					var height = $(this).height();
					var newWidth = $(this).parent().width();
					var newHeight = vB[3] / vB[2] * width;
					
					
					$(this).width(newWidth);
					$(this).height(newHeight);
					
					
					$(this).attr("width", newWidth);
					$(this).attr("height", newHeight);
					
					$(this).css("position", "relative");
					
					var newSVG = $(this).clone();
					
					$(this).replaceWith(newSVG);
					
				});

			}
			function updateShopAllButtonText() {
				$("[data-change-text]").each(function() {
					var shopButton = $(this).find(".shop-all-button"),
							newShopButtonText = $(this).attr("data-change-text");

					if(!shopButton.hasClass("no-results")) {
						shopButton.html(newShopButtonText);
						$(this).css({"opacity" : 1});

					}

				});

			}
			function updateShopAllClasses() {
				$("[data-shop-classes]").each(function() {
					var shopButton = $(this).find(".shop-all-button"),
						newShopButtonClasses = $(this).attr("data-shop-classes");
						console.log(newShopButtonClasses);
					$(shopButton).addClass(newShopButtonClasses);

				});

			}
			function fixFrame() {
				$("#page-content-wrap iframe").each(function() {
					$(this).css({"height" : $(this).first("svg").height});
					$(this).attr("width", $(this).parent().width()).attr("height", $(this).parent().height());

				});

			}
			function shopAllTextAddOn() {
				$(".shop-all-button").each(function() {
					$(this).attr("data-more-text", $(this).parent().attr("data-more-text"));
				
				});
			
			}
			function negativeImageHeightFix() {
				$("img").each(function() {
					if($(this).attr("src").indexOf("height=-1") > -1) {
						$(this).attr("src", 
							$(this).attr("src").split("height=-1")[0] + 
							"&height=" + 
							$(this).attr("src").split("height=-1")[0].substring( 
								$(this).attr("src").split("height=-1")[0].lastIndexOf("&width=") + 1, 
								$(this).attr("src").split("height=-1")[0].lastIndexOf("&")
							) + 
							$(this).attr("src").split("height=-1")[1]);
					
					}
				
				});
			
			}
			
			
			function promoBurst(elem, text1="blank", text2="blank", text3="blank", burst=1, text4="blank") {
				if(text3 == "") { text3 = "blank"; }
				if(text2 == "") { text2 = "blank"; }
				
				
				var uniqueSelector = "rand-int-" + Math.floor((Math.random() * 9999) + 1);
				
				if(burst == 7) {
					var burst = `
						<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 153.22 153.22" class="burst burst-${burst + " " + uniqueSelector}">
							<defs>
								<style>
									.${uniqueSelector}.burst-${burst} .cls-1 {
										fill: #093272;
									}
									.${uniqueSelector}.burst-${burst} .cls-2 {
										${(text4 == "blank"? 
											"font-size: 43.41px;" 
										: 
											"font-size: 23.41px;" 
										)}
										font-family: OpenSans-Bold, Open Sans;
										font-weight: 700;
									}
									.${uniqueSelector}.burst-${burst} .cls-2,
									.${uniqueSelector}.burst-${burst} .cls-4 {
										fill: #fff;
									}
									.${uniqueSelector}.burst-${burst} .cls-3 {
									
										${(text4 == "blank"? 
											"font-size: 14.02px;" 
										: 
											"font-size: 27.02px;" 
										)}
										
									}
									.${uniqueSelector}.burst-${burst} .cls-4 {
									
										${(text4 == "blank"? 
											"font-size: 36.34px;" 
										: 
											"font-size: 14.34px;" 
										)}
										font-family: OpenSans-Semibold, Open Sans;
										font-weight: 600;
									}
									.${uniqueSelector}.burst-${burst} .cls-5 {
										fill: #fff;
										stroke: #093272;
										stroke-miterlimit: 10;
										stroke-width: 2.12px;
									}
								</style>
							</defs>
							<g>
								<g>
									<circle class="cls-5" cx="50%" cy="50%" r="75.55" />
									<circle class="cls-1" cx="50%" cy="50%" r="71.44" />
									<text class="cls-4" text-anchor="middle" 
										${(text4 == "blank"? 
											"x=\"50%\" y=\"40%\"" 
										: 
											"x=\"50%\" y=\"28%\"" 
										)}
									
									>
										${text1}
									
									</text>
									<text class="cls-2" text-anchor="middle" 
										${(text4 == "blank"? 
											"x=\"50%\" y=\"66%\"" 
										: 
											"x=\"50%\" y=\"46%\"" 
										)}
									
									>
										${text2}
											
									</text>
									<text class="cls-2 cls-3" text-anchor="middle" 
										${(text4 == "blank"? 
											"x=\"50%\" y=\"80%\"" 
										: 
											"x=\"50%\" y=\"66%\"" 
										)}
									
									>
										${(text3 == "blank"? "" : text3)}
										
									</text>
									<text class="cls-2 cls-3" text-anchor="middle" x="50%" y="87%">
										${(text4 == "blank"? "" : text4)}
										
									</text>
									
								</g>
								
							</g>
							
						</svg>
					`;
						
				} else if(burst == 6) {
					var burst = `
						<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 142.87 142.87" class="burst burst-${burst}">
							<defs>
								<style>
									.${uniqueSelector}.burst-${burst} .cls-gradient {
										fill: url(#New_Gradient_Swatch_3);
									}
									
									.${uniqueSelector}.burst-${burst} .cls-2 {
										font-size: 23.41px;
									}
									
									.${uniqueSelector}.burst-${burst} .cls-2,
									.${uniqueSelector}.burst-${burst} .cls-3,
									.${uniqueSelector}.burst-${burst} .cls-4 {
										fill: #fff;
									}
									
									.${uniqueSelector}.burst-${burst} .cls-2,
									.${uniqueSelector}.burst-${burst} .cls-4 {
										font-family: OpenSans-Bold, Open Sans;
										font-weight: 700;
									}
									
									.${uniqueSelector}.burst-${burst} .cls-3 {
										font-size: 14.34px;
										font-family: OpenSans-Semibold, Open Sans;
										font-weight: 600;
									}
									
									.${uniqueSelector}.burst-${burst} .cls-4 {
										font-size: 19.74px;
									}
				
								</style>
								<linearGradient id="New_Gradient_Swatch_3" y1="71.44" x2="142.87" y2="71.44" gradientUnits="userSpaceOnUse">
									<stop offset="0.23" stop-color="#81c11f" />
									<stop offset="1" stop-color="#c8de00" />
								</linearGradient>
								
							</defs>
							<title>new_burst</title>

							<g>
								<g>
									<circle class="cls-gradient" cx="71.44" cy="71.44" r="71.44" />
									<text class="cls-2" transform="translate(69.4 75.16)" text-anchor="middle">${text2}</text>
									<text class="cls-3" transform="translate(69.6 43.28)" text-anchor="middle">${text1}</text>
									<text class="cls-4" transform="translate(69.6 105.04)" text-anchor="middle">${(text3 == "blank"? "" : text3)}</text>
									
								</g>
								
							</g>
							
						</svg>
					`;
						
				} else if(burst == 5) {
					var burst = `
						<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 170.4 170.4" class="burst burst-${burst}">
							<defs>
								<style>
									.${uniqueSelector}.burst-5 .dat-style-1 {
										isolation: isolate;
									}
									
									.${uniqueSelector}.burst-5 .dat-style-2 {
										mix-blend-mode: multiply;
									}
									
									.${uniqueSelector}.burst-5 .dat-style-3,
									.${uniqueSelector}.burst-5 .dat-style-7,
									.${uniqueSelector}.burst-5 .dat-style-9 {
										fill: #1f425e;
									}
									
									.${uniqueSelector}.burst-5 .dat-style-4 {
										fill: #fff5ec;
									}
									
									.${uniqueSelector}.burst-5 .dat-style-5 {
										fill: #e6e6e6;
									}
									
									.${uniqueSelector}.burst-5 .dat-style-6 {
										fill: url(#New_Gradient_Swatch_2);
									}
									
									.${uniqueSelector}.burst-5 .dat-style-7 {
										font-size: 24px;
										font-family: Charter-Bold, Charter;
										font-weight: 700;
									}
									
									.${uniqueSelector}.burst-5 .dat-style-8 {
										font-size: 30.94px;
										fill: #b61515;
									}
									
									.${uniqueSelector}.burst-5 .dat-style-9 {
										font-size: 16.42px;
										font-family: OpenSans-Semibold, Open Sans;
										font-weight: 600;
									}
								</style>
								<linearGradient id="New_Gradient_Swatch_2" x1="-10.68" y1="84.52" x2="142.68" y2="84.52" gradientTransform="matrix(-1, 0, 0, 1, 151.2, 0)" gradientUnits="userSpaceOnUse">
									<stop offset="0" stop-color="#b11414" />
									<stop offset="0.5" stop-color="#cd1919" />
									<stop offset="1" stop-color="#b11414" />
								</linearGradient>
							</defs>
							<title>new_burst</title>
							<g class="dat-style-1">
								<g id="Layer_2" data-name="Layer 2">
									<g id="Layer_1-2" data-name="Layer 1">
										<g id="Shadow" class="dat-style-2">
											<circle class="dat-style-3" cx="85.2" cy="85.2" r="85.2" />
											<circle class="dat-style-3" cx="85.2" cy="85.2" r="83.5" />
											<circle class="dat-style-3" cx="85.2" cy="85.2" r="81.79" />
										</g>
										<circle class="dat-style-4" cx="85.2" cy="85.2" r="81.79" />
										<circle class="dat-style-5" cx="85.2" cy="84.52" r="81.79" />
										<path id="Dots" class="dat-style-6" d="M89.34,160.26a.83.83,0,1,1,.86.79A.83.83,0,0,1,89.34,160.26Zm4.19.5a.83.83,0,1,0-.89-.75A.82.82,0,0,0,93.53,160.76Zm3.32-.43a.83.83,0,0,0-.22-1.64.82.82,0,0,0-.71.92A.83.83,0,0,0,96.85,160.33Zm3.3-.58a.83.83,0,1,0-1-.67A.83.83,0,0,0,100.15,159.75Zm3.26-.73a.82.82,0,1,0-1-.63A.82.82,0,0,0,103.41,159Zm3.24-.86a.83.83,0,1,0-1-.59A.83.83,0,0,0,106.65,158.16Zm3.19-1a.83.83,0,1,0-.5-1.58.83.83,0,1,0,.5,1.58ZM113,156a.83.83,0,1,0-1.06-.5A.84.84,0,0,0,113,156Zm3.09-1.28a.83.83,0,0,0-.63-1.53.83.83,0,0,0,.63,1.53Zm3-1.42a.82.82,0,0,0,.4-1.09.83.83,0,0,0-1.1-.41.83.83,0,1,0,.7,1.5Zm3-1.54a.83.83,0,1,0-1.11-.35A.83.83,0,0,0,122.07,151.77Zm2.9-1.67a.83.83,0,0,0-.82-1.44.83.83,0,1,0,.82,1.44Zm2.83-1.8a.83.83,0,0,0-.89-1.4.83.83,0,1,0,.89,1.4Zm2.74-1.92a.83.83,0,0,0,.2-1.15.81.81,0,0,0-1.15-.2.82.82,0,0,0-.21,1.15A.84.84,0,0,0,130.54,146.38Zm2.65-2a.84.84,0,0,0,.16-1.17.83.83,0,1,0-.16,1.17Zm2.57-2.16a.83.83,0,1,0-1.17-.1A.82.82,0,0,0,135.76,142.19Zm2.46-2.26a.82.82,0,0,0,.06-1.16.83.83,0,0,0-1.17-.06.82.82,0,0,0-.05,1.17A.81.81,0,0,0,138.22,139.93Zm2.37-2.36a.83.83,0,1,0-1.17,0A.83.83,0,0,0,140.59,137.57Zm2.26-2.47a.82.82,0,0,0,0-1.17.83.83,0,0,0-1.12,1.22A.82.82,0,0,0,142.85,135.1Zm2.15-2.56a.82.82,0,1,0-1.26-1.06.82.82,0,1,0,1.26,1.06Zm2-2.65a.83.83,0,1,0-1.31-1,.83.83,0,1,0,1.31,1Zm1.92-2.75a.83.83,0,0,0-.2-1.15.82.82,0,0,0-1.15.21.81.81,0,0,0,.2,1.15A.82.82,0,0,0,149,127.14Zm1.8-2.82a.83.83,0,0,0-.25-1.14.83.83,0,1,0-.89,1.4A.83.83,0,0,0,150.76,124.32Zm1.67-2.89a.83.83,0,1,0-1.13.3A.83.83,0,0,0,152.43,121.43Zm1.55-3a.83.83,0,1,0-1.12.35A.84.84,0,0,0,154,118.46Zm1.42-3a.84.84,0,0,0-.41-1.11.83.83,0,0,0-.69,1.51A.84.84,0,0,0,155.4,115.43Zm1.28-3.1a.83.83,0,0,0-1.53-.63.83.83,0,1,0,1.53.63Zm1.14-3.14a.83.83,0,1,0-1.06.49A.82.82,0,0,0,157.82,109.19Zm1-3.19a.83.83,0,1,0-1,.54A.83.83,0,0,0,158.83,106Zm.87-3.23a.84.84,0,0,0-.59-1,.83.83,0,1,0,.59,1Zm.72-3.27a.83.83,0,0,0-1.62-.36.84.84,0,0,0,.63,1A.83.83,0,0,0,160.42,99.5Zm.58-3.3a.81.81,0,0,0-.67-1,.83.83,0,0,0-.29,1.63A.84.84,0,0,0,161,96.2Zm.44-3.31a.83.83,0,1,0-.93.71A.83.83,0,0,0,161.44,92.89Zm.29-3.34a.83.83,0,0,0-1.65-.14.83.83,0,1,0,1.65.14Zm.15-3.34A.83.83,0,1,0,161,87,.82.82,0,0,0,161.88,86.21Zm0-3.35a.83.83,0,1,0-.83.83A.83.83,0,0,0,161.88,82.86Zm-.15-3.34a.82.82,0,0,0-.86-.79.83.83,0,0,0,.07,1.65A.81.81,0,0,0,161.73,79.52Zm-.29-3.33a.82.82,0,1,0-1.64.14.82.82,0,0,0,1.64-.14ZM161,72.87a.83.83,0,0,0-.93-.71.83.83,0,0,0,.22,1.64A.83.83,0,0,0,161,72.87Zm-.58-3.3a.83.83,0,1,0-.67,1A.83.83,0,0,0,160.43,69.57Zm-.73-3.26a.82.82,0,0,0-1.61.35.82.82,0,1,0,1.61-.35Zm-.86-3.24a.83.83,0,1,0-.59,1A.83.83,0,0,0,158.84,63.07Zm-1-3.19a.82.82,0,0,0-1-.54.84.84,0,0,0-.55,1,.83.83,0,0,0,1.58-.5Zm-1.14-3.14a.83.83,0,1,0-1.56.56.85.85,0,0,0,1.07.5A.83.83,0,0,0,156.69,56.74Zm-1.28-3.09a.82.82,0,0,0-1.08-.45.83.83,0,1,0,1.08.45Zm-1.41-3a.84.84,0,0,0-1.1-.4.83.83,0,1,0,.7,1.5A.83.83,0,0,0,154,50.61Zm-1.55-3a.83.83,0,0,0-1.47.77.84.84,0,0,0,1.12.35A.83.83,0,0,0,152.45,47.64Zm-1.67-2.89a.82.82,0,1,0-.3,1.13A.83.83,0,0,0,150.78,44.75ZM149,41.92a.82.82,0,0,0-1.14-.25.82.82,0,0,0-.25,1.14.83.83,0,0,0,1.14.26A.84.84,0,0,0,149,41.92Zm-1.92-2.74a.83.83,0,1,0-.2,1.15A.82.82,0,0,0,147.06,39.18Zm-2-2.65a.82.82,0,0,0-1.16-.16.83.83,0,1,0,1.16.16ZM142.88,34a.84.84,0,0,0-1.17-.1.83.83,0,0,0,1.06,1.27A.84.84,0,0,0,142.88,34Zm-2.26-2.47a.83.83,0,0,0-1.17,0,.83.83,0,0,0,1.12,1.22A.83.83,0,0,0,140.62,31.49Zm-2.37-2.36a.82.82,0,0,0-1.17,0,.83.83,0,1,0,1.17,0Zm-2.47-2.26a.82.82,0,0,0-1.17.05.83.83,0,0,0,.06,1.17.84.84,0,0,0,1.17-.05A.83.83,0,0,0,135.78,26.87Zm-2.56-2.16a.82.82,0,0,0-1.16.11.82.82,0,1,0,1.26,1.06A.83.83,0,0,0,133.22,24.71Zm-2.65-2a.83.83,0,1,0,.15,1.16A.83.83,0,0,0,130.57,22.68Zm-2.74-1.92a.83.83,0,0,0-1.16.2.83.83,0,1,0,1.16-.2ZM125,19a.82.82,0,1,0-.88,1.39.82.82,0,0,0,1.14-.25A.83.83,0,0,0,125,19Zm-2.89-1.68a.83.83,0,1,0,.3,1.13A.83.83,0,0,0,122.11,17.28Zm-3-1.54a.83.83,0,0,0-1.12.35.83.83,0,1,0,1.47.76A.83.83,0,0,0,119.14,15.74Zm-3-1.42a.83.83,0,0,0-1.1.4.83.83,0,0,0,1.5.7A.84.84,0,0,0,116.11,14.32ZM113,13a.84.84,0,0,0-1.09.45.83.83,0,0,0,.45,1.08A.83.83,0,0,0,113,13Zm-3.15-1.14a.83.83,0,0,0-.57,1.55.83.83,0,1,0,.57-1.55Zm-3.19-1a.83.83,0,1,0,.54,1A.82.82,0,0,0,106.68,10.89ZM103.45,10a.83.83,0,1,0-.43,1.6.83.83,0,0,0,.43-1.6Zm-3.27-.72a.82.82,0,1,0,.63,1A.83.83,0,0,0,100.18,9.3Zm-3.29-.58a.83.83,0,1,0,.67.95A.82.82,0,0,0,96.89,8.72Zm-3.32-.44a.83.83,0,1,0,.71.93A.83.83,0,0,0,93.57,8.28ZM90.23,8a.82.82,0,1,0,.76.89A.82.82,0,0,0,90.23,8Zm-3.34-.15a.83.83,0,1,0,.79.86A.82.82,0,0,0,86.89,7.84Zm-3.35,0a.83.83,0,1,0,.83.83A.83.83,0,0,0,83.54,7.84ZM80.2,8a.83.83,0,1,0,.86.79A.83.83,0,0,0,80.2,8Zm-3.33.29a.83.83,0,0,0-.75.9.82.82,0,1,0,.75-.9Zm-3.32.44a.83.83,0,1,0,.93.71A.83.83,0,0,0,73.55,8.71Zm-3.3.58a.83.83,0,1,0,1,.67A.83.83,0,0,0,70.25,9.29ZM67,10a.83.83,0,1,0,1,.63A.83.83,0,0,0,67,10Zm-3.24.87a.83.83,0,0,0,.43,1.6.83.83,0,1,0-.43-1.6Zm-3.19,1a.82.82,0,1,0,.5,1.57.81.81,0,0,0,.54-1A.82.82,0,0,0,60.56,11.89ZM57.42,13a.84.84,0,0,0-.5,1.06.83.83,0,1,0,.5-1.06Zm-3.09,1.28a.82.82,0,0,0-.45,1.08.83.83,0,0,0,1.53-.63A.82.82,0,0,0,54.33,14.31Zm-3,1.41a.84.84,0,0,0-.4,1.1.83.83,0,1,0,1.5-.7A.83.83,0,0,0,51.29,15.72Zm-3,1.55a.83.83,0,1,0,1.12.35A.83.83,0,0,0,48.32,17.27Zm-2.89,1.67a.82.82,0,1,0,1.13.3A.82.82,0,0,0,45.43,18.94Zm-2.83,1.8a.83.83,0,1,0,1.15.25A.82.82,0,0,0,42.6,20.74Zm-2.74,1.92a.83.83,0,1,0,1,1.35.83.83,0,1,0-1-1.35Zm-2.65,2a.82.82,0,1,0,1,1.31.82.82,0,0,0,.16-1.16A.83.83,0,0,0,37.21,24.69Zm-2.57,2.15a.83.83,0,1,0,1.17.1A.84.84,0,0,0,34.64,26.84ZM32.18,29.1a.83.83,0,0,0-.06,1.17.83.83,0,1,0,.06-1.17Zm-2.37,2.37a.83.83,0,1,0,1.17,0A.82.82,0,0,0,29.81,31.47Zm-2.26,2.46a.83.83,0,0,0,1.22,1.12.83.83,0,1,0-1.22-1.12ZM25.4,36.5a.82.82,0,1,0,1.16-.1A.81.81,0,0,0,25.4,36.5Zm-2,2.65A.83.83,0,1,0,24.52,39,.83.83,0,0,0,23.36,39.15Zm-1.92,2.74a.84.84,0,0,0,.2,1.16.83.83,0,0,0,.95-1.36A.83.83,0,0,0,21.44,41.89Zm-1.8,2.82a.83.83,0,1,0,1.14-.25A.84.84,0,0,0,19.64,44.71ZM18,47.61a.83.83,0,0,0,1.43.83A.83.83,0,0,0,18,47.61Zm-1.55,3a.83.83,0,1,0,1.47.76.83.83,0,0,0-1.47-.76Zm-1.42,3a.83.83,0,0,0,.41,1.1.81.81,0,0,0,1.09-.4.82.82,0,0,0-.4-1.1A.84.84,0,0,0,15,53.61ZM13.72,56.7a.83.83,0,0,0,.45,1.08.82.82,0,1,0-.45-1.08Zm-1.14,3.15a.82.82,0,0,0,.49,1.06.83.83,0,0,0,1.06-.5.82.82,0,0,0-.49-1.06A.83.83,0,0,0,12.58,59.85Zm-1,3.19a.83.83,0,0,0,1.58.5.83.83,0,1,0-1.58-.5Zm-.87,3.23a.83.83,0,0,0,.59,1,.82.82,0,0,0,.43-1.59A.83.83,0,0,0,10.7,66.27ZM10,69.54a.82.82,0,0,0,.63,1,.83.83,0,0,0,1-.62.84.84,0,0,0-.63-1A.83.83,0,0,0,10,69.54ZM9.4,72.83a.83.83,0,1,0,1-.67A.83.83,0,0,0,9.4,72.83ZM9,76.15a.83.83,0,1,0,.93-.71A.83.83,0,0,0,9,76.15Zm-.29,3.33a.82.82,0,0,0,.75.9.83.83,0,1,0,.14-1.65A.83.83,0,0,0,8.67,79.48Zm-.15,3.35A.83.83,0,1,0,9.38,82,.83.83,0,0,0,8.52,82.83Zm0,3.34a.83.83,0,1,0,.83-.82A.83.83,0,0,0,8.52,86.17Zm.15,3.35a.83.83,0,0,0,.86.79.83.83,0,1,0-.86-.79ZM9,92.85a.82.82,0,1,0,.75-.9A.83.83,0,0,0,9,92.85Zm.43,3.32a.83.83,0,1,0,.71-.93A.83.83,0,0,0,9.39,96.17ZM10,99.46a.84.84,0,0,0,1,.68.83.83,0,0,0-.29-1.63A.81.81,0,0,0,10,99.46Zm.73,3.27a.82.82,0,0,0,1,.63.83.83,0,0,0,.63-1,.84.84,0,0,0-1-.63A.83.83,0,0,0,10.7,102.73Zm.86,3.23a.83.83,0,1,0,.59-1A.82.82,0,0,0,11.56,106Zm1,3.2a.83.83,0,0,0,1,.54.84.84,0,0,0,.55-1,.83.83,0,0,0-1.58.5Zm1.14,3.14a.82.82,0,0,0,1.06.49.83.83,0,1,0-1.06-.49ZM15,115.39a.83.83,0,1,0,.45-1.08A.84.84,0,0,0,15,115.39Zm1.41,3a.83.83,0,0,0,1.1.41.83.83,0,1,0-1.1-.41Zm1.55,3a.82.82,0,0,0,1.11.36.84.84,0,0,0,.36-1.12.83.83,0,0,0-1.12-.35A.82.82,0,0,0,18,121.39Zm1.67,2.9a.83.83,0,1,0,.3-1.13A.83.83,0,0,0,19.62,124.29Zm1.8,2.82a.83.83,0,0,0,1.14.26.83.83,0,0,0-.89-1.4A.83.83,0,0,0,21.42,127.11Zm1.92,2.75a.83.83,0,1,0,.2-1.16A.83.83,0,0,0,23.34,129.86Zm2,2.65a.83.83,0,1,0,.16-1.16A.83.83,0,0,0,25.37,132.51Zm2.15,2.57a.84.84,0,0,0,1.17.1.83.83,0,0,0-1.06-1.27A.84.84,0,0,0,27.52,135.08Zm2.26,2.46A.83.83,0,1,0,31,136.42a.83.83,0,0,0-1.22,1.12Zm2.37,2.37a.83.83,0,1,0,0-1.17A.83.83,0,0,0,32.15,139.91Zm2.47,2.26a.82.82,0,0,0,1.17,0,.83.83,0,0,0-.06-1.17.82.82,0,0,0-1.17.05A.83.83,0,0,0,34.62,142.17Zm2.56,2.15a.81.81,0,0,0,1.16-.1.82.82,0,1,0-1.26-1.06A.81.81,0,0,0,37.18,144.32Zm2.65,2a.83.83,0,1,0-.15-1.16A.83.83,0,0,0,39.83,146.36Zm2.74,1.92a.83.83,0,1,0,1-1.36.83.83,0,0,0-1,1.36Zm2.83,1.8a.83.83,0,1,0-.26-1.14A.84.84,0,0,0,45.4,150.08Zm2.89,1.67a.83.83,0,1,0,.83-1.43.83.83,0,1,0-.83,1.43Zm3,1.55a.83.83,0,1,0-.35-1.12A.84.84,0,0,0,51.26,153.3Zm3,1.41a.83.83,0,0,0,.7-1.5.83.83,0,1,0-.7,1.5ZM57.38,156a.84.84,0,0,0,1.09-.45.83.83,0,0,0-.45-1.08.82.82,0,0,0-1.08.44A.83.83,0,0,0,57.38,156Zm3.15,1.14a.83.83,0,1,0,.57-1.55.83.83,0,1,0-.57,1.55Zm3.19,1a.83.83,0,0,0,.5-1.58.83.83,0,1,0-.5,1.58ZM67,159a.82.82,0,1,0,.43-1.59A.82.82,0,1,0,67,159Zm3.27.73a.83.83,0,1,0-.63-1A.83.83,0,0,0,70.22,159.74Zm3.29.58a.83.83,0,1,0-.67-1A.83.83,0,0,0,73.51,160.32Zm3.32.44a.83.83,0,1,0-.71-.93A.83.83,0,0,0,76.83,160.76Zm3.34.29a.83.83,0,1,0-.76-.9A.83.83,0,0,0,80.17,161.05Zm3.34.15a.83.83,0,1,0-.79-.86A.83.83,0,0,0,83.51,161.2Zm3.35,0a.83.83,0,1,0-.83-.83A.83.83,0,0,0,86.86,161.2Z" />
										<text class="dat-style-9" transform="translate(84 44.95)" text-anchor="middle">${text1}</text>
										<text class="dat-style-7" transform="translate(88 81.44)" text-anchor="middle">${text2}
											<tspan class="dat-style-8">
												<tspan x="0" y="29.65" text-anchor="middle">${(text3 == "blank"? "" : text3)}</tspan>
												<tspan x="-4" y="59.31" text-anchor="middle">${(text4 == "blank"? "" : text4)}</tspan>
											</tspan>
										</text>
									</g>
								</g>
							</g>
						</svg>
					`;
						
				} else if(burst == 4) {
					var burst = `
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 453.7 343.3" class="burst burst-${burst}">
						  <defs>
							<style>
							  .${uniqueSelector}.burst-4 .cls-1{fill:#00c4b3;}
							  .${uniqueSelector}.burst-4 .cls-2{font-size:56px;}
							  .${uniqueSelector}.burst-4 .cls-6{font-size:56px;}
							  .${uniqueSelector}.burst-4 .cls-2,
							  .${uniqueSelector}.burst-4 .cls-3,
							  .${uniqueSelector}.burst-4 .cls-6{fill:#fff;font-family:Calibri-Bold, Calibri;font-weight:700;}
							  .${uniqueSelector}.burst-4 .cls-3{font-size:58px;}
							  .${uniqueSelector}.burst-4 .cls-4{letter-spacing:-0.01em;}
							  .${uniqueSelector}.burst-4 .cls-5{letter-spacing:-0.08em;}
							  .${uniqueSelector}.burst-4 .st0{fill:#111CEF;}
							</style>
						  </defs>
						  <g text-anchor="middle">
							<g class="text-container">
								<polygon class="st0" points="406.2,232.4 453.7,259.6 403.2,280.8 392.1,334.3 356.4,292.9 302,298.8 330.4,252.1 307.9,202.2 
									361.1,214.7 401.6,177.9 "/>
								<polygon class="st0" points="52,177.9 92.5,214.7 145.8,202.2 123.3,252.1 151.7,298.8 97.3,292.9 61.6,334.3 50.4,280.8 0,259.6 
									47.5,232.4 "/>
								<polygon class="cls-1" points="227.3,0 283.1,113 407.8,131.1 317.6,219.1 338.9,343.3 227.3,284.7 115.8,343.3 137.1,219.1 46.9,131.1 171.6,113 "/>
							
							  <text class="cls-2" ${text3 == "blank" ? `transform="translate(224 186)"` : `transform="translate(180 162)"`}>${text1}</text>
							  ${text2 == "blank" ? `` : `<text class="cls-3" ${text3 == "blank" ? `transform="translate(224 242)"` : `transform="translate(180 214)"`}>${text2}</text>`}
							  ${text3 == "blank" ? `` : `<text class="cls-6" transform="translate(180 260)">${text3}</text>`}
							</g>
						  </g>
						</svg>
					`;
						
				} else if(burst == 3) {
					var burst = `
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360.96 358.98" class="burst burst-${burst}">
						  <defs>
							<style>
							  .${uniqueSelector}.burst-3 .cls-1{fill:#00c4b3;}
							  .${uniqueSelector}.burst-3 .cls-2{font-size:50px;}
							  .${uniqueSelector}.burst-3 .cls-6{font-size:50px;}
							  .${uniqueSelector}.burst-3 .cls-2,
							  .${uniqueSelector}.burst-3 .cls-3,
							  .${uniqueSelector}.burst-3 .cls-6{fill:#fff;font-family:Calibri-Bold, Calibri;font-weight:700;}
							  .${uniqueSelector}.burst-3 .cls-3{font-size:58px;}
							  .${uniqueSelector}.burst-3 .cls-4{letter-spacing:-0.01em;}
							  .${uniqueSelector}.burst-3 .cls-5{letter-spacing:-0.08em;}
							</style>
						  </defs>
						  <g text-anchor="middle">
							<g class="text-container">
								<polygon class="cls-1" points="180.5,7.8 236.3,120.8 361,139 270.7,226.9 292,351.1 180.5,292.5 68.9,351.1 90.2,226.9 0,139 124.7,120.8 "/>
							
							  <text class="cls-2" ${text3 == "blank" ? `transform="translate(180 186)"` : `transform="translate(180 162)"`}>${text1}</text>
							  ${text2 == "blank" ? `` : `<text class="cls-3" ${text3 == "blank" ? `transform="translate(180 242)"` : `transform="translate(180 214)"`}>${text2}</text>`}
							  ${text3 == "blank" ? `` : `<text class="cls-6" transform="translate(180 260)">${text3}</text>`}
							</g>
						  </g>
						</svg>
					
					`;
				
				} else {
				  var burst = `
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360.96 358.98" class="burst burst-${burst} ${text2 == "blank" && text3 == "blank" ? `svg-one-liner` : ``}">
					  <defs>
						<style>
						  .${uniqueSelector}.burst-${burst} .cls-1{fill:#00c4b3;}
						  .${uniqueSelector}.burst-${burst} .cls-2{${text2 == "blank" && text3 == "blank" ? `font-size: 56px;` : `font-size: 50px;`} }
						  .${uniqueSelector}.burst-${burst} .cls-6{font-size:50px;}
						  .${uniqueSelector}.burst-${burst} .cls-2,.${uniqueSelector}.burst-${burst} .cls-3,.${uniqueSelector}.burst-${burst} .cls-6{fill:#fff;font-family:Calibri-Bold, Calibri;font-weight:700;}
						  .${uniqueSelector}.burst-${burst} .cls-3{font-size:58px;}.${uniqueSelector}.burst-${burst} .cls-4{letter-spacing:-0.01em;}
						  .${uniqueSelector}.burst-${burst} .cls-5{letter-spacing:-0.08em;}
						</style>
					  </defs>
					  <g text-anchor="middle">
						<g class="text-container"><polygon class="cls-1" points="${
							burst == 1 ? `180.48 34.4 199.34 0 210.65 37.57 236.25 7.84 239.5 46.94 270.72 23.19 265.76 62.11 301.24 45.37 288.31 82.41 326.49 73.41 306.13 106.94 345.36 106.08 318.47 134.66 357.02 141.97 324.78 164.32 360.96 179.49 324.78 194.66 357.02 217.01 318.47 224.33 345.36 252.9 306.13 252.04 326.49 285.57 288.31 276.58 301.24 313.61 265.76 296.87 270.72 335.79 239.5 312.04 236.25 351.14 210.65 321.41 199.34 358.98 180.48 324.58 161.62 358.98 150.31 321.41 124.71 351.14 121.47 312.04 90.24 335.79 95.2 296.87 59.72 313.61 72.65 276.58 34.47 285.57 54.83 252.04 15.6 252.9 42.49 224.33 3.94 217.01 36.18 194.66 0 179.49 36.18 164.32 3.94 141.97 42.49 134.66 15.6 106.08 54.83 106.94 34.47 73.41 72.65 82.41 59.72 45.37 95.2 62.11 90.24 23.19 121.47 46.94 124.71 7.84 150.31 37.57 161.62 0 180.48 34.4` : `227.16 360.96 179.38 308.58 130.69 360.12 115.46 290.88 47.52 311.17 68.98 243.56 0 227.16 52.32 179.38 0.84 130.69 70.08 115.46 49.79 47.52 117.34 68.98 133.8 0 181.58 52.32 230.27 0.84 245.5 70.08 313.44 49.79 291.98 117.34 360.96 133.8 308.58 181.58 360.12 230.27 290.88 245.5 311.17 313.44 243.56 291.98 227.16 360.96`
							}"/>
							
							
						  <text class="cls-2" 
						  
						  ${text3 == "blank" ? burst == 1 ? `transform="translate(180 168)"` : text2 == "blank" ? `x="50%" y="54%"` : `transform="translate(174 168)"` : `transform="translate(180 140)"`}
						  
						  >${text1}</text>
						  ${text2 == "blank" ? `` : `<text class="cls-3" ${text3 == "blank" ? `transform="translate(180 228)"` : `transform="translate(180 200)"`}>${text2}</text>`}
						  ${text3 == "blank" ? `` : `<text class="cls-6" transform="translate(180 260)">${text3}</text>`}
						</g>
					  </g>
					</svg>
				  `;
				}
			  
			  $(elem).append(burst);
			
			}
			
			function addBurstRibbon(bam, words1) {
				$.each(bam, function(index, value) {
					$(bam[index]).append(`
						<div class="burst-ribbon-container">
							<p class="burst-ribbon">
								<svg version="1.1"
									 id="svg4252" inkscape:export-filename="/home/chaunce/Documents/runeman.org/clipart/ribbon-cutting.png?ccid=x7259ae1b" inkscape:export-xdpi="21.882757" inkscape:export-ydpi="21.882757" inkscape:version="0.48.4 r9939" sodipodi:docname="ribbon-cutting.svg?ccid=x7259ae1b" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:ns1="http://sozi.baierouge.fr" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
									 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 615.9 128.5"
									 style="enable-background:new 0 0 615.9 128.5;" xml:space="preserve" preserveAspectRatio="none">
								<style type="text/css">
									.st0{fill:#0000FF;stroke:#000000;}
									.st1{fill:#000080;stroke:#000000;}
								</style>
								<title  id="title4951">Ribbon Cutting</title>
								<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" fit-margin-bottom="0" fit-margin-left="0" fit-margin-right="0" fit-margin-top="0" id="base" inkscape:current-layer="layer1" inkscape:cx="341.64284" inkscape:cy="226.10726" inkscape:document-units="px" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="717" inkscape:window-maximized="1" inkscape:window-width="1366" inkscape:window-x="-3" inkscape:window-y="28" inkscape:zoom="0.70710678" pagecolor="#ffffff" showgrid="false">
									
										<inkscape:grid  empspacing="5" enabled="true" id="grid4260" originx="313.95708px" originy="-347.46257px" snapvisiblegridlinesonly="true" type="xygrid" visible="true">
										</inkscape:grid>
								</sodipodi:namedview>
								<path id="path4107" inkscape:connector-curvature="0" sodipodi:nodetypes="ccccccc" class="st0" d="M498.6,40.4V9.1
									c-0.5-10.7,77.1-4.8,116.4,0L585.8,56l29.1,46.9c-40-4.4-85-11-116.4,0V40.4z"/>
								<path id="path4105" inkscape:connector-curvature="0" sodipodi:nodetypes="cccccccc" class="st0" d="M91.2,40.4l29.1-31.3
									c0.6-16.6-75.6-5-119.3,0L30.1,56L1.1,103c43.6-9.8,90.6-13.2,119.3,0V9.1L91.2,40.4z"/>
								<path id="path4109" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" class="st1" d="M498.6,9.1c15.2,8.9,30-2,29.1,11.3
									c-10.7,5.1-19.9,28.4-30.6,26.1L498.6,9.1z"/>
								<path id="path4111" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" class="st1" d="M120.3,9.1l1.6,37.4
									c-10.2-0.2-20.5-23-30.7-26.1C91.6,9.3,100.8,18.8,120.3,9.1L120.3,9.1z"/>
								<path id="path4103" inkscape:connector-curvature="0" sodipodi:nodetypes="ccccc" class="st0" d="M91.2,20.4
									c18.3,16.3,392.4,23.9,436.4,0v93.8c-144.7,18.4-290.3,18.4-436.4,0V20.4z"/>
								</svg>

								<span>
									${words1}
								
								</span>
							
							</p>
							
						</div>
						
					`);
				
				});
			
			}
			
			
			function addMultiBurst(bam, words1="blank", words2="blank", words3="blank", burstType=2, words4="blank") {
				$.each(bam, function(index, value) {
					promoBurst(bam[index], words1, words2, words3, burstType, words4);
				
				});
			
			}
			
			//counts the elements on the page in respect to their parents
			function elemCounter(elem, elemType) {
			  if(!$(elem).is('[class*="' + elemType + '-"]') && !$(elem).is('[class*="hero-section"]') && !$(elem).is('[class*="disclaimer-section"]')){
				$(elem).addClass(`${elemType}-${$(elem).prevAll(elemType).length}`);

			  }
			
			}
			
			function replaceTextBasedOnShopAllResultsForAllChosenElems() {
				$("[data-if-available-text]").each(function() {
					if($(this).hasClass("results")) {
						$(this).html(
							$(this).attr("data-if-available-text")

						);

					}

				});
				
				$("[data-if-not-available-text]").each(function() {
					if($(this).hasClass("no-results")) {
						$(this).html(
							$(this).attr("data-if-not-available-text")

						);

					}

				});
			
			}
			
			
			/* -- 
			
				Scrollbar Junk
				-note for dev-
				I did NOT set up every scenario with height/vertical-scrolling and did NOT finish the 
				set up for multiple scrollbars OR multiple scrolling areas based on single bars
				HOWEVER...MOST of the ground-work has been done and will only need to be finished
				Blame this on high-priority work...
				
			
			-- */
			
				function sideScrollerButtonClick(elem) {
					if($(elem).attr("data-scroll-button") == "left") {
						console.log("left");

					} else {
						console.log("right");

					}

				}
			
				//return the scrollable area
				function getScrollingAreaFullDimensions(elem) {
					var fullHeight = 0,
						fullWidth = 0,
						lastKid = $(elem).children().last(); //last child in row
					
					//get the space from the edge of the screen
					fullWidth+=$(lastKid).get(0).offsetLeft;
					//get the width of the last object
					fullWidth+=$(lastKid).width();
					
					//add the padding...
					fullWidth+=$(lastKid).css("padding-left").split("px")[0]*1;
					fullWidth+=$(lastKid).css("padding-right").split("px")[0]*1;
					
					//and the margin...
					fullWidth+=$(lastKid).css("margin-left").split("px")[0]*1;
					fullWidth+=$(lastKid).css("margin-right").split("px")[0]*1;
						
					//repeat for the height
					fullHeight+=$(lastKid).get(0).offsetTop;
					fullHeight+=$(lastKid).height();
					fullHeight+=$(lastKid).css("padding-top").split("px")[0]*1;
					fullHeight+=$(lastKid).css("padding-bottom").split("px")[0]*1;
					fullHeight+=$(lastKid).css("margin-top").split("px")[0]*1;
					fullHeight+=$(lastKid).css("margin-bottom").split("px")[0]*1;
					
					//payload, baby...
					return [fullWidth, fullHeight];
				
				}
			
				//the goal here is to hide the scrollbar if it is unneeded - like the width does not exceed screen-size
				function checkToHideScrollBar(elem) {
					//because there might be multiple scrolling things, we need to scroll through each
					$(elem).parents("section").eq(0).children("[data-scroll-target]").each(function() {
						//get the dimensions of this thing based on the last child position and width
						var dimensions = getScrollingAreaFullDimensions($(this));
						
						var fullHeight = dimensions[1],
							fullWidth = dimensions[0];
						
						//if the content is smaller than or equal to its container, hide the scrollbar
						if(fullWidth <= $(this).width() + 4) { //I added an extra 4 pixels because I noticed a flickering effect - band-aid solution :(
							//change it to its origin postion(almost like a refresh)
							$(this).css({
								"top"	:	"0px",
								"left"	:	"0px"
								
							});
							//hide the scrollbar
							$(elem).css("display", "none");
						
						//if content is larger than its container
						} else {
							//unhide the scrollbar
							$(elem).css("display", "");
						
						}
						
					});
				
				}
				
				//this is the function for when someone clicks or touches the scrollbar without touching the scroller(scroll handle)
				function scrollerToClick(elem, point, scrollX=true, scrollY=true) {
					//get the point of contact
					var scrollerSpotY = (scrollY ? point[1] : $(elem).css("top")) - $(elem).find("scroller").eq(0).height();
					var scrollerSpotX = (scrollX ? point[0] : $(elem).css("left")) - $(elem).find("scroller").eq(0).width();
				
					$(elem).find("scroller").animate({
						"top" : (scrollerSpotY > 0 ? scrollerSpotY : 0) + "px",
						"left" : (scrollerSpotX > 0 ? scrollerSpotX : 0) + "px"
					
					}, 400);
					
					$(elem).parent().children("[data-scroll-target]").each(function() {
						//get the dimensions of this thing based on the last child position and width
						var dimensions = getScrollingAreaFullDimensions($(this));
						
						var fullHeight = dimensions[1],
							fullWidth = dimensions[0];
						
						var percentOfScrollX = point[0] / $(elem).width();
						var percentOfScrollY = point[1] / $(elem).height();
						
						fullHeight = fullHeight - $(this).height();
						fullWidth = fullWidth - $(this).width();
						
						$(this).animate({
							"top" : (scrollY ? percentOfScrollY * fullHeight * -1 + "px" : $(this).css("top")),
							"left" : (scrollX ? percentOfScrollX * fullWidth * -1 + "px" : $(this).css("left"))
						
						}, 400);
						
					});
				
				}

				function basicMakeScrollable(elem, scrollX=true, scrollY=true) {
				  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
				  elem.onmousedown = dragMouseDown;
				  elem.addEventListener('touchstart', function(e){
					dragMouseDown(e);
					
				  }, false);

				  function dragMouseDown(e) {
					e = e || window.event;
					e.preventDefault();
					// get the mouse cursor position at startup:
					pos3 = e.clientX || e.targetTouches[0].pageX;
					pos4 = e.clientY || e.targetTouches[0].pageY;
					document.onmouseup = closeDragElement;
					document.touchend = closeDragElement;
					// call a function whenever the cursor moves:
					document.onmousemove = elementDrag;
					document.ontouchmove = elementDrag;
					
				  }

				  function elementDrag(e) {
				   var newDragX = e.clientX || e.targetTouches[0].pageX;
				   var newDragY = e.clientY || e.targetTouches[0].pageY;
					e = e || window.event;
					e.preventDefault();
					// calculate the new cursor position:
					pos1 = pos3 - newDragX;
					pos2 = pos4 - newDragY;
					pos3 = newDragX;
					pos4 = newDragY;
					// set the element's new position:
					if(scrollY) {
						elem.style.top = (elem.offsetTop - pos2) + "px";
					
					} else {
						elem.style.top = elem.offsetTop + "px";
						
					}
					if(scrollX) {
						let maxLeft = $(elem).parent().width() - $(elem).width();
						let newLeft = elem.offsetLeft - pos1;
						if(newLeft > maxLeft) {
							newLeft = maxLeft;
							
						} else if(newLeft < 0) {
							newLeft = 0;
						
						}
						elem.style.left = newLeft + "px";
					
					} else {
						elem.style.left = elem.offsetLeft + "px";
						
					}
					//go to parent -- find children with data scroll target -- if x do x if y do y if both do both
					$(elem).parent().parent().children("[data-scroll-target]").each(function() {
					
						//get the dimensions of this thing based on the last child position and width
						var dimensions = getScrollingAreaFullDimensions($(this));
						
						var fullHeight = dimensions[1],
							fullWidth = dimensions[0];
						
						var percentOfScrollX = $(elem).css("left").split("px")[0] / ($(elem).parent().width() - $(elem).width());
						var percentOfScrollY = $(elem).css("top").split("px")[0] / ($(elem).parent().height() - $(elem).height());
						
						fullWidth = fullWidth - $(this).width();
						fullHeight = fullHeight - $(this).height();
						
						if($(this).attr("data-scroll-target") == "x" || $(this).attr("data-scroll-target") == "both") {
							$(this).css("left", percentOfScrollX * fullWidth * -1 + "px");
							
						}
						if($(this).attr("data-scroll-target") == "y" || $(this).attr("data-scroll-target") == "both") {
							$(this).css("left", percentOfScrollY * fullHeight * -1 + "px");
							
						}
					
					});
					
				  }

				  function closeDragElement() {
					/* stop moving when mouse button is released:*/
					document.onmouseup = null;
					document.onmousemove = null;
					document.touchend = null;
					document.ontouchmove = null;
					
				  }
				  
				}

				function stopDraging() {
					/* stop moving when mouse button is released:*/
					document.onmouseup = null;
					document.onmousemove = null;
					document.touchend = null;
					document.ontouchmove = null;

				}
			
			/* -- 
			
				end Scrollbar Junk
			
			-- */
			

			function galleryButtonClick(direction="next") {
			//the current image being shown
			var currentImg = $('.promo-gallery-active');
			//the next image we would like to show
			var targetImage = currentImg.next();	
			//the image right before this image
			var prevImage = currentImg.prev();

			//if...chose to go back AND is a prev image
			if(direction == "previous" && prevImage.length > 0){
				//if previous..
				targetImage = currentImg.prev();
			
			//else...if previous and no previous image exists....
			} else if(direction == "previous" && prevImage.length < 1) {
				targetImage = $(".slider-inner").children("img:last-of-type");
			
			//else...if next and no next image exists....
			} else if(targetImage.length < 1) {
				targetImage = $(".slider-inner").children("img:first-of-type");
			
			}
			currentImg.removeClass('promo-gallery-active').css('z-index', -10);
			targetImage.addClass('promo-gallery-active').css('z-index', 10);
				
		}

			//When document finishes loading
			$(document).ready(function() {
				
				//fixes plato...legacy
				$(".product_section .grid_3:nth-of-type(4n+1)")
					.add('.product_section .grid_4:nth-of-type(3n+1)')
					.add('.product_section .grid_6:nth-of-type(2n+1)')
					.add('.paired_product_section :nth-child(2n+1)')
					.add('[class^="grid_"]:first-of-type:not(:last-child):not(.grid_12)')
					.addClass('first_child');

				//fixes plato...legacy
				$('.product_section .grid_3:nth-of-type(4n)')
					.add('.product_section .grid_4:nth-of-type(3n)')
					.add('.product_section .grid_6:nth-of-type(2n)')
					.add('.paired_product_section :nth-child(2n)')
					.add('[class^="grid_"]:last-of-type:not(:first-child):not(.grid_12)')
					.addClass('last_child');

				//all videos will pause/play on button press
				$("video").on('click', function() {
					if($(this).hasClass("playingVideo")) {
						pauseVideo($(this));

					}else {
						playVideo($(this));

					}

				});
				
				//lets me do things based on query strings
				checkURLCodes();

				//rebate formatter - flex without making it full width
				$("header").each(function() {$(this).find(".rebate-link-check.factory").first().css({"display" : "inline-flex"})});
				
				//rebate formatter - flex without making it full width
				$("header").each(function() {$(this).find(".rebate-link-check.bonus").first().css({"display" : "inline-flex"})});

				//kill the blank features -- dumb problem with our api
				setTimeout(function() {
					$(".feature-list li").each(function() {
						if($(this).html() == "") {
							$(this).remove();
						}

					});
					$(".feature-list li").css({"opacity" : "1"});

				}, 1000);

				//fix svg css problems on ie and safari/ios
				fixSvgs();
				
				//update shop all button text, if set by attribute
				updateShopAllButtonText();
				
				updateShopAllClasses();
				
				//fix iframes
				fixFrame();
				
				//log the platform
				console.log(itsPlato ? "plates" : "socks");
				
				//add a class depending on the platform
				$(".promotion").addClass(itsPlato ? "plates" : "socks");
				
				//Appends text to shop all buttons
				$(".shop-all-button").ready(function() {
					shopAllTextAddOn();
					
				});


				/* -- tabby section -- */
					$(".promo-tab-menu > span").on('click', function(){
					  $(this).closest(".section-tabbed-section").find(".chosen").removeClass("chosen");
					  $(this).add("[data-tab-type='promo-tab-products-" + $(this).html().toLowerCase().trim().replace(/\n/g,"").replace(/\r/g,"").replace(/\t/g,"") + "']").addClass("chosen");
				
					});
					
					$(".promo-tab-menu > span").each(function() {
						if($("[data-tab-type='promo-tab-products-" + $(this).html().toLowerCase().trim().replace(/\n/g,"").replace(/\r/g,"").replace(/\t/g,"") + "'] figure").length < 1) {
							$(this).remove();
						
						}
						
					});
					
					$(".promo-tab-menu span:first-of-type").trigger('click');
					
					
					//js version below
					
					
				$(".section-tabbed-section").each(function(tabbyindex, tabbyElem){
					let prodCats = $(tabbyElem).find(".promo-tab-js-menu span");
					if($(prodCats).length > 0) {
						$.each(prodCats, function(index, value) {
							let prodCat = $(value).html().toLowerCase().trim().replace(/\n/g,"").replace(/\r/g,"").replace(/\t/g,"");
							
							//give the div that holds the prods the proper identifier
							$(tabbyElem)
								.find("[data-tab-js-type]").eq(index)
								.attr("data-tab-js-type", prodCat);
							
							//give the span the proper tab match
							$(value).attr("data-tab-match", prodCat);
							
						});
						
						$(tabbyElem).find("[data-tab-match]").on('click', function() {
							$(tabbyElem).find(".chosen").removeClass("chosen");
								
							$(this).addClass("chosen");
							
							$($(tabbyElem).find("[data-tab-js-type='" + $(this).attr("data-tab-match") + "']")).addClass("chosen");
						
						});
						
						$(prodCats).eq(0).trigger('click');
						
					} else {
						$(tabbyElem).find(".promo-tab-js-menu").remove();
					
					}
				
				});
				
				/* -- end tabby section -- */
					
				
				replaceTextBasedOnShopAllResultsForAllChosenElems();
				
				
				$("scrollbar").on('click', function (e){
					var posX = $(this).offset().left, 
						posY = $(this).offset().top,
						scrollTarget = $(this).parents().find("[data-scroll-target]").eq(0);
						
						var scrollX = (scrollTarget.attr("data-scroll-target") == "x" || scrollTarget.attr("data-scroll-target") == "both" ? true : false),
						scrollY = (scrollTarget.attr("data-scroll-target") == "y" || scrollTarget.attr("data-scroll-target") == "both" ? true : false);
						
					scrollerToClick($(this).get(0), [e.pageX - posX, e.pageY - posY], scrollX, scrollY);
					
				});

				$(".drag-target").each(function (){
					basicMakeScrollable($(this).get(0));
					checkToHideScrollBar($(this));
					
				});

				$(".drag-x-target").each(function (){
					basicMakeScrollable($(this).get(0), true, false);
					checkToHideScrollBar($(this));
					
				});

				$(".drag-y-target").each(function (){
					basicMakeScrollable($(this).get(0), false, true);
					checkToHideScrollBar($(this));
					
				});
				
				$("scrollbutton").on('click', function(){
					sideScrollerButtonClick($(this));
					
				});
				
				//tracks whether a manual click was applied
				var promoButtonGalleryClick = false;

				//change this for frequency of slide change 
				var autoChangingTime = 2000;

				//NEXT BUTTON
				$(".next-promo").on('click',function(e){
					e.stopPropagation();
					promoButtonGalleryClick = true;
					galleryButtonClick("next");
					
				});
				//PREVIOUS BUTTON
				$(".prev-promo").on('click',function(e){
					e.stopPropagation();
					promoButtonGalleryClick = true;
					galleryButtonClick("previous");
					
				});
				
				
				setInterval(function() {
					if(!promoButtonGalleryClick) {
						galleryButtonClick("next");

					}
					promoButtonGalleryClick = false;

				}, autoChangingTime);


				$("[data-change-type]").on('click',
					function() {
						var close = $(".change-close");
						$(close).css("visibility", "visible")

						var logger = "stuff";
						var changeType = $(this).attr("data-change-type");
						var changeTitle = $(".change-title");
						var changeSubtitle = $(".change-subtitle");
						var changeClose = $(".change-close");
						var washerBkgrnd = $(".washer-bg");

						var info = {
							
							"without-agitator" : {
								"title" : "Use Without Agitator",
								"sub" : "Consider removing the 2 in 1 Removable Agitator for delicate items like sweaters, or make space for bulky items like comforters.",
								"bgName" : "bg-change-without-agitator"
							},
							"with-agitator" : {
								"title" : "Use With Agitator",
								"sub" : "The 2 in 1 Removable Agitator can help break down stains on durable fabrics like denim and stubborn stains on uniforms.",
								"bgName" : "bg-change-with-agitator"
							}
							

						};

						$(washerBkgrnd).attr("data-change-bg", info[changeType]["bgName"]
						);

						$(changeTitle).html(
							info[changeType]["title"]
						);

						$(changeSubtitle).html(
							info[changeType]["sub"]

						);


						//set condition for each type
							//remove all selected effects
							//define bkgrnds
							//define text and subtext
						//set function to change bkgrnd per type 
						//set function to change text per type
						//activate close button
						//do selected effect


				});

			
				/*INFO TOOLTIP Buttons*/
				var tooltip = $(".info-tooltip svg");
				var content = $(".tooltip-content");
				
				//LAUNCH TOOLTIP
				$(tooltip).on('click',function(){
					$(".info-close").parent().css('opacity', '0').css('zIndex','1');
					$(this).next(".tooltip-content").css('opacity', '1').css('zIndex', '9');
				});

				//CLOSE BUTTON FOR TOOLTIPS
				$(".info-close").off('click').on('click', function(e){
					e.stopPropagation();
					$(this).parent().css('opacity', '0');
				});
	 
			});
			
			
			function delayLoaded() {
				
				
				setTimeout(function(){
					if(delayLoad > 0) {
						delayLoaded();
					
					}
				
				}, 300);
				
			}
			
			delayLoaded();

			//When window size changes
			$(window).on('resize', function(){
				
				//svg fix for ie and safari/ios mobile
				fixSvgs();
				
				//fix iframes
				fixFrame();

				$(".drag-target").each(function (){
					checkToHideScrollBar($(this));
					
				});

				$(".drag-x-target").each(function (){
					checkToHideScrollBar($(this));
					
				});

				$(".drag-y-target").each(function (){
					checkToHideScrollBar($(this));
					
				});
				
				
			});
			
	</script></script>
					
					
				</div>

			</div>
		</div>
	</div>


<script>

	function promoElemInfoStorage(newAttribute, info, elem = ".promotion") {
		$(elem).attr(newAttribute, info);
	
	}
	
	function promoInfoStorage(newAttribute, info) {
		promoElemInfoStorage(newAttribute, info, "#promo-super-info-elem");
	
	}

	$(document).ready(function() {
		$("body").append(`<div style="display: none;" id="promo-super-info-elem"></div>`);
	
		//mingle id
		promoElemInfoStorage("data-mingle-id", "2060500654");
		promoElemInfoStorage("data-mingle-id-type", ('' == '' ? "mingle_id" : "gremlin_id"));
		promoElemInfoStorage("data-mingle-id-extra", "");
		promoElemInfoStorage("data-all-rebates", "");
		promoElemInfoStorage("data-bonus-rebates", "");
		promoElemInfoStorage("data-template", "dynamic_1 v.1.4 or lower");
		promoElemInfoStorage("data-canonical-url", $(`[property="og:url"]`).attr("content"));
		promoElemInfoStorage("data-pulled-url", "https://www.southbayappliance.com/promotions/whirlpool/2021/10-removable-agitator/savings.html?RANDOM_ID=-169959360&RPI_CLICK=true");
		promoElemInfoStorage("data-multi-page", "");
		promoElemInfoStorage("data-multi-page-adrocket", "no");
		promoElemInfoStorage("data-page-rebates", checkURLCodes(true));
		promoElemInfoStorage("data-promo-url", "/promotions/whirlpool/2021/10-removable-agitator");
		promoElemInfoStorage("data-promo-inherited-url", "");
		promoElemInfoStorage("data-promo-title", "Whirlpool&reg; Top Load Washer Innovation");
		promoElemInfoStorage("data-promo-description", "Industry-First 2 in 1 Removable Agitator");
		promoElemInfoStorage("data-promo-date", "");
		promoElemInfoStorage("data-promo-social-url", "/promotions/whirlpool/2021/10-removable-agitator");
		promoElemInfoStorage("data-promo-hero-url", "");
		
		//add info storage for inner page content
		promoInfoStorage("data-promo-disclaimer", $(".dislcaimer-section p").html());
		if($("#promo-super-info-elem").attr("data-promo-disclaimer") == "") {
			promoInfoStorage("data-promo-disclaimer", $(".dislcaimer-section").html());
		
		}
		
		promoInfoStorage("data-css-url", "");
		promoInfoStorage("data-promo-image-url", "");
		promoInfoStorage("data-image-url", "/promotions/whirlpool/2021/10-removable-agitator");
		promoInfoStorage("data-promo-image-path", "");
		
		
		promoInfoStorage("data-promo-designer", "Chris");
		
		promoInfoStorage("data-promo-lvl4-id", "2060500654");
		promoInfoStorage("data-promo-ar-id", "412614326");
		promoInfoStorage("data-promo-aro-id", "995655304");
		
		
		promoInfoStorage("data-promo-page-type", "");
		
		
		promoInfoStorage("promo-first-query", "whirl:WTW5057LW");
		promoInfoStorage("promo-second-query", "whirl:WTW8127LW");
		promoInfoStorage("promo-third-query", "");
		promoInfoStorage("promo-fourth-query", "");
		promoInfoStorage("promo-fifth-query", "");

		promoInfoStorage("promo-sixth-query", "");
		promoInfoStorage("promo-seventh-query", "");
		promoInfoStorage("promo-eighth-query", "");
		promoInfoStorage("promo-nineth-query", "");
		promoInfoStorage("promo-tenth-query", "");
		
		promoInfoStorage("promo-eleventh-query", "");
		promoInfoStorage("promo-twelveth-query", "");
		promoInfoStorage("promo-thirteenth-query", "");
		promoInfoStorage("promo-fourteenth-query", "");
		promoInfoStorage("promo-fifteenth-query", "");
		
		promoInfoStorage("promo-sixteenth-query", "");
		promoInfoStorage("promo-seventeenth-query", "");
		promoInfoStorage("promo-eighteenth-query", "");
		promoInfoStorage("promo-nineteenth-query", "");
		promoInfoStorage("promo-twentieth-query", "");
		
		
	});

		
	$("html").attr(`data-promo-tool-box`, `inactive`);
	
	function fixDumbExtensionConflict() {
	
	   var script = document.createElement('script');
	   script.setAttribute('src', '/promotions/assets/help/demo_v3.js');
	   script.setAttribute('type', 'text/javascript');
	   document.getElementsByTagName('head')[0].appendChild(script);
	   if(!window.location.href.includes("appliances.dev")) {
		   $('head').append('<link rel="stylesheet" href="/promotions/assets/help/css/all.css?ccid=x7259ae1b" type="text/css" />');
	   
	   }

	}

	function checkForToolBox(count=0) {
		
	
		if($("html").attr("data-promo-tool-box") == "active") {
			fixDumbExtensionConflict();

		} else if(count > 0) {
			setTimeout(function() {
				checkForToolBox(--count);

			}, 2000);

		}

	}

	checkForToolBox(15);
	
</script>


	 <!-- FOOTER -->
 

<footer id="footer-wrap" class="container-fluid">
	<div class="row">
		<div class="boxed-container">
				<div class="footer-main-content-wrap">
					

					<div class="row">
						<div id="footer-about-store-text" class="col-sm-12 hidden-xs">
								

							</div>

						<div id="footer-contact-info-container" class="col-sm-8 col-xs-12 flex-display flex-wrap">	
								

<div class="col-xs-12">
			<p class="section-header">Contact Us</p>
		</div>
	<div class="col-md-4 col-sm-6 col-xs-12">
					<div class="flex-display flex-wrap">
						<div class="cur-location flex-auto">
							<p>
									<a href="/locations/redondo.html" aria-label="Link to store locations">
										<strong>South Bay Appliance - Showroom</strong>
											<br>
										1640 W. Redondo Beach Blvd.
										
										<br>
										Gardena, CA 90247
									</a>
								</p>
							
							<p>
									
											
											(310) 323-7037
											
										<br>
								</p>
							
							<p>
									
										info@southbayappliance.com
										<br>
								</p><tr>
				<td>Tuesday</td>
				<td>
					9:00 AM - 6:00 PM<br>					
				</td>
			</tr><tr>
				<td>Wednesday</td>
				<td>
					9:00 AM - 6:00 PM<br>					
				</td>
			</tr><tr>
				<td>Thursday</td>
				<td>
					9:00 AM - 6:00 PM<br>					
				</td>
			</tr><tr>
				<td>Friday</td>
				<td>
					9:00 AM - 6:00 PM<br>					
				</td>
			</tr><tr>
				<td>Saturday</td>
				<td>
					10:00 AM - 4:00 PM<br>					
				</td>
			</tr><tr>
				<td>Sunday</td>
				<td>
					Closed<br>					
				</td>
			</tr><tr>
				<td>Monday</td>
				<td>
					9:00 AM - 6:00 PM<br>					
				</td>
			</tr>
		<a href="/locations.html" title="Store Info"><img src="/images/storefront.jpg?ccid=x7259ae1b" alt="South Bay Appliance Showroom" class="img-responsive m-t-20 m-b-20"></a>
						</div>
					</div>
				</div><div class="col-md-4 col-sm-6 col-xs-12">
					<div class="flex-display flex-wrap">
						<div class="cur-location flex-auto">
							<p>
									<a href="/locations/redondo2.html" aria-label="Link to store locations">
										<strong>South Bay Appliance - Parts & Repair</strong>
											<br>
										1640 W. Redondo Beach Blvd.
										
										<br>
										Gardena, CA 90247
									</a>
								</p>
							
							<p>
									
											
											(310) 323-7037
											
										<br>
								</p>
							
							<p>
									
										info@southbayappliance.com
										<br>
								</p><tr>
				<td>Tuesday</td>
				<td>
					9:00 AM - 6:00 PM<br>					
				</td>
			</tr><tr>
				<td>Wednesday</td>
				<td>
					9:00 AM - 6:00 PM<br>					
				</td>
			</tr><tr>
				<td>Thursday</td>
				<td>
					9:00 AM - 6:00 PM<br>					
				</td>
			</tr><tr>
				<td>Friday</td>
				<td>
					9:00 AM - 6:00 PM<br>					
				</td>
			</tr><tr>
				<td>Saturday</td>
				<td>
					10:00 AM - 1:00 PM<br>					
				</td>
			</tr><tr>
				<td>Sunday</td>
				<td>
					Closed<br>					
				</td>
			</tr><tr>
				<td>Monday</td>
				<td>
					9:00 AM - 6:00 PM<br>					
				</td>
			</tr>
		<a href="/locations.html" title="Store Info"><img src="/images/storefront.jpg?ccid=x7259ae1b" alt="South Bay Appliance Showroom" class="img-responsive m-t-20 m-b-20"></a>
						</div>
					</div>
				</div>


							</div>
						
						<div class="col-sm-4 col-xs-12">	

								
								<div id="footer-sub-nav">
				<p class="section-header">Customer Service</p>		
				<ul class="list-unstyled">
					<li><a href="/about_us.html" title="About Us">About Us</a></li>
					<li><a href="/locations.html" title="South Bay Appliance Locations">Contact Us</a></li>
					<li><a href="/service.html" title="Service Request">Service Request</a></li>
					<li><a href="/parts.html" title="Parts Request">Parts Request</a></li>
					<li><a href="/financing.html" title="Financing">Financing</a></li>
					<li><a href="/promotions.html" title="Promotions">Promotions</a></li>
					<li><a href="/customer/sign_in.html" title="My Account">My Account</a></li>		
					
					<li><a href="/policies.html" title="Privacy Policy">Privacy Policy</a></li>
					<li><a href="/terms_of_service.html" title="Terms of Service">Terms of Service</a></li>
					<li><a href="/accessibility.html" title="Accessibility">Accessibility</a></li>
					<li><a href="/asitemap.html">Site Map</a></li>
				</ul>
			</div>
							</div> <!-- /col -->
					</div>
				</div>

				<div class="modal fade" tabindex="-1" role="dialog" id="ccpa-modal">
    <div class="modal-dialog modal-dialog-centered" role="document">
         <div class="modal-content">
              <div class="modal-header">
                   <h3 class="modal-title float-left text-black">Your Privacy Rights</h3>
                   <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                   </button>
              </div>
              <div class="modal-body text-black">
                   <p class="text-black">South Bay Appliance respects your privacy and use your information with
                        discretion. Some of the ways we use your information is to deliver a
                        high-quality shopping experience, communicate with you, and assist you as
                        you search for the products and services we provide.</p>
                   <p style="margin-bottom: 0;" class="text-black"><strong>Your Privacy Rights</strong> You have the
                        right to:</p>
                   <ul>
                        <li>Request we disclose the personal information we collect about you.</li>
                        <li>Request we delete any personal information we collect about you.</li>
                        <li>Opt-out of any sale of Your information.</li>
                   </ul>
                   <p class="text-black">Complete the following form to submit your request. Please note, you can only
                        submit one type of request at a time. Once your request has been received,
                        we’ll verify your identity and review your request. Form Fields: (all are
                        required unless stated otherwise)</p>

                   <form id="CCPA_OPT_OUT" name="CCPA_OPT_OUT" onsubmit="SurveySubmitter.submit(event, this, false, onCcpaSubmit);" method="POST" novalidate="novalidate">
                    <input type="hidden" name="SURVEY_NAME" value="CCPA_OPT_OUT">
                    <input type="hidden" name="ERR_MESSAGE_SUBMIT" value="An error has occurred while processing the survey data.">
                    <input type="hidden" name="ERR_MESSAGE_RECAPTCHA" value="Rejected for bad captcha.">
               <div class="form-group">
                       <label for="CCPA_FIRST_NAME" class="form-label required">First Name</label>
                       <input class="form-control required" type="text" name="FIRST_NAME" id="CCPA_FIRST_NAME" value="" required/>
                   </div>

               <div class="form-group">
                       <label for="CCPA_LAST_NAME" class="form-label required">Last Name</label>
                       <input class="form-control required" type="text" name="LAST_NAME" id="CCPA_LAST_NAME" value="" required/>
                   </div>

               <div class="form-group">
                       <label for="CCPA_ADDRESS" class="form-label required">Address</label>
                       <input class="form-control required" type="text" name="ADDRESS" id="CCPA_ADDRESS" value="" required/>
                   </div>

               <div class="form-group">
                       <label for="CCPA_ADDRESS_2" class="form-label">Address Line 2 (optional)</label>
                       <input class="form-control" type="text" name="ADDRESS_2" id="CCPA_ADDRESS_2"/>
                   </div>

               <div class="form-group">
                       <label for="CCPA_STATE" class="form-label required">State of Residence</label>
                       <input class="form-control required" type="text" name="STATE" id="CCPA_STATE" value="" required/>
                   </div>

               <div class="form-group">
                       <label for="CCPA_ZIP_CODE" class="form-label required">Zip Code</label>
                       <input class="form-control required" type="text" name="ZIP_CODE" id="CCPA_ZIP_CODE" value="" required/>
                   </div>

               <div class="form-group">
                       <label for="CCPA_COUNTRY" class="form-label required">Country</label>
                       <input class="form-control required" type="text" name="COUNTRY" id="CCPA_COUNTRY" required/>
                   </div>

               <div class="form-group">
                         <label for="CCPA_EMAIL" class="form-label required">Email</label>
                         <input class="form-control required" type="email" name="EMAIL" id="CCPA_EMAIL" value="" local-email-storage required/>
                    </div>
                        
               <div class="form-group">
                         <label for="CCPA_PHONE" class="form-label">Phone (optional)</label>
                         <input class="form-control" type="tel" name="PHONE" id="CCPA_PHONE"/>
                    </div>
               
               <div class="form-group">
                         <label for="REQUEST_TYPE" class="form-label required">Request Type</label>
                         <select required rws_required_description="REQUEST_TYPE" class="form-control required" id="REQUEST_TYPE" name="REQUEST_TYPE">
                              <option value="" selected="selected">Select One</option>
                              <option value="Disclose my personal information to me">Disclose my personal information to me</option>
                              <option value="Delete my personal information">Delete my personal information</option>
                              <option value="Opt out of the sale of my personal information">Opt out of the sale of my personal information</option>
                         </select>
                    </div>

               <div class="pad-top pad-bottom margin-bottom">
                         
<div class="captcha_wrap">
    <div class="g-recaptcha" data-sitekey="6LcII8YSAAAAAL8qPMXHvYGmrrvuz-jz6K7olooV"></div>
</div>
                   </div>

               <div class="form-group">
                       <input class="btn btn-primary btn-block btn-lg" type="submit" value="Send" />
                                  <input type="hidden" name="MAILTO" value="info@southbayappliance.com, clint@southbayappliance.com, randy@southbayappliance.com, vincent@southbayappliance.com">
                                  <input type="hidden" name="TIMESTAMP" id="CCPA_TIMESTAMP" value="07/05/2022 02:12::37 AM EST"/>
                                  <input type="hidden" name="MAILSOURCE" value="CCPA Privacy Rights Request" />
                       <input type="hidden" name="MAILORDER" value="FIRST_NAME|LAST_NAME|ADDRESS|ADDRESS_2|STATE|ZIP_CODE|COUNTRY|EMAIL|PHONE|REQUEST_TYPE|TIMESTAMP" />
                   </div>
                   </form>
                   <div class="success-message" style="display: none;"><h3 class="text-success">Privacy Request Submitted!</h3></div>
                   <div class="error-message text-danger" style="display: none;"><h3 class="text-danger">There was an error submitting your request, please try again later.</h3></div>
              </div>
         </div>
    </div>
</div>

				<div class="row">
						<div id="footer-sign-in" class="col-xs-12">
							
						</div> <!-- /col -->
					</div>  <!-- /row -->

				<div class="row">
						<img src="/images/nationwide.png?ccid=x7259ae1b" alt="South Bay Appliance Showroom" class="img-responsive center-block p-l-10 p-r-10 m-b-20"></a>
						<div id="footer-screen-reader" class="col-xs-12">
							<p>
								Welcome to our website! As we have the ability to list over one million items on our website (our selection changes all of the time), it is not feasible for a company our size to record and playback the descriptions on every item on our website.
								However, if you  are an American with a disability we are here to help you. Please call our disability services phone line at 310-323-7037 during regular business hours and one of our kind and friendly personal shoppers will help you navigate through our website, help conduct advanced searches, help you choose the item you are looking for with the specifications you are seeking, read you the specifications of any item and consult with you about the products themselves. There is no charge for the help of this personal shopper for any American with a disability. Finally, your personal shopper will explain our Privacy Policy and Terms of Service, and help you place an order if you so desire.
							</p>
						</div>  <!-- /col -->
					</div>  <!-- /row -->

				<div id="footer-copyright" class="row">
						<div class="col-xs-12">	
							<p>
										&copy; 2022 <a href="http://www.allyourretail.com/" rel="noopener" target="_blank" class="corporate-id">All Your Retail </a> All Rights Reserved&nbsp;|&nbsp;Powered by AllYourRetail.com
									</p>
						</div> <!-- /col -->
					</div>  <!-- /row -->	
			</div>
	</div>


</footer>
<script type="text/javascript" src="/js/ccpa_dialog.js?ccid=x7259ae1b"></script>


	<script type="text/javascript" src="/common_js/marketing_video_analytics.js?ccid=x7259ae1b"></script>


	<!-- ------ ---- -- -- -- ------- -->
	<!-- ------ ---- -- -- -- ------- -->

	<!-- needed, dont removed!!! -->
	

    <!-- OwnerIQ Analytics tag -->
		<script type="text/javascript">
		var _oiqq = _oiqq || [];
		_oiqq.push(['oiq_doTag']);

		(function() {
		var oiq = document.createElement('script'); oiq.type = 'text/javascript'; oiq.async = true;
		oiq.src = document.location.protocol + '//px.owneriq.net/stas/s/cxq98v.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(oiq, s);
		})();
		</script></script>
		<!-- End OwnerIQ tag -->
		<!-- END Netsertive GTM Code -->

		<!-- Google Translate -->
		<script type="text/javascript">
		function googleTranslateElementInit() {
		new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');}
		</script></script>

		<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>	
		<!-- /Google Translate -->

    <script>
            document.addEventListener('DOMContentLoaded', function() {
                const ema_prices_on_page = document.querySelectorAll('span.ema_price[data-ema-res]');
                if (ema_prices_on_page.length) {
                    ema_prices_on_page.forEach(item => {
                        let price_obj = JSON.parse(item.dataset.emaRes);
                        let regExp = /[a-zA-Z]/g;
                        if (!regExp.test(price_obj.regular)) {
                            item.innerText = price_obj.regular;
                        } else item.closest('.model-price-regular').classList.add('hidden');
                    });
                }

                const ema_savings_on_page = document.querySelectorAll('span.ema_savings[data-ema-res]');
                if (ema_savings_on_page.length) {
                    ema_savings_on_page.forEach(item => {
                        let price_obj = JSON.parse(item.dataset.emaRes);

                        let has_discount = price_obj.hasOwnProperty('discount');
                        if (has_discount) {
                            item.innerText = price_obj.discount;
                            item.classList.remove('hidden');
                            item.parentElement.querySelector('span.hidden').classList.remove('hidden');
                        }
                    });
                }
            });
        </script>

    
    <script>
        var store_phones = ['310-323-7037'.replace(/\D+/gm, '')];
		
        store_phones.push('(310) 323-7037'.replace(/\D+/gm, ''));store_phones.push('(310) 323-7037'.replace(/\D+/gm, ''));
    </script>

    <script>
            function downloadJSAtOnload(){var element=document.createElement("script");element.src="/js/min/async.js";document.body.appendChild(element)}if(window.addEventListener)window.addEventListener("load",downloadJSAtOnload,!1);else if(window.attachEvent)window.attachEvent("onload",downloadJSAtOnload);else window.onload=downloadJSAtOnload
        </script>

    <script>
            var nav_left_original_width=0;function toggleSubNav(){var subnav_container=$('#header-secondary-nav-container').outerWidth();var nav_right=$('#secondary-nav-content .navbar-right').outerWidth();var break_nav=(nav_left_original_width+nav_right+2>=subnav_container);if(break_nav){$('#header-secondary-nav-container').addClass('collapsed-subnav')}else{$('#header-secondary-nav-container').removeClass('collapsed-subnav')}}

            $(document).ready(function () {
                nav_left_original_width=$('#secondary-nav-content .navbar-left').outerWidth();toggleSubNav();

                $('#nav-primary > ul > li').on('click', function(e){var menu=$(this);var off=menu.position();var l=off.left;var w=$(this).find('.megamenu-content').outerWidth();var container=$("#nav-primary").width();var isEntirelyVisible=(l+w<container);if(!isEntirelyVisible){$(this).addClass('edge')}});if(!!$().dropdownHover){$('#nav-primary > ul > li').on('mouseenter',function(e){if(!($(this).position().left+$(this).find('.megamenu-content').outerWidth()<$("#nav-primary").width()))$(this).addClass('edge')})}

                var subNavslideOut=$('[data-toggle=collapse-side]');var sel=subNavslideOut.attr('data-target');subNavslideOut.on('click', function(event){$(sel).toggleClass('in')})

                $('.carousel').find('.item').first().addClass('active');

                if($(".model-out-of-cart-message").length){$(".model-out-of-cart-message").popover({
                        title:"<strong class='font-14'>Why do I have to wait for the price?</strong>",content:"<p class='font-12'>Some manufacturers restrict how we may display our online prices. Don\'t worry; you can remove the item from your cart if you decide not to buy it.</p>",html:!0
                    })}

                if ($(".nav-tabs").length){
                    $(".nav-tabs li:first").addClass("active");

                    if (document.querySelectorAll(".tab-content").length) {
                        document.querySelectorAll(".tab-content").forEach(tabGroup => {
                            tabGroup.querySelector(".tab-pane").classList.add("active");
                        });
                    };

                    $(".dotdotdot").dotdotdot({watch:"true",height:"50px"});

                    $('a[data-toggle="tab"]').on('shown.bs.tab',function(e) {
                        $(".dotdotdot").dotdotdot({watch:"true",height:"50px"})
                    });
                }

                $('body').append('<div id="page-go-to-top" class="btn btn-lg animated" role="button" aria-label="Scroll to top" tabindex="0"><i class="fa fa-angle-up"></i></div>');$(window).on('scroll',function(){if($(this).scrollTop()!=0){$('#page-go-to-top').addClass('fadeInUp').removeClass('fadeOutDown').fadeIn('slow')}else{$('#page-go-to-top').addClass('fadeOutDown').removeClass('fadeInUp').fadeOut('slow')}});$('#page-go-to-top').on('click', function(){$('html, body').animate({scrollTop:0},700);return!1})
                    document.getElementById("page-go-to-top").addEventListener("keyup", function(event) {
                        if (event.key === "Enter") {
                            $('html, body').animate({scrollTop:0},700);
                        }
                    });

                
            });

            $(window).on('resize', function(){toggleSubNav()})

            $(window).on('load', function(){toggleSubNav()});

        </script>

    
    <script>
        // ReCaptcha API
        document.addEventListener("DOMContentLoaded", function() {
        // ie polyfill for element.closest()
        if (!Element.prototype.matches) {
        Element.prototype.matches =
            Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
        }
        if (!Element.prototype.closest) {
        Element.prototype.closest = function(s) {
            var el = this;
            do {
            if (Element.prototype.matches.call(el, s)) return el;
            el = el.parentElement || el.parentNode;
            } while (el !== null && el.nodeType === 1);
            return null;
        };
        }

        // append recaptcha script only if needed, on form focus
        var recaptchaExists = !!document.querySelector(".g-recaptcha");
        if (!recaptchaExists) return;
        var recaptchas = document.querySelectorAll(".g-recaptcha");
        for (var i = 0; i < recaptchas.length; i++) {
            recaptchas[i].closest("form").addEventListener("focusin", appendRecaptchaScript);
        };

        function appendRecaptchaScript() {
            var script = document.createElement("script");
            script.src = "https://www.google.com/recaptcha/api.js";
            script.type = "text/javascript";
            document.querySelector("head").appendChild(script);
            for (var i = 0; i < recaptchas.length; i++) {
                recaptchas[i].closest("form").removeEventListener("focusin", appendRecaptchaScript);
            };
        };
    });
    </script>

    <script>
        var dialog = null;

function launchDialog(id, classes, require_input, after_dialog_action)
{
	var modal_config = {};
	modal_config.show = 'true';
	if ( require_input == true )
	{
		modal_config.backdrop = 'static';
		modal_config.keyboard ='false'
	}
	
	$('#'+id).modal(modal_config);
	
	var invisible_node = document.getElementById(id);

	if ( invisible_node == null ) return;

	var close_elements = invisible_node.getElementsByClassName("close_action");

	if (after_dialog_action != null && after_dialog_action != undefined)
	{
		$('#'+id).on('hidden.bs.modal', after_dialog_action);
	}

	if (require_input)
	{
		for ( var i = 0; i < close_elements.length; i++ )
		{
			// Prevent Bootstrap modal close
			close_elements[i].setAttribute("data-dismiss", "null");
			
			close_elements[i].onclick = function()
			{
				document.getElementById("prevent_close_deanonymize").className = document.getElementById("prevent_close_deanonymize").className.replace("hidden", "");
				document.getElementById("prevent_close_deanonymize_content").innerHTML = 'Information is required to view this content. <a href="javascript:goBackOrSendToIndexPage();">Take me back.</a>';
				document.getElementById("prevent_close_authenticate").className = document.getElementById("prevent_close_authenticate").className.replace("hidden", "");
				document.getElementById("prevent_close_authenticate_content").innerHTML = 'An account is required to view this content. <a href="javascript:window.history.back();">Take me back.</a>';
				document.getElementById("prevent_close_sign_in").className = document.getElementById("prevent_close_sign_in").className.replace("hidden", "");
				document.getElementById("prevent_close_sign_in_content").innerHTML = 'Sign in or create an account to view this content and much more! <a href="javascript:goBackOrSendToIndexPage();">Take me back.</a>';
			}
		} 
	}
}


// Email saving/storing for Level 4
function emailStorer()
{
	var ret = new Object();
	
	function normalizeEmail(email)
	{
		if ( email == null ) return null;
		email = email.toLowerCase().trim();
		
		if ( email.length == 0 ) return null;
		if ( email.indexOf("@") < 0 ) return null;
		if ( email.indexOf(".") < 0 ) return null;
		
		return email;
	}

	function upsertEmailIntoLocalStorage(email_element_id)
	{
		var email = document.getElementById(email_element_id).value;
		
		//Check if local storage is supported
		if (typeof Storage === "undefined") 
		{
			console.log("Local storage unsupported");
			return;
		}

		email = normalizeEmail(email);

		if (!email) return;

		localStorage.setItem('rws_pp_email', JSON.stringify(email));
		
		setEmailCookieFromLocalStorage();
	}

	function getSimpleEmailFromLocalStorage()
	{
		var email_string = localStorage.getItem('rws_pp_email');
		
		if (!email_string) return "";
		
		return email_string;
	}

	function setEmailCookieFromLocalStorage()
	{
		document.cookie = "RWS_CONSUMER_EMAIL=" + JSON.stringify(getSimpleEmailFromLocalStorage());
	}

	function getAllItemsForLocalStorage()
	{
		return document.querySelectorAll("[local-email-storage]");
	}

	function closeOnBlur(email_id)
	{
		 return function() { doOnBlur(email_id) };
	}

	function doOnBlur(email)
	{
		try 
		{
			upsertEmailIntoLocalStorage(email);
		}
		catch (e) 
		{
			alert('Your web browser does not support storing settings locally. In Safari, the most common cause of this is using "Private Browsing Mode". Some  features may not work properly for you.');
		}
		
	}

	ret.setupEmailInputs = function()
	{
		var local_storage_elements = getAllItemsForLocalStorage();

		for (var i = 0; i < local_storage_elements.length; i++)
		{
			var email_id = local_storage_elements[i].id;
			local_storage_elements[i].onblur = closeOnBlur(email_id)
		}
	}
	
	return ret;
}

emailStorer().setupEmailInputs();


        function onMyAccountClick()
{
	var elem = document.getElementById("nav_sign_in");
	if ( elem == null ) elem = document.getElementById("nav_signed_in")
	var display = elem.parentNode.style.display;
	if ( display == "block" )
	{
		elem.parentNode.style.display = "none";
	}
	else
	{
		elem.parentNode.style.display = "block";
	}
}

// add a unique variable to each button to distinguish which login instance is used
$(function(){
	$('.sign-in-button').each(function(i){
		$(this).attr('href', 'javascript:onHeaderSignIn2(' + i + ')')
	})
})

function onHeaderSignIn2(instance)
{
	var email = document.getElementsByClassName("header-sign-in-email")[instance].value;
	var p = document.getElementsByClassName("header-sign-in-password")[instance].value;

	var form = createElement("form");
	form.appendChild(createElement('input', {'name':'email', 'value':email}));
	form.appendChild(createElement('input', {'name':'password', 'value':p}));

	var data = new FormData(form);
	rwsAJAXPostFormAJAXWithWaitFade('/profile/log-in-account', data, onResponse);

	function onResponse(response)
	{
		if (response.success)
		{
			location.reload();
		}
		else
		{
			document.getElementsByClassName('menu-sign-in-error')[instance].className = document.getElementsByClassName('menu-sign-in-error')[instance].className.replace("hidden", "");

			document.getElementById("nav_sign_in").parentNode.style.display = "block";
		}
	}
}

function onHeaderSignIn()
{
	var form = createElement("form");
	form.appendChild(createElement('input', {'name':'email', 'value':document.getElementById("HEADER_SIGN_IN_EMAIL").value}));
	form.appendChild(createElement('input', {'name':'password', 'value':document.getElementById("HEADER_SIGN_IN_PASSWORD").value}));

	var data = new FormData(form);
	rwsAJAXPostFormAJAXWithWaitFade('/profile/log-in-account', data, onResponse);

	function onResponse(response)
	{
		if (response.success)
		{
			location.reload();
		}
		else
		{
			document.getElementById("menu_sign_in_error").className = document.getElementById("menu_sign_in_error").className.replace("hidden", "");

			document.getElementById("nav_sign_in").parentNode.style.display = "block";
		}
	}
}

function onSignOut()
{
	rwsAJAXPostFormAJAXWithWaitFade('/profile/log-out-account', null, onResponse);

	function onResponse(response)
	{
		if (response.success)
		{
			document.location = '/index.html'

			// alert("You are now signed out");
			// location.reload();
		}
		else
		{
			alert("Error Signing Out");
		}
	}
}

    </script>
    
    
<div id="sign_in_modal" class="modal fade profile-modal">
	<div class="modal-dialog" role="document">
		<div class="modal-content">

			<div class="modal-header">
				<button type="button" class="close close_action" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			</div>

			 <div class="modal-body">
				<div id="sign_in_content">

					<div class="modal-title align-center">
							<p class="font-32 font-bold lead text-primary">Sign In</p>
							<p class="lead font-muted">
								<strong>
									Account Holders Always Get More!
								</strong>
								<br>
								<span>
									Some areas of our site are limited account holders only.
								</span>
							</p>
						</div>

					<form id="profile_sign_in_modal" class="profile pad">
						
						<div id="warning_container" class="alert alert-danger hidden">
							<p class="align-center"><strong>Your email address and password do not match.</strong> Please try again or <a href="/customer/FORGOT_PASSWORD.html">reset your password.</a></p>
						</div>

						<div id="prevent_close_sign_in" class="alert alert-danger hidden">
							<p id="prevent_close_sign_in_content">Sign in or create an account to view this content and much more! <a href="javascript:goBackOrSendToIndexPage();">Take me back.</a></p>
						</div>

						<div class="form-group">
							<label class="form-label control-label" for="SIGN_IN_MODAL_EMAIL">Email Address<span class="red"></span></label>
							<input class="form-control input-lg required" type="email" name="SIGN_IN_MODAL_EMAIL" id="SIGN_IN_MODAL_EMAIL" value="" required local-email-storage />
						</div>

						<div class="form-group">
							<label class="form-label control-label" for="SIGN_IN_MODAL_PASSWORD">Password</label>
							<input class="form-control input-lg required" type="password" name="SIGN_IN_MODAL_PASSWORD" id="SIGN_IN_MODAL_PASSWORD" required />
						</div>

						<div class="form-group">
							<p class="align-right">
								<a href="/customer/forgot_password.html" title="Forgot your password?">Forgot your password?</a>
							</p>
						</div>

						<div class="clearfix">&nbsp;</div>

						<div class="form-group">
							<a class="btn btn-primary btn-block btn-lg" href="javascript:onSignInDialogSubmit();">Sign In</a>
						</div>
						
						<div class="divide-msg-container">
							<strong class="divide-msg">New Customer?</strong>
						</div>
						
						<div class="form-group align-center">
							<a class="btn btn-default btn-outline" role="button" href="/customer/create_account.html">Create a New Account</a>
						</div>
					</form>
				</div> <!-- /sign_in_content -->

				<div id="sign_in_content_confirmation" class="hidden">
					<div class="modal-title align-center">
						<p class="lead">
							<strong class="font-32 block text-primary">Welcome, <span id="sign_in_consumer_name"></span></strong>
						</p>
					</div>

					<div class="align-center">
						<p class="lead">
							<span class="block">You are now signed in.</span>
							<span class="font-muted">Now you can access all the account-holder only content.</span>
						</p>
						<div class="clearfix">&nbsp;</div>
						<p>
							<button class="btn btn-primary" type="button" data-dismiss="modal" aria-label="Continue Shopping">Continue Shopping</button>
						</p>

						<div class="clearfix">&nbsp;</div>

						<div class="col-md-8 col-md-offset-2">
							<hr class="with-or">
						</div>

						<div class="clearfix">&nbsp;</div>
						<p>
							<a href="/customer/account_details.html"><strong>Manage Account</strong></a>
						</p>
					</div>
				</div>
			</div> <!-- /modal-body -->
		</div>
	</div>
</div>

<script>
	function onSignInDialogSubmit()
{
	var required_elements = document.getElementById('sign_in_modal').getElementsByClassName("required");

	for ( var i = 0; i < required_elements.length; i++ )
	{
		if (!required_elements[i].value || required_elements[i].value == null || required_elements[i].value.length == 0)
		{
			$(required_elements).parent(".form-group").addClass("has-error");
			document.getElementById("prevent_close_sign_in").className = document.getElementById("prevent_close_sign_in").className.replace("hidden", "");
			document.getElementById("prevent_close_sign_in_content").innerHTML = "Please fill out all required fields.";
			return;
		}
	}

	var form = createElement("form");
	form.appendChild(createElement('input', {'name':'email', 'value':document.getElementById("SIGN_IN_MODAL_EMAIL").value}));
	form.appendChild(createElement('input', {'name':'password', 'value':document.getElementById("SIGN_IN_MODAL_PASSWORD").value}));

	var data = new FormData(form);
	rwsAJAXPostFormAJAXWithWaitFade('/profile/log-in-account', data, onResponse);

	function onResponse(response)
	{
		if (response.success)
		{
			document.getElementById("sign_in_content_confirmation").className = document.getElementById("sign_in_content_confirmation").className.replace("hidden", "");
			document.getElementById("sign_in_content").className += " hidden";

			document.getElementById("sign_in_consumer_name").innerHTML = response.name;

			if (dialog) dialog.close();

			// check if user signed in from wishlist CTA
			if (sessionStorage.getItem('wishlist_item_add')) {
				// let the browser know that we need to add an item to wishlist upon reload (once we have access to consumer_profile_id)
				sessionStorage.setItem('wishlist_add_success', 'true');

				$('#sign_in_modal').on('hidden.bs.modal', function() {
					window.location.reload();
				});
			};
		}
		else
		{
			document.getElementById("warning_container").className = document.getElementById("warning_container").className.replace("hidden", "")
		}
	}
}

function goBackOrSendToIndexPage()
{
    var last_url = document.referrer;

	// if the last url navigates them away from the site, send them to the index page
	if ( last_url && last_url.indexOf('www.southbayappliance.com') == -1 )
	{
		document.location = 'www.southbayappliance.com';
	}

	window.history.back();
}
</script>

	        
<div id="authentication_modal" class="modal fade profile-modal">
	<div class="modal-dialog" role="document">
		<div class="modal-content">

			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			</div>

			 <div class="modal-body">
				<div id="authentication_content">

					<div class="modal-title align-center">
							<p class="font-32 font-bold lead text-primary">Create an Account</p>
							<p class="lead font-muted"><strong>Members Always Get More!</strong><br> Create an account today to get access to our member only deals!</p>
						</div>

					<form id="profile_authentication" class="profile pad_content">

						<div id="authentication_error" class="alert alert-danger hidden">
							<p>
								<strong id="auth_error_title">We Recognize Your Email</strong><br>
								<span id="auth_error_desc">It looks like there is already an account associated with your email address. Please try a different email address or reset your password.</span>
							</p>
						</div>

						<div id="prevent_close_authenticate" class="alert alert-danger hidden">
							<p id="prevent_close_authenticate_content" class="no_margin font_bold">An account is required to view this content. <a href="javascript:window.history.back();">Take me back.</a></p>
						</div>

						<div class="form-group">
									<label class="form-label control-label" for="AUTHENTICATION_MODAL_NAME">Name<span class="red">*</span></label>
									<input class="form-control required" type="text" name="AUTHENTICATION_MODAL_NAME" id="AUTHENTICATION_MODAL_NAME" required value="" />
								</div>

						<div class="form-group">
									<label class="form-label control-label" for="AUTHENTICATION_MODAL_EMAIL">Email / Username<span class="red">*</span></label>
									<input class="form-control required" type="email" name="AUTHENTICATION_MODAL_EMAIL" id="AUTHENTICATION_MODAL_EMAIL" value="" required local-email-storage onfocus="setupEmailInputs()" />
									<p class="help-block">Use this email address as your username the next time you log in.<p>
								</div>

						<div class="form-group">
							<label class="form-label control-label" for="AUTHENTICATION_MODAL_PASSWORD">Password<span class="red">*</span></label>
							<input class="form-control required" type="password" name="AUTHENTICATION_MODAL_PASSWORD" id="AUTHENTICATION_MODAL_PASSWORD" onkeyup="authenticationPasswordTest()" required />
							<p class="help-block">Password must be at least 8 characters</p>
						</div>

						<div class="form-group">
							<label class="form-label control-label" for="AUTHENTICATION_MODAL_PASSWORD_CONFIRM">Confirm Password<span class="red">*</span></label>
							<input class="form-control required" type="password" name="AUTHENTICATION_MODAL_PASSWORD_CONFIRM" id="AUTHENTICATION_MODAL_PASSWORD_CONFIRM" onkeyup="authenticationPasswordTest()" required />

							<p class="help-block"><span id="authentication_password_match_warning" class="text-danger">&nbsp;</span></p>
						</div>

						
						<div class="form-group checkbox checkbox-primary border-top border-bottom p-t-10 p-b-10 ">
							<input type="checkbox" class="required" name="AUTHENTICATION_MODAL_OPT_IN" id="AUTHENTICATION_MODAL_OPT_IN" required />
							<label for="AUTHENTICATION_MODAL_OPT_IN">I hereby understand and agree to the <a href="/terms_of_service.html" target="_blank" title="Terms of Service">Terms of Service</a> and <a href="/policies.html" target="_blank" title="Privacy Policy">Privacy Policy</a>.</label>
						</div>

						<div class="clearfix">&nbsp;</div>

						<div class="form-group">
							<a class="btn btn-primary btn-block btn-lg" href="javascript:onAuthenticationDialogSubmit();">Create My Account</a>
						</div>

						<div class="divide-msg-container">
							<strong class="divide-msg">Already have an account?</strong>
						</div>
						
						<div class="form-group align-center">
							<a class="btn btn-default btn-outline" href="/customer/sign_in.html">Sign In</a>		
						</div>
					</form>
				</div> <!-- /authentication_content -->

				<div id="authentication_confirmation" class="hidden">
					<div class="modal-title align-center">
						<p class="lead">
							<strong class="font-32 block text-primary">Welcome, <span id="auth_consumer_name"></span></strong>
						</p>
					</div>

					<div class="align-center">
						<p class="lead">
							<span class="font-muted">Your account has been created.</span>
						</p>
						<div class="clearfix">&nbsp;</div>
						<p>
							<button class="btn btn-primary" type="button" data-dismiss="modal" aria-label="Continue Shopping">Continue Shopping</button>
						</p>

						<div class="clearfix">&nbsp;</div>

						<div class="col-md-8 col-md-offset-2">
							<hr class="with-or">
						</div>

						<div class="clearfix">&nbsp;</div>
						<p>
							<a href="/customer/account_details.html"><strong>Manage Account</strong></a>
						</p>
					</div>
				</div>
			</div> <!-- /modal-body -->
		</div>
	</div>
</div>

<script type="text/javascript">
function onAuthenticationDialogSubmit()
{
	var required_elements = document.getElementById('authentication_modal').getElementsByClassName("required");

	for ( var i = 0; i < required_elements.length; i++ )
	{
		if (!required_elements[i].value || required_elements[i].value == null || required_elements[i].value.length == 0)
		{
			$(required_elements).parent(".form-group").addClass("has-error");
			document.getElementById("prevent_close_authenticate").className = document.getElementById("prevent_close_authenticate").className.replace("hidden", "");
			document.getElementById("prevent_close_authenticate_content").innerHTML = "Please fill out all required fields."
			return;
		}
	}
	
	if ( authenticationPasswordTest() == false )
	{
		if ( document.getElementById("AUTHENTICATION_MODAL_PASSWORD").value.length < 8 ) 
		{
			alert("Password must be at least 8 characters.")
		}
		else
		{
			alert("Passwords do not match.");
		}
		return;
	}
	var form = document.getElementById("profile_authentication");
	if ( form == null ) return;

	form.appendChild(createElement('input', {'class':'hidden', 'name':'wfid', 'value':'33505'}));

	var data = new FormData(form);

	// VALIDATE ON CHECKBOX
	if ( !document.getElementById("AUTHENTICATION_MODAL_OPT_IN").checked )
	{
		document.getElementById("prevent_close_authenticate").className = document.getElementById("prevent_close_authenticate").className.replace("hidden", "");
		document.getElementById("prevent_close_authenticate_content").innerHTML = "Please acknowledge that you agree to the Terms of Service."
		return;
	}

	rwsAJAXPostFormAJAXWithWaitFade('/profile/authenticate-account', data, onResponse);

	function onResponse(response)
	{
		if (response.success)
		{
			// alert(response.message);
			document.getElementById("authentication_confirmation").className = document.getElementById("authentication_confirmation").className.replace("hidden", "");
			document.getElementById("authentication_content").className += " hidden";
			
			document.getElementById("auth_consumer_name").innerHTML = response.name;

			if (dialog) dialog.close();
		}
		else
		{
			//alert("Error: " + response.error_msg);

			document.getElementById("authentication_error").className = document.getElementById("authentication_error").className.replace("hidden", "");

			var title = "";
			var desc = "";
			
			if ( response.error_msg == "0" )
			{
				title = "reCAPTCHA Incorrect";
				desc = "Please enter the correct value into the reCAPTCHA.";
			}
			else if ( response.error_msg == "1" )
			{
				title = "We Recognize Your Email";
				desc = "It looks like there is already an account associated with your email address. Please try a different email address or <a href='/customer/forgot_password.html'>reset your password</a>. ";
				removeRecaptcha();
			}
			else if ( response.error_msg == "2" )
			{
				title = "Invalid Email/Password Combination";
				desc = "Your password and email address do not match. Please sign in or <a href='/customer/forgot_password.html'>reset your password</a>.";
				removeRecaptcha();
			}
			else
			{
				title = "";
				desc = response.error_msg;
				removeRecaptcha();
			}
			
			document.getElementById("auth_error_title").innerHTML = title;
			document.getElementById("auth_error_desc").innerHTML = desc;
			
			scroll(0,0);
		}
	}
}

function goBackOrSendToIndexPage()
{
    var last_url = document.referrer;

	// if the last url navigates them away from the site, send them to the index page
	if ( last_url && last_url.indexOf('www.southbayappliance.com') == -1 )
	{
		document.location = 'www.southbayappliance.com';
	}

	window.history.back();
}

function authenticationPasswordTest()
{
	// Check if password fields are identical
	var pass1 = document.getElementById("AUTHENTICATION_MODAL_PASSWORD");
	var pass2 = document.getElementById("AUTHENTICATION_MODAL_PASSWORD_CONFIRM");

	var warning = document.getElementById("authentication_password_match_warning");

	if ( pass1.value.length < 8 || pass2.value.length <= 0 )
	{
		if ( warning.className.indexOf('hidden') > 0 )
		{
			warning.className = warning.className.replace("hidden","");
		}
		warning.innerHTML = "&nbsp;";

		return false;
	}

	if ( pass1.value != pass2.value )
	{
		if ( warning.className.indexOf('hidden') > 0 )
		{
			warning.className = warning.className.replace("hidden","");
		}
		warning.innerHTML = "Passwords do not match";

		return false;
	}
	
	
	warning.innerHTML = "&nbsp;";

	return true;
}
</script></script>
	        

<div id="deanonymize_modal" class="modal profile-modal">
	<div class="modal-dialog" role="document">
		<div class="modal-content">

			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			</div>

			 <div class="modal-body">
				<div id="deanonymization_content">

					<div class="modal-title align-center">
							<p class="font-32 font-bold lead text-primary">Tell Us About Yourself</p>
							<p class="lead font-muted">We're proud to be a small, local business and we want to get to know our customers.</p>
						</div>

					<form id="profile_deanonymize" class="profile">

						<div id="deanonymize_error" class="alert alert-danger hidden">
							<p>
								<strong id="authentication_error_title">We Recognize Your Email</strong><br>
								<span id="authentication_error_desc">It looks like there is already an account associated with your email address. Please try a different email address or reset your password.</span>
							</p>
						</div>

						<div id="prevent_close_deanonymize" class="alert alert-danger hidden">
							<p id="prevent_close_deanonymize_content">Information is required to view this content. <a href="javascript:goBackOrSendToIndexPage();">Take me back.</a></p>
						</div>

						<div class="form-group">
										<label class="form-label control-label" for="DEANONYMIZE_MODAL_NAME">Name<span class="red">*</span></label>
										<input class="form-control required" type="text" name="DEANONYMIZE_MODAL_NAME" id="DEANONYMIZE_MODAL_NAME" required value="" />
									</div>

						<div class="form-group">
										<label class="form-label control-label" for="DEANONYMIZE_MODAL_EMAIL">Email<span class="red">*</span></label>
										<input class="form-control required" type="email" name="DEANONYMIZE_MODAL_EMAIL" id="DEANONYMIZE_MODAL_EMAIL" value="" required local-email-storage onfocus="setupEmailInputs()" />
									</div>

						
						<div class="form-group checkbox checkbox-primary border-top border-bottom p-t-10 p-b-10 ">
							<input type="checkbox" class="required" name="DEANONYMIZE_MODAL_OPT_IN" id="DEANONYMIZE_MODAL_OPT_IN" required />
							<label for="DEANONYMIZE_MODAL_OPT_IN">I hereby understand and agree to the <a href="/terms_of_service.html" target="_blank" title="Terms of Service">Terms of Service</a> and <a href="/policies.html" target="_blank" title="Privacy Policy">Privacy Policy</a>.</label>
						</div>

						<div class="clearfix">&nbsp;</div>

						<div class="form-group">
							<a class="btn btn-primary btn-block btn-lg" href="javascript:onDeanonymizeDialogSubmit();">Submit</a>
						</div>

						<div class="divide-msg-container">
							<strong class="divide-msg">Already have an account?</strong>
						</div>
						
						<div class="form-group align-center">
							<a class="btn btn-default btn-outline" href="/customer/sign_in.html">Sign In</a>		
						</div>
					</form>
				</div> <!-- /deanonymization_content -->

				<div id="deanonymization_confirmation" class="hidden">
					<div class="modal-title align-center">
							<p class="lead">
								<strong class="font-32 block text-primary">Thank You <span id="consumer_name"></span></strong>
							</p>
						</div>

						<div class="align-center">
							<p class="lead font-muted">
								<strong class="block">We appreciate it!</strong> Please don't hesitate to contact us if you have any questions.
							</p>
							<div class="clearfix">&nbsp;</div>
							<p>
								<button class="btn btn-primary" type="button" data-dismiss="modal" aria-label="Continue Shopping">Continue Shopping</button>
							</p>

						</div>
						
				</div>

			</div> <!-- /modal-body -->
		</div>
	</div>
</div>

<script type="text/javascript">
	function onDeanonymizeDialogSubmit()
	{
		var required_elements = document.getElementById('deanonymize_modal').getElementsByClassName("required");

		for ( var i = 0; i < required_elements.length; i++ )
		{
			if (!required_elements[i].value || required_elements[i].value == null || required_elements[i].value.length == 0)
			{
				$(required_elements).parent(".form-group").addClass("has-error");
				document.getElementById("prevent_close_deanonymize").className = document.getElementById("prevent_close_deanonymize").className.replace("hidden", "");
				document.getElementById("prevent_close_deanonymize_content").innerHTML = "Please fill out all required fields."
				return;
			}
		}

		var form = document.getElementById("profile_deanonymize");
		if ( form == null ) return;

		form.appendChild(createElement('input', {'class':'hidden', 'name':'wfid', 'value':'33505'}));

		var data = new FormData(form);

		// VALIDATE ON CHECKBOX
		if ( !document.getElementById("DEANONYMIZE_MODAL_OPT_IN").checked )
		{
			document.getElementById("prevent_close_deanonymize").className = document.getElementById("prevent_close_deanonymize").className.replace("hidden", "");
			document.getElementById("prevent_close_deanonymize_content").innerHTML = "Please acknowledge that you agree to the Terms of Service."
			return;
		}

		rwsAJAXPostFormAJAXWithWaitFade('/profile/deanonymize-account', data, onResponse);

		function onResponse(response)
		{
			if (response.success)
			{
				// alert(response.message);
				document.getElementById("deanonymization_confirmation").className = document.getElementById("deanonymization_confirmation").className.replace("hidden", "");
				document.getElementById("deanonymization_content").className += " hidden";
				
				document.getElementById("consumer_name").innerHTML = response.name;

				if (dialog) dialog.close();
			}
			else
			{
				alert("Error: " + response.error_msg);
			}
		}
	}

	function goBackOrSendToIndexPage()
	{
		var last_url = document.referrer;

		// if the last url navigates them away from the site, send them to the index page
		if ( last_url && last_url.indexOf('www.southbayappliance.com') == -1 )
		{
			document.location = 'www.southbayappliance.com';
		}

		window.history.back();
	}
</script></script>
	        <script src="/customer/js/protected_resources_manager.js?ccid=x7259ae1b" type="text/javascript"></script>

<script type="text/javascript">
	var check_item_permissions = false;
		var is_deanonymized = false;
		var is_authenticated = false; 
		
		ProtectedResourcesManager.checkProtectedResources({"authentication_settings":{"requirements":[{"id":0,"type":"NAME","state":"REQUIRED","pretty_print":"Name","state_pretty_print":"Required"},{"id":4,"type":"EMAIL_ADDRESS","state":"REQUIRED","pretty_print":"Email Address","state_pretty_print":"Required"},{"id":5,"type":"PHONE_NUMBER","state":"NOT_VISIBLE","pretty_print":"Phone Number","state_pretty_print":"Not_visible"},{"id":6,"type":"ZIP_CODE","state":"NOT_VISIBLE","pretty_print":"Zip / Postal Code","state_pretty_print":"Not_visible"},{"id":7,"type":"PHYSICAL_ADDRESS","state":"NOT_VISIBLE","pretty_print":"Address","state_pretty_print":"Not_visible"}]},"de_anonymization_settings":{"requirements":[{"id":0,"type":"NAME","state":"REQUIRED","pretty_print":"Name"},{"id":4,"type":"EMAIL_ADDRESS","state":"REQUIRED","pretty_print":"Email Address"},{"id":5,"type":"PHONE_NUMBER","state":"NOT_VISIBLE","pretty_print":"Phone Number"},{"id":6,"type":"ZIP_CODE","state":"NOT_VISIBLE","pretty_print":"Zip / Postal Code"},{"id":7,"type":"PHYSICAL_ADDRESS","state":"NOT_VISIBLE","pretty_print":"Address"}]},"de_anonymization_settings_mode":"STANDARD","authentication_settings_mode":"STANDARD","sign_in_partner_types":[],"enabled_desktop":true,"enabled_mobile":true,"activity_score_desktop":7,"activity_score_mobile":5,"activity_score_action_desktop":"NOT_AVAILABLE","activity_score_action_mobile":"PROMPT_DE_ANON","protectable_resource_setting_desktop":"CUSTOM","protectable_resource_setting_mobile":"STANDARD","protectable_resources":[{"id":0,"desktop_state":"PROMPT_DE_ANON","desktop_state_pretty_print":"Request - De-Anonymization","mobile_state":"NOT_AVAILABLE","mobile_state_pretty_print":"N/A","type":"DEFAULT","default_type":"DOWNLOAD_REBATES","default_type_pretty_print":"Downloading Rebate Forms"},{"id":1,"desktop_state":"DISABLED","desktop_state_pretty_print":"Not Protected","mobile_state":"NOT_AVAILABLE","mobile_state_pretty_print":"N/A","type":"DEFAULT","default_type":"DOWNLOAD_SPECS","default_type_pretty_print":"Downloading Product Documents"},{"id":2,"desktop_state":"DISABLED","desktop_state_pretty_print":"Not Protected","mobile_state":"NOT_AVAILABLE","mobile_state_pretty_print":"N/A","type":"DEFAULT","default_type":"PRINT_PRODUCT_PAGES","default_type_pretty_print":"Printing Product Pages"},{"id":3,"desktop_state":"DISABLED","desktop_state_pretty_print":"Not Protected","mobile_state":"DISABLED","mobile_state_pretty_print":"Not Protected","type":"DEFAULT","default_type":"VIEW_PRODUCT_PAGES","default_type_pretty_print":"Accessing Product Pages"},{"id":4,"desktop_state":"DISABLED","desktop_state_pretty_print":"Not Protected","mobile_state":"NOT_AVAILABLE","mobile_state_pretty_print":"N/A","type":"DEFAULT","default_type":"VIEW_FLYERS","default_type_pretty_print":"Accessing Flyers"},{"id":5,"desktop_state":"DISABLED","desktop_state_pretty_print":"Not Protected","mobile_state":"DISABLED","mobile_state_pretty_print":"Not Protected","type":"DEFAULT","default_type":"VIEW_REBATE_CENTER","default_type_pretty_print":"Accessing the Rebate Center"},{"id":6,"desktop_state":"REQUIRE_SIGN_IN","desktop_state_pretty_print":"Require - Sign In","mobile_state":"NOT_AVAILABLE","mobile_state_pretty_print":"N/A","type":"DEFAULT","default_type":"SHOPPING_CART","default_type_pretty_print":"Shopping Cart"},{"id":7,"desktop_state":"PROMPT_SIGN_IN","desktop_state_pretty_print":"Request - Sign In","mobile_state":"DISABLED","mobile_state_pretty_print":"Not Protected","type":"DEFAULT","default_type":"QUOTE_REQUEST","default_type_pretty_print":"Quote Request"},{"id":8,"desktop_state":"DISABLED","desktop_state_pretty_print":"Not Protected","mobile_state":"DISABLED","mobile_state_pretty_print":"Not Protected","type":"DEFAULT","default_type":"INDEX_PAGE_VISIT","default_type_pretty_print":"Homepage Visit"}]},null,check_item_permissions, is_deanonymized, is_authenticated);
</script></script>

    
<style>
    #toasts .toast { background-color: #d11920; }
</style>

<div id="toasts"></div>

<script>
        const createToast = (message = '', checkIcon = true, type = 'info', el = null) => {
            message = el?.dataset?.toastMessage || message;
            if (!message) return;

            const notif = document.createElement('div');
            notif.classList.add('toast');
            notif.classList.add(type);
            notif.setAttribute('aria-live', 'polite');
            checkIcon
                ? notif.innerHTML = `<i class="fa fa-check m-r-5" aria-hidden="true"></i> ${message}`
                : notif.textContent = message;
            toasts.appendChild(notif);
            setTimeout(() => notif.remove(), 3000);
            notif.addEventListener('click', function() { this.remove() });
        };

        document.addEventListener('DOMContentLoaded', () => {
            const toast_buttons = document.querySelectorAll('.toast_trigger');
            const toasts = document.getElementById('toasts');
        
            if (toast_buttons.length && toasts) {
                toast_buttons.forEach(btn => {
                    const type = btn.dataset.toastType || 'info';
                    btn.addEventListener('click', function() { createToast(null, type, btn); });
                });
            };
        });
    </script>


    <script>
        var isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
        if (isIE11) {
            $('body').append('<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">')
            .append('<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/v4-shims.css">')
            .append('<style>.nav .dropdown:not(.dropdown-no-arrow)>a:after { white-space: nowrap; font-family: "FontAwesome"; content: ""; margin-left: 0; vertical-align: top; display: none;}</style')
                
            
            $('.nav :not(.dropdown-no-arrow).dropdown > a').append('<i class="fas fa-caret-down"></i>')
            $('i.glyphicon.glyphicon-search').addClass('fa').addClass('fa-search').removeClass('glyphicon-search')
            window.setTimeout(function(){
                $('i.glyphicon.glyphicon-menu-right').addClass('fas').addClass('fa-chevron-right').removeClass('glyphicon-menu-right')
                $('i.glyphicon.glyphicon-menu-left').addClass('fas').addClass('fa-chevron-left').removeClass('glyphicon-menu-left')
            }, 1000)
        }
    </script>    

    
    <script>
            window.addEventListener("load", () => {
                // dot fix for keyboard users
                let owl = $('.owl-carousel');
                let dotContainers = document.querySelectorAll('.rpi-nav');
                if (dotContainers.length) dotContainers.forEach(container => {
                    container.querySelectorAll('.rpi-nav-dot').forEach((dot, i) => {
                        dot.setAttribute("role", "button");
                        dot.setAttribute("tabindex", "0");
                        dot.setAttribute("aria-label", `Go to image number ${i + 1}`);
                        dot.addEventListener("keypress", (e) => {
                            if (e.key === 'Enter') owl.trigger('to.owl.carousel', i);
                        })
                    });
                });

                // image fix for keyboard users
				const dots = document.querySelectorAll('.rpi-nav-dot');
				const images = document.querySelectorAll('.owl-item a');
				if (dots.length && images.length) {
					dots.forEach(dot => dot.addEventListener('keypress', (e) => {
						if (e.key === 'Enter') {
							setTimeout(() => {
								images.forEach(img => img.setAttribute('tabindex', '-1'));
								document.querySelector('.owl-item.active a').setAttribute('tabindex', '0');
							}, 0);
						};
					}));
				};
            });
        </script>

    <script>
            if(!!document.querySelector(".g-recaptcha")){var HEADER_HEIGHT=0;var isIOS=/iPhone|iPad|iPod/i.test(navigator.userAgent);var grecaptchaPosition;var isScrolledIntoView=function(elem){var elemRect=elem.getBoundingClientRect();var isVisible=(elemRect.top-HEADER_HEIGHT>=0&&elemRect.bottom<=window.innerHeight);return isVisible};if(isIOS){var recaptchaElements=document.querySelectorAll('.g-recaptcha');window.addEventListener('scroll',function(){Array.prototype.forEach.call(recaptchaElements,function(element){if(isScrolledIntoView(element)){grecaptchaPosition=document.documentElement.scrollTop||document.body.scrollTop}})},!1)}var onReCaptchaSuccess=function(){if(isIOS&&grecaptchaPosition!==undefined){window.scrollTo(0,grecaptchaPosition)}};document.querySelector(".g-recaptcha").setAttribute("data-callback","onReCaptchaSuccess")}
        </script>

    
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-558KTR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>
	<!-- end of needed -->