Perfect Fit

<section id="Apparel" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Apparel"> <h3 id="ApparelHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ApparelContent"> <span>Apparel<span class="visually-hidden" id="ApparelDescription"> 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="ApparelContent" 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 Apparel filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Apparel filters</legend> <input type="checkbox" id="chkTag_7559" name="Embroidered Jackets &amp; Vests" class="" data-filter="Embroidered Jackets &amp; Vests" data-group="Apparel" aria-describedby="ApparelDescription" /> <label id="chkTag_7559_label" class="text20" for="chkTag_7559" aria-label="Embroidered Jackets &amp; Vests 5 products">Embroidered Jackets &amp; Vests (5)</label> <input type="checkbox" id="chkTag_7561" name="Embroidered Sweatshirts" class="lastObject" data-filter="Embroidered Sweatshirts" data-group="Apparel" aria-describedby="ApparelDescription" /> <label id="chkTag_7561_label" class="text20" for="chkTag_7561" aria-label="Embroidered Sweatshirts 1 products">Embroidered Sweatshirts (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_198" name="Columbia" class="lastObject" data-filter="Columbia" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_198_label" class="text20" for="chkTag_198" aria-label="Columbia 2 products">Columbia (2)</label> </fieldset> </div> </section> <section id="ExtendedSizes" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="ExtendedSizes"> <h3 id="ExtendedSizesHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ExtendedSizesContent"> <span>Extended Sizes<span class="visually-hidden" id="ExtendedSizesDescription"> 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="ExtendedSizesContent" 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 Extended Sizes filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Extended Sizes filters</legend> <input type="checkbox" id="chkTag_5232" name="Up to 3XL" class="" data-filter="Up to 3XL" data-group="ExtendedSizes" aria-describedby="ExtendedSizesDescription" /> <label id="chkTag_5232_label" class="text20" for="chkTag_5232" aria-label="Up to 3XL 4 products">Up to 3XL (4)</label> <input type="checkbox" id="chkTag_6036" name="Up to 4XL" class="" data-filter="Up to 4XL" data-group="ExtendedSizes" aria-describedby="ExtendedSizesDescription" /> <label id="chkTag_6036_label" class="text20" for="chkTag_6036" aria-label="Up to 4XL 3 products">Up to 4XL (3)</label> <input type="checkbox" id="chkTag_7427" name="XS" class="lastObject" data-filter="XS" data-group="ExtendedSizes" aria-describedby="ExtendedSizesDescription" /> <label id="chkTag_7427_label" class="text20" for="chkTag_7427" aria-label="XS 4 products">XS (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_4547" name="Moisture Wicking" class="" data-filter="Moisture Wicking" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_4547_label" class="text20" for="chkTag_4547" aria-label="Moisture Wicking 1 products">Moisture Wicking (1)</label> <input type="checkbox" id="chkTag_4544" name="Polyester" class="lastObject" 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> </fieldset> </div> </section> <section id="Feature" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Feature"> <h3 id="FeatureHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FeatureContent"> <span>Feature<span class="visually-hidden" id="FeatureDescription"> 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="FeatureContent" 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 Feature filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Feature filters</legend> <input type="checkbox" id="chkTag_5482" name="Bonded" class="" data-filter="Bonded" data-group="Feature" aria-describedby="FeatureDescription" /> <label id="chkTag_5482_label" class="text20" for="chkTag_5482" aria-label="Bonded 1 products">Bonded (1)</label> <input type="checkbox" id="chkTag_5483" name="Hooded" class="" data-filter="Hooded" data-group="Feature" aria-describedby="FeatureDescription" /> <label id="chkTag_5483_label" class="text20" for="chkTag_5483" aria-label="Hooded 1 products">Hooded (1)</label> <input type="checkbox" id="chkTag_5486" name="Stretch" class="" data-filter="Stretch" data-group="Feature" aria-describedby="FeatureDescription" /> <label id="chkTag_5486_label" class="text20" for="chkTag_5486" aria-label="Stretch 1 products">Stretch (1)</label> <input type="checkbox" id="chkTag_5487" name="Water Resistant" class="" data-filter="Water Resistant" data-group="Feature" aria-describedby="FeatureDescription" /> <label id="chkTag_5487_label" class="text20" for="chkTag_5487" aria-label="Water Resistant 2 products">Water Resistant (2)</label> <input type="checkbox" id="chkTag_5489" name="Wind Resistant" class="lastObject" data-filter="Wind Resistant" data-group="Feature" aria-describedby="FeatureDescription" /> <label id="chkTag_5489_label" class="text20" for="chkTag_5489" aria-label="Wind Resistant 1 products">Wind Resistant (1)</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_7075" name="Blue Generation" class="" data-filter="Blue Generation" data-group="FeaturedLine" aria-describedby="FeaturedLineDescription" /> <label id="chkTag_7075_label" class="text20" for="chkTag_7075" aria-label="Blue Generation 2 products">Blue Generation (2)</label> <input type="checkbox" id="chkTag_6445" name="Port Authority" class="lastObject" data-filter="Port Authority" data-group="FeaturedLine" aria-describedby="FeaturedLineDescription" /> <label id="chkTag_6445_label" class="text20" for="chkTag_6445" aria-label="Port Authority 1 products">Port Authority (1)</label> </fieldset> </div> </section> <section id="Fit" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Fit"> <h3 id="FitHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FitContent"> <span>Fit<span class="visually-hidden" id="FitDescription"> 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="FitContent" 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 Fit filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Fit filters</legend> <input type="checkbox" id="chkTag_4524" name="Women&#x27;s" class="lastObject" data-filter="Women&#x27;s" data-group="Fit" aria-describedby="FitDescription" /> <label id="chkTag_4524_label" class="text20" for="chkTag_4524" aria-label="Women&#x27;s 6 products">Women&#x27;s (6)</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_184" name="Embroidered" class="lastObject" data-filter="Embroidered" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_184_label" class="text20" for="chkTag_184" aria-label="Embroidered 6 products">Embroidered (6)</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_4531" name="Athletic" class="" data-filter="Athletic" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_4531_label" class="text20" for="chkTag_4531" aria-label="Athletic 1 products">Athletic (1)</label> <input type="checkbox" id="chkTag_378" name="Fleece" class="" data-filter="Fleece" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_378_label" class="text20" for="chkTag_378" aria-label="Fleece 3 products">Fleece (3)</label> <input type="checkbox" id="chkTag_384" name="Lightweight" class="" data-filter="Lightweight" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_384_label" class="text20" for="chkTag_384" aria-label="Lightweight 1 products">Lightweight (1)</label> <input type="checkbox" id="chkTag_387" name="Quarter Zips" class="" data-filter="Quarter Zips" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_387_label" class="text20" for="chkTag_387" aria-label="Quarter Zips 1 products">Quarter Zips (1)</label> <input type="checkbox" id="chkTag_382" name="Soft Shell" class="" data-filter="Soft Shell" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_382_label" class="text20" for="chkTag_382" aria-label="Soft Shell 1 products">Soft Shell (1)</label> <input type="checkbox" id="chkTag_379" name="Vests" class="lastObject" data-filter="Vests" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_379_label" class="text20" for="chkTag_379" aria-label="Vests 1 products">Vests (1)</label> </fieldset> </div> </section>