1" Wide

<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_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 7 products">Full Colour (7)</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_5559" name="Bulldog Clip" class="" data-filter="Bulldog Clip" data-group="LanyardAttachment" aria-describedby="LanyardAttachmentDescription" /> <label id="chkTag_5559_label" class="text20" for="chkTag_5559" aria-label="Bulldog Clip 1 products">Bulldog Clip (1)</label> <input type="checkbox" id="chkTag_5563" name="Snap Buckle" class="" data-filter="Snap Buckle" data-group="LanyardAttachment" aria-describedby="LanyardAttachmentDescription" /> <label id="chkTag_5563_label" class="text20" for="chkTag_5563" aria-label="Snap Buckle 6 products">Snap Buckle (6)</label> <input type="checkbox" id="chkTag_5564" name="Snap Hook" class="lastObject" data-filter="Snap Hook" data-group="LanyardAttachment" aria-describedby="LanyardAttachmentDescription" /> <label id="chkTag_5564_label" class="text20" for="chkTag_5564" aria-label="Snap Hook 4 products">Snap Hook (4)</label> </fieldset> </div> </section> <section id="LanyardLength" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="LanyardLength"> <h3 id="LanyardLengthHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="LanyardLengthContent"> <span>Lanyard Length<span class="visually-hidden" id="LanyardLengthDescription"> 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="LanyardLengthContent" 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 Length filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Lanyard Length filters</legend> <input type="checkbox" id="chkTag_6084" name="32&quot; Long" class="" data-filter="32&quot; Long" data-group="LanyardLength" aria-describedby="LanyardLengthDescription" /> <label id="chkTag_6084_label" class="text20" for="chkTag_6084" aria-label="32&quot; Long 1 products">32&quot; Long (1)</label> <input type="checkbox" id="chkTag_6088" name="38&quot;&#x2B; Long" class="lastObject" data-filter="38&quot;&#x2B; Long" data-group="LanyardLength" aria-describedby="LanyardLengthDescription" /> <label id="chkTag_6088_label" class="text20" for="chkTag_6088" aria-label="38&quot;&#x2B; Long 10 products">38&quot;&#x2B; Long (10)</label> </fieldset> </div> </section> <section id="LanyardMaterial" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="LanyardMaterial"> <h3 id="LanyardMaterialHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="LanyardMaterialContent"> <span>Lanyard Material<span class="visually-hidden" id="LanyardMaterialDescription"> 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="LanyardMaterialContent" 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 Material filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Lanyard Material filters</legend> <input type="checkbox" id="chkTag_7448" name="Polyester" class="lastObject" data-filter="Polyester" data-group="LanyardMaterial" aria-describedby="LanyardMaterialDescription" /> <label id="chkTag_7448_label" class="text20" for="chkTag_7448" aria-label="Polyester 11 products">Polyester (11)</label> </fieldset> </div> </section> <section id="LanyardWidth" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="LanyardWidth"> <h3 id="LanyardWidthHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="LanyardWidthContent"> <span>Lanyard Width<span class="visually-hidden" id="LanyardWidthDescription"> 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="LanyardWidthContent" 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 Width filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Lanyard Width filters</legend> <input type="checkbox" id="chkTag_6095" name="1&quot; Wide" class="lastObject" data-filter="1&quot; Wide" data-group="LanyardWidth" aria-describedby="LanyardWidthDescription" /> <label id="chkTag_6095_label" class="text20" for="chkTag_6095" aria-label="1&quot; Wide 11 products">1&quot; Wide (11)</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_621" name="Lanyard Cards" class="" data-filter="Lanyard Cards" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_621_label" class="text20" for="chkTag_621" aria-label="Lanyard Cards 6 products">Lanyard Cards (6)</label> <input type="checkbox" id="chkTag_527" name="Lanyards" class="lastObject" data-filter="Lanyards" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_527_label" class="text20" for="chkTag_527" aria-label="Lanyards 10 products">Lanyards (10)</label> </fieldset> </div> </section>