Kids Hi Vis

<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_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_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 2 products">Clothing Other (2)</label> <input type="checkbox" id="chkTag_9" name="Jackets" class="" data-filter="Jackets" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_9_label" class="text20" for="chkTag_9" aria-label="Jackets 0 products">Jackets (0)</label> <input type="checkbox" id="chkTag_10" name="Polo Shirts" class="" data-filter="Polo Shirts" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_10_label" class="text20" for="chkTag_10" aria-label="Polo Shirts 0 products">Polo Shirts (0)</label> <input type="checkbox" id="chkTag_127" name="Safety" class="" data-filter="Safety" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_127_label" class="text20" for="chkTag_127" aria-label="Safety 1 products">Safety (1)</label> <input type="checkbox" id="chkTag_12" name="Sweatshirts" class="" data-filter="Sweatshirts" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_12_label" class="text20" for="chkTag_12" aria-label="Sweatshirts 0 products">Sweatshirts (0)</label> <input type="checkbox" id="chkTag_13" name="T Shirts" class="lastObject" data-filter="T Shirts" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_13_label" class="text20" for="chkTag_13" aria-label="T Shirts 0 products">T Shirts (0)</label> </fieldset> </div> </section> <section id="BioEcoOrganicForest" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="BioEcoOrganicForest"> <h3 id="BioEcoOrganicForestHeader" class="showOnLarge"> <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 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 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_1957" name="Sustainable Components" class="lastObject" data-filter="Sustainable Components" data-group="BioEcoOrganicForest" aria-describedby="BioEcoOrganicForestDescription" /> <label id="chkTag_1957_label" class="text20" for="chkTag_1957" aria-label="Sustainable Components 0 products">Sustainable Components (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_1403" name="AWDis" class="" data-filter="AWDis" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_1403_label" class="text20" for="chkTag_1403" aria-label="AWDis 0 products">AWDis (0)</label> <input type="checkbox" id="chkTag_164" name="Fruit of the Loom" class="" data-filter="Fruit of the Loom" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_164_label" class="text20" for="chkTag_164" aria-label="Fruit of the Loom 0 products">Fruit of the Loom (0)</label> <input type="checkbox" id="chkTag_228" name="Gildan" class="" data-filter="Gildan" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_228_label" class="text20" for="chkTag_228" aria-label="Gildan 0 products">Gildan (0)</label> <input type="checkbox" id="chkTag_1896" name="Result" class="" data-filter="Result" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_1896_label" class="text20" for="chkTag_1896" aria-label="Result 1 products">Result (1)</label> <input type="checkbox" id="chkTag_5935" name="Roly" class="" data-filter="Roly" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_5935_label" class="text20" for="chkTag_5935" aria-label="Roly 0 products">Roly (0)</label> <input type="checkbox" id="chkTag_2073" name="SOL&#x27;s" class="lastObject" data-filter="SOL&#x27;s" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_2073_label" class="text20" for="chkTag_2073" aria-label="SOL&#x27;s 0 products">SOL&#x27;s (0)</label> </fieldset> </div> </section> <section id="Colours" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Colours"> <h3 id="ColoursHeader" class="showOnLarge"> <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 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 Colours filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Colours filters</legend> <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_302" name="Brown" class="" data-filter="Brown" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_302_label" class="text20" for="chkTag_302" aria-label="Brown 0 products">Brown (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_1920" name="Charcoal" class="" data-filter="Charcoal" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_1920_label" class="text20" for="chkTag_1920" aria-label="Charcoal 0 products">Charcoal (0)</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_1085" name="Lilac" class="" data-filter="Lilac" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_1085_label" class="text20" for="chkTag_1085" aria-label="Lilac 0 products">Lilac (0)</label> <div class="hide overflow"> <input type="checkbox" id="chkTag_298" name="Lime Green" 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> <input type="checkbox" id="chkTag_5967" name="Mint" data-filter="Mint" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_5967_label" class="text20" for="chkTag_5967" aria-label="Mint 0 products">Mint (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 2 products">Orange (2)</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_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_295" name="Turquoise" data-filter="Turquoise" data-group="Colours" aria-describedby="ColoursDescription" /> <label id="chkTag_295_label" class="text20" for="chkTag_295" aria-label="Turquoise 0 products">Turquoise (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 2 products">Yellow (2)</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="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_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 0 products">Digital / Full Colour (0)</label> <input type="checkbox" id="chkTag_84" name="Embroidered" class="" data-filter="Embroidered" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_84_label" class="text20" for="chkTag_84" aria-label="Embroidered 0 products">Embroidered (0)</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 2 products">Printed (2)</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_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_5879" name="Cotton Organic" class="lastObject" data-filter="Cotton Organic" data-group="Material" aria-describedby="MaterialDescription" /> <label id="chkTag_5879_label" class="text20" for="chkTag_5879" aria-label="Cotton Organic 0 products">Cotton Organic (0)</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_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_254" name="Caps" class="" data-filter="Caps" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_254_label" class="text20" for="chkTag_254" aria-label="Caps 0 products">Caps (0)</label> <input type="checkbox" id="chkTag_1515" name="Childrenswear" class="" data-filter="Childrenswear" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1515_label" class="text20" for="chkTag_1515" aria-label="Childrenswear 2 products">Childrenswear (2)</label> <input type="checkbox" id="chkTag_1514" name="Fleece" class="" data-filter="Fleece" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1514_label" class="text20" for="chkTag_1514" aria-label="Fleece 0 products">Fleece (0)</label> <input type="checkbox" id="chkTag_1292" name="Hi Vis" class="" data-filter="Hi Vis" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1292_label" class="text20" for="chkTag_1292" aria-label="Hi Vis 2 products">Hi Vis (2)</label> <input type="checkbox" id="chkTag_1513" name="Hoodies" class="" data-filter="Hoodies" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1513_label" class="text20" for="chkTag_1513" aria-label="Hoodies 0 products">Hoodies (0)</label> <input type="checkbox" id="chkTag_1899" name="Jacket" class="" data-filter="Jacket" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1899_label" class="text20" for="chkTag_1899" aria-label="Jacket 0 products">Jacket (0)</label> <input type="checkbox" id="chkTag_1290" name="Performance" class="" data-filter="Performance" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1290_label" class="text20" for="chkTag_1290" aria-label="Performance 0 products">Performance (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 2 products">Reflective (2)</label> <input type="checkbox" id="chkTag_1895" name="Sweatshirt" class="" data-filter="Sweatshirt" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1895_label" class="text20" for="chkTag_1895" aria-label="Sweatshirt 0 products">Sweatshirt (0)</label> <div class="hide overflow"> <input type="checkbox" id="chkTag_1554" name="Zipped" data-filter="Zipped" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_1554_label" class="text20" for="chkTag_1554" aria-label="Zipped 0 products">Zipped (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>