Books & Bookmarks

<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_150" name="Books &amp; Bookmarks" class="" data-filter="Books &amp; Bookmarks" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_150_label" class="text20" for="chkTag_150" aria-label="Books &amp; Bookmarks 5 products">Books &amp; Bookmarks (5)</label> <input type="checkbox" id="chkTag_313" name="Coloring" class="" data-filter="Coloring" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_313_label" class="text20" for="chkTag_313" aria-label="Coloring 0 products">Coloring (0)</label> <input type="checkbox" id="chkTag_4989" name="Educational Guides" class="" data-filter="Educational Guides" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_4989_label" class="text20" for="chkTag_4989" aria-label="Educational Guides 5 products">Educational Guides (5)</label> <input type="checkbox" id="chkTag_144" name="Rulers" class="lastObject" data-filter="Rulers" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_144_label" class="text20" for="chkTag_144" aria-label="Rulers 0 products">Rulers (0)</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_6918" name="Super Kid" class="lastObject" data-filter="Super Kid" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_6918_label" class="text20" for="chkTag_6918" aria-label="Super Kid 0 products">Super Kid (0)</label> </fieldset> </div> </section> <section id="FeaturedLine" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="FeaturedLine"> <h3 id="FeaturedLineHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FeaturedLineContent"> <span>Featured Line<span class="visually-hidden" id="FeaturedLineDescription"> 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="FeaturedLineContent" 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 Featured Line filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Featured Line filters</legend> <input type="checkbox" id="chkTag_6050" name="Paws and Claws" class="lastObject" data-filter="Paws and Claws" data-group="FeaturedLine" aria-describedby="FeaturedLineDescription" /> <label id="chkTag_6050_label" class="text20" for="chkTag_6050" aria-label="Paws and Claws 0 products">Paws and Claws (0)</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_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 5 products">Full Color (5)</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_608" name="Bookmarks" class="" data-filter="Bookmarks" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_608_label" class="text20" for="chkTag_608" aria-label="Bookmarks 0 products">Bookmarks (0)</label> <input type="checkbox" id="chkTag_6100" name="Books" class="" data-filter="Books" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_6100_label" class="text20" for="chkTag_6100" aria-label="Books 5 products">Books (5)</label> <input type="checkbox" id="chkTag_7238" name="Includes Colored Pencils" class="" data-filter="Includes Colored Pencils" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_7238_label" class="text20" for="chkTag_7238" aria-label="Includes Colored Pencils 0 products">Includes Colored Pencils (0)</label> <input type="checkbox" id="chkTag_612" name="Puzzle" class="lastObject" data-filter="Puzzle" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_612_label" class="text20" for="chkTag_612" aria-label="Puzzle 0 products">Puzzle (0)</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_6443" name="Adult Coloring" class="" data-filter="Adult Coloring" data-group="Theme" aria-describedby="ThemeDescription" /> <label id="chkTag_6443_label" class="text20" for="chkTag_6443" aria-label="Adult Coloring 0 products">Adult Coloring (0)</label> <input type="checkbox" id="chkTag_5396" name="Drug &amp; Crime Prevention" class="" data-filter="Drug &amp; Crime Prevention" data-group="Theme" aria-describedby="ThemeDescription" /> <label id="chkTag_5396_label" class="text20" for="chkTag_5396" aria-label="Drug &amp; Crime Prevention 0 products">Drug &amp; Crime Prevention (0)</label> <input type="checkbox" id="chkTag_5902" name="Education &amp; Learning" class="" data-filter="Education &amp; Learning" data-group="Theme" aria-describedby="ThemeDescription" /> <label id="chkTag_5902_label" class="text20" for="chkTag_5902" aria-label="Education &amp; Learning 0 products">Education &amp; Learning (0)</label> <input type="checkbox" id="chkTag_5395" name="Environment" class="" data-filter="Environment" data-group="Theme" aria-describedby="ThemeDescription" /> <label id="chkTag_5395_label" class="text20" for="chkTag_5395" aria-label="Environment 2 products">Environment (2)</label> <input type="checkbox" id="chkTag_5394" name="Financial" class="" data-filter="Financial" data-group="Theme" aria-describedby="ThemeDescription" /> <label id="chkTag_5394_label" class="text20" for="chkTag_5394" aria-label="Financial 0 products">Financial (0)</label> <input type="checkbox" id="chkTag_5398" name="Health" class="" data-filter="Health" data-group="Theme" aria-describedby="ThemeDescription" /> <label id="chkTag_5398_label" class="text20" for="chkTag_5398" aria-label="Health 3 products">Health (3)</label> <input type="checkbox" id="chkTag_5397" name="Safety" class="" data-filter="Safety" data-group="Theme" aria-describedby="ThemeDescription" /> <label id="chkTag_5397_label" class="text20" for="chkTag_5397" aria-label="Safety 0 products">Safety (0)</label> <input type="checkbox" id="chkTag_5400" name="Seasonal" class="lastObject" data-filter="Seasonal" data-group="Theme" aria-describedby="ThemeDescription" /> <label id="chkTag_5400_label" class="text20" for="chkTag_5400" aria-label="Seasonal 0 products">Seasonal (0)</label> </fieldset> </div> </section>