Workshop Giveaways

<section id="Categories" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Categories"> <h3 id="CategoriesHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="CategoriesContent"> <span>Categories<span class="visually-hidden" id="CategoriesDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="CategoriesContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Categories filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Categories filters</legend> <input type="checkbox" id="chkTag_93" name="Apparel Accessories" class="" data-filter="Apparel Accessories" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_93_label" class="text20" for="chkTag_93" aria-label="Apparel Accessories 2 products">Apparel Accessories (2)</label> <input type="checkbox" id="chkTag_149" name="Auto Accessories" class="" data-filter="Auto Accessories" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_149_label" class="text20" for="chkTag_149" aria-label="Auto Accessories 4 products">Auto Accessories (4)</label> <input type="checkbox" id="chkTag_175" name="Calendars" class="" data-filter="Calendars" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_175_label" class="text20" for="chkTag_175" aria-label="Calendars 4 products">Calendars (4)</label> <input type="checkbox" id="chkTag_139" name="Cubes, Pads &amp; Flags" class="" data-filter="Cubes, Pads &amp; Flags" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_139_label" class="text20" for="chkTag_139" aria-label="Cubes, Pads &amp; Flags 2 products">Cubes, Pads &amp; Flags (2)</label> <input type="checkbox" id="chkTag_141" name="Desk Accessories" class="" data-filter="Desk Accessories" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_141_label" class="text20" for="chkTag_141" aria-label="Desk Accessories 1 products">Desk Accessories (1)</label> <input type="checkbox" id="chkTag_121" name="Flashlights" class="" data-filter="Flashlights" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_121_label" class="text20" for="chkTag_121" aria-label="Flashlights 2 products">Flashlights (2)</label> <input type="checkbox" id="chkTag_281" name="Key Lights" class="" data-filter="Key Lights" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_281_label" class="text20" for="chkTag_281" aria-label="Key Lights 1 products">Key Lights (1)</label> <input type="checkbox" id="chkTag_124" name="Key Tags" class="" data-filter="Key Tags" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_124_label" class="text20" for="chkTag_124" aria-label="Key Tags 1 products">Key Tags (1)</label> <input type="checkbox" id="chkTag_282" name="Kitchenware" class="" data-filter="Kitchenware" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_282_label" class="text20" for="chkTag_282" aria-label="Kitchenware 1 products">Kitchenware (1)</label> <input type="checkbox" id="chkTag_283" name="Living" class="" data-filter="Living" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_283_label" class="text20" for="chkTag_283" aria-label="Living 4 products">Living (4)</label> <div class="hide overflow"> <input type="checkbox" id="chkTag_127" name="Magnets" data-filter="Magnets" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_127_label" class="text20" for="chkTag_127" aria-label="Magnets 1 products">Magnets (1)</label> <input type="checkbox" id="chkTag_119" name="Notebooks" data-filter="Notebooks" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_119_label" class="text20" for="chkTag_119" aria-label="Notebooks 3 products">Notebooks (3)</label> <input type="checkbox" id="chkTag_92" name="Outerwear" data-filter="Outerwear" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_92_label" class="text20" for="chkTag_92" aria-label="Outerwear 1 products">Outerwear (1)</label> <input type="checkbox" id="chkTag_172" name="Pencils" data-filter="Pencils" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_172_label" class="text20" for="chkTag_172" aria-label="Pencils 3 products">Pencils (3)</label> <input type="checkbox" id="chkTag_130" name="Safety" data-filter="Safety" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_130_label" class="text20" for="chkTag_130" aria-label="Safety 3 products">Safety (3)</label> <input type="checkbox" id="chkTag_145" name="Stress Relievers" data-filter="Stress Relievers" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_145_label" class="text20" for="chkTag_145" aria-label="Stress Relievers 2 products">Stress Relievers (2)</label> <input type="checkbox" id="chkTag_133" name="Tape Measures" data-filter="Tape Measures" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_133_label" class="text20" for="chkTag_133" aria-label="Tape Measures 3 products">Tape Measures (3)</label> <input type="checkbox" id="chkTag_128" name="Tools" data-filter="Tools" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_128_label" class="text20" for="chkTag_128" aria-label="Tools 12 products">Tools (12)</label> <input type="checkbox" id="chkTag_170" name="Towels" data-filter="Towels" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_170_label" class="text20" for="chkTag_170" aria-label="Towels 2 products">Towels (2)</label> </div> <div class="moreDiv textCenter padding10"> <button type="button" class="moreLink lastObject btnToHyp text16 textCenter underline" aria-expanded="false"><span>More Filters <svg class="rotate180" height="10px" width="10px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg></span> <span class="visually-hidden">for Categories</span></button> </div> </fieldset> </div> </section> <section id="Apparel" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Apparel"> <h3 id="ApparelHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ApparelContent"> <span>Apparel<span class="visually-hidden" id="ApparelDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ApparelContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Apparel filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Apparel filters</legend> <input type="checkbox" id="chkTag_7559" name="Embroidered Jackets &amp; Vests" class="lastObject" data-filter="Embroidered Jackets &amp; Vests" data-group="Apparel" aria-describedby="ApparelDescription" /> <label id="chkTag_7559_label" class="text20" for="chkTag_7559" aria-label="Embroidered Jackets &amp; Vests 1 products">Embroidered Jackets &amp; Vests (1)</label> </fieldset> </div> </section> <section id="Brand" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Brand"> <h3 id="BrandHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="BrandContent"> <span>Brand<span class="visually-hidden" id="BrandDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="BrandContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Brand filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Brand filters</legend> <input type="checkbox" id="chkTag_4534" name="Carhartt" class="lastObject" data-filter="Carhartt" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_4534_label" class="text20" for="chkTag_4534" aria-label="Carhartt 1 products">Carhartt (1)</label> </fieldset> </div> </section> <section id="CalendarView" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="CalendarView"> <h3 id="CalendarViewHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="CalendarViewContent"> <span>Calendar View<span class="visually-hidden" id="CalendarViewDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="CalendarViewContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Calendar View filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Calendar View filters</legend> <input type="checkbox" id="chkTag_4902" name="Monthly" class="lastObject" data-filter="Monthly" data-group="CalendarView" aria-describedby="CalendarViewDescription" /> <label id="chkTag_4902_label" class="text20" for="chkTag_4902" aria-label="Monthly 4 products">Monthly (4)</label> </fieldset> </div> </section> <section id="Calendars" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Calendars"> <h3 id="CalendarsHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="CalendarsContent"> <span>Calendars<span class="visually-hidden" id="CalendarsDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="CalendarsContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Calendars filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Calendars filters</legend> <input type="checkbox" id="chkTag_655" name="Spiral Calendars" class="" data-filter="Spiral Calendars" data-group="Calendars" aria-describedby="CalendarsDescription" /> <label id="chkTag_655_label" class="text20" for="chkTag_655" aria-label="Spiral Calendars 2 products">Spiral Calendars (2)</label> <input type="checkbox" id="chkTag_654" name="Stapled Calendars" class="" data-filter="Stapled Calendars" data-group="Calendars" aria-describedby="CalendarsDescription" /> <label id="chkTag_654_label" class="text20" for="chkTag_654" aria-label="Stapled Calendars 2 products">Stapled Calendars (2)</label> <input type="checkbox" id="chkTag_7397" name="Wall Calendars" class="lastObject" data-filter="Wall Calendars" data-group="Calendars" aria-describedby="CalendarsDescription" /> <label id="chkTag_7397_label" class="text20" for="chkTag_7397" aria-label="Wall Calendars 4 products">Wall Calendars (4)</label> </fieldset> </div> </section> <section id="ExtendedSizes" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="ExtendedSizes"> <h3 id="ExtendedSizesHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ExtendedSizesContent"> <span>Extended Sizes<span class="visually-hidden" id="ExtendedSizesDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ExtendedSizesContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Extended Sizes filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Extended Sizes filters</legend> <input type="checkbox" id="chkTag_4871" name="Tall" class="" data-filter="Tall" data-group="ExtendedSizes" aria-describedby="ExtendedSizesDescription" /> <label id="chkTag_4871_label" class="text20" for="chkTag_4871" aria-label="Tall 1 products">Tall (1)</label> <input type="checkbox" id="chkTag_5232" name="Up to 3XL" class="" data-filter="Up to 3XL" data-group="ExtendedSizes" aria-describedby="ExtendedSizesDescription" /> <label id="chkTag_5232_label" class="text20" for="chkTag_5232" aria-label="Up to 3XL 1 products">Up to 3XL (1)</label> <input type="checkbox" id="chkTag_6036" name="Up to 4XL" class="" data-filter="Up to 4XL" data-group="ExtendedSizes" aria-describedby="ExtendedSizesDescription" /> <label id="chkTag_6036_label" class="text20" for="chkTag_6036" aria-label="Up to 4XL 1 products">Up to 4XL (1)</label> <input type="checkbox" id="chkTag_5233" name="Up to 5XL" class="" data-filter="Up to 5XL" data-group="ExtendedSizes" aria-describedby="ExtendedSizesDescription" /> <label id="chkTag_5233_label" class="text20" for="chkTag_5233" aria-label="Up to 5XL 1 products">Up to 5XL (1)</label> <input type="checkbox" id="chkTag_5234" name="Up to 6XL" class="lastObject" data-filter="Up to 6XL" data-group="ExtendedSizes" aria-describedby="ExtendedSizesDescription" /> <label id="chkTag_5234_label" class="text20" for="chkTag_5234" aria-label="Up to 6XL 1 products">Up to 6XL (1)</label> </fieldset> </div> </section> <section id="Feature" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Feature"> <h3 id="FeatureHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FeatureContent"> <span>Feature<span class="visually-hidden" id="FeatureDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FeatureContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Feature filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Feature filters</legend> <input type="checkbox" id="chkTag_5483" name="Hooded" class="" data-filter="Hooded" data-group="Feature" aria-describedby="FeatureDescription" /> <label id="chkTag_5483_label" class="text20" for="chkTag_5483" aria-label="Hooded 1 products">Hooded (1)</label> <input type="checkbox" id="chkTag_5489" name="Wind Resistant" class="lastObject" data-filter="Wind Resistant" data-group="Feature" aria-describedby="FeatureDescription" /> <label id="chkTag_5489_label" class="text20" for="chkTag_5489" aria-label="Wind Resistant 1 products">Wind Resistant (1)</label> </fieldset> </div> </section> <section id="Fit" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Fit"> <h3 id="FitHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FitContent"> <span>Fit<span class="visually-hidden" id="FitDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FitContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Fit filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Fit filters</legend> <input type="checkbox" id="chkTag_4523" name="Men&#x27;s" class="lastObject" data-filter="Men&#x27;s" data-group="Fit" aria-describedby="FitDescription" /> <label id="chkTag_4523_label" class="text20" for="chkTag_4523" aria-label="Men&#x27;s 1 products">Men&#x27;s (1)</label> </fieldset> </div> </section> <section id="ImprintMethod" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="ImprintMethod"> <h3 id="ImprintMethodHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ImprintMethodContent"> <span>Imprint Method<span class="visually-hidden" id="ImprintMethodDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ImprintMethodContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Imprint Method filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Imprint Method filters</legend> <input type="checkbox" id="chkTag_184" name="Embroidered" class="" data-filter="Embroidered" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_184_label" class="text20" for="chkTag_184" aria-label="Embroidered 1 products">Embroidered (1)</label> <input type="checkbox" id="chkTag_188" name="Engraved" class="" data-filter="Engraved" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_188_label" class="text20" for="chkTag_188" aria-label="Engraved 2 products">Engraved (2)</label> <input type="checkbox" id="chkTag_189" name="Full Color" class="" data-filter="Full Color" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_189_label" class="text20" for="chkTag_189" aria-label="Full Color 5 products">Full Color (5)</label> <input type="checkbox" id="chkTag_6586" name="Screen Print" class="lastObject" data-filter="Screen Print" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_6586_label" class="text20" for="chkTag_6586" aria-label="Screen Print 4 products">Screen Print (4)</label> </fieldset> </div> </section> <section id="Material" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Material"> <h3 id="MaterialHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="MaterialContent"> <span>Material<span class="visually-hidden" id="MaterialDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="MaterialContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Material filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Material filters</legend> <input type="checkbox" id="chkTag_6172" name="Metal Tape Measure" class="" data-filter="Metal Tape Measure" data-group="Material" aria-describedby="MaterialDescription" /> <label id="chkTag_6172_label" class="text20" for="chkTag_6172" aria-label="Metal Tape Measure 3 products">Metal Tape Measure (3)</label> <input type="checkbox" id="chkTag_4872" name="Plastic Case" class="lastObject" data-filter="Plastic Case" data-group="Material" aria-describedby="MaterialDescription" /> <label id="chkTag_4872_label" class="text20" for="chkTag_4872" aria-label="Plastic Case 2 products">Plastic Case (2)</label> </fieldset> </div> </section> <section id="NotebookSize" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="NotebookSize"> <h3 id="NotebookSizeHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="NotebookSizeContent"> <span>Notebook Size<span class="visually-hidden" id="NotebookSizeDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="NotebookSizeContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Notebook Size filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Notebook Size filters</legend> <input type="checkbox" id="chkTag_6136" name="Mini Notebooks" class="" data-filter="Mini Notebooks" data-group="NotebookSize" aria-describedby="NotebookSizeDescription" /> <label id="chkTag_6136_label" class="text20" for="chkTag_6136" aria-label="Mini Notebooks 2 products">Mini Notebooks (2)</label> <input type="checkbox" id="chkTag_6646" name="Small Notebooks" class="lastObject" data-filter="Small Notebooks" data-group="NotebookSize" aria-describedby="NotebookSizeDescription" /> <label id="chkTag_6646_label" class="text20" for="chkTag_6646" aria-label="Small Notebooks 1 products">Small Notebooks (1)</label> </fieldset> </div> </section> <section id="Pencils" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Pencils"> <h3 id="PencilsHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="PencilsContent"> <span>Pencils<span class="visually-hidden" id="PencilsDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="PencilsContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Pencils filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Pencils filters</legend> <input type="checkbox" id="chkTag_361" name="Carpenter Pencils" class="lastObject" data-filter="Carpenter Pencils" data-group="Pencils" aria-describedby="PencilsDescription" /> <label id="chkTag_361_label" class="text20" for="chkTag_361" aria-label="Carpenter Pencils 3 products">Carpenter Pencils (3)</label> </fieldset> </div> </section> <section id="Shape" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Shape"> <h3 id="ShapeHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ShapeContent"> <span>Shape<span class="visually-hidden" id="ShapeDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ShapeContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Shape filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Shape filters</legend> <input type="checkbox" id="chkTag_7377" name="Construction" class="lastObject" data-filter="Construction" data-group="Shape" aria-describedby="ShapeDescription" /> <label id="chkTag_7377_label" class="text20" for="chkTag_7377" aria-label="Construction 1 products">Construction (1)</label> </fieldset> </div> </section> <section id="SheetCount" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="SheetCount"> <h3 id="SheetCountHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="SheetCountContent"> <span>Sheet Count<span class="visually-hidden" id="SheetCountDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="SheetCountContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Sheet Count filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Sheet Count filters</legend> <input type="checkbox" id="chkTag_5252" name="25 Sheets" class="" data-filter="25 Sheets" data-group="SheetCount" aria-describedby="SheetCountDescription" /> <label id="chkTag_5252_label" class="text20" for="chkTag_5252" aria-label="25 Sheets 1 products">25 Sheets (1)</label> <input type="checkbox" id="chkTag_5253" name="50 Sheets" class="lastObject" data-filter="50 Sheets" data-group="SheetCount" aria-describedby="SheetCountDescription" /> <label id="chkTag_5253_label" class="text20" for="chkTag_5253" aria-label="50 Sheets 1 products">50 Sheets (1)</label> </fieldset> </div> </section> <section id="Size" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Size"> <h3 id="SizeHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="SizeContent"> <span>Size<span class="visually-hidden" id="SizeDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="SizeContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Size filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Size filters</legend> <input type="checkbox" id="chkTag_471" name="4&quot; X 6&quot;" class="" data-filter="4&quot; X 6&quot;" data-group="Size" aria-describedby="SizeDescription" /> <label id="chkTag_471_label" class="text20" for="chkTag_471" aria-label="4&quot; X 6&quot; 1 products">4&quot; X 6&quot; (1)</label> <input type="checkbox" id="chkTag_6666" name="9&quot; X 3&quot;" class="" data-filter="9&quot; X 3&quot;" data-group="Size" aria-describedby="SizeDescription" /> <label id="chkTag_6666_label" class="text20" for="chkTag_6666" aria-label="9&quot; X 3&quot; 1 products">9&quot; X 3&quot; (1)</label> <input type="checkbox" id="chkTag_572" name="Pocket" class="lastObject" data-filter="Pocket" data-group="Size" aria-describedby="SizeDescription" /> <label id="chkTag_572_label" class="text20" for="chkTag_572" aria-label="Pocket 1 products">Pocket (1)</label> </fieldset> </div> </section> <section id="Style" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Style"> <h3 id="StyleHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="StyleContent"> <span>Style<span class="visually-hidden" id="StyleDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="StyleContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Style filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Style filters</legend> <input type="checkbox" id="chkTag_444" name="Aprons" class="" data-filter="Aprons" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_444_label" class="text20" for="chkTag_444" aria-label="Aprons 2 products">Aprons (2)</label> <input type="checkbox" id="chkTag_651" name="Auto Safety Items" class="" data-filter="Auto Safety Items" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_651_label" class="text20" for="chkTag_651" aria-label="Auto Safety Items 2 products">Auto Safety Items (2)</label> <input type="checkbox" id="chkTag_482" name="Chip Clips" class="" data-filter="Chip Clips" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_482_label" class="text20" for="chkTag_482" aria-label="Chip Clips 1 products">Chip Clips (1)</label> <input type="checkbox" id="chkTag_7373" name="Garden Accessories" class="" data-filter="Garden Accessories" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_7373_label" class="text20" for="chkTag_7373" aria-label="Garden Accessories 1 products">Garden Accessories (1)</label> <input type="checkbox" id="chkTag_355" name="Includes Flashlight" class="" data-filter="Includes Flashlight" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_355_label" class="text20" for="chkTag_355" aria-label="Includes Flashlight 1 products">Includes Flashlight (1)</label> <input type="checkbox" id="chkTag_359" name="Includes Key Tag" class="" data-filter="Includes Key Tag" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_359_label" class="text20" for="chkTag_359" aria-label="Includes Key Tag 1 products">Includes Key Tag (1)</label> <input type="checkbox" id="chkTag_5356" name="Includes Magnet" class="" data-filter="Includes Magnet" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_5356_label" class="text20" for="chkTag_5356" aria-label="Includes Magnet 1 products">Includes Magnet (1)</label> <input type="checkbox" id="chkTag_397" name="Includes Pen" class="" data-filter="Includes Pen" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_397_label" class="text20" for="chkTag_397" aria-label="Includes Pen 2 products">Includes Pen (2)</label> <input type="checkbox" id="chkTag_383" name="Insulated" class="" data-filter="Insulated" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_383_label" class="text20" for="chkTag_383" aria-label="Insulated 1 products">Insulated (1)</label> <input type="checkbox" id="chkTag_624" name="LED Flashlights" class="" data-filter="LED Flashlights" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_624_label" class="text20" for="chkTag_624" aria-label="LED Flashlights 2 products">LED Flashlights (2)</label> <div class="hide overflow"> <input type="checkbox" id="chkTag_636" name="Levels" data-filter="Levels" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_636_label" class="text20" for="chkTag_636" aria-label="Levels 3 products">Levels (3)</label> <input type="checkbox" id="chkTag_585" name="Magnet Clips" data-filter="Magnet Clips" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_585_label" class="text20" for="chkTag_585" aria-label="Magnet Clips 1 products">Magnet Clips (1)</label> <input type="checkbox" id="chkTag_638" name="Multi-tools" data-filter="Multi-tools" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_638_label" class="text20" for="chkTag_638" aria-label="Multi-tools 3 products">Multi-tools (3)</label> <input type="checkbox" id="chkTag_477" name="Notepads" data-filter="Notepads" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_477_label" class="text20" for="chkTag_477" aria-label="Notepads 2 products">Notepads (2)</label> <input type="checkbox" id="chkTag_5251" name="Perfect Bound" data-filter="Perfect Bound" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_5251_label" class="text20" for="chkTag_5251" aria-label="Perfect Bound 1 products">Perfect Bound (1)</label> <input type="checkbox" id="chkTag_635" name="Screwdrivers" data-filter="Screwdrivers" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_635_label" class="text20" for="chkTag_635" aria-label="Screwdrivers 1 products">Screwdrivers (1)</label> <input type="checkbox" id="chkTag_339" name="Shapes" data-filter="Shapes" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_339_label" class="text20" for="chkTag_339" aria-label="Shapes 1 products">Shapes (1)</label> <input type="checkbox" id="chkTag_6744" name="Soft Cover" data-filter="Soft Cover" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_6744_label" class="text20" for="chkTag_6744" aria-label="Soft Cover 3 products">Soft Cover (3)</label> <input type="checkbox" id="chkTag_649" name="Tire Gauges" data-filter="Tire Gauges" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_649_label" class="text20" for="chkTag_649" aria-label="Tire Gauges 1 products">Tire Gauges (1)</label> <input type="checkbox" id="chkTag_7135" name="Tool Bags" data-filter="Tool Bags" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_7135_label" class="text20" for="chkTag_7135" aria-label="Tool Bags 2 products">Tool Bags (2)</label> <input type="checkbox" id="chkTag_634" name="Tool Kits" data-filter="Tool Kits" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_634_label" class="text20" for="chkTag_634" aria-label="Tool Kits 4 products">Tool Kits (4)</label> <input type="checkbox" id="chkTag_594" name="Wall" data-filter="Wall" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_594_label" class="text20" for="chkTag_594" aria-label="Wall 4 products">Wall (4)</label> </div> <div class="moreDiv textCenter padding10"> <button type="button" class="moreLink lastObject btnToHyp text16 textCenter underline" aria-expanded="false"><span>More Filters <svg class="rotate180" height="10px" width="10px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg></span> <span class="visually-hidden">for Style</span></button> </div> </fieldset> </div> </section> <section id="TapeMeasureLength" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="TapeMeasureLength"> <h3 id="TapeMeasureLengthHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="TapeMeasureLengthContent"> <span>Tape Measure Length<span class="visually-hidden" id="TapeMeasureLengthDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="TapeMeasureLengthContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Tape Measure Length filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Tape Measure Length filters</legend> <input type="checkbox" id="chkTag_642" name="10&#x27; and under" class="" data-filter="10&#x27; and under" data-group="TapeMeasureLength" aria-describedby="TapeMeasureLengthDescription" /> <label id="chkTag_642_label" class="text20" for="chkTag_642" aria-label="10&#x27; and under 2 products">10&#x27; and under (2)</label> <input type="checkbox" id="chkTag_643" name="11&#x27; to 20&#x27;" class="lastObject" data-filter="11&#x27; to 20&#x27;" data-group="TapeMeasureLength" aria-describedby="TapeMeasureLengthDescription" /> <label id="chkTag_643_label" class="text20" for="chkTag_643" aria-label="11&#x27; to 20&#x27; 1 products">11&#x27; to 20&#x27; (1)</label> </fieldset> </div> </section> <section id="Theme" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Theme"> <h3 id="ThemeHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ThemeContent"> <span>Theme<span class="visually-hidden" id="ThemeDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ThemeContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Theme filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Theme filters</legend> <input type="checkbox" id="chkTag_4891" name="Cars &amp; Vehicles" class="lastObject" data-filter="Cars &amp; Vehicles" data-group="Theme" aria-describedby="ThemeDescription" /> <label id="chkTag_4891_label" class="text20" for="chkTag_4891" aria-label="Cars &amp; Vehicles 3 products">Cars &amp; Vehicles (3)</label> </fieldset> </div> </section> <section id="Uniform" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Uniform"> <h3 id="UniformHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="UniformContent"> <span>Uniform<span class="visually-hidden" id="UniformDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="UniformContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Uniform filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Uniform filters</legend> <input type="checkbox" id="chkTag_385" name="Workwear" class="lastObject" data-filter="Workwear" data-group="Uniform" aria-describedby="UniformDescription" /> <label id="chkTag_385_label" class="text20" for="chkTag_385" aria-label="Workwear 1 products">Workwear (1)</label> </fieldset> </div> </section>