Beach Items

<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_291" name="Blankets" class="" data-filter="Blankets" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_291_label" class="text20" for="chkTag_291" aria-label="Blankets 1 products">Blankets (1)</label> <input type="checkbox" id="chkTag_164" name="Coolers" class="" data-filter="Coolers" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_164_label" class="text20" for="chkTag_164" aria-label="Coolers 2 products">Coolers (2)</label> <input type="checkbox" id="chkTag_311" name="Flyers" class="" data-filter="Flyers" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_311_label" class="text20" for="chkTag_311" aria-label="Flyers 3 products">Flyers (3)</label> <input type="checkbox" id="chkTag_317" name="Lip Balm" class="" data-filter="Lip Balm" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_317_label" class="text20" for="chkTag_317" aria-label="Lip Balm 1 products">Lip Balm (1)</label> <input type="checkbox" id="chkTag_169" name="Sunglasses" class="" data-filter="Sunglasses" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_169_label" class="text20" for="chkTag_169" aria-label="Sunglasses 1 products">Sunglasses (1)</label> <input type="checkbox" id="chkTag_318" name="Sunscreen" class="" data-filter="Sunscreen" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_318_label" class="text20" for="chkTag_318" aria-label="Sunscreen 1 products">Sunscreen (1)</label> <input type="checkbox" id="chkTag_170" name="Towels" class="lastObject" data-filter="Towels" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_170_label" class="text20" for="chkTag_170" aria-label="Towels 3 products">Towels (3)</label> </fieldset> </div> </section> <section id="CoolerSize" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="CoolerSize"> <h3 id="CoolerSizeHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="CoolerSizeContent"> <span>Cooler Size<span class="visually-hidden" id="CoolerSizeDescription"> 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="CoolerSizeContent" 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 Cooler Size filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Cooler Size filters</legend> <input type="checkbox" id="chkTag_4665" name="Medium" class="lastObject" data-filter="Medium" data-group="CoolerSize" aria-describedby="CoolerSizeDescription" /> <label id="chkTag_4665_label" class="text20" for="chkTag_4665" aria-label="Medium 2 products">Medium (2)</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 1 products">Full Color (1)</label> <input type="checkbox" id="chkTag_6586" name="Screen Print" class="lastObject" data-filter="Screen Print" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_6586_label" class="text20" for="chkTag_6586" aria-label="Screen Print 1 products">Screen Print (1)</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_253" name="Cotton" class="lastObject" data-filter="Cotton" data-group="Material" aria-describedby="MaterialDescription" /> <label id="chkTag_253_label" class="text20" for="chkTag_253" aria-label="Cotton 3 products">Cotton (3)</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_7038" name="Beach Blankets" class="" data-filter="Beach Blankets" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_7038_label" class="text20" for="chkTag_7038" aria-label="Beach Blankets 1 products">Beach Blankets (1)</label> <input type="checkbox" id="chkTag_6963" name="Cooler Totes" class="" data-filter="Cooler Totes" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_6963_label" class="text20" for="chkTag_6963" aria-label="Cooler Totes 1 products">Cooler Totes (1)</label> <input type="checkbox" id="chkTag_390" name="Shopping &amp; Grocery" class="lastObject" data-filter="Shopping &amp; Grocery" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_390_label" class="text20" for="chkTag_390" aria-label="Shopping &amp; Grocery 1 products">Shopping &amp; Grocery (1)</label> </fieldset> </div> </section> <section id="SunProtection" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="SunProtection"> <h3 id="SunProtectionHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="SunProtectionContent"> <span>Sun Protection<span class="visually-hidden" id="SunProtectionDescription"> 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="SunProtectionContent" 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 Sun Protection filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Sun Protection filters</legend> <input type="checkbox" id="chkTag_7430" name="SPF Sunscreen" class="" data-filter="SPF Sunscreen" data-group="SunProtection" aria-describedby="SunProtectionDescription" /> <label id="chkTag_7430_label" class="text20" for="chkTag_7430" aria-label="SPF Sunscreen 1 products">SPF Sunscreen (1)</label> <input type="checkbox" id="chkTag_7429" name="UV400 Protection" class="lastObject" data-filter="UV400 Protection" data-group="SunProtection" aria-describedby="SunProtectionDescription" /> <label id="chkTag_7429_label" class="text20" for="chkTag_7429" aria-label="UV400 Protection 1 products">UV400 Protection (1)</label> </fieldset> </div> </section> <section id="Towels" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Towels"> <h3 id="TowelsHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="TowelsContent"> <span>Towels<span class="visually-hidden" id="TowelsDescription"> 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="TowelsContent" 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 Towels filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Towels filters</legend> <input type="checkbox" id="chkTag_433" name="Beach Towels" class="lastObject" data-filter="Beach Towels" data-group="Towels" aria-describedby="TowelsDescription" /> <label id="chkTag_433_label" class="text20" for="chkTag_433" aria-label="Beach Towels 3 products">Beach Towels (3)</label> </fieldset> </div> </section>