Full Color Patch

<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_91" name="Headwear" class="lastObject" data-filter="Headwear" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_91_label" class="text20" for="chkTag_91" aria-label="Headwear 36 products">Headwear (36)</label> </fieldset> </div> </section> <section id="BaseballCaps" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="BaseballCaps"> <h3 id="BaseballCapsHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="BaseballCapsContent"> <span>Baseball Caps<span class="visually-hidden" id="BaseballCapsDescription"> 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="BaseballCapsContent" 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 Baseball Caps filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Baseball Caps filters</legend> <input type="checkbox" id="chkTag_6832" name="Buckle Back" class="" data-filter="Buckle Back" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6832_label" class="text20" for="chkTag_6832" aria-label="Buckle Back 0 products">Buckle Back (0)</label> <input type="checkbox" id="chkTag_6680" name="Flat Bill" class="" data-filter="Flat Bill" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6680_label" class="text20" for="chkTag_6680" aria-label="Flat Bill 1 products">Flat Bill (1)</label> <input type="checkbox" id="chkTag_6833" name="Hook &amp; Loop Back" class="" data-filter="Hook &amp; Loop Back" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6833_label" class="text20" for="chkTag_6833" aria-label="Hook &amp; Loop Back 3 products">Hook &amp; Loop Back (3)</label> <input type="checkbox" id="chkTag_6683" name="Mesh Back" class="" data-filter="Mesh Back" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6683_label" class="text20" for="chkTag_6683" aria-label="Mesh Back 13 products">Mesh Back (13)</label> <input type="checkbox" id="chkTag_6681" name="Snap Back" class="" data-filter="Snap Back" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6681_label" class="text20" for="chkTag_6681" aria-label="Snap Back 14 products">Snap Back (14)</label> <input type="checkbox" id="chkTag_6682" name="Stretch Fit" class="" data-filter="Stretch Fit" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6682_label" class="text20" for="chkTag_6682" aria-label="Stretch Fit 8 products">Stretch Fit (8)</label> <input type="checkbox" id="chkTag_6679" name="Structured" class="" data-filter="Structured" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6679_label" class="text20" for="chkTag_6679" aria-label="Structured 24 products">Structured (24)</label> <input type="checkbox" id="chkTag_6678" name="Unstructured" class="lastObject" data-filter="Unstructured" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6678_label" class="text20" for="chkTag_6678" aria-label="Unstructured 8 products">Unstructured (8)</label> </fieldset> </div> </section> <section id="Beanies" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Beanies"> <h3 id="BeaniesHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="BeaniesContent"> <span>Beanies<span class="visually-hidden" id="BeaniesDescription"> 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="BeaniesContent" 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 Beanies filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Beanies filters</legend> <input type="checkbox" id="chkTag_6685" name="Cuff" class="" data-filter="Cuff" data-group="Beanies" aria-describedby="BeaniesDescription" /> <label id="chkTag_6685_label" class="text20" for="chkTag_6685" aria-label="Cuff 3 products">Cuff (3)</label> <input type="checkbox" id="chkTag_6686" name="Pom Pom" class="" data-filter="Pom Pom" data-group="Beanies" aria-describedby="BeaniesDescription" /> <label id="chkTag_6686_label" class="text20" for="chkTag_6686" aria-label="Pom Pom 2 products">Pom Pom (2)</label> <input type="checkbox" id="chkTag_6684" name="Stripe" class="lastObject" data-filter="Stripe" data-group="Beanies" aria-describedby="BeaniesDescription" /> <label id="chkTag_6684_label" class="text20" for="chkTag_6684" aria-label="Stripe 1 products">Stripe (1)</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_6942" name="ahead" class="" data-filter="ahead" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_6942_label" class="text20" for="chkTag_6942" aria-label="ahead 1 products">ahead (1)</label> <input type="checkbox" id="chkTag_720" name="Flexfit" class="" data-filter="Flexfit" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_720_label" class="text20" for="chkTag_720" aria-label="Flexfit 3 products">Flexfit (3)</label> <input type="checkbox" id="chkTag_5558" name="J America" class="" data-filter="J America" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_5558_label" class="text20" for="chkTag_5558" aria-label="J America 1 products">J America (1)</label> <input type="checkbox" id="chkTag_5492" name="New Era" class="" data-filter="New Era" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_5492_label" class="text20" for="chkTag_5492" aria-label="New Era 8 products">New Era (8)</label> <input type="checkbox" id="chkTag_6961" name="Richardson" class="" data-filter="Richardson" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_6961_label" class="text20" for="chkTag_6961" aria-label="Richardson 4 products">Richardson (4)</label> <input type="checkbox" id="chkTag_6587" name="Yupoong" class="lastObject" data-filter="Yupoong" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_6587_label" class="text20" for="chkTag_6587" aria-label="Yupoong 4 products">Yupoong (4)</label> </fieldset> </div> </section> <section id="Fabric" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Fabric"> <h3 id="FabricHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FabricContent"> <span>Fabric<span class="visually-hidden" id="FabricDescription"> 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="FabricContent" 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 Fabric filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Fabric filters</legend> <input type="checkbox" id="chkTag_5938" name="Acrylic" class="" data-filter="Acrylic" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_5938_label" class="text20" for="chkTag_5938" aria-label="Acrylic 3 products">Acrylic (3)</label> <input type="checkbox" id="chkTag_7152" name="Acrylic w/fleece lining" class="" data-filter="Acrylic w/fleece lining" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_7152_label" class="text20" for="chkTag_7152" aria-label="Acrylic w/fleece lining 1 products">Acrylic w/fleece lining (1)</label> <input type="checkbox" id="chkTag_7142" name="Acrylic-Wool Blend" class="" data-filter="Acrylic-Wool Blend" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_7142_label" class="text20" for="chkTag_7142" aria-label="Acrylic-Wool Blend 0 products">Acrylic-Wool Blend (0)</label> <input type="checkbox" id="chkTag_4543" name="Cotton" class="" data-filter="Cotton" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_4543_label" class="text20" for="chkTag_4543" aria-label="Cotton 14 products">Cotton (14)</label> <input type="checkbox" id="chkTag_7138" name="Cotton/Mesh Back" class="" data-filter="Cotton/Mesh Back" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_7138_label" class="text20" for="chkTag_7138" aria-label="Cotton/Mesh Back 7 products">Cotton/Mesh Back (7)</label> <input type="checkbox" id="chkTag_4542" name="Poly-Cotton Blend" class="" data-filter="Poly-Cotton Blend" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_4542_label" class="text20" for="chkTag_4542" aria-label="Poly-Cotton Blend 2 products">Poly-Cotton Blend (2)</label> <input type="checkbox" id="chkTag_7143" name="Poly-Cotton/Mesh Back" class="" data-filter="Poly-Cotton/Mesh Back" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_7143_label" class="text20" for="chkTag_7143" aria-label="Poly-Cotton/Mesh Back 2 products">Poly-Cotton/Mesh Back (2)</label> <input type="checkbox" id="chkTag_4544" name="Polyester" class="" data-filter="Polyester" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_4544_label" class="text20" for="chkTag_4544" aria-label="Polyester 1 products">Polyester (1)</label> <input type="checkbox" id="chkTag_7140" name="Polyester/Mesh Back" class="lastObject" data-filter="Polyester/Mesh Back" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_7140_label" class="text20" for="chkTag_7140" aria-label="Polyester/Mesh Back 5 products">Polyester/Mesh Back (5)</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_7458" name="Pacific Headwear" class="" data-filter="Pacific Headwear" data-group="FeaturedLine" aria-describedby="FeaturedLineDescription" /> <label id="chkTag_7458_label" class="text20" for="chkTag_7458" aria-label="Pacific Headwear 2 products">Pacific Headwear (2)</label> <input type="checkbox" id="chkTag_7315" name="Port &amp; Company" class="" data-filter="Port &amp; Company" data-group="FeaturedLine" aria-describedby="FeaturedLineDescription" /> <label id="chkTag_7315_label" class="text20" for="chkTag_7315" aria-label="Port &amp; Company 2 products">Port &amp; Company (2)</label> <input type="checkbox" id="chkTag_6445" name="Port Authority" class="" data-filter="Port Authority" data-group="FeaturedLine" aria-describedby="FeaturedLineDescription" /> <label id="chkTag_6445_label" class="text20" for="chkTag_6445" aria-label="Port Authority 3 products">Port Authority (3)</label> <input type="checkbox" id="chkTag_6448" name="Team 365" class="lastObject" data-filter="Team 365" data-group="FeaturedLine" aria-describedby="FeaturedLineDescription" /> <label id="chkTag_6448_label" class="text20" for="chkTag_6448" aria-label="Team 365 2 products">Team 365 (2)</label> </fieldset> </div> </section> <section id="Headwear" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Headwear"> <h3 id="HeadwearHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="HeadwearContent"> <span>Headwear<span class="visually-hidden" id="HeadwearDescription"> 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="HeadwearContent" 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 Headwear filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Headwear filters</legend> <input type="checkbox" id="chkTag_372" name="Baseball Caps" class="" data-filter="Baseball Caps" data-group="Headwear" aria-describedby="HeadwearDescription" /> <label id="chkTag_372_label" class="text20" for="chkTag_372" aria-label="Baseball Caps 32 products">Baseball Caps (32)</label> <input type="checkbox" id="chkTag_374" name="Beanies" class="" data-filter="Beanies" data-group="Headwear" aria-describedby="HeadwearDescription" /> <label id="chkTag_374_label" class="text20" for="chkTag_374" aria-label="Beanies 4 products">Beanies (4)</label> <input type="checkbox" id="chkTag_5344" name="Trucker Caps" class="lastObject" data-filter="Trucker Caps" data-group="Headwear" aria-describedby="HeadwearDescription" /> <label id="chkTag_5344_label" class="text20" for="chkTag_5344" aria-label="Trucker Caps 14 products">Trucker Caps (14)</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_7119" name="Full Color Patch" class="lastObject" data-filter="Full Color Patch" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_7119_label" class="text20" for="chkTag_7119" aria-label="Full Color Patch 36 products">Full Color Patch (36)</label> </fieldset> </div> </section>