<div id="filterHeader" class="left-right-item-alignment" style="">
    <span class="medium-heading">Filters</span>
    <span id="filterClose">
        <span class="fal fa-times" aria-hidden="true"><!----></span>
    </span>
</div>

<div class="nopAjaxFilters7Spikes" data-categoryid="63" data-manufacturerid="0" data-vendorid="0" data-producttagid="0" data-isonsearchpage="False" data-searchkeyword="" data-searchcategoryid="0" data-searchmanufacturerid="0" data-searchvendorid="0" data-searchproducttagid="0" data-searchpricefrom="" data-searchpriceto="" data-searchincludesubcategories="False" data-searchinproductdescriptions="False" data-searchadvancedsearch="False" data-getfilteredproductsurl="/getFilteredProducts" data-productslistpanelselector=".product-list" data-productsgridpanelselector=".product-grid" data-pagerpanelselector=".pager" data-pagerpanelintegrationselector=".product-grid, .product-list" data-sortoptionsdropdownselector="#products-orderby" data-viewoptionsdropdownselector=".viewmode-icon, #products-viewmode" data-productspagesizedropdownselector="#products-pagesize" data-filtersuimode="usecheckboxes" data-defaultviewmode="grid" data-enableinfinitescroll="False" data-infinitescrollloadertext="Loading more products ..." data-scrolltoelement="True" data-scrolltoelementselector=".product-selectors" data-scrolltoelementadditionaloffset="0" data-showselectedfilterspanel="True" data-numberofreturnedproductsselector=".product-selectors" data-selectedoptionstargetselector=".nopAjaxFilters7Spikes .filtersPanel:first" data-selectedoptionstargetaction="prependTo" data-isrtl="false" data-closefilterspanelafterfiltrationinmobile="true" data-no-products-window-title="NO RESULTS FOUND" data-no-products-window-message="There are no products for the filters that you selected. Please widen your search criteria.">
    <div class="close-filters" style="display: none;">
        <span>Close</span>
    </div>
    <div class="filtersTitlePanel">
        <p class="filtersTitle">Filter by:</p>
        <a class="clearFilterOptionsAll" role="button" tabindex="0" style="display: none;">Clear All</a>
    </div>
    <div class="filtersPanel">
        <div class="block filter-block priceRangeFilterPanel7Spikes" data-currentcurrencysymbol="$">
            <div class="title">
                <a class="toggleControl" role="button" tabindex="0">Price Range</a>
                <a class="clearPriceRangeFilter" role="button" tabindex="0" style="display: none;">Clear</a>
            </div>
            <div class="filtersGroupPanel" style="">
                <div class="priceRangeMinMaxPanel">
                    <span class="priceRangeMinPanel">
                        <span>Min:</span>
                        <span class="priceRangeMinPrice">$38.00</span>
                    </span>
                    <span class="priceRangeMaxPanel">
                        <span>Max:</span>
                        <span class="priceRangeMaxPrice">$1,547.00</span>
                    </span>
                </div>
                <div id="slider" class="price-range-slider ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content" data-sliderminvalue="38" data-slidermaxvalue="1547" data-selectedfromvalue="38" data-selectedtovalue="1547" data-customformatting="">
                    <div class="ui-slider-range ui-corner-all ui-widget-header" style="left: 0%; width: 100%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" id="minPriceRangeSlider" role="slider" aria-valuemin="38" aria-valuemax="1547" aria-valuenow="38" aria-valuetext="38 price" style="left: 0%;">
                    </span>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" id="maxPriceRangeSlider" role="slider" aria-valuemin="38" aria-valuemax="1547" aria-valuenow="1547" aria-valuetext="1547 price" style="left: 100%;">
                    </span>
                </div>
                <div class="priceRangeCurrentPricesPanel">
                    <span class="currentMinPrice">38</span>
                    <span class="currentMaxPrice">1547</span>
                </div>
            </div>
        </div>

        <div class="block filter-block specificationFilterPanel7Spikes">
            <div class="title">
                <a class="toggleControl closed" role="button" tabindex="0">View in Room</a>
                <a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
            </div>
            <div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="70" id="specificationFiltersDropDown70" style="display: none;">
                <ul class="checkbox-list" style="">
                    <li class="checkbox-item">
                        <input data-option-ids="5447" type="checkbox" id="specification-input-70-5447">
                        <label class="filter-item-name" for="specification-input-70-5447">View in Room</label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="block filter-block specificationFilterPanel7Spikes">
            <div class="title">
                <a class="toggleControl closed" role="button" tabindex="0">Availability</a>
                <a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
            </div>
            <div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="60" id="specificationFiltersDropDown60" style="display: none;">
                <ul class="checkbox-list" style="">
                    <li class="checkbox-item">
                        <input data-option-ids="369" type="checkbox" id="specification-input-60-369">
                        <label class="filter-item-name" for="specification-input-60-369">Free FedEx Shipping</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="368" type="checkbox" id="specification-input-60-368">
                        <label class="filter-item-name" for="specification-input-60-368">In Stores</label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="block filter-block specificationFilterPanel7Spikes">
            <div class="title">
                <a class="toggleControl closed" role="button" tabindex="0">Special Features</a>
                <a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
            </div>
            <div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="49" id="specificationFiltersDropDown49" style="display: none;">
                <ul class="checkbox-list" style="">
                    <li class="checkbox-item">
                        <input data-option-ids="5348" type="checkbox" id="specification-input-49-5348">
                        <label class="filter-item-name" for="specification-input-49-5348">A/C Power Outlet</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="352" type="checkbox" id="specification-input-49-352">
                        <label class="filter-item-name" for="specification-input-49-352">Adjustable Height</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="5578" type="checkbox" id="specification-input-49-5578">
                        <label class="filter-item-name" for="specification-input-49-5578">Cup Holders</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="5278" type="checkbox" id="specification-input-49-5278">
                        <label class="filter-item-name" for="specification-input-49-5278">Hidden Storage</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="5755" type="checkbox" id="specification-input-49-5755">
                        <label class="filter-item-name" for="specification-input-49-5755">Lift Top</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="5353" type="checkbox" id="specification-input-49-5353">
                        <label class="filter-item-name" for="specification-input-49-5353">Multiple Color Options</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="373" type="checkbox" id="specification-input-49-373">
                        <label class="filter-item-name" for="specification-input-49-373">Small Spaces</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="5159" type="checkbox" id="specification-input-49-5159">
                        <label class="filter-item-name" for="specification-input-49-5159">USB Power Outlet</label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="block filter-block specificationFilterPanel7Spikes">
            <div class="title">
                <a class="toggleControl closed" role="button" tabindex="0">Color / Finish</a>
                <a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
            </div>
            <div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="2" id="specificationFiltersDropDown2" style="display: none;">
                <ul class="checkbox-list" style="">
                    <li class="checkbox-item">
                        <input data-option-ids="12" type="checkbox" id="specification-input-2-12">
                        <label class="filter-item-name" for="specification-input-2-12">Beige/Taupe</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="6" type="checkbox" id="specification-input-2-6">
                        <label class="filter-item-name" for="specification-input-2-6">Black</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="27" type="checkbox" id="specification-input-2-27">
                        <label class="filter-item-name" for="specification-input-2-27">Blue</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="5" type="checkbox" id="specification-input-2-5">
                        <label class="filter-item-name" for="specification-input-2-5">Brown/Espresso</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="111" type="checkbox" id="specification-input-2-111">
                        <label class="filter-item-name" for="specification-input-2-111">Dark Wood</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="48" type="checkbox" id="specification-input-2-48">
                        <label class="filter-item-name" for="specification-input-2-48">Gray</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="7" type="checkbox" id="specification-input-2-7">
                        <label class="filter-item-name" for="specification-input-2-7">Light Wood</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="195" type="checkbox" id="specification-input-2-195">
                        <label class="filter-item-name" for="specification-input-2-195">Multi-Color Fabric/Material</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="136" type="checkbox" id="specification-input-2-136">
                        <label class="filter-item-name" for="specification-input-2-136">Natural</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="42" type="checkbox" id="specification-input-2-42">
                        <label class="filter-item-name" for="specification-input-2-42">Red</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="49" type="checkbox" id="specification-input-2-49">
                        <label class="filter-item-name" for="specification-input-2-49">Silver</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="173" type="checkbox" id="specification-input-2-173">
                        <label class="filter-item-name" for="specification-input-2-173">Walnut</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="13" type="checkbox" id="specification-input-2-13">
                        <label class="filter-item-name" for="specification-input-2-13">White</label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="block filter-block specificationFilterPanel7Spikes">
            <div class="title">
                <a class="toggleControl closed" role="button" tabindex="0">Style</a>
                <a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
            </div>
            <div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="3" id="specificationFiltersDropDown3" style="display: none;">
                <ul class="checkbox-list" style="">
                    <li class="checkbox-item">
                        <input data-option-ids="92534" type="checkbox" id="specification-input-3-92534">
                        <label class="filter-item-name" for="specification-input-3-92534">Gaming</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="90672" type="checkbox" id="specification-input-3-90672">
                        <label class="filter-item-name" for="specification-input-3-90672">Modern Industrial</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="8" type="checkbox" id="specification-input-3-8">
                        <label class="filter-item-name" for="specification-input-3-8">Traditional / Formal</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="110" type="checkbox" id="specification-input-3-110">
                        <label class="filter-item-name" for="specification-input-3-110">Transitional / Casual</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="9" type="checkbox" id="specification-input-3-9">
                        <label class="filter-item-name" for="specification-input-3-9">Modern / Contemporary</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="10" type="checkbox" id="specification-input-3-10">
                        <label class="filter-item-name" for="specification-input-3-10">Rustic / Vintage</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="11" type="checkbox" id="specification-input-3-11">
                        <label class="filter-item-name" for="specification-input-3-11">Mid-Century / Retro</label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="block filter-block specificationFilterPanel7Spikes">
            <div class="title">
                <a class="toggleControl closed" role="button" tabindex="0">Desk Type</a>
                <a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
            </div>
            <div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="26" id="specificationFiltersDropDown26" style="display: none;">
                <ul class="checkbox-list" style="">
                    <li class="checkbox-item">
                        <input data-option-ids="149" type="checkbox" id="specification-input-26-149">
                        <label class="filter-item-name" for="specification-input-26-149">Adjustable Height</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="89706" type="checkbox" id="specification-input-26-89706">
                        <label class="filter-item-name" for="specification-input-26-89706">Computer Cart / Desk</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="150" type="checkbox" id="specification-input-26-150">
                        <label class="filter-item-name" for="specification-input-26-150">Computer Desk / Cart</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="144" type="checkbox" id="specification-input-26-144">
                        <label class="filter-item-name" for="specification-input-26-144">Executive</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="145" type="checkbox" id="specification-input-26-145">
                        <label class="filter-item-name" for="specification-input-26-145">L-Shape</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="151" type="checkbox" id="specification-input-26-151">
                        <label class="filter-item-name" for="specification-input-26-151">Modular Configuration</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="285" type="checkbox" id="specification-input-26-285">
                        <label class="filter-item-name" for="specification-input-26-285">Secretary Desk</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="147" type="checkbox" id="specification-input-26-147">
                        <label class="filter-item-name" for="specification-input-26-147">Writing</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="146" type="checkbox" id="specification-input-26-146">
                        <label class="filter-item-name" for="specification-input-26-146">Youth</label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="block filter-block specificationFilterPanel7Spikes">
            <div class="title">
                <a class="toggleControl closed" role="button" tabindex="0">Number of Drawers</a>
                <a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
            </div>
            <div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="36" id="specificationFiltersDropDown36" style="display: none;">
                <ul class="checkbox-list" style="">
                    <li class="checkbox-item">
                        <input data-option-ids="219" type="checkbox" id="specification-input-36-219">
                        <label class="filter-item-name" for="specification-input-36-219">2 or Less</label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="block filter-block specificationFilterPanel7Spikes">
            <div class="title">
                <a class="toggleControl closed" role="button" tabindex="0">Shape</a>
                <a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
            </div>
            <div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="19" id="specificationFiltersDropDown19" style="display: none;">
                <ul class="checkbox-list" style="">
                    <li class="checkbox-item">
                        <input data-option-ids="100" type="checkbox" id="specification-input-19-100">
                        <label class="filter-item-name" for="specification-input-19-100">Rectangle</label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="block filter-block specificationFilterPanel7Spikes">
            <div class="title">
                <a class="toggleControl closed" role="button" tabindex="0">Construction Material</a>
                <a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
            </div>
            <div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="17" id="specificationFiltersDropDown17" style="display: none;">
                <ul class="checkbox-list" style="">
                    <li class="checkbox-item">
                        <input data-option-ids="194" type="checkbox" id="specification-input-17-194">
                        <label class="filter-item-name" for="specification-input-17-194">Aluminum</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="92" type="checkbox" id="specification-input-17-92">
                        <label class="filter-item-name" for="specification-input-17-92">Composite</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="170" type="checkbox" id="specification-input-17-170">
                        <label class="filter-item-name" for="specification-input-17-170">Glass</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="91" type="checkbox" id="specification-input-17-91">
                        <label class="filter-item-name" for="specification-input-17-91">Metal</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="120" type="checkbox" id="specification-input-17-120">
                        <label class="filter-item-name" for="specification-input-17-120">Mixed Media</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="93" type="checkbox" id="specification-input-17-93">
                        <label class="filter-item-name" for="specification-input-17-93">Stone</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="90" type="checkbox" id="specification-input-17-90">
                        <label class="filter-item-name" for="specification-input-17-90">Wood</label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="block filter-block specificationFilterPanel7Spikes">
            <div class="title">
                <a class="toggleControl closed" role="button" tabindex="0">Office Chair Type</a>
                <a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
            </div>
            <div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="31" id="specificationFiltersDropDown31" style="display: none;">
                <ul class="checkbox-list" style="">
                    <li class="checkbox-item">
                        <input data-option-ids="298" type="checkbox" id="specification-input-31-298">
                        <label class="filter-item-name" for="specification-input-31-298">High-Back</label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="block filter-block manufacturerFilterPanel7Spikes">
            <div class="title">
                <a class="toggleControl closed" role="button" tabindex="0">Manufacturers</a>
                <a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
            </div>
            <div class="filtersGroupPanel filtersCheckboxPanel" style="display: none;">
                <ul class="checkbox-list">
                    <li class="checkbox-item">
                        <input data-option-ids="247" type="checkbox" id="manufacturer-input-247">
                        <label class="filter-item-name" for="manufacturer-input-247" @*="" data-originaltext="Ashley Furniture" *@="">Ashley Furniture</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="271" type="checkbox" id="manufacturer-input-271">
                        <label class="filter-item-name" for="manufacturer-input-271" @*="" data-originaltext="Artisan Home by IFD" *@="">Artisan Home by IFD</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="280" type="checkbox" id="manufacturer-input-280">
                        <label class="filter-item-name" for="manufacturer-input-280" @*="" data-originaltext="Sunny Designs" *@="">Sunny Designs</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="245" type="checkbox" id="manufacturer-input-245">
                        <label class="filter-item-name" for="manufacturer-input-245" @*="" data-originaltext="Condor Manufacturing" *@="">Condor Manufacturing</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="258" type="checkbox" id="manufacturer-input-258">
                        <label class="filter-item-name" for="manufacturer-input-258" @*="" data-originaltext="South Shore Industries" *@="">South Shore Industries</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="272" type="checkbox" id="manufacturer-input-272">
                        <label class="filter-item-name" for="manufacturer-input-272" @*="" data-originaltext="Legends Home" *@="">Legends Home</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="284" type="checkbox" id="manufacturer-input-284">
                        <label class="filter-item-name" for="manufacturer-input-284" @*="" data-originaltext="Sauder Woodworking" *@="">Sauder Woodworking</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="298" type="checkbox" id="manufacturer-input-298">
                        <label class="filter-item-name" for="manufacturer-input-298" @*="" data-originaltext="Trendwood USA" *@="">Trendwood USA</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="307" type="checkbox" id="manufacturer-input-307">
                        <label class="filter-item-name" for="manufacturer-input-307" @*="" data-originaltext="ID USA Furniture" *@="">ID USA Furniture</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="313" type="checkbox" id="manufacturer-input-313">
                        <label class="filter-item-name" for="manufacturer-input-313" @*="" data-originaltext="aspenhome" *@="">aspenhome</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="346" type="checkbox" id="manufacturer-input-346">
                        <label class="filter-item-name" for="manufacturer-input-346" @*="" data-originaltext="Elements International Group, LLC" *@="">Elements International Group, LLC</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="384" type="checkbox" id="manufacturer-input-384">
                        <label class="filter-item-name" for="manufacturer-input-384" @*="" data-originaltext="OSP - Office Star Products" *@="">OSP - Office Star Products</label>
                    </li>
                    <li class="checkbox-item">
                        <input data-option-ids="403" type="checkbox" id="manufacturer-input-403">
                        <label class="filter-item-name" for="manufacturer-input-403" @*="" data-originaltext="Martin Furniture" *@="">Martin Furniture</label>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="block filter-block selected-options" style="display: none;">
        <div class="title">
            <a class="toggleControl" role="button" tabindex="0">Selected Options</a>
        </div>
        <div class="filtersGroupPanel">
            <ul class="selected-options-list"></ul>
        </div>
    </div>
    <div class="number-of-returned-products sample-element" style="display: none;">
        <span class="showing-text">Showing</span>
        <span class="productsPerPage"></span>
        <span class="of-text">of</span>
        <span class="allProductsReturned"></span>
        <span class="results-text">results</span>
    </div>
    <div class="returned-products-filters-panel" style="display: none;">
        <span class="allProductsReturned"></span>
    </div>
</div>

<input id="availableSortOptionsJson" name="availableSortOptionsJson" type="hidden" value="[{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:true,&quot;Text&quot;:&quot;Select&quot;,&quot;Value&quot;:&quot;0&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;Name: A to Z&quot;,&quot;Value&quot;:&quot;5&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;Name: Z to A&quot;,&quot;Value&quot;:&quot;6&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;Price: Low to High&quot;,&quot;Value&quot;:&quot;10&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;Price: High to Low&quot;,&quot;Value&quot;:&quot;11&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;Newest&quot;,&quot;Value&quot;:&quot;15&quot;}]">
<input id="availableViewModesJson" name="availableViewModesJson" type="hidden" value="[{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:true,&quot;Text&quot;:&quot;Grid&quot;,&quot;Value&quot;:&quot;grid&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;List&quot;,&quot;Value&quot;:&quot;list&quot;}]">
<input id="availablePageSizesJson" name="availablePageSizesJson" type="hidden" value="[{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;24&quot;,&quot;Value&quot;:&quot;24&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:true,&quot;Text&quot;:&quot;48&quot;,&quot;Value&quot;:&quot;48&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;120&quot;,&quot;Value&quot;:&quot;120&quot;}]">

<div class="block block-recently-viewed-products">
    <div class="title">
        <strong>Recently Viewed</strong>
    </div>
    <div class="listbox">
        <ul class="list">
            <li>
                <a class="product-picture" href="/advance-your-gaming-experience-with-the-emulator-g" title="4824-BLK.jpg">
                    <img alt="4824-BLK.jpg" src="https://qa-images.afw.com/images/thumbs/0178971_4824-BLK.jpg_64.jpeg" title="4824-BLK.jpg">
                </a>
                <div class="product-details">
                    <a href="/advance-your-gaming-experience-with-the-emulator-g">
                        <h2 class="product-title">Gray Emulator Gaming Desk</h2>
                        <div class="add-info">
                            <div class="product-rating-box" title="0 review(s)" aria-hidden="true">
                                <div class="yotpo-widget-instance" data-yotpo-appkey="MT9oUlmBLyLACsAUPwOosBkNSpXZKjnYNXuOveBW" data-yotpo-domain="qa.afw.com" data-yotpo-product-id="4824-BLK" data-yotpo-product-models="Nothing" data-yotpo-name="Gray Emulator Gaming Desk" data-yotpo-url="https://qa.afw.com/desks-and-office-furniture" data-yotpo-image-url="/images/thumbs/0178971_4824-BLK.jpg_64.jpeg" data-yotpo-description="&amp;lt;p style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;&amp;lt;span style=&amp;quot;color: rgb(0, 0, 0);font-size: 13px&amp;quot;&amp;gt;FULL CUSTOMER ASSEMBLY REQUIRED. TOOLS MAY NOT BE INCLUDED.&amp;lt;/span&amp;gt;&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;Raised monitor shelf for ergonomic viewing.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;RGB LED lights for total game immersion.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Durable carbon fiber finish.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Durable black metal frame.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;USB/Power Hub charging hub.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Wireless charger.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Tablet/storage compartment for accessories.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Head phone hook.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Pencil/drink holder.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Wire management.&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;" data-yotpo-bread-crumbs="Nothing" data-yotpo-instance-id="837953" data-yotpo-element-loaded="true" data-yotpo-widget-uuid="dfb0b030-e4b9-4841-b328-a76428a18dd5">

                                    <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-laptop yotpo-display-m" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 5px;">
                                        <div class="yotpo-widget-clear">
                                            <div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
                                                <div class="yotpo-sr-bottom-line-summary" @keydown.enter="starRatingClick()" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr; cursor: pointer;">
                                                    <div style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center; height: 28px;">
                                                        <div class="star-container yotpo-sr-star-empty" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                                            <svg viewBox="0 0 18 18" tabindex="0" xmlns="http://www.w3.org/2000/svg" role="img" width="15" height="15" aria-label="Star 1 out of 5">
                                                                <defs>
                                                                    <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.4969415013178402">
                                                                        <stop offset="0%" stop-color="#FFD018FF">
                                                                        </stop>
                                                                        <stop stop-opacity="1" offset="0%" stop-color="#FFFFFF"></stop>
                                                                    </linearGradient>
                                                                </defs>
                                                                <path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#FFD018FF" fill="url('#yotpo_stars_gradient_0.4969415013178402')">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="star-container yotpo-sr-star-empty" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                                            <svg viewBox="0 0 18 18" tabindex="0" xmlns="http://www.w3.org/2000/svg" role="img" width="15" height="15" aria-label="Star 2 out of 5">
                                                                <defs>
                                                                    <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.2506815318745481">
                                                                        <stop offset="0%" stop-color="#FFD018FF">
                                                                        </stop>
                                                                        <stop stop-opacity="1" offset="0%" stop-color="#FFFFFF"></stop>
                                                                    </linearGradient>
                                                                </defs>
                                                                <path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#FFD018FF" fill="url('#yotpo_stars_gradient_0.2506815318745481')">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="star-container yotpo-sr-star-empty" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                                            <svg viewBox="0 0 18 18" tabindex="0" xmlns="http://www.w3.org/2000/svg" role="img" width="15" height="15" aria-label="Star 3 out of 5">
                                                                <defs>
                                                                    <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.2874285534777645">
                                                                        <stop offset="0%" stop-color="#FFD018FF">
                                                                        </stop>
                                                                        <stop stop-opacity="1" offset="0%" stop-color="#FFFFFF"></stop>
                                                                    </linearGradient>
                                                                </defs>
                                                                <path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#FFD018FF" fill="url('#yotpo_stars_gradient_0.2874285534777645')">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="star-container yotpo-sr-star-empty" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                                            <svg viewBox="0 0 18 18" tabindex="0" xmlns="http://www.w3.org/2000/svg" role="img" width="15" height="15" aria-label="Star 4 out of 5">
                                                                <defs>
                                                                    <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.6910466818665908">
                                                                        <stop offset="0%" stop-color="#FFD018FF">
                                                                        </stop>
                                                                        <stop stop-opacity="1" offset="0%" stop-color="#FFFFFF"></stop>
                                                                    </linearGradient>
                                                                </defs>
                                                                <path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#FFD018FF" fill="url('#yotpo_stars_gradient_0.6910466818665908')">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="star-container yotpo-sr-star-empty" style="display: flex; flex-direction: row;">
                                                            <svg viewBox="0 0 18 18" tabindex="0" xmlns="http://www.w3.org/2000/svg" role="img" width="15" height="15" aria-label="Star 5 out of 5">
                                                                <defs>
                                                                    <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.3248298961351874">
                                                                        <stop offset="0%" stop-color="#FFD018FF">
                                                                        </stop>
                                                                        <stop stop-opacity="1" offset="0%" stop-color="#FFFFFF"></stop>
                                                                    </linearGradient>
                                                                </defs>
                                                                <path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#FFD018FF" fill="url('#yotpo_stars_gradient_0.3248298961351874')">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <!--v-if-->
                                                    </div>
                                                    <!--v-if-->

                                                    <div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
                                                        <div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel" tabindex="0" aria-label="0 Reviews" style="white-space: nowrap; font-size: 16px; text-align: start; font-family: Cabin; font-style: normal; font-weight: 600; color: rgb(39, 40, 51); padding-top: 2px; line-height: 28px;">
                                                            0 Reviews
                                                        </div>
                                                    </div>

                                                    <!--v-if-->
                                                </div>
                                                <!--v-if-->
                                                <!--v-if-->
                                                <!--v-if-->

                                                <!--v-if-->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="prices">
                                <span class="price actual-price">$148.00</span>
                            </div>
                        </div>
                    </a>
                </div>
            </li>
            <li class="last">
                <a class="product-picture" href="/red-gaming-computer-desk" title="0113329_red-gaming-computer-desk.jpeg">
                    <img alt="0113329_red-gaming-computer-desk.jpeg" src="https://qa-images.afw.com/images/thumbs/0146849_0113329_red-gaming-computer-desk.jpeg_64.jpeg" title="0113329_red-gaming-computer-desk.jpeg">
                </a>
                <div class="product-details">
                    <a href="/red-gaming-computer-desk">
                        <h2 class="product-title">Red Gaming Computer Desk</h2>
                        <div class="add-info">
                            <div class="product-rating-box" title="0 review(s)" aria-hidden="true">
                                <div class="yotpo-widget-instance" data-yotpo-appkey="MT9oUlmBLyLACsAUPwOosBkNSpXZKjnYNXuOveBW" data-yotpo-domain="qa.afw.com" data-yotpo-product-id="1802-RD" data-yotpo-product-models="Nothing" data-yotpo-name="Red Gaming Computer Desk" data-yotpo-url="https://qa.afw.com/desks-and-office-furniture" data-yotpo-image-url="/images/thumbs/0146849_0113329_red-gaming-computer-desk.jpeg_64.jpeg" data-yotpo-description="&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;Elevate Your Game with the Red Gaming Computer Desk by Cambridge Home! &amp;#x1F3AE;d.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;Are you ready to transform your gaming setup into a true command center? The Red Gaming Computer Desk by Cambridge Home is here to catapult you into the heart of the action with its sleek design and gamer-centric features. &amp;lt;br&amp;gt;&amp;lt;br&amp;gt;This isn&amp;#x27;t just any desk. It&amp;#x27;s a battle station designed by Cambridge Home, where functionality meets a bold aesthetic, to keep you immersed in your virtual worlds for hours on end. The vibrant red accents set against the smooth black finish give it that high-octane look, turning your space into a stylish gaming den.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;Let&amp;#x27;s talk about comfort - a top priority for marathon sessions. The Red Gaming Computer Desk features an elevated monitor shelf, placing your screen at the perfect eye level to prevent neck strain and keep your focus sharp. But this desk isn&amp;#x27;t just about gaming; it&amp;#x27;s also about organization. Built-in features like a headphone hook, a cup holder, and a cable management system ensure that your gaming area stays clutter-free and battle-ready.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;Durability? We&amp;#x27;ve got you covered. The sturdy construction can handle the most intense gaming equipment, while adjustable feet keep your setup stable even on uneven floors. So when the game gets intense, your gear stays put.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;Command respect from your peers with the Red Gaming Computer Desk by Cambridge Home. It&amp;#x27;s more than a piece of furniture; it&amp;#x27;s a statement. So why wait? It&amp;#x27;s time to give your gaming experience the upgrade it deserves.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;Don&amp;#x27;t just play, dominate - with Cambridge Home.&amp;lt;br&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;" data-yotpo-bread-crumbs="Nothing" data-yotpo-instance-id="837953" data-yotpo-element-loaded="true" data-yotpo-widget-uuid="396d6571-d8fb-4d4f-9147-419e5fc19186">

                                    <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-laptop yotpo-display-m" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 5px;">
                                        <div class="yotpo-widget-clear">
                                            <div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
                                                <div class="yotpo-sr-bottom-line-summary" @keydown.enter="starRatingClick()" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr; cursor: pointer;">
                                                    <div style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center; height: 28px;">
                                                        <div class="star-container yotpo-sr-star-empty" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                                            <svg viewBox="0 0 18 18" tabindex="0" xmlns="http://www.w3.org/2000/svg" role="img" width="15" height="15" aria-label="Star 1 out of 5">
                                                                <defs>
                                                                    <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.0956951359974747">
                                                                        <stop offset="0%" stop-color="#FFD018FF">
                                                                        </stop>
                                                                        <stop stop-opacity="1" offset="0%" stop-color="#FFFFFF"></stop>
                                                                    </linearGradient>
                                                                </defs>
                                                                <path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#FFD018FF" fill="url('#yotpo_stars_gradient_0.0956951359974747')">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="star-container yotpo-sr-star-empty" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                                            <svg viewBox="0 0 18 18" tabindex="0" xmlns="http://www.w3.org/2000/svg" role="img" width="15" height="15" aria-label="Star 2 out of 5">
                                                                <defs>
                                                                    <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.630586852424037">
                                                                        <stop offset="0%" stop-color="#FFD018FF">
                                                                        </stop>
                                                                        <stop stop-opacity="1" offset="0%" stop-color="#FFFFFF"></stop>
                                                                    </linearGradient>
                                                                </defs>
                                                                <path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#FFD018FF" fill="url('#yotpo_stars_gradient_0.630586852424037')">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="star-container yotpo-sr-star-empty" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                                            <svg viewBox="0 0 18 18" tabindex="0" xmlns="http://www.w3.org/2000/svg" role="img" width="15" height="15" aria-label="Star 3 out of 5">
                                                                <defs>
                                                                    <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.7536694378968352">
                                                                        <stop offset="0%" stop-color="#FFD018FF">
                                                                        </stop>
                                                                        <stop stop-opacity="1" offset="0%" stop-color="#FFFFFF"></stop>
                                                                    </linearGradient>
                                                                </defs>
                                                                <path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#FFD018FF" fill="url('#yotpo_stars_gradient_0.7536694378968352')">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="star-container yotpo-sr-star-empty" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                                            <svg viewBox="0 0 18 18" tabindex="0" xmlns="http://www.w3.org/2000/svg" role="img" width="15" height="15" aria-label="Star 4 out of 5">
                                                                <defs>
                                                                    <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.378442645771371">
                                                                        <stop offset="0%" stop-color="#FFD018FF">
                                                                        </stop>
                                                                        <stop stop-opacity="1" offset="0%" stop-color="#FFFFFF"></stop>
                                                                    </linearGradient>
                                                                </defs>
                                                                <path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#FFD018FF" fill="url('#yotpo_stars_gradient_0.378442645771371')">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="star-container yotpo-sr-star-empty" style="display: flex; flex-direction: row;">
                                                            <svg viewBox="0 0 18 18" tabindex="0" xmlns="http://www.w3.org/2000/svg" role="img" width="15" height="15" aria-label="Star 5 out of 5">
                                                                <defs>
                                                                    <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.8675759425545955">
                                                                        <stop offset="0%" stop-color="#FFD018FF">
                                                                        </stop>
                                                                        <stop stop-opacity="1" offset="0%" stop-color="#FFFFFF"></stop>
                                                                    </linearGradient>
                                                                </defs>
                                                                <path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#FFD018FF" fill="url('#yotpo_stars_gradient_0.8675759425545955')">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <!--v-if-->
                                                    </div>
                                                    <!--v-if-->

                                                    <div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
                                                        <div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel" tabindex="0" aria-label="0 Reviews" style="white-space: nowrap; font-size: 16px; text-align: start; font-family: Cabin; font-style: normal; font-weight: 600; color: rgb(39, 40, 51); padding-top: 2px; line-height: 28px;">
                                                            0 Reviews
                                                        </div>
                                                    </div>

                                                    <!--v-if-->
                                                </div>
                                                <!--v-if-->
                                                <!--v-if-->
                                                <!--v-if-->

                                                <!--v-if-->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="prices">
                                <span class="price actual-price">$149.00</span>
                            </div>
                        </div>
                    </a>
                </div>
            </li>
        </ul>
    </div>
</div>
<div id="filterHeader" class="left-right-item-alignment" style="">
	<span class="medium-heading">Filters</span>
	<span id="filterClose">
		<span class="fal fa-times" aria-hidden="true"><!----></span>
	</span>
</div>

<div
	class="nopAjaxFilters7Spikes"
	data-categoryid="63"
	data-manufacturerid="0"
	data-vendorid="0"
	data-producttagid="0"
	data-isonsearchpage="False"
	data-searchkeyword=""
	data-searchcategoryid="0"
	data-searchmanufacturerid="0"
	data-searchvendorid="0"
	data-searchproducttagid="0"
	data-searchpricefrom=""
	data-searchpriceto=""
	data-searchincludesubcategories="False"
	data-searchinproductdescriptions="False"
	data-searchadvancedsearch="False"
	data-getfilteredproductsurl="/getFilteredProducts"
	data-productslistpanelselector=".product-list"
	data-productsgridpanelselector=".product-grid"
	data-pagerpanelselector=".pager"
	data-pagerpanelintegrationselector=".product-grid, .product-list"
	data-sortoptionsdropdownselector="#products-orderby"
	data-viewoptionsdropdownselector=".viewmode-icon, #products-viewmode"
	data-productspagesizedropdownselector="#products-pagesize"
	data-filtersuimode="usecheckboxes"
	data-defaultviewmode="grid"
	data-enableinfinitescroll="False"
	data-infinitescrollloadertext="Loading more products ..."
	data-scrolltoelement="True"
	data-scrolltoelementselector=".product-selectors" data-scrolltoelementadditionaloffset="0"
	data-showselectedfilterspanel="True"
	data-numberofreturnedproductsselector=".product-selectors"
	data-selectedoptionstargetselector=".nopAjaxFilters7Spikes .filtersPanel:first"
	data-selectedoptionstargetaction="prependTo"
	data-isrtl="false"
	data-closefilterspanelafterfiltrationinmobile="true"
	data-no-products-window-title="NO RESULTS FOUND"
	data-no-products-window-message="There are no products for the filters that you selected. Please widen your search criteria.">
	<div class="close-filters" style="display: none;">
		<span>Close</span>
	</div>
	<div class="filtersTitlePanel">
		<p class="filtersTitle">Filter by:</p>
		<a class="clearFilterOptionsAll" role="button" tabindex="0" style="display: none;">Clear All</a>
	</div>
	<div class="filtersPanel">
		<div class="block filter-block priceRangeFilterPanel7Spikes" data-currentcurrencysymbol="$">
			<div class="title">
				<a class="toggleControl" role="button" tabindex="0">Price Range</a>
				<a class="clearPriceRangeFilter" role="button" tabindex="0" style="display: none;">Clear</a>
			</div>
			<div class="filtersGroupPanel" style="">
				<div class="priceRangeMinMaxPanel">
					<span class="priceRangeMinPanel">
						<span>Min:</span>
						<span class="priceRangeMinPrice">$38.00</span>
					</span>
					<span class="priceRangeMaxPanel">
						<span>Max:</span>
						<span class="priceRangeMaxPrice">$1,547.00</span>
					</span>
				</div>
				<div id="slider"
					class="price-range-slider ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content"
					data-sliderminvalue="38"
					data-slidermaxvalue="1547"
					data-selectedfromvalue="38"
					data-selectedtovalue="1547"
					data-customformatting="">
					<div class="ui-slider-range ui-corner-all ui-widget-header" style="left: 0%; width: 100%;">
					</div>
					<span
						tabindex="0"
						class="ui-slider-handle ui-corner-all ui-state-default"
						id="minPriceRangeSlider"
						role="slider"
						aria-valuemin="38"
						aria-valuemax="1547"
						aria-valuenow="38"
						aria-valuetext="38 price"
						style="left: 0%;">
					</span>
					<span
						tabindex="0"
						class="ui-slider-handle ui-corner-all ui-state-default"
						id="maxPriceRangeSlider"
						role="slider"
						aria-valuemin="38"
						aria-valuemax="1547"
						aria-valuenow="1547"
						aria-valuetext="1547 price"
						style="left: 100%;">
					</span>
				</div>
				<div class="priceRangeCurrentPricesPanel">
					<span class="currentMinPrice">38</span>
					<span class="currentMaxPrice">1547</span>
				</div>
			</div>
		</div>

		<div class="block filter-block specificationFilterPanel7Spikes">
			<div class="title">
				<a class="toggleControl closed" role="button" tabindex="0">View in Room</a>
				<a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
			</div>
			<div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="70"
				id="specificationFiltersDropDown70" style="display: none;">
				<ul class="checkbox-list" style="">
					<li class="checkbox-item">
						<input data-option-ids="5447" type="checkbox" id="specification-input-70-5447">
						<label class="filter-item-name" for="specification-input-70-5447">View in Room</label>
					</li>
				</ul>
			</div>
		</div>
		<div class="block filter-block specificationFilterPanel7Spikes">
			<div class="title">
				<a class="toggleControl closed" role="button" tabindex="0">Availability</a>
				<a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
			</div>
			<div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="60"
				id="specificationFiltersDropDown60" style="display: none;">
				<ul class="checkbox-list" style="">
					<li class="checkbox-item">
						<input data-option-ids="369" type="checkbox" id="specification-input-60-369">
						<label class="filter-item-name" for="specification-input-60-369">Free FedEx Shipping</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="368" type="checkbox" id="specification-input-60-368">
						<label class="filter-item-name" for="specification-input-60-368">In Stores</label>
					</li>
				</ul>
			</div>
		</div>
		<div class="block filter-block specificationFilterPanel7Spikes">
			<div class="title">
				<a class="toggleControl closed" role="button" tabindex="0">Special Features</a>
				<a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
			</div>
			<div
				class="filtersGroupPanel filtersCheckboxPanel  "
				data-optionsgroupid="49"
				id="specificationFiltersDropDown49"
				style="display: none;">
				<ul class="checkbox-list" style="">
					<li class="checkbox-item">
						<input data-option-ids="5348" type="checkbox" id="specification-input-49-5348">
						<label class="filter-item-name" for="specification-input-49-5348">A/C Power Outlet</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="352" type="checkbox" id="specification-input-49-352">
						<label class="filter-item-name" for="specification-input-49-352">Adjustable Height</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="5578" type="checkbox" id="specification-input-49-5578">
						<label class="filter-item-name" for="specification-input-49-5578">Cup Holders</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="5278" type="checkbox" id="specification-input-49-5278">
						<label class="filter-item-name" for="specification-input-49-5278">Hidden Storage</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="5755" type="checkbox" id="specification-input-49-5755">
						<label class="filter-item-name" for="specification-input-49-5755">Lift Top</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="5353" type="checkbox" id="specification-input-49-5353">
						<label class="filter-item-name" for="specification-input-49-5353">Multiple Color Options</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="373" type="checkbox" id="specification-input-49-373">
						<label class="filter-item-name" for="specification-input-49-373">Small Spaces</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="5159" type="checkbox" id="specification-input-49-5159">
						<label class="filter-item-name" for="specification-input-49-5159">USB Power Outlet</label>
					</li>
				</ul>
			</div>
		</div>
		<div class="block filter-block specificationFilterPanel7Spikes">
			<div class="title">
				<a class="toggleControl closed" role="button" tabindex="0">Color / Finish</a>
				<a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
			</div>
			<div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="2" id="specificationFiltersDropDown2" style="display: none;">
				<ul class="checkbox-list" style="">
					<li class="checkbox-item">
						<input data-option-ids="12" type="checkbox" id="specification-input-2-12">
						<label class="filter-item-name" for="specification-input-2-12">Beige/Taupe</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="6" type="checkbox" id="specification-input-2-6">
						<label class="filter-item-name" for="specification-input-2-6">Black</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="27" type="checkbox" id="specification-input-2-27">
						<label class="filter-item-name" for="specification-input-2-27">Blue</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="5" type="checkbox" id="specification-input-2-5">
						<label class="filter-item-name" for="specification-input-2-5">Brown/Espresso</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="111" type="checkbox" id="specification-input-2-111">
						<label class="filter-item-name" for="specification-input-2-111">Dark Wood</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="48" type="checkbox" id="specification-input-2-48">
						<label class="filter-item-name" for="specification-input-2-48">Gray</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="7" type="checkbox" id="specification-input-2-7">
						<label class="filter-item-name" for="specification-input-2-7">Light Wood</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="195" type="checkbox" id="specification-input-2-195">
						<label class="filter-item-name" for="specification-input-2-195">Multi-Color Fabric/Material</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="136" type="checkbox" id="specification-input-2-136">
						<label class="filter-item-name" for="specification-input-2-136">Natural</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="42" type="checkbox" id="specification-input-2-42">
						<label class="filter-item-name" for="specification-input-2-42">Red</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="49" type="checkbox" id="specification-input-2-49">
						<label class="filter-item-name" for="specification-input-2-49">Silver</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="173" type="checkbox" id="specification-input-2-173">
						<label class="filter-item-name" for="specification-input-2-173">Walnut</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="13" type="checkbox" id="specification-input-2-13">
						<label class="filter-item-name" for="specification-input-2-13">White</label>
					</li>
				</ul>
			</div>
		</div>
		<div class="block filter-block specificationFilterPanel7Spikes">
			<div class="title">
				<a class="toggleControl closed" role="button" tabindex="0">Style</a>
				<a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
			</div>
			<div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="3" id="specificationFiltersDropDown3" style="display: none;">
				<ul class="checkbox-list" style="">
					<li class="checkbox-item">
						<input data-option-ids="92534" type="checkbox" id="specification-input-3-92534">
						<label class="filter-item-name" for="specification-input-3-92534">Gaming</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="90672" type="checkbox" id="specification-input-3-90672">
						<label class="filter-item-name" for="specification-input-3-90672">Modern Industrial</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="8" type="checkbox" id="specification-input-3-8">
						<label class="filter-item-name" for="specification-input-3-8">Traditional / Formal</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="110" type="checkbox" id="specification-input-3-110">
						<label class="filter-item-name" for="specification-input-3-110">Transitional / Casual</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="9" type="checkbox" id="specification-input-3-9">
						<label class="filter-item-name" for="specification-input-3-9">Modern / Contemporary</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="10" type="checkbox" id="specification-input-3-10">
						<label class="filter-item-name" for="specification-input-3-10">Rustic / Vintage</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="11" type="checkbox" id="specification-input-3-11">
						<label class="filter-item-name" for="specification-input-3-11">Mid-Century / Retro</label>
					</li>
				</ul>
			</div>
		</div>
		<div class="block filter-block specificationFilterPanel7Spikes">
			<div class="title">
				<a class="toggleControl closed" role="button" tabindex="0">Desk Type</a>
				<a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
			</div>
			<div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="26" id="specificationFiltersDropDown26" style="display: none;">
				<ul class="checkbox-list" style="">
					<li class="checkbox-item">
						<input data-option-ids="149" type="checkbox" id="specification-input-26-149">
						<label class="filter-item-name" for="specification-input-26-149">Adjustable Height</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="89706" type="checkbox" id="specification-input-26-89706">
						<label class="filter-item-name" for="specification-input-26-89706">Computer Cart / Desk</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="150" type="checkbox" id="specification-input-26-150">
						<label class="filter-item-name" for="specification-input-26-150">Computer Desk / Cart</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="144" type="checkbox" id="specification-input-26-144">
						<label class="filter-item-name" for="specification-input-26-144">Executive</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="145" type="checkbox" id="specification-input-26-145">
						<label class="filter-item-name" for="specification-input-26-145">L-Shape</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="151" type="checkbox" id="specification-input-26-151">
						<label class="filter-item-name" for="specification-input-26-151">Modular Configuration</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="285" type="checkbox" id="specification-input-26-285">
						<label class="filter-item-name" for="specification-input-26-285">Secretary Desk</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="147" type="checkbox" id="specification-input-26-147">
						<label class="filter-item-name" for="specification-input-26-147">Writing</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="146" type="checkbox" id="specification-input-26-146">
						<label class="filter-item-name" for="specification-input-26-146">Youth</label>
					</li>
				</ul>
			</div>
		</div>
		<div class="block filter-block specificationFilterPanel7Spikes">
			<div class="title">
				<a class="toggleControl closed" role="button" tabindex="0">Number of Drawers</a>
				<a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
			</div>
			<div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="36" id="specificationFiltersDropDown36" style="display: none;">
				<ul class="checkbox-list" style="">
					<li class="checkbox-item">
						<input data-option-ids="219" type="checkbox" id="specification-input-36-219">
						<label class="filter-item-name" for="specification-input-36-219">2 or Less</label>
					</li>
				</ul>
			</div>
		</div>
		<div class="block filter-block specificationFilterPanel7Spikes">
			<div class="title">
				<a class="toggleControl closed" role="button" tabindex="0">Shape</a>
				<a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
			</div>
			<div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="19" id="specificationFiltersDropDown19" style="display: none;">
				<ul class="checkbox-list" style="">
					<li class="checkbox-item">
						<input data-option-ids="100" type="checkbox" id="specification-input-19-100">
						<label class="filter-item-name" for="specification-input-19-100">Rectangle</label>
					</li>
				</ul>
			</div>
		</div>
		<div class="block filter-block specificationFilterPanel7Spikes">
			<div class="title">
				<a class="toggleControl closed" role="button" tabindex="0">Construction Material</a>
				<a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
			</div>
			<div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="17" id="specificationFiltersDropDown17" style="display: none;">
				<ul class="checkbox-list" style="">
					<li class="checkbox-item">
						<input data-option-ids="194" type="checkbox" id="specification-input-17-194">
						<label class="filter-item-name" for="specification-input-17-194">Aluminum</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="92" type="checkbox" id="specification-input-17-92">
						<label class="filter-item-name" for="specification-input-17-92">Composite</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="170" type="checkbox" id="specification-input-17-170">
						<label class="filter-item-name" for="specification-input-17-170">Glass</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="91" type="checkbox" id="specification-input-17-91">
						<label class="filter-item-name" for="specification-input-17-91">Metal</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="120" type="checkbox" id="specification-input-17-120">
						<label class="filter-item-name" for="specification-input-17-120">Mixed Media</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="93" type="checkbox" id="specification-input-17-93">
						<label class="filter-item-name" for="specification-input-17-93">Stone</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="90" type="checkbox" id="specification-input-17-90">
						<label class="filter-item-name" for="specification-input-17-90">Wood</label>
					</li>
				</ul>
			</div>
		</div>
		<div class="block filter-block specificationFilterPanel7Spikes">
			<div class="title">
				<a class="toggleControl closed" role="button" tabindex="0">Office Chair Type</a>
				<a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
			</div>
			<div class="filtersGroupPanel filtersCheckboxPanel  " data-optionsgroupid="31" id="specificationFiltersDropDown31" style="display: none;">
				<ul class="checkbox-list" style="">
					<li class="checkbox-item">
						<input data-option-ids="298" type="checkbox" id="specification-input-31-298">
						<label class="filter-item-name" for="specification-input-31-298">High-Back</label>
					</li>
				</ul>
			</div>
		</div>
		<div class="block filter-block manufacturerFilterPanel7Spikes">
			<div class="title">
				<a class="toggleControl closed" role="button" tabindex="0">Manufacturers</a>
				<a class="clearFilterOptions" role="button" tabindex="0" style="display: none;">Clear</a>
			</div>
			<div class="filtersGroupPanel filtersCheckboxPanel" style="display: none;">
				<ul class="checkbox-list">
					<li class="checkbox-item">
						<input data-option-ids="247" type="checkbox" id="manufacturer-input-247">
						<label class="filter-item-name" for="manufacturer-input-247" @*="" data-originaltext="Ashley Furniture" *@="">Ashley Furniture</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="271" type="checkbox" id="manufacturer-input-271">
						<label class="filter-item-name" for="manufacturer-input-271" @*="" data-originaltext="Artisan Home by IFD" *@="">Artisan Home by IFD</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="280" type="checkbox" id="manufacturer-input-280">
						<label class="filter-item-name" for="manufacturer-input-280" @*="" data-originaltext="Sunny Designs" *@="">Sunny Designs</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="245" type="checkbox" id="manufacturer-input-245">
						<label class="filter-item-name" for="manufacturer-input-245" @*="" data-originaltext="Condor Manufacturing" *@="">Condor Manufacturing</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="258" type="checkbox" id="manufacturer-input-258">
						<label class="filter-item-name" for="manufacturer-input-258" @*="" data-originaltext="South Shore Industries" *@="">South Shore Industries</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="272" type="checkbox" id="manufacturer-input-272">
						<label class="filter-item-name" for="manufacturer-input-272" @*="" data-originaltext="Legends Home" *@="">Legends Home</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="284" type="checkbox" id="manufacturer-input-284">
						<label class="filter-item-name" for="manufacturer-input-284" @*="" data-originaltext="Sauder Woodworking" *@="">Sauder Woodworking</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="298" type="checkbox" id="manufacturer-input-298">
						<label class="filter-item-name" for="manufacturer-input-298" @*="" data-originaltext="Trendwood USA" *@="">Trendwood USA</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="307" type="checkbox" id="manufacturer-input-307">
						<label class="filter-item-name" for="manufacturer-input-307" @*="" data-originaltext="ID USA Furniture" *@="">ID USA Furniture</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="313" type="checkbox" id="manufacturer-input-313">
						<label class="filter-item-name" for="manufacturer-input-313" @*="" data-originaltext="aspenhome" *@="">aspenhome</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="346" type="checkbox" id="manufacturer-input-346">
						<label class="filter-item-name" for="manufacturer-input-346" @*="" data-originaltext="Elements International Group, LLC" *@="">Elements International Group, LLC</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="384" type="checkbox" id="manufacturer-input-384">
						<label class="filter-item-name" for="manufacturer-input-384" @*="" data-originaltext="OSP - Office Star Products" *@="">OSP - Office Star Products</label>
					</li>
					<li class="checkbox-item">
						<input data-option-ids="403" type="checkbox" id="manufacturer-input-403">
						<label class="filter-item-name" for="manufacturer-input-403" @*="" data-originaltext="Martin Furniture" *@="">Martin Furniture</label>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="block filter-block selected-options" style="display: none;">
		<div class="title">
			<a class="toggleControl" role="button" tabindex="0">Selected Options</a>
		</div>
		<div class="filtersGroupPanel">
			<ul class="selected-options-list"></ul>
		</div>
	</div>
	<div class="number-of-returned-products sample-element" style="display: none;">
		<span class="showing-text">Showing</span>
		<span class="productsPerPage"></span>
		<span class="of-text">of</span>
		<span class="allProductsReturned"></span>
		<span class="results-text">results</span>
	</div>
	<div class="returned-products-filters-panel" style="display: none;">
		<span class="allProductsReturned"></span>
	</div>
</div>

<input id="availableSortOptionsJson" name="availableSortOptionsJson" type="hidden"
	value="[{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:true,&quot;Text&quot;:&quot;Select&quot;,&quot;Value&quot;:&quot;0&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;Name: A to Z&quot;,&quot;Value&quot;:&quot;5&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;Name: Z to A&quot;,&quot;Value&quot;:&quot;6&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;Price: Low to High&quot;,&quot;Value&quot;:&quot;10&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;Price: High to Low&quot;,&quot;Value&quot;:&quot;11&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;Newest&quot;,&quot;Value&quot;:&quot;15&quot;}]">
<input id="availableViewModesJson" name="availableViewModesJson" type="hidden"
	value="[{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:true,&quot;Text&quot;:&quot;Grid&quot;,&quot;Value&quot;:&quot;grid&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;List&quot;,&quot;Value&quot;:&quot;list&quot;}]">
<input id="availablePageSizesJson" name="availablePageSizesJson" type="hidden"
	value="[{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;24&quot;,&quot;Value&quot;:&quot;24&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:true,&quot;Text&quot;:&quot;48&quot;,&quot;Value&quot;:&quot;48&quot;},{&quot;Disabled&quot;:false,&quot;Group&quot;:null,&quot;Selected&quot;:false,&quot;Text&quot;:&quot;120&quot;,&quot;Value&quot;:&quot;120&quot;}]">

<div class="block block-recently-viewed-products">
	<div class="title">
		<strong>Recently Viewed</strong>
	</div>
	<div class="listbox">
		<ul class="list">
			<li>
				<a class="product-picture" href="/advance-your-gaming-experience-with-the-emulator-g" title="4824-BLK.jpg">
					<img alt="4824-BLK.jpg" src="https://qa-images.afw.com/images/thumbs/0178971_4824-BLK.jpg_64.jpeg" title="4824-BLK.jpg">
				</a>
				<div class="product-details">
					<a href="/advance-your-gaming-experience-with-the-emulator-g">
						<h2 class="product-title">Gray Emulator Gaming Desk</h2>
						<div class="add-info">
							<div class="product-rating-box" title="0 review(s)" aria-hidden="true">
								<div class="yotpo-widget-instance"
									data-yotpo-appkey="MT9oUlmBLyLACsAUPwOosBkNSpXZKjnYNXuOveBW"
									data-yotpo-domain="qa.afw.com" data-yotpo-product-id="4824-BLK"
									data-yotpo-product-models="Nothing" data-yotpo-name="Gray Emulator Gaming Desk"
									data-yotpo-url="https://qa.afw.com/desks-and-office-furniture"
									data-yotpo-image-url="/images/thumbs/0178971_4824-BLK.jpg_64.jpeg"
									data-yotpo-description="&amp;lt;p style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;&amp;lt;span style=&amp;quot;color: rgb(0, 0, 0);font-size: 13px&amp;quot;&amp;gt;FULL CUSTOMER ASSEMBLY REQUIRED. TOOLS MAY NOT BE INCLUDED.&amp;lt;/span&amp;gt;&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;Raised monitor shelf for ergonomic viewing.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;RGB LED lights for total game immersion.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Durable carbon fiber finish.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Durable black metal frame.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;USB/Power Hub charging hub.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Wireless charger.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Tablet/storage compartment for accessories.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Head phone hook.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Pencil/drink holder.&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Wire management.&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;"
									data-yotpo-bread-crumbs="Nothing" data-yotpo-instance-id="837953"
									data-yotpo-element-loaded="true"
									data-yotpo-widget-uuid="dfb0b030-e4b9-4841-b328-a76428a18dd5">

									<div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-laptop yotpo-display-m"
										style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 5px;">
										<div class="yotpo-widget-clear">
											<div class="yotpo-bottom-line-scroll-panel"
												style="display: flex; align-items: flex-start; flex-flow: wrap;">
												<div class="yotpo-sr-bottom-line-summary"
													@keydown.enter="starRatingClick()"
													style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr; cursor: pointer;">
													<div
														style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center; height: 28px;">
														<div class="star-container yotpo-sr-star-empty"
															style="display: flex; flex-direction: row; margin-right: 3.5px;">
															<svg viewBox="0 0 18 18" tabindex="0"
																xmlns="http://www.w3.org/2000/svg" role="img"
																width="15" height="15" aria-label="Star 1 out of 5">
																<defs>
																	<linearGradient aria-hidden="true"
																		id="yotpo_stars_gradient_0.4969415013178402">
																		<stop offset="0%" stop-color="#FFD018FF">
																		</stop>
																		<stop stop-opacity="1" offset="0%"
																			stop-color="#FFFFFF"></stop>
																	</linearGradient>
																</defs>
																<path aria-hidden="true"
																	style="pointer-events: none;"
																	d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z"
																	stroke="#FFD018FF"
																	fill="url('#yotpo_stars_gradient_0.4969415013178402')">
																</path>
															</svg>
														</div>
														<div class="star-container yotpo-sr-star-empty"
															style="display: flex; flex-direction: row; margin-right: 3.5px;">
															<svg viewBox="0 0 18 18" tabindex="0"
																xmlns="http://www.w3.org/2000/svg" role="img"
																width="15" height="15" aria-label="Star 2 out of 5">
																<defs>
																	<linearGradient aria-hidden="true"
																		id="yotpo_stars_gradient_0.2506815318745481">
																		<stop offset="0%" stop-color="#FFD018FF">
																		</stop>
																		<stop stop-opacity="1" offset="0%"
																			stop-color="#FFFFFF"></stop>
																	</linearGradient>
																</defs>
																<path aria-hidden="true"
																	style="pointer-events: none;"
																	d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z"
																	stroke="#FFD018FF"
																	fill="url('#yotpo_stars_gradient_0.2506815318745481')">
																</path>
															</svg>
														</div>
														<div class="star-container yotpo-sr-star-empty"
															style="display: flex; flex-direction: row; margin-right: 3.5px;">
															<svg viewBox="0 0 18 18" tabindex="0"
																xmlns="http://www.w3.org/2000/svg" role="img"
																width="15" height="15" aria-label="Star 3 out of 5">
																<defs>
																	<linearGradient aria-hidden="true"
																		id="yotpo_stars_gradient_0.2874285534777645">
																		<stop offset="0%" stop-color="#FFD018FF">
																		</stop>
																		<stop stop-opacity="1" offset="0%"
																			stop-color="#FFFFFF"></stop>
																	</linearGradient>
																</defs>
																<path aria-hidden="true"
																	style="pointer-events: none;"
																	d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z"
																	stroke="#FFD018FF"
																	fill="url('#yotpo_stars_gradient_0.2874285534777645')">
																</path>
															</svg>
														</div>
														<div class="star-container yotpo-sr-star-empty"
															style="display: flex; flex-direction: row; margin-right: 3.5px;">
															<svg viewBox="0 0 18 18" tabindex="0"
																xmlns="http://www.w3.org/2000/svg" role="img"
																width="15" height="15" aria-label="Star 4 out of 5">
																<defs>
																	<linearGradient aria-hidden="true"
																		id="yotpo_stars_gradient_0.6910466818665908">
																		<stop offset="0%" stop-color="#FFD018FF">
																		</stop>
																		<stop stop-opacity="1" offset="0%"
																			stop-color="#FFFFFF"></stop>
																	</linearGradient>
																</defs>
																<path aria-hidden="true"
																	style="pointer-events: none;"
																	d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z"
																	stroke="#FFD018FF"
																	fill="url('#yotpo_stars_gradient_0.6910466818665908')">
																</path>
															</svg>
														</div>
														<div class="star-container yotpo-sr-star-empty"
															style="display: flex; flex-direction: row;">
															<svg viewBox="0 0 18 18" tabindex="0"
																xmlns="http://www.w3.org/2000/svg" role="img"
																width="15" height="15" aria-label="Star 5 out of 5">
																<defs>
																	<linearGradient aria-hidden="true"
																		id="yotpo_stars_gradient_0.3248298961351874">
																		<stop offset="0%" stop-color="#FFD018FF">
																		</stop>
																		<stop stop-opacity="1" offset="0%"
																			stop-color="#FFFFFF"></stop>
																	</linearGradient>
																</defs>
																<path aria-hidden="true"
																	style="pointer-events: none;"
																	d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z"
																	stroke="#FFD018FF"
																	fill="url('#yotpo_stars_gradient_0.3248298961351874')">
																</path>
															</svg>
														</div>
														<!--v-if-->
													</div>
													<!--v-if-->

													<div class="yotpo-sr-bottom-line-right-panel"
														style="display: flex;">
														<div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
															tabindex="0" aria-label="0 Reviews"
															style="white-space: nowrap; font-size: 16px; text-align: start; font-family: Cabin; font-style: normal; font-weight: 600; color: rgb(39, 40, 51); padding-top: 2px; line-height: 28px;">
															0 Reviews
														</div>
													</div>

													<!--v-if-->
												</div>
												<!--v-if-->
												<!--v-if-->
												<!--v-if-->

												<!--v-if-->
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="prices">
								<span class="price actual-price">$148.00</span>
							</div>
						</div>
					</a>
				</div>
			</li>
			<li class="last">
				<a class="product-picture" href="/red-gaming-computer-desk"
					title="0113329_red-gaming-computer-desk.jpeg">
					<img alt="0113329_red-gaming-computer-desk.jpeg"
						src="https://qa-images.afw.com/images/thumbs/0146849_0113329_red-gaming-computer-desk.jpeg_64.jpeg"
						title="0113329_red-gaming-computer-desk.jpeg">
				</a>
				<div class="product-details">
					<a href="/red-gaming-computer-desk">
						<h2 class="product-title">Red Gaming Computer Desk</h2>
						<div class="add-info">
							<div class="product-rating-box" title="0 review(s)" aria-hidden="true">
								<div class="yotpo-widget-instance"
									data-yotpo-appkey="MT9oUlmBLyLACsAUPwOosBkNSpXZKjnYNXuOveBW"
									data-yotpo-domain="qa.afw.com" data-yotpo-product-id="1802-RD"
									data-yotpo-product-models="Nothing" data-yotpo-name="Red Gaming Computer Desk"
									data-yotpo-url="https://qa.afw.com/desks-and-office-furniture"
									data-yotpo-image-url="/images/thumbs/0146849_0113329_red-gaming-computer-desk.jpeg_64.jpeg"
									data-yotpo-description="&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;Elevate Your Game with the Red Gaming Computer Desk by Cambridge Home! &amp;#x1F3AE;d.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;Are you ready to transform your gaming setup into a true command center? The Red Gaming Computer Desk by Cambridge Home is here to catapult you into the heart of the action with its sleek design and gamer-centric features. &amp;lt;br&amp;gt;&amp;lt;br&amp;gt;This isn&amp;#x27;t just any desk. It&amp;#x27;s a battle station designed by Cambridge Home, where functionality meets a bold aesthetic, to keep you immersed in your virtual worlds for hours on end. The vibrant red accents set against the smooth black finish give it that high-octane look, turning your space into a stylish gaming den.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;Let&amp;#x27;s talk about comfort - a top priority for marathon sessions. The Red Gaming Computer Desk features an elevated monitor shelf, placing your screen at the perfect eye level to prevent neck strain and keep your focus sharp. But this desk isn&amp;#x27;t just about gaming; it&amp;#x27;s also about organization. Built-in features like a headphone hook, a cup holder, and a cable management system ensure that your gaming area stays clutter-free and battle-ready.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;Durability? We&amp;#x27;ve got you covered. The sturdy construction can handle the most intense gaming equipment, while adjustable feet keep your setup stable even on uneven floors. So when the game gets intense, your gear stays put.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;Command respect from your peers with the Red Gaming Computer Desk by Cambridge Home. It&amp;#x27;s more than a piece of furniture; it&amp;#x27;s a statement. So why wait? It&amp;#x27;s time to give your gaming experience the upgrade it deserves.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;Don&amp;#x27;t just play, dominate - with Cambridge Home.&amp;lt;br&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;"
									data-yotpo-bread-crumbs="Nothing" data-yotpo-instance-id="837953"
									data-yotpo-element-loaded="true"
									data-yotpo-widget-uuid="396d6571-d8fb-4d4f-9147-419e5fc19186">

									<div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-laptop yotpo-display-m"
										style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 5px;">
										<div class="yotpo-widget-clear">
											<div class="yotpo-bottom-line-scroll-panel"
												style="display: flex; align-items: flex-start; flex-flow: wrap;">
												<div class="yotpo-sr-bottom-line-summary"
													@keydown.enter="starRatingClick()"
													style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr; cursor: pointer;">
													<div
														style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center; height: 28px;">
														<div class="star-container yotpo-sr-star-empty"
															style="display: flex; flex-direction: row; margin-right: 3.5px;">
															<svg viewBox="0 0 18 18" tabindex="0"
																xmlns="http://www.w3.org/2000/svg" role="img"
																width="15" height="15" aria-label="Star 1 out of 5">
																<defs>
																	<linearGradient aria-hidden="true"
																		id="yotpo_stars_gradient_0.0956951359974747">
																		<stop offset="0%" stop-color="#FFD018FF">
																		</stop>
																		<stop stop-opacity="1" offset="0%"
																			stop-color="#FFFFFF"></stop>
																	</linearGradient>
																</defs>
																<path aria-hidden="true"
																	style="pointer-events: none;"
																	d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z"
																	stroke="#FFD018FF"
																	fill="url('#yotpo_stars_gradient_0.0956951359974747')">
																</path>
															</svg>
														</div>
														<div class="star-container yotpo-sr-star-empty"
															style="display: flex; flex-direction: row; margin-right: 3.5px;">
															<svg viewBox="0 0 18 18" tabindex="0"
																xmlns="http://www.w3.org/2000/svg" role="img"
																width="15" height="15" aria-label="Star 2 out of 5">
																<defs>
																	<linearGradient aria-hidden="true"
																		id="yotpo_stars_gradient_0.630586852424037">
																		<stop offset="0%" stop-color="#FFD018FF">
																		</stop>
																		<stop stop-opacity="1" offset="0%"
																			stop-color="#FFFFFF"></stop>
																	</linearGradient>
																</defs>
																<path aria-hidden="true"
																	style="pointer-events: none;"
																	d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z"
																	stroke="#FFD018FF"
																	fill="url('#yotpo_stars_gradient_0.630586852424037')">
																</path>
															</svg>
														</div>
														<div class="star-container yotpo-sr-star-empty"
															style="display: flex; flex-direction: row; margin-right: 3.5px;">
															<svg viewBox="0 0 18 18" tabindex="0"
																xmlns="http://www.w3.org/2000/svg" role="img"
																width="15" height="15" aria-label="Star 3 out of 5">
																<defs>
																	<linearGradient aria-hidden="true"
																		id="yotpo_stars_gradient_0.7536694378968352">
																		<stop offset="0%" stop-color="#FFD018FF">
																		</stop>
																		<stop stop-opacity="1" offset="0%"
																			stop-color="#FFFFFF"></stop>
																	</linearGradient>
																</defs>
																<path aria-hidden="true"
																	style="pointer-events: none;"
																	d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z"
																	stroke="#FFD018FF"
																	fill="url('#yotpo_stars_gradient_0.7536694378968352')">
																</path>
															</svg>
														</div>
														<div class="star-container yotpo-sr-star-empty"
															style="display: flex; flex-direction: row; margin-right: 3.5px;">
															<svg viewBox="0 0 18 18" tabindex="0"
																xmlns="http://www.w3.org/2000/svg" role="img"
																width="15" height="15" aria-label="Star 4 out of 5">
																<defs>
																	<linearGradient aria-hidden="true"
																		id="yotpo_stars_gradient_0.378442645771371">
																		<stop offset="0%" stop-color="#FFD018FF">
																		</stop>
																		<stop stop-opacity="1" offset="0%"
																			stop-color="#FFFFFF"></stop>
																	</linearGradient>
																</defs>
																<path aria-hidden="true"
																	style="pointer-events: none;"
																	d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z"
																	stroke="#FFD018FF"
																	fill="url('#yotpo_stars_gradient_0.378442645771371')">
																</path>
															</svg>
														</div>
														<div class="star-container yotpo-sr-star-empty"
															style="display: flex; flex-direction: row;">
															<svg viewBox="0 0 18 18" tabindex="0"
																xmlns="http://www.w3.org/2000/svg" role="img"
																width="15" height="15" aria-label="Star 5 out of 5">
																<defs>
																	<linearGradient aria-hidden="true"
																		id="yotpo_stars_gradient_0.8675759425545955">
																		<stop offset="0%" stop-color="#FFD018FF">
																		</stop>
																		<stop stop-opacity="1" offset="0%"
																			stop-color="#FFFFFF"></stop>
																	</linearGradient>
																</defs>
																<path aria-hidden="true"
																	style="pointer-events: none;"
																	d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z"
																	stroke="#FFD018FF"
																	fill="url('#yotpo_stars_gradient_0.8675759425545955')">
																</path>
															</svg>
														</div>
														<!--v-if-->
													</div>
													<!--v-if-->

													<div class="yotpo-sr-bottom-line-right-panel"
														style="display: flex;">
														<div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
															tabindex="0" aria-label="0 Reviews"
															style="white-space: nowrap; font-size: 16px; text-align: start; font-family: Cabin; font-style: normal; font-weight: 600; color: rgb(39, 40, 51); padding-top: 2px; line-height: 28px;">
															0 Reviews
														</div>
													</div>

													<!--v-if-->
												</div>
												<!--v-if-->
												<!--v-if-->
												<!--v-if-->

												<!--v-if-->
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="prices">
								<span class="price actual-price">$149.00</span>
							</div>
						</div>
					</a>
				</div>
			</li>
		</ul>
	</div>
</div>
/* No context defined. */
  • Content:
    $(document).ready(() => {
    	$('.toggleControl').on('click touch', function (e) {
    		e.preventDefault()
    		$(this).toggleClass('closed')
    		$(this).parent().siblings('.filtersGroupPanel').slideToggle()
    	})
    })
    
  • URL: /components/raw/product-filter/product-filter.js
  • Filesystem Path: source/patterns/molecules/product-filter/product-filter.js
  • Size: 204 Bytes
  • Content:
    .filtersPanel {
    	background: $color-sky-lighter;
    	border-radius: rem(4px);
    	display: block;
    	margin: 0;
    	padding: rem(16px);
    
    	.filter-block {
    		margin-bottom: rem(10px);
    
    		.title {
    			border: rem(2px) solid rgb(223,231,250);
    			border-radius: rem(4px);
    			display: flex;
    			align-items: center;
    			justify-content: flex-start;
    			font-size: rem(15px);
    			font-weight: 700;
    			background: $color-white;
    			overflow: hidden;
    			position: relative;
    			margin: 0;
    			padding: rem(12px) rem(12px) rem(12px) rem(10px);
    
    			.toggleControl {
    				color: $color-primary-text;
    				margin-right: auto;
    
    				&:hover,
    				&:focus {
    					text-decoration: none;
    				}
    			}
    
    			.clearFilterOptions {
    				display: block !important;
    				margin-right: rem(12px);
    				color: $color-blue;
    				text-decoration: underline;
    			}
    
    			&:after {
    				content: '\f078';
    				font-size: rem(15px);
    				font-family: $font-family-icons;
    				font-weight: 700;
    			}
    		}
    
    		.checkbox-list {
    			list-style: none;
    			padding: rem(8px) 0 0 rem(16px);
    			margin: 0;
    		}
    
    		&.priceRangeFilterPanel7Spikes {
    			.title {
    				&:after {
    					content: '\f077';
    				}
    			}
    		
    			.toggleControl {
    				pointer-events: none !important;
    			}
    
    			.filtersGroupPanel {
    				padding: rem(8px);
    			}
    		}
    	}
    }
    
    .block-recently-viewed-products {
    	padding: rem(16px);
    
    	.listbox {
    		background: $color-white;
    	}
    
    	.list {
    		list-style: none;
    		margin: 0;
    		padding: 0;
    
    		li {
    			display: flex;
    			flex-wrap: nowrap;
    			flex-direction: row;
    			margin-bottom: rem(16px);
    		}
    	}
    
    	.product-picture {
    		flex: 0 0 rem(64px);
    		display: block;
    		margin: 0 rem(8px) 0 0;
    		padding: 0;
    		
    		img {
    			display: block;
    			margin: 0;
    			width: 100%;
    			height: 100%;
    			object-fit: contain;
    		}
    	}
    
    	.product-details {
    		flex: 1 1 auto;
    		a {
    			display: block;
    
    			.product-title {
    				color: $color-primary-text;
    				font-size: rem(16px);
    				font-weight: 600;
    				line-height: 1;
    				margin: 0;
    				padding: 0;
    			}
    		}
    	}
    }
    
  • URL: /components/raw/product-filter/product-filter.scss
  • Filesystem Path: source/patterns/molecules/product-filter/product-filter.scss
  • Size: 2 KB

No notes defined.