Rulers

<section id="RulerLength" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="RulerLength"> <h3 id="RulerLengthHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="RulerLengthContent"> <span>Ruler Length<span class="visually-hidden" id="RulerLengthDescription"> 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="RulerLengthContent" 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 Ruler Length filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Ruler Length filters</legend> <input type="checkbox" id="chkTag_575" name="12&quot; to 20&quot;" class="lastObject" data-filter="12&quot; to 20&quot;" data-group="RulerLength" aria-describedby="RulerLengthDescription" /> <label id="chkTag_575_label" class="text20" for="chkTag_575" aria-label="12&quot; to 20&quot; 1 products">12&quot; to 20&quot; (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_6975" name="Coloured Pencils" class="" data-filter="Coloured Pencils" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_6975_label" class="text20" for="chkTag_6975" aria-label="Coloured Pencils 1 products">Coloured Pencils (1)</label> <input type="checkbox" id="chkTag_583" name="Inches &amp; Centimeters" class="lastObject" data-filter="Inches &amp; Centimeters" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_583_label" class="text20" for="chkTag_583" aria-label="Inches &amp; Centimeters 1 products">Inches &amp; Centimeters (1)</label> </fieldset> </div> </section>