4252 results for '"traditional upholstery fabric"'

<div class="relative" data-x-data="{selected: 0, selectedChild: 0, height: 0, $navPagesSub: null}">
<nav class="flex text-sm 3xl:text-base">
<ul class="flex flex-1 flex-wrap -mx-1 py-1 3xl:-mx-2">
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/marine-patio-fabric/"
aria-label="OUTDOOR FABRIC"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1971 ? 0 : 1971;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1971) && 'bg-white text-primary-600'"
>OUTDOOR FABRIC<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1971"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/marine-patio-fabric/"
aria-label="All OUTDOOR FABRIC"
>
All OUTDOOR FABRIC
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1992,
'hover:bg-primary-100': selectedChild !== 1992
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/awning-weight-fabrics/"
aria-label="AWNING WEIGHT FABRICS"
data-x-on:click.prevent="selectedChild = 1992"
data-x-on:mouseenter="selectedChild = 1992"
>
AWNING WEIGHT FABRICS
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1992 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1992" class="navPages-sub" data-category-id="1992" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1992) && (selectedChild = 1992)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/recacril-marine-sale/"
aria-label="Recacril Marine - SALE!!"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/recacril-marine--sale__35721.original.jpg"
alt="Recacril Marine - SALE!!"
width="32"
height="24"
loading="lazy"
/>
<span>Recacril Marine - SALE!!</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/docril-brand-awning-sale/"
aria-label="Docril Brand Awning -- SALE!!!"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/docril-brand-awning__90099.original.jpg"
alt="Docril Brand Awning -- SALE!!!"
width="32"
height="24"
loading="lazy"
/>
<span>Docril Brand Awning -- SALE!!!</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/awning-sale/"
aria-label="REMNANTS & DEALS!"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/remnants--deals-awning__77950.original.jpg"
alt="REMNANTS & DEALS!"
width="32"
height="24"
loading="lazy"
/>
<span>REMNANTS & DEALS!</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunbrella-awning-weight/"
aria-label="Sunbrella Awning Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/sunbrella-awning-weight__72792.original.jpg"
alt="Sunbrella Awning Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Sunbrella Awning Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/60-inch-sunbrella-awning/"
aria-label="60 Inch Sunbrella Awning"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/60-inch-sunbrella-awning__89829.original.jpg"
alt="60 Inch Sunbrella Awning"
width="32"
height="24"
loading="lazy"
/>
<span>60 Inch Sunbrella Awning</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/46-inch-sunbrella-fabric-awning-marine/"
aria-label="46" Inch Sunbrella Awning"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/46-inch-sunbrella-awning__10862.original.jpg"
alt="46" Inch Sunbrella Awning"
width="32"
height="24"
loading="lazy"
/>
<span>46" Inch Sunbrella Awning</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/80-inch-awning-marine-fabric/"
aria-label="80 Inch Sunbrella Awning"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/80-inch-sunbrella-awning__40510.original.jpg"
alt="80 Inch Sunbrella Awning"
width="32"
height="24"
loading="lazy"
/>
<span>80 Inch Sunbrella Awning</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunreal/"
aria-label="SunReal Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/sunreal-fabric__01731.original.jpg"
alt="SunReal Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>SunReal Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunbrella-binding/"
aria-label="SUNBRELLA BINDING"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/sunbrella-binding__65304.original.jpg"
alt="SUNBRELLA BINDING"
width="32"
height="24"
loading="lazy"
/>
<span>SUNBRELLA BINDING</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1993,
'hover:bg-primary-100': selectedChild !== 1993
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/patio-outdoor-upholstery/"
aria-label="PATIO & OUTDOOR UPHOLSTERY"
data-x-on:click.prevent="selectedChild = 1993"
data-x-on:mouseenter="selectedChild = 1993"
>
PATIO & OUTDOOR UPHOLSTERY
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1993 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1993" class="navPages-sub" data-category-id="1993" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1993) && (selectedChild = 1993)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/in-out-upholstery-sale/"
aria-label="REMNANTS & DEALS"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/remnants--deals__18140.original.jpg"
alt="REMNANTS & DEALS"
width="32"
height="24"
loading="lazy"
/>
<span>REMNANTS & DEALS</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/outdoor-canvas/"
aria-label="Outdoor Canvas"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/outdoor-canvas__88148.original.jpg"
alt="Outdoor Canvas"
width="32"
height="24"
loading="lazy"
/>
<span>Outdoor Canvas</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/premier-prints-outdor/"
aria-label="Premier Prints Outdoor"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/premier-prints-outdoor__29213.original.jpg"
alt="Premier Prints Outdoor"
width="32"
height="24"
loading="lazy"
/>
<span>Premier Prints Outdoor</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/printed-outdoor-fabrics/"
aria-label="Printed Outdoor Fabrics"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/printed-outdoor-fabrics__20480.original.jpg"
alt="Printed Outdoor Fabrics"
width="32"
height="24"
loading="lazy"
/>
<span>Printed Outdoor Fabrics</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunbrella-furniture-weight-fabric/"
aria-label="Sunbrella Furniture Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/sunbrella-furniture-weight__94356.original.jpg"
alt="Sunbrella Furniture Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Sunbrella Furniture Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tommy-bahama/"
aria-label="Tommy Bahama"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/tommy-bahama__65512.original.jpg"
alt="Tommy Bahama"
width="32"
height="24"
loading="lazy"
/>
<span>Tommy Bahama</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/docril-outdoor-fabrics/"
aria-label="Docril Outdoor Fabrics"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/docril-outdoor-fabrics__53616.original.jpg"
alt="Docril Outdoor Fabrics"
width="32"
height="24"
loading="lazy"
/>
<span>Docril Outdoor Fabrics</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/bella-dura-coming-soon/"
aria-label="Bella-Dura"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/belladura__19760.original.jpg"
alt="Bella-Dura"
width="32"
height="24"
loading="lazy"
/>
<span>Bella-Dura</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/outdura-furniture-weight-fabrics/"
aria-label="Outdura Furniture Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/outdura-furniture-weight__92817.original.jpg"
alt="Outdura Furniture Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Outdura Furniture Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/richloom-outdoor/"
aria-label="Richloom Outdoor"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/richloom-outdoor__73430.original.jpg"
alt="Richloom Outdoor"
width="32"
height="24"
loading="lazy"
/>
<span>Richloom Outdoor</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1994,
'hover:bg-primary-100': selectedChild !== 1994
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/other/"
aria-label="SLING & OTHER"
data-x-on:click.prevent="selectedChild = 1994"
data-x-on:mouseenter="selectedChild = 1994"
>
SLING & OTHER
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1994 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1994" class="navPages-sub" data-category-id="1994" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1994) && (selectedChild = 1994)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunbrella-sling-other/"
aria-label="Sunbrella Sling + Other"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/sunbrella-sling--other__06978.original.jpg"
alt="Sunbrella Sling + Other"
width="32"
height="24"
loading="lazy"
/>
<span>Sunbrella Sling + Other</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/other-marine-fabrics/"
aria-label="Other Outdoor Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/other-outdoor-fabric__35457.original.jpg"
alt="Other Outdoor Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Other Outdoor Fabric</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1790,
'hover:bg-primary-100': selectedChild !== 1790
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/marine-hardware-supplys/"
aria-label="MARINE HARDWARE / SUPPLIES"
data-x-on:click.prevent="selectedChild = 1790"
data-x-on:mouseenter="selectedChild = 1790"
>
MARINE HARDWARE / SUPPLIES
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1790 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1790" class="navPages-sub" data-category-id="1790" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1790) && (selectedChild = 1790)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/marine-zippers-1/"
aria-label="Marine Zippers"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/marine-zippers__43237.original.jpg"
alt="Marine Zippers"
width="32"
height="24"
loading="lazy"
/>
<span>Marine Zippers</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/marine-fasteners/"
aria-label="Marine Fasteners"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/marine-fasteners__02056.original.jpg"
alt="Marine Fasteners"
width="32"
height="24"
loading="lazy"
/>
<span>Marine Fasteners</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/boat-top-hardware/"
aria-label="Boat Top Hardware"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/boat-top-hardware__56756.original.jpg"
alt="Boat Top Hardware"
width="32"
height="24"
loading="lazy"
/>
<span>Boat Top Hardware</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/marine-carpet/"
aria-label="Marine Carpet"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/marine-carpet__32532.original.jpg"
alt="Marine Carpet"
width="32"
height="24"
loading="lazy"
/>
<span>Marine Carpet</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/cushion-underlining-marine-fabric/"
aria-label="Cushion Underlining"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/cushion-underlining__68221.original.jpg"
alt="Cushion Underlining"
width="32"
height="24"
loading="lazy"
/>
<span>Cushion Underlining</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1536,
'hover:bg-primary-100': selectedChild !== 1536
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/sunbrella-binding-trim/"
aria-label="SUNBRELLA BINDING"
data-x-on:click.prevent="selectedChild = 1536"
data-x-on:mouseenter="selectedChild = 1536"
>
SUNBRELLA BINDING
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1536 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1536" class="navPages-sub" data-category-id="1536" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1536) && (selectedChild = 1536)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/straight-cut-binding/"
aria-label="STRAIGHT CUT BINDING"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/straight-cut-binding__50896.original.jpg"
alt="STRAIGHT CUT BINDING"
width="32"
height="24"
loading="lazy"
/>
<span>STRAIGHT CUT BINDING</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/bias-cutt-binding/"
aria-label="BIAS CUTT BINDING"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/bias-cutt-binding__03305.original.jpg"
alt="BIAS CUTT BINDING"
width="32"
height="24"
loading="lazy"
/>
<span>BIAS CUTT BINDING</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1997,
'hover:bg-primary-100': selectedChild !== 1997
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/outdoor-cushion-foam/"
aria-label="OUTDOOR CUSHION & FOAM"
data-x-on:click.prevent="selectedChild = 1997"
data-x-on:mouseenter="selectedChild = 1997"
>
OUTDOOR CUSHION & FOAM
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1997 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1997" class="navPages-sub" data-category-id="1997" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1997) && (selectedChild = 1997)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/fiber-cushion-flo-thru/"
aria-label="FIBER CUSHION (FLO-THRU)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/fiber-cushion-flothru__65231.original.jpg"
alt="FIBER CUSHION (FLO-THRU)"
width="32"
height="24"
loading="lazy"
/>
<span>FIBER CUSHION (FLO-THRU)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/foam-batting-1/"
aria-label="Foam & Batting"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/foam--batting__76039.original.jpg"
alt="Foam & Batting"
width="32"
height="24"
loading="lazy"
/>
<span>Foam & Batting</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1729,
'hover:bg-primary-100': selectedChild !== 1729
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/sunguard-thread-marine-thread/"
aria-label="MARINE / OUTDOOR THREAD"
data-x-on:click.prevent="selectedChild = 1729"
data-x-on:mouseenter="selectedChild = 1729"
>
MARINE / OUTDOOR THREAD
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1729 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1729" class="navPages-sub" data-category-id="1729" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1729) && (selectedChild = 1729)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/40-wt-common-thickness/"
aria-label="Tex 25 / 40 wt  Common Thickness"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/tex-25--40-wt--common-thickness__63066.original.jpg"
alt="Tex 25 / 40 wt  Common Thickness"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 25 / 40 wt  Common Thickness</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-50-thread-light-weight/"
aria-label="Tex 50 Thread - Light Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/tex-50-thread--light-weight__59512.original.jpg"
alt="Tex 50 Thread - Light Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 50 Thread - Light Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-75-med-hvy-weight/"
aria-label="Tex 75 - Med/Hvy Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/tex-75--medhvy-weight__82007.original.jpg"
alt="Tex 75 - Med/Hvy Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 75 - Med/Hvy Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-90-100-heavy-weight/"
aria-label="Tex 90-100  - Heavy Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/tex-90100---heavy-weight__15673.original.jpg"
alt="Tex 90-100  - Heavy Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 90-100  - Heavy Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/v92-commercial/"
aria-label="V92 Commercial"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/v92-commercial__39020.original.jpg"
alt="V92 Commercial"
width="32"
height="24"
loading="lazy"
/>
<span>V92 Commercial</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/12-wt-ultra-thick-top-stitch/"
aria-label="12 wt. Ultra Thick - Top Stitch"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/12-wt-ultra-thick--top-stitch__88148.original.jpg"
alt="12 wt. Ultra Thick - Top Stitch"
width="32"
height="24"
loading="lazy"
/>
<span>12 wt. Ultra Thick - Top Stitch</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/guterman/"
aria-label="GUTERMAN"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/guterman__19175.original.jpg"
alt="GUTERMAN"
width="32"
height="24"
loading="lazy"
/>
<span>GUTERMAN</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunguard/"
aria-label="SUNGUARD"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/sunguard__47146.original.jpg"
alt="SUNGUARD"
width="32"
height="24"
loading="lazy"
/>
<span>SUNGUARD</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1977,
'hover:bg-primary-100': selectedChild !== 1977
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/water-friendly/"
aria-label="WATER FRIENDLY"
data-x-on:click.prevent="selectedChild = 1977"
data-x-on:mouseenter="selectedChild = 1977"
>
WATER FRIENDLY
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1977 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1977" class="navPages-sub" data-category-id="1977" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1977) && (selectedChild = 1977)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/fabric-water-friendly/"
aria-label="Fabric & Water Friendly."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/fabric--water-friendly__31697.original.jpg"
alt="Fabric & Water Friendly."
width="32"
height="24"
loading="lazy"
/>
<span>Fabric & Water Friendly.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/uv-water-proof/"
aria-label="Fabric & Water Proof"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/fabric--water-proof__64690.original.jpg"
alt="Fabric & Water Proof"
width="32"
height="24"
loading="lazy"
/>
<span>Fabric & Water Proof</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/vinyl-waterproof/"
aria-label="Vinyl & Waterproof"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/vinyl--waterproof__80084.original.jpg"
alt="Vinyl & Waterproof"
width="32"
height="24"
loading="lazy"
/>
<span>Vinyl & Waterproof</span>
</a>
</li>
</ul>
</template>
</li>
</ul>
<div class="flex-1 h-64 max-h-[70vh] overflow-auto"
data-x-effect="$el.style.height = height + 'px';"
data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild"
data-x-lazy.once="selectedChild = 1992"
></div>
</div>
</li>
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/discount-marine-vinyl-fabrics/"
aria-label="VINYL - MARINE & AUTO"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1395 ? 0 : 1395;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1395) && 'bg-white text-primary-600'"
>VINYL - MARINE & AUTO<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1395"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/discount-marine-vinyl-fabrics/"
aria-label="All VINYL - MARINE & AUTO"
>
All VINYL - MARINE & AUTO
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2149,
'hover:bg-primary-100': selectedChild !== 2149
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/remnants-deals-marine-vinyl/"
aria-label="REMNANTS & DEALS (Marine Vinyl)"
>
REMNANTS & DEALS (Marine Vinyl)
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2052,
'hover:bg-primary-100': selectedChild !== 2052
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/marine-vinyl-by-color/"
aria-label="MARINE VINYL BY COLOR"
data-x-on:click.prevent="selectedChild = 2052"
data-x-on:mouseenter="selectedChild = 2052"
>
MARINE VINYL BY COLOR
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2052 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2052" class="navPages-sub" data-category-id="2052" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2052) && (selectedChild = 2052)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/black-marine-vinyl/"
aria-label="Black Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/black-marine-vinyl__80722.original.jpg"
alt="Black Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Black Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/brown-marine-vinyl/"
aria-label="Brown Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/brown-marine-vinyl__16344.original.jpg"
alt="Brown Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Brown Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/white-marine-vinyl/"
aria-label="White Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/white-marine-vinyl__19075.original.jpg"
alt="White Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>White Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/off-white-marine-vinyl/"
aria-label="Off White Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/off-white-marine-vinyl__26378.original.jpg"
alt="Off White Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Off White Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/beige-tan-marine-vinyls/"
aria-label="Beige & Tan Marine Vinyls"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/beige--tan-marine-vinyls__07395.original.jpg"
alt="Beige & Tan Marine Vinyls"
width="32"
height="24"
loading="lazy"
/>
<span>Beige & Tan Marine Vinyls</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/gray-marine-vinyl/"
aria-label="Gray Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/gray-marine-vinyl__40170.original.jpg"
alt="Gray Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Gray Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/red-marine-vinyl/"
aria-label="Red Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/red-marine-vinyl__29416.original.jpg"
alt="Red Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Red Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/blue-marine-vinyl/"
aria-label="Blue Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/blue-marine-vinyl__18966.original.jpg"
alt="Blue Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Blue Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/yellow-marine-vinyl/"
aria-label="Yellow Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/yellow-marine-vinyl__64968.original.jpg"
alt="Yellow Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Yellow Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/orange-marine-vinyl/"
aria-label="Orange Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/orange-marine-vinyl__26396.original.jpg"
alt="Orange Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Orange Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/green-marine-vinyl/"
aria-label="Green Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/green-marine-vinyl__40563.original.jpg"
alt="Green Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Green Marine Vinyl</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2051,
'hover:bg-primary-100': selectedChild !== 2051
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/seaquest-marine-vinyl/"
aria-label="SEAQUEST MARINE VINYL"
data-x-on:click.prevent="selectedChild = 2051"
data-x-on:mouseenter="selectedChild = 2051"
>
SEAQUEST MARINE VINYL
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2051 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2051" class="navPages-sub" data-category-id="2051" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2051) && (selectedChild = 2051)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-pleated-marine-vinyl-automotive/"
aria-label="Seaquest Pleated Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/seaquest-pleated-vinyl__22963.original.jpg"
alt="Seaquest Pleated Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Seaquest Pleated Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-flat-vinyl/"
aria-label="Seaquest Flat Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/seaquest-flat-vinyl__03504.original.jpg"
alt="Seaquest Flat Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Seaquest Flat Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-marine-vinyl-by-color/"
aria-label="SEAQUEST BY COLOR"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/seaquest-by-color__51714.original.jpg"
alt="SEAQUEST BY COLOR"
width="32"
height="24"
loading="lazy"
/>
<span>SEAQUEST BY COLOR</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1