Buttons & Pins

<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 9 products">Apparel Accessories (9)</label> <input type="checkbox" id="chkTag_91" name="Headwear" class="" data-filter="Headwear" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_91_label" class="text20" for="chkTag_91" aria-label="Headwear 3 products">Headwear (3)</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 6 products">Key Tags (6)</label> <input type="checkbox" id="chkTag_126" name="Lanyards &amp; Badges" class="" data-filter="Lanyards &amp; Badges" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_126_label" class="text20" for="chkTag_126" aria-label="Lanyards &amp; Badges 2 products">Lanyards &amp; Badges (2)</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 5 products">Living (5)</label> <input type="checkbox" id="chkTag_162" name="Personal Care" class="" data-filter="Personal Care" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_162_label" class="text20" for="chkTag_162" aria-label="Personal Care 196 products">Personal Care (196)</label> <input type="checkbox" id="chkTag_130" name="Safety" class="" data-filter="Safety" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_130_label" class="text20" for="chkTag_130" aria-label="Safety 6 products">Safety (6)</label> <input type="checkbox" id="chkTag_154" name="Sports &amp; Fitness" class="" data-filter="Sports &amp; Fitness" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_154_label" class="text20" for="chkTag_154" aria-label="Sports &amp; Fitness 1 products">Sports &amp; Fitness (1)</label> <input type="checkbox" id="chkTag_107" name="Travel" class="lastObject" data-filter="Travel" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_107_label" class="text20" for="chkTag_107" aria-label="Travel 1 products">Travel (1)</label> </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_7558" name="Embroidered Headwear" class="lastObject" data-filter="Embroidered Headwear" data-group="Apparel" aria-describedby="ApparelDescription" /> <label id="chkTag_7558_label" class="text20" for="chkTag_7558" aria-label="Embroidered Headwear 3 products">Embroidered Headwear (3)</label> </fieldset> </div> </section> <section id="BaseballCaps" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="BaseballCaps"> <h3 id="BaseballCapsHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="BaseballCapsContent"> <span>Baseball Caps<span class="visually-hidden" id="BaseballCapsDescription"> 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="BaseballCapsContent" 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 Baseball Caps filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Baseball Caps filters</legend> <input type="checkbox" id="chkTag_6832" name="Buckle Back" class="" data-filter="Buckle Back" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6832_label" class="text20" for="chkTag_6832" aria-label="Buckle Back 1 products">Buckle Back (1)</label> <input type="checkbox" id="chkTag_6833" name="Hook &amp; Loop Back" class="" data-filter="Hook &amp; Loop Back" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6833_label" class="text20" for="chkTag_6833" aria-label="Hook &amp; Loop Back 1 products">Hook &amp; Loop Back (1)</label> <input type="checkbox" id="chkTag_6683" name="Mesh Back" class="" data-filter="Mesh Back" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6683_label" class="text20" for="chkTag_6683" aria-label="Mesh Back 1 products">Mesh Back (1)</label> <input type="checkbox" id="chkTag_6679" name="Structured" class="" data-filter="Structured" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6679_label" class="text20" for="chkTag_6679" aria-label="Structured 2 products">Structured (2)</label> <input type="checkbox" id="chkTag_6678" name="Unstructured" class="lastObject" data-filter="Unstructured" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6678_label" class="text20" for="chkTag_6678" aria-label="Unstructured 1 products">Unstructured (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="Fabric" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Fabric"> <h3 id="FabricHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FabricContent"> <span>Fabric<span class="visually-hidden" id="FabricDescription"> 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="FabricContent" 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 Fabric filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Fabric filters</legend> <input type="checkbox" id="chkTag_4543" name="Cotton" class="" data-filter="Cotton" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_4543_label" class="text20" for="chkTag_4543" aria-label="Cotton 2 products">Cotton (2)</label> <input type="checkbox" id="chkTag_7138" name="Cotton/Mesh Back" class="lastObject" data-filter="Cotton/Mesh Back" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_7138_label" class="text20" for="chkTag_7138" aria-label="Cotton/Mesh Back 1 products">Cotton/Mesh Back (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_4525" name="Youth" class="lastObject" data-filter="Youth" data-group="Fit" aria-describedby="FitDescription" /> <label id="chkTag_4525_label" class="text20" for="chkTag_4525" aria-label="Youth 1 products">Youth (1)</label> </fieldset> </div> </section> <section id="Headwear" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Headwear"> <h3 id="HeadwearHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="HeadwearContent"> <span>Headwear<span class="visually-hidden" id="HeadwearDescription"> 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="HeadwearContent" 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 Headwear filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Headwear filters</legend> <input type="checkbox" id="chkTag_372" name="Baseball Caps" class="" data-filter="Baseball Caps" data-group="Headwear" aria-describedby="HeadwearDescription" /> <label id="chkTag_372_label" class="text20" for="chkTag_372" aria-label="Baseball Caps 3 products">Baseball Caps (3)</label> <input type="checkbox" id="chkTag_5344" name="Trucker Caps" class="lastObject" data-filter="Trucker Caps" data-group="Headwear" aria-describedby="HeadwearDescription" /> <label id="chkTag_5344_label" class="text20" for="chkTag_5344" aria-label="Trucker Caps 1 products">Trucker Caps (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_186" name="Debossed" class="" data-filter="Debossed" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_186_label" class="text20" for="chkTag_186" aria-label="Debossed 1 products">Debossed (1)</label> <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 4 products">Embroidered (4)</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 1 products">Engraved (1)</label> <input type="checkbox" id="chkTag_189" name="Full Color" class="lastObject" data-filter="Full Color" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_189_label" class="text20" for="chkTag_189" aria-label="Full Color 66 products">Full Color (66)</label> </fieldset> </div> </section> <section id="Keychains" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Keychains"> <h3 id="KeychainsHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="KeychainsContent"> <span>Keychains<span class="visually-hidden" id="KeychainsDescription"> 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="KeychainsContent" 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 Keychains filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Keychains filters</legend> <input type="checkbox" id="chkTag_7451" name="Metal Keychains" class="" data-filter="Metal Keychains" data-group="Keychains" aria-describedby="KeychainsDescription" /> <label id="chkTag_7451_label" class="text20" for="chkTag_7451" aria-label="Metal Keychains 2 products">Metal Keychains (2)</label> <input type="checkbox" id="chkTag_7452" name="Plastic Keychains" class="lastObject" data-filter="Plastic Keychains" data-group="Keychains" aria-describedby="KeychainsDescription" /> <label id="chkTag_7452_label" class="text20" for="chkTag_7452" aria-label="Plastic Keychains 1 products">Plastic Keychains (1)</label> </fieldset> </div> </section> <section id="LanyardAttachment" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="LanyardAttachment"> <h3 id="LanyardAttachmentHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="LanyardAttachmentContent"> <span>Lanyard Attachment<span class="visually-hidden" id="LanyardAttachmentDescription"> 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="LanyardAttachmentContent" 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 Lanyard Attachment filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Lanyard Attachment filters</legend> <input type="checkbox" id="chkTag_7327" name="Lobster Claw Clip" class="lastObject" data-filter="Lobster Claw Clip" data-group="LanyardAttachment" aria-describedby="LanyardAttachmentDescription" /> <label id="chkTag_7327_label" class="text20" for="chkTag_7327" aria-label="Lobster Claw Clip 1 products">Lobster Claw Clip (1)</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_248" name="Metal" class="" data-filter="Metal" data-group="Material" aria-describedby="MaterialDescription" /> <label id="chkTag_248_label" class="text20" for="chkTag_248" aria-label="Metal 2 products">Metal (2)</label> <input type="checkbox" id="chkTag_250" name="Plastic" class="lastObject" data-filter="Plastic" data-group="Material" aria-describedby="MaterialDescription" /> <label id="chkTag_250_label" class="text20" for="chkTag_250" aria-label="Plastic 1 products">Plastic (1)</label> </fieldset> </div> </section> <section id="PensandWriting" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="PensandWriting"> <h3 id="PensandWritingHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="PensandWritingContent"> <span>Pens and Writing<span class="visually-hidden" id="PensandWritingDescription"> 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="PensandWritingContent" 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 Pens and Writing filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Pens and Writing filters</legend> <input type="checkbox" id="chkTag_5327" name="Stylus" class="lastObject" data-filter="Stylus" data-group="PensandWriting" aria-describedby="PensandWritingDescription" /> <label id="chkTag_5327_label" class="text20" for="chkTag_5327" aria-label="Stylus 1 products">Stylus (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_489" name="Bathroom" class="" data-filter="Bathroom" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_489_label" class="text20" for="chkTag_489" aria-label="Bathroom 12 products">Bathroom (12)</label> <input type="checkbox" id="chkTag_7106" name="Face Masks" class="" data-filter="Face Masks" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_7106_label" class="text20" for="chkTag_7106" aria-label="Face Masks 21 products">Face Masks (21)</label> <input type="checkbox" id="chkTag_7392" name="Golf Kits" class="" data-filter="Golf Kits" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_7392_label" class="text20" for="chkTag_7392" aria-label="Golf Kits 2 products">Golf Kits (2)</label> <input type="checkbox" id="chkTag_505" name="Manicure" class="" data-filter="Manicure" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_505_label" class="text20" for="chkTag_505" aria-label="Manicure 49 products">Manicure (49)</label> <input type="checkbox" id="chkTag_503" name="Mirrors" class="" data-filter="Mirrors" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_503_label" class="text20" for="chkTag_503" aria-label="Mirrors 27 products">Mirrors (27)</label> <input type="checkbox" id="chkTag_531" name="Retractable Badge Holders" class="" data-filter="Retractable Badge Holders" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_531_label" class="text20" for="chkTag_531" aria-label="Retractable Badge Holders 2 products">Retractable Badge Holders (2)</label> <input type="checkbox" id="chkTag_504" name="Sewing Kits" class="" data-filter="Sewing Kits" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_504_label" class="text20" for="chkTag_504" aria-label="Sewing Kits 4 products">Sewing Kits (4)</label> <input type="checkbox" id="chkTag_7409" name="Tissues" class="" data-filter="Tissues" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_7409_label" class="text20" for="chkTag_7409" aria-label="Tissues 8 products">Tissues (8)</label> <input type="checkbox" id="chkTag_7107" name="Touchless Tools" class="" data-filter="Touchless Tools" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_7107_label" class="text20" for="chkTag_7107" aria-label="Touchless Tools 6 products">Touchless Tools (6)</label> <input type="checkbox" id="chkTag_6916" name="Travel Accessories" class="" data-filter="Travel Accessories" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_6916_label" class="text20" for="chkTag_6916" aria-label="Travel Accessories 1 products">Travel Accessories (1)</label> <div class="hide overflow"> <input type="checkbox" id="chkTag_7137" name="Yoga" data-filter="Yoga" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_7137_label" class="text20" for="chkTag_7137" aria-label="Yoga 1 products">Yoga (1)</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>