Water & Beverages

<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_284" name="Beverages" class="" data-filter="Beverages" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_284_label" class="text20" for="chkTag_284" aria-label="Beverages 8 products">Beverages (8)</label> <input type="checkbox" id="chkTag_122" name="Food Giveaways" class="lastObject" data-filter="Food Giveaways" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_122_label" class="text20" for="chkTag_122" aria-label="Food Giveaways 1 products">Food Giveaways (1)</label> </fieldset> </div> </section> <section id="Beverages" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Beverages"> <h3 id="BeveragesHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="BeveragesContent"> <span>Beverages<span class="visually-hidden" id="BeveragesDescription"> 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="BeveragesContent" 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 Beverages filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Beverages filters</legend> <input type="checkbox" id="chkTag_5307" name="Bottled Water" class="" data-filter="Bottled Water" data-group="Beverages" aria-describedby="BeveragesDescription" /> <label id="chkTag_5307_label" class="text20" for="chkTag_5307" aria-label="Bottled Water 1 products">Bottled Water (1)</label> <input type="checkbox" id="chkTag_6898" name="Hot Chocolate" class="" data-filter="Hot Chocolate" data-group="Beverages" aria-describedby="BeveragesDescription" /> <label id="chkTag_6898_label" class="text20" for="chkTag_6898" aria-label="Hot Chocolate 6 products">Hot Chocolate (6)</label> <input type="checkbox" id="chkTag_5308" name="Tea" class="lastObject" data-filter="Tea" data-group="Beverages" aria-describedby="BeveragesDescription" /> <label id="chkTag_5308_label" class="text20" for="chkTag_5308" aria-label="Tea 1 products">Tea (1)</label> </fieldset> </div> </section> <section id="Food" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Food"> <h3 id="FoodHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FoodContent"> <span>Food<span class="visually-hidden" id="FoodDescription"> 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="FoodContent" 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 Food filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Food filters</legend> <input type="checkbox" id="chkTag_6376" name="Beverages" class="lastObject" data-filter="Beverages" data-group="Food" aria-describedby="FoodDescription" /> <label id="chkTag_6376_label" class="text20" for="chkTag_6376" aria-label="Beverages 8 products">Beverages (8)</label> </fieldset> </div> </section> <section id="FoodAllergen" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="FoodAllergen"> <h3 id="FoodAllergenHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FoodAllergenContent"> <span>Food Allergen<span class="visually-hidden" id="FoodAllergenDescription"> 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="FoodAllergenContent" 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 Food Allergen filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Food Allergen filters</legend> <input type="checkbox" id="chkTag_7476" name="Milk" class="" data-filter="Milk" data-group="FoodAllergen" aria-describedby="FoodAllergenDescription" /> <label id="chkTag_7476_label" class="text20" for="chkTag_7476" aria-label="Milk 5 products">Milk (5)</label> <input type="checkbox" id="chkTag_7483" name="Soybeans" class="lastObject" data-filter="Soybeans" data-group="FoodAllergen" aria-describedby="FoodAllergenDescription" /> <label id="chkTag_7483_label" class="text20" for="chkTag_7483" aria-label="Soybeans 5 products">Soybeans (5)</label> </fieldset> </div> </section> <section id="FoodAllergenFacility" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="FoodAllergenFacility"> <h3 id="FoodAllergenFacilityHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FoodAllergenFacilityContent"> <span>Food Allergen Facility<span class="visually-hidden" id="FoodAllergenFacilityDescription"> 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="FoodAllergenFacilityContent" 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 Food Allergen Facility filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Food Allergen Facility filters</legend> <input type="checkbox" id="chkTag_7486" name="Eggs" class="" data-filter="Eggs" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7486_label" class="text20" for="chkTag_7486" aria-label="Eggs 5 products">Eggs (5)</label> <input type="checkbox" id="chkTag_7490" name="Peanuts" class="" data-filter="Peanuts" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7490_label" class="text20" for="chkTag_7490" aria-label="Peanuts 5 products">Peanuts (5)</label> <input type="checkbox" id="chkTag_7493" name="Sesame" class="" data-filter="Sesame" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7493_label" class="text20" for="chkTag_7493" aria-label="Sesame 5 products">Sesame (5)</label> <input type="checkbox" id="chkTag_7489" name="Tree Nuts" class="" data-filter="Tree Nuts" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7489_label" class="text20" for="chkTag_7489" aria-label="Tree Nuts 5 products">Tree Nuts (5)</label> <input type="checkbox" id="chkTag_7491" name="Wheat" class="lastObject" data-filter="Wheat" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7491_label" class="text20" for="chkTag_7491" aria-label="Wheat 5 products">Wheat (5)</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="" data-filter="Full Color" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_189_label" class="text20" for="chkTag_189" aria-label="Full Color 4 products">Full Color (4)</label> <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 3 products">Full Colour (3)</label> </fieldset> </div> </section>