Exclusive Products

<section id="Categories" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Categories"> <h3 id="CategoriesHeader" class="show-md"> <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 hide-md 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_105" name="Accessories &amp; Gadgets" class="" data-filter="Accessories &amp; Gadgets" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_105_label" class="text20" for="chkTag_105" aria-label="Accessories &amp; Gadgets 0 products">Accessories &amp; Gadgets (0)</label> <input type="checkbox" id="chkTag_6" name="Caps &amp; Hats" class="" data-filter="Caps &amp; Hats" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_6_label" class="text20" for="chkTag_6" aria-label="Caps &amp; Hats 0 products">Caps &amp; Hats (0)</label> <input type="checkbox" id="chkTag_28" name="Chocolate" class="" data-filter="Chocolate" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_28_label" class="text20" for="chkTag_28" aria-label="Chocolate 0 products">Chocolate (0)</label> <input type="checkbox" id="chkTag_123" name="Clothing Other" class="" data-filter="Clothing Other" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_123_label" class="text20" for="chkTag_123" aria-label="Clothing Other 0 products">Clothing Other (0)</label> <input type="checkbox" id="chkTag_50" name="Coasters" class="" data-filter="Coasters" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_50_label" class="text20" for="chkTag_50" aria-label="Coasters 0 products">Coasters (0)</label> <input type="checkbox" id="chkTag_100" name="Cool Bags" class="" data-filter="Cool Bags" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_100_label" class="text20" for="chkTag_100" aria-label="Cool Bags 0 products">Cool Bags (0)</label> <input type="checkbox" id="chkTag_93" name="Drawstring Bags" class="" data-filter="Drawstring Bags" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_93_label" class="text20" for="chkTag_93" aria-label="Drawstring Bags 0 products">Drawstring Bags (0)</label> <input type="checkbox" id="chkTag_53" name="Folders" class="" data-filter="Folders" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_53_label" class="text20" for="chkTag_53" aria-label="Folders 0 products">Folders (0)</label> <input type="checkbox" id="chkTag_55" name="Mousemats" class="" data-filter="Mousemats" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_55_label" class="text20" for="chkTag_55" aria-label="Mousemats 0 products">Mousemats (0)</label> <input type="checkbox" id="chkTag_1487" name="Mugs" class="" data-filter="Mugs" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_1487_label" class="text20" for="chkTag_1487" aria-label="Mugs 0 products">Mugs (0)</label> <div class="hide overflow"> <input type="checkbox" id="chkTag_83" name="Notebooks" data-filter="Notebooks" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_83_label" class="text20" for="chkTag_83" aria-label="Notebooks 0 products">Notebooks (0)</label> <input type="checkbox" id="chkTag_57" name="Notepads" data-filter="Notepads" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_57_label" class="text20" for="chkTag_57" aria-label="Notepads 0 products">Notepads (0)</label> <input type="checkbox" id="chkTag_67" name="Pencils" data-filter="Pencils" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_67_label" class="text20" for="chkTag_67" aria-label="Pencils 0 products">Pencils (0)</label> <input type="checkbox" id="chkTag_60" name="Stationery" data-filter="Stationery" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_60_label" class="text20" for="chkTag_60" aria-label="Stationery 0 products">Stationery (0)</label> <input type="checkbox" id="chkTag_2052" name="Stickers" data-filter="Stickers" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_2052_label" class="text20" for="chkTag_2052" aria-label="Stickers 0 products">Stickers (0)</label> <input type="checkbox" id="chkTag_58" name="Sticky Notes" data-filter="Sticky Notes" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_58_label" class="text20" for="chkTag_58" aria-label="Sticky Notes 0 products">Sticky Notes (0)</label> <input type="checkbox" id="chkTag_115" name="Sweets" data-filter="Sweets" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_115_label" class="text20" for="chkTag_115" aria-label="Sweets 3 products">Sweets (3)</label> <input type="checkbox" id="chkTag_95" name="Tote &amp; Shopping Bags" data-filter="Tote &amp; Shopping Bags" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_95_label" class="text20" for="chkTag_95" aria-label="Tote &amp; Shopping Bags 0 products">Tote &amp; Shopping Bags (0)</label> <input type="checkbox" id="chkTag_1474" name="Travel" data-filter="Travel" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_1474_label" class="text20" for="chkTag_1474" aria-label="Travel 0 products">Travel (0)</label> <input type="checkbox" id="chkTag_20" name="Water Bottles" data-filter="Water Bottles" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_20_label" class="text20" for="chkTag_20" aria-label="Water Bottles 0 products">Water Bottles (0)</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 Categories</span></button> </div> </fieldset> </div> </section> <section id="BioEcoOrganicForest" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="BioEcoOrganicForest"> <h3 id="BioEcoOrganicForestHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="BioEcoOrganicForestContent"> <span>Bio Eco Organic Forest<span class="visually-hidden" id="BioEcoOrganicForestDescription"> 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="BioEcoOrganicForestContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md 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 Bio Eco Organic Forest filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Bio Eco Organic Forest filters</legend> <input type="checkbox" id="chkTag_1441" name="Recycled Components" class="" data-filter="Recycled Components" data-group="BioEcoOrganicForest" aria-describedby="BioEcoOrganicForestDescription" /> <label id="chkTag_1441_label" class="text20" for="chkTag_1441" aria-label="Recycled Components 0 products">Recycled Components (0)</label> <input type="checkbox" id="chkTag_5870" name="Responsible Forestry" class="lastObject" data-filter="Responsible Forestry" data-group="BioEcoOrganicForest" aria-describedby="BioEcoOrganicForestDescription" /> <label id="chkTag_5870_label" class="text20" for="chkTag_5870" aria-label="Responsible Forestry 0 products">Responsible Forestry (0)</label> </fieldset> </div> </section> <section id="Brand" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Brand"> <h3 id="BrandHeader" class="show-md"> <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 hide-md 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_2025" name="Beanies" class="" data-filter="Beanies" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_2025_label" class="text20" for="chkTag_2025" aria-label="Beanies 0 products">Beanies (0)</label> <input type="checkbox" id="chkTag_159" name="BIC" class="" data-filter="BIC" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_159_label" class="text20" for="chkTag_159" aria-label="BIC 0 products">BIC (0)</label> <input type="checkbox" id="chkTag_1923" name="H2O Active" class="" data-filter="H2O Active" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_1923_label" class="text20" for="chkTag_1923" aria-label="H2O Active 0 products">H2O Active (0)</label> <input type="checkbox" id="chkTag_1642" name="Love Hearts" class="" data-filter="Love Hearts" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_1642_label" class="text20" for="chkTag_1642" aria-label="Love Hearts 0 products">Love Hearts (0)</label> <input type="checkbox" id="chkTag_173" name="Skittles" class="" data-filter="Skittles" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_173_label" class="text20" for="chkTag_173" aria-label="Skittles 0 products">Skittles (0)</label> <input type="checkbox" id="chkTag_5893" name="Swizzels" class="" data-filter="Swizzels" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_5893_label" class="text20" for="chkTag_5893" aria-label="Swizzels 0 products">Swizzels (0)</label> <input type="checkbox" id="chkTag_1423" name="The Jelly Bean Factory" class="lastObject" data-filter="The Jelly Bean Factory" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_1423_label" class="text20" for="chkTag_1423" aria-label="The Jelly Bean Factory 2 products">The Jelly Bean Factory (2)</label> </fieldset> </div> </section> <section id="Capacity" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Capacity"> <h3 id="CapacityHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="CapacityContent"> <span>Capacity<span class="visually-hidden" id="CapacityDescription"> 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="CapacityContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md 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 Capacity filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Capacity filters</legend> <input type="checkbox" id="chkTag_1877" name="&lt;300ml" class="" data-filter="&lt;300ml" data-group="Capacity" aria-describedby="CapacityDescription" /> <label id="chkTag_1877_label" class="text20" for="chkTag_1877" aria-label="&lt;300ml 0 products">&lt;300ml (0)</label> <input type="checkbox" id="chkTag_1880" name="&gt;800ml" class="" data-filter="&gt;800ml" data-group="Capacity" aria-describedby="CapacityDescription" /> <label id="chkTag_1880_label" class="text20" for="chkTag_1880" aria-label="&gt;800ml 0 products">&gt;800ml (0)</label> <input type="checkbox" id="chkTag_1878" name="300-500ml" class="lastObject" data-filter="300-500ml" data-group="Capacity" aria-describedby="CapacityDescription" /> <label id="chkTag_1878_label" class="text20" for="chkTag_1878" aria-label="300-500ml 0 products">300-500ml (0)</label> </fieldset> </div> </section> <section id="Colours" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Colours"> <h3 id="ColoursHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ColoursContent"> <span>Colours<span class="visually-hidden" id="ColoursDescription"> 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="ColoursContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md 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 Colours filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Colours filters</legend> <input type="checkbox" id="chkTag_1660" name="Aqua" class="" data-filter="Aqua" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_1660_label" class="text20" for="chkTag_1660" aria-label="Aqua 0 products">Aqua (0)</label> <input type="checkbox" id="chkTag_286" name="Black" class="" data-filter="Black" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_286_label" class="text20" for="chkTag_286" aria-label="Black 0 products">Black (0)</label> <input type="checkbox" id="chkTag_287" name="Blue" class="" data-filter="Blue" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_287_label" class="text20" for="chkTag_287" aria-label="Blue 0 products">Blue (0)</label> <input type="checkbox" id="chkTag_448" name="Burgundy" class="" data-filter="Burgundy" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_448_label" class="text20" for="chkTag_448" aria-label="Burgundy 0 products">Burgundy (0)</label> <input type="checkbox" id="chkTag_300" name="Clear" class="" data-filter="Clear" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_300_label" class="text20" for="chkTag_300" aria-label="Clear 1 products">Clear (1)</label> <input type="checkbox" id="chkTag_1224" name="Cream" class="" data-filter="Cream" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_1224_label" class="text20" for="chkTag_1224" aria-label="Cream 0 products">Cream (0)</label> <input type="checkbox" id="chkTag_442" name="Gold" class="" data-filter="Gold" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_442_label" class="text20" for="chkTag_442" aria-label="Gold 0 products">Gold (0)</label> <input type="checkbox" id="chkTag_290" name="Green" class="" data-filter="Green" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_290_label" class="text20" for="chkTag_290" aria-label="Green 0 products">Green (0)</label> <input type="checkbox" id="chkTag_297" name="Grey" class="" data-filter="Grey" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_297_label" class="text20" for="chkTag_297" aria-label="Grey 0 products">Grey (0)</label> <input type="checkbox" id="chkTag_298" name="Lime Green" class="" data-filter="Lime Green" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_298_label" class="text20" for="chkTag_298" aria-label="Lime Green 0 products">Lime Green (0)</label> <div class="hide overflow"> <input type="checkbox" id="chkTag_301" name="Natural" data-filter="Natural" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_301_label" class="text20" for="chkTag_301" aria-label="Natural 0 products">Natural (0)</label> <input type="checkbox" id="chkTag_296" name="Navy" data-filter="Navy" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_296_label" class="text20" for="chkTag_296" aria-label="Navy 0 products">Navy (0)</label> <input type="checkbox" id="chkTag_299" name="Orange" data-filter="Orange" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_299_label" class="text20" for="chkTag_299" aria-label="Orange 0 products">Orange (0)</label> <input type="checkbox" id="chkTag_292" name="Pink" data-filter="Pink" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_292_label" class="text20" for="chkTag_292" aria-label="Pink 0 products">Pink (0)</label> <input type="checkbox" id="chkTag_291" name="Purple" data-filter="Purple" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_291_label" class="text20" for="chkTag_291" aria-label="Purple 0 products">Purple (0)</label> <input type="checkbox" id="chkTag_1689" name="Rainbow &amp; Multi-Coloured" data-filter="Rainbow &amp; Multi-Coloured" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_1689_label" class="text20" for="chkTag_1689" aria-label="Rainbow &amp; Multi-Coloured 0 products">Rainbow &amp; Multi-Coloured (0)</label> <input type="checkbox" id="chkTag_288" name="Red" data-filter="Red" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_288_label" class="text20" for="chkTag_288" aria-label="Red 0 products">Red (0)</label> <input type="checkbox" id="chkTag_1086" name="Royal Blue" data-filter="Royal Blue" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_1086_label" class="text20" for="chkTag_1086" aria-label="Royal Blue 0 products">Royal Blue (0)</label> <input type="checkbox" id="chkTag_294" name="Silver" data-filter="Silver" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_294_label" class="text20" for="chkTag_294" aria-label="Silver 0 products">Silver (0)</label> <input type="checkbox" id="chkTag_289" name="White" data-filter="White" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_289_label" class="text20" for="chkTag_289" aria-label="White 0 products">White (0)</label> <input type="checkbox" id="chkTag_293" name="Yellow" data-filter="Yellow" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_293_label" class="text20" for="chkTag_293" aria-label="Yellow 0 products">Yellow (0)</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 Colours</span></button> </div> </fieldset> </div> </section> <section id="ImprintMethod" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="ImprintMethod"> <h3 id="ImprintMethodHeader" class="show-md"> <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 hide-md 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_135" name="Digital / Full Colour" class="" data-filter="Digital / Full Colour" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_135_label" class="text20" for="chkTag_135" aria-label="Digital / Full Colour 3 products">Digital / Full Colour (3)</label> <input type="checkbox" id="chkTag_5897" name="Printed" class="lastObject" data-filter="Printed" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_5897_label" class="text20" for="chkTag_5897" aria-label="Printed 0 products">Printed (0)</label> </fieldset> </div> </section> <section id="Material" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Material"> <h3 id="MaterialHeader" class="show-md"> <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 hide-md 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_210" name="Ceramic" class="" data-filter="Ceramic" data-group="Material" aria-describedby="MaterialDescription" /> <label id="chkTag_210_label" class="text20" for="chkTag_210" aria-label="Ceramic 0 products">Ceramic (0)</label> <input type="checkbox" id="chkTag_130" name="Cotton" class="" data-filter="Cotton" data-group="Material" aria-describedby="MaterialDescription" /> <label id="chkTag_130_label" class="text20" for="chkTag_130" aria-label="Cotton 0 products">Cotton (0)</label> <input type="checkbox" id="chkTag_237" name="Non-woven Polypropylene" class="" data-filter="Non-woven Polypropylene" data-group="Material" aria-describedby="MaterialDescription" /> <label id="chkTag_237_label" class="text20" for="chkTag_237" aria-label="Non-woven Polypropylene 0 products">Non-woven Polypropylene (0)</label> <input type="checkbox" id="chkTag_90" name="Plastic" class="lastObject" data-filter="Plastic" data-group="Material" aria-describedby="MaterialDescription" /> <label id="chkTag_90_label" class="text20" for="chkTag_90" aria-label="Plastic 0 products">Plastic (0)</label> </fieldset> </div> </section> <section id="Packaging" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Packaging"> <h3 id="PackagingHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="PackagingContent"> <span>Packaging<span class="visually-hidden" id="PackagingDescription"> 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="PackagingContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md 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 Packaging filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Packaging filters</legend> <input type="checkbox" id="chkTag_1664" name="Bags" class="" data-filter="Bags" data-group="Packaging" aria-describedby="PackagingDescription" /> <label id="chkTag_1664_label" class="text20" for="chkTag_1664" aria-label="Bags 1 products">Bags (1)</label> <input type="checkbox" id="chkTag_1668" name="Pots" class="" data-filter="Pots" data-group="Packaging" aria-describedby="PackagingDescription" /> <label id="chkTag_1668_label" class="text20" for="chkTag_1668" aria-label="Pots 0 products">Pots (0)</label> <input type="checkbox" id="chkTag_1667" name="Pouch" class="lastObject" data-filter="Pouch" data-group="Packaging" aria-describedby="PackagingDescription" /> <label id="chkTag_1667_label" class="text20" for="chkTag_1667" aria-label="Pouch 2 products">Pouch (2)</label> </fieldset> </div> </section> <section id="Sheets" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Sheets"> <h3 id="SheetsHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="SheetsContent"> <span>Sheets<span class="visually-hidden" id="SheetsDescription"> 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="SheetsContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md 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 Sheets filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Sheets filters</legend> <input type="checkbox" id="chkTag_318" name="25 Sheets" class="" data-filter="25 Sheets" data-group="Sheets" aria-describedby="SheetsDescription" /> <label id="chkTag_318_label" class="text20" for="chkTag_318" aria-label="25 Sheets 0 products">25 Sheets (0)</label> <input type="checkbox" id="chkTag_319" name="50 Sheets" class="lastObject" data-filter="50 Sheets" data-group="Sheets" aria-describedby="SheetsDescription" /> <label id="chkTag_319_label" class="text20" for="chkTag_319" aria-label="50 Sheets 0 products">50 Sheets (0)</label> </fieldset> </div> </section> <section id="Size" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Size"> <h3 id="SizeHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="SizeContent"> <span>Size<span class="visually-hidden" id="SizeDescription"> 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="SizeContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md 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 Size filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Size filters</legend> <input type="checkbox" id="chkTag_313" name="A4" class="" data-filter="A4" data-group="Size" aria-describedby="SizeDescription" /> <label id="chkTag_313_label" class="text20" for="chkTag_313" aria-label="A4 0 products">A4 (0)</label> <input type="checkbox" id="chkTag_312" name="A5" class="" data-filter="A5" data-group="Size" aria-describedby="SizeDescription" /> <label id="chkTag_312_label" class="text20" for="chkTag_312" aria-label="A5 0 products">A5 (0)</label> <input type="checkbox" id="chkTag_311" name="A6" class="" data-filter="A6" data-group="Size" aria-describedby="SizeDescription" /> <label id="chkTag_311_label" class="text20" for="chkTag_311" aria-label="A6 0 products">A6 (0)</label> <input type="checkbox" id="chkTag_310" name="A7" class="" data-filter="A7" data-group="Size" aria-describedby="SizeDescription" /> <label id="chkTag_310_label" class="text20" for="chkTag_310" aria-label="A7 0 products">A7 (0)</label> <input type="checkbox" id="chkTag_2072" name="A8" class="" data-filter="A8" data-group="Size" aria-describedby="SizeDescription" /> <label id="chkTag_2072_label" class="text20" for="chkTag_2072" aria-label="A8 0 products">A8 (0)</label> <input type="checkbox" id="chkTag_1565" name="Deskpad" class="" data-filter="Deskpad" data-group="Size" aria-describedby="SizeDescription" /> <label id="chkTag_1565_label" class="text20" for="chkTag_1565" aria-label="Deskpad 0 products">Deskpad (0)</label> <input type="checkbox" id="chkTag_314" name="Slimline" class="lastObject" data-filter="Slimline" data-group="Size" aria-describedby="SizeDescription" /> <label id="chkTag_314_label" class="text20" for="chkTag_314" aria-label="Slimline 0 products">Slimline (0)</label> </fieldset> </div> </section> <section id="Style" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Style"> <h3 id="StyleHeader" class="show-md"> <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 hide-md 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_243" name="Beanie Hat" class="" data-filter="Beanie Hat" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_243_label" class="text20" for="chkTag_243" aria-label="Beanie Hat 0 products">Beanie Hat (0)</label> <input type="checkbox" id="chkTag_1550" name="Document Wallets" class="" data-filter="Document Wallets" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1550_label" class="text20" for="chkTag_1550" aria-label="Document Wallets 0 products">Document Wallets (0)</label> <input type="checkbox" id="chkTag_1924" name="Glasses Care" class="" data-filter="Glasses Care" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1924_label" class="text20" for="chkTag_1924" aria-label="Glasses Care 0 products">Glasses Care (0)</label> <input type="checkbox" id="chkTag_1387" name="Jelly Beans" class="" data-filter="Jelly Beans" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1387_label" class="text20" for="chkTag_1387" aria-label="Jelly Beans 3 products">Jelly Beans (3)</label> <input type="checkbox" id="chkTag_234" name="Jotter Pad" class="" data-filter="Jotter Pad" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_234_label" class="text20" for="chkTag_234" aria-label="Jotter Pad 0 products">Jotter Pad (0)</label> <input type="checkbox" id="chkTag_1388" name="Lollipops" class="" data-filter="Lollipops" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1388_label" class="text20" for="chkTag_1388" aria-label="Lollipops 0 products">Lollipops (0)</label> <input type="checkbox" id="chkTag_1318" name="Reflective" class="" data-filter="Reflective" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1318_label" class="text20" for="chkTag_1318" aria-label="Reflective 0 products">Reflective (0)</label> <input type="checkbox" id="chkTag_1625" name="Retro Sweets" class="" data-filter="Retro Sweets" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1625_label" class="text20" for="chkTag_1625" aria-label="Retro Sweets 0 products">Retro Sweets (0)</label> <input type="checkbox" id="chkTag_1556" name="Rulers" class="" data-filter="Rulers" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1556_label" class="text20" for="chkTag_1556" aria-label="Rulers 0 products">Rulers (0)</label> <input type="checkbox" id="chkTag_1392" name="Screen Cleaners" class="" data-filter="Screen Cleaners" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1392_label" class="text20" for="chkTag_1392" aria-label="Screen Cleaners 0 products">Screen Cleaners (0)</label> <div class="hide overflow"> <input type="checkbox" id="chkTag_5963" name="Socks" data-filter="Socks" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_5963_label" class="text20" for="chkTag_5963" aria-label="Socks 0 products">Socks (0)</label> <input type="checkbox" id="chkTag_1621" name="Stickers" data-filter="Stickers" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1621_label" class="text20" for="chkTag_1621" aria-label="Stickers 0 products">Stickers (0)</label> <input type="checkbox" id="chkTag_1486" name="Travel Card Holders" data-filter="Travel Card Holders" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1486_label" class="text20" for="chkTag_1486" aria-label="Travel Card Holders 0 products">Travel Card Holders (0)</label> <input type="checkbox" id="chkTag_5889" name="Wire Bound" data-filter="Wire Bound" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_5889_label" class="text20" for="chkTag_5889" aria-label="Wire Bound 0 products">Wire Bound (0)</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>