Keychain Shapes

<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_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 109 products">Key Tags (109)</label> <input type="checkbox" id="chkTag_295" name="Team Spirit" class="lastObject" data-filter="Team Spirit" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_295_label" class="text20" for="chkTag_295" aria-label="Team Spirit 1 products">Team Spirit (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_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 4 products">Engraved (4)</label> <input type="checkbox" id="chkTag_5201" name="Full Colour" class="lastObject" data-filter="Full Colour" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_5201_label" class="text20" for="chkTag_5201" aria-label="Full Colour 2 products">Full Colour (2)</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_6181" name="Executive Keychains" class="" data-filter="Executive Keychains" data-group="Keychains" aria-describedby="KeychainsDescription" /> <label id="chkTag_6181_label" class="text20" for="chkTag_6181" aria-label="Executive Keychains 4 products">Executive Keychains (4)</label> <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 5 products">Metal Keychains (5)</label> <input type="checkbox" id="chkTag_7454" name="Novelty Keychains" class="" data-filter="Novelty Keychains" data-group="Keychains" aria-describedby="KeychainsDescription" /> <label id="chkTag_7454_label" class="text20" for="chkTag_7454" aria-label="Novelty Keychains 1 products">Novelty Keychains (1)</label> <input type="checkbox" id="chkTag_7452" name="Plastic Keychains" class="" data-filter="Plastic Keychains" data-group="Keychains" aria-describedby="KeychainsDescription" /> <label id="chkTag_7452_label" class="text20" for="chkTag_7452" aria-label="Plastic Keychains 104 products">Plastic Keychains (104)</label> <input type="checkbox" id="chkTag_7453" name="Shape Keychains" class="lastObject" data-filter="Shape Keychains" data-group="Keychains" aria-describedby="KeychainsDescription" /> <label id="chkTag_7453_label" class="text20" for="chkTag_7453" aria-label="Shape Keychains 109 products">Shape Keychains (109)</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 5 products">Metal (5)</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 104 products">Plastic (104)</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_340" name="Novelty" class="" data-filter="Novelty" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_340_label" class="text20" for="chkTag_340" aria-label="Novelty 1 products">Novelty (1)</label> <input type="checkbox" id="chkTag_339" name="Shapes" class="lastObject" data-filter="Shapes" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_339_label" class="text20" for="chkTag_339" aria-label="Shapes 109 products">Shapes (109)</label> </fieldset> </div> </section>