Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Derwent Paisley CL Ecru Drapery Upholstery Fabric by Ralph Lauren

30 Yards In Stock

Ralph Lauren
Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Derwent Paisley CL Dune Drapery Upholstery Fabric by Ralph Lauren

81 Yards In Stock

Ralph Lauren
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Brooklands Stripe CL Camel Drapery Upholstery Fabric by Ralph Lauren

8 Yards In Stock

AS LOW AS $22.95

Ralph Lauren
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Old Nichol Chenille CL Basalt Upholstery Fabric by Ralph Lauren

13 Yards In Stock

AS LOW AS $21.95

Ralph Lauren
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Old Nichol Chenille CL Sandstorm Upholstery Fabric by Ralph Lauren

11 Yards In Stock

Ralph Lauren
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Clambake Chino CL Tan Upholstery Fabric by Ralph Lauren

30 Yards In Stock

AS LOW AS $14.95

Ralph Lauren
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Clambake Chino CL Sand Upholstery Fabric by Ralph Lauren

54 Yards In Stock

AS LOW AS $14.95

Ralph Lauren
Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Ashfield Twill Floral CL Mist Drapery Upholstery Fabric by Ralph Lauren

11 Yards In Stock

AS LOW AS $17.95

Ralph Lauren
Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Upscale CL Fudge Embroidered Drapery Upholstery Fabric by P Kaufmann Fabrics

38 Yards In Stock

AS LOW AS $14.95

P/Kaufmann
Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Upscale CL Tan Embroidered Drapery Upholstery Fabric by P Kaufmann Fabrics

22 Yards In Stock

AS LOW AS $14.95

P/Kaufmann
Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Gloss CL Spa Drapery Upholstery Fabric by P Kaufmann Fabrics

18 Yards In Stock

AS LOW AS $9.95

P/Kaufmann
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Merit CL Linen Drapery Upholstery Fabric by Golding Fabrics

41 Yards In Stock

Golding Fabrics
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Elm Embroidery CL Parchment Drapery Upholstery Fabric by PK Lifestyles (Waverly)

12 Yards In Stock

PK Lifestyles
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Stencil Study CL Tidepool Drapery Upholstery Fabric by PK Lifestyles (Waverly)

33 Yards In Stock

PK Lifestyles
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Chit Chat CL Shell Drapery Upholstery Fabric by Kelly Ripa Home and PK Lifestyles (Waverly)

63 Yards In Stock

PK Lifestyles
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Stratford Stripe CL Linen Drapery Upholstery Fabric by PK Lifestyles (Waverly)

25 Yards In Stock

AS LOW AS $19.98

PK Lifestyles
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Stratford Stripe CL Licorice Drapery Upholstery Fabric by PK Lifestyles (Waverly)

43 Yards In Stock

PK Lifestyles
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Nara CL Stone Drapery Upholstery Fabric by P Kaufmann

20 Yards In Stock

AS LOW AS $19.95

P/Kaufmann
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Visionary CL Oyster Upholstery Fabric by P Kaufmann

3 Yards In Stock

AS LOW AS $18.95

P/Kaufmann
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Hampton Beach Jute CL Ebony Upholstery Fabric by Ralph Lauren

130 Yards In Stock

Ralph Lauren
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Foothills Jacquard CL Pure White Upholstery Fabric by Ralph Lauren

45 Yards In Stock

Ralph Lauren
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Mendocino Twill CL Oleander Upholstery Fabric by Ralph Lauren Fabrics

125 Yards In Stock

Ralph Lauren
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Great Hall Ottoman CL Navy Upholstery Fabric by Ralph Lauren

33 Yards In Stock

Ralph Lauren
Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Palatine Silk Stripe CL Sable Upholstery Fabric by Ralph Lauren

41 Yards In Stock

Ralph Lauren
Items 1105 to 1128 of 1183 total
<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://overstockupholsteryfabric.com/fabric-products/"
aria-label="Fabric Products"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 345 ? 0 : 345;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 345) && 'bg-white text-primary-600'"
>Fabric Products<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-345"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex flex-col flex-wrap content-start h-64 p-3 flex-1 max-h-[70vh] overflow-auto"
data-x-lazy="
height = Math.round($el.clientHeight * $el.scrollWidth / $el.clientWidth);
$el.style.height = height + 'px';
$el.classList.remove('h-64');
"
>
<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://overstockupholsteryfabric.com/fabric-products/"
aria-label="All Fabric Products"
>
All Fabric Products
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 327,
'hover:bg-primary-100': selectedChild !== 327
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/abstract"
aria-label="Abstract"
>
<span>Abstract</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 313,
'hover:bg-primary-100': selectedChild !== 313
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/animals"
aria-label="Animals"
>
<span>Animals</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 304,
'hover:bg-primary-100': selectedChild !== 304
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/aztec-southwest"
aria-label="Aztec/Southwest"
>
<span>Aztec/Southwest</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 337,
'hover:bg-primary-100': selectedChild !== 337
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/bargain-bin"
aria-label="Bargain Bin"
>
<span>Bargain Bin</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 306,
'hover:bg-primary-100': selectedChild !== 306
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/camouflage"
aria-label="Camouflage"
>
<span>Camouflage</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 318,
'hover:bg-primary-100': selectedChild !== 318
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/chenille"
aria-label="Chenille"
>
<span>Chenille</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 342,
'hover:bg-primary-100': selectedChild !== 342
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/chevron"
aria-label="Chevron"
>
<span>Chevron</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 302,
'hover:bg-primary-100': selectedChild !== 302
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/damask"
aria-label="Damask"
>
<span>Damask</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 307,
'hover:bg-primary-100': selectedChild !== 307
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/denim"
aria-label="Denim"
>
<span>Denim</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 323,
'hover:bg-primary-100': selectedChild !== 323
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/embroidered"
aria-label="Embroidered"
>
<span>Embroidered</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 343,
'hover:bg-primary-100': selectedChild !== 343
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/eyelash-yarn"
aria-label="Eyelash Yarn"
>
<span>Eyelash Yarn</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 340,
'hover:bg-primary-100': selectedChild !== 340
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/faux-fur"
aria-label="Faux Fur"
>
<span>Faux Fur</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 311,
'hover:bg-primary-100': selectedChild !== 311
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/floral-vines"
aria-label="Floral/Vines"
>
<span>Floral/Vines</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 312,
'hover:bg-primary-100': selectedChild !== 312
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/geometric"
aria-label="Geometric"
>
<span>Geometric</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 336,
'hover:bg-primary-100': selectedChild !== 336
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/herringbone"
aria-label="Herringbone"
>
<span>Herringbone</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 308,
'hover:bg-primary-100': selectedChild !== 308
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/houndstooth"
aria-label="Houndstooth"
>
<span>Houndstooth</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 319,
'hover:bg-primary-100': selectedChild !== 319
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/ikat"
aria-label="IKAT"
>
<span>IKAT</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 309,
'hover:bg-primary-100': selectedChild !== 309
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/leather-hides"
aria-label="Leather Hides"
>
<span>Leather Hides</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 305,
'hover:bg-primary-100': selectedChild !== 305
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/linens"
aria-label="Linens"
>
<span>Linens</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 322,
'hover:bg-primary-100': selectedChild !== 322
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/matlasse"
aria-label="Matlasse"
>
<span>Matlasse</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 324,
'hover:bg-primary-100': selectedChild !== 324
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/mohair-velvet"
aria-label="Mohair/Velvet"
>
<span>Mohair/Velvet</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 317,
'hover:bg-primary-100': selectedChild !== 317
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/nautical"
aria-label="Nautical"
>
<span>Nautical</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 295,
'hover:bg-primary-100': selectedChild !== 295
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/products-over-5-96"
aria-label="Newly Listed Products"
>
<span>Newly Listed Products</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 320,
'hover:bg-primary-100': selectedChild !== 320
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/novelty"
aria-label="Novelty"
>
<span>Novelty</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 298,
'hover:bg-primary-100': selectedChild !== 298
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/outdoor-collection"
aria-label="Outdoor Collection"
>
<span>Outdoor Collection</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 299,
'hover:bg-primary-100': selectedChild !== 299
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/paisley-fabrics"
aria-label="Paisley"
>
<span>Paisley</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 334,
'hover:bg-primary-100': selectedChild !== 334
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/performance-contract"
aria-label="Performance/Contract"
>
<span>Performance/Contract</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 294,
'hover:bg-primary-100': selectedChild !== 294
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/plaid-upholstery-fabric"
aria-label="Plaid/Check"
>
<span>Plaid/Check</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 314,
'hover:bg-primary-100': selectedChild !== 314
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/prints"
aria-label="Prints"
>
<span>Prints</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 341,
'hover:bg-primary-100': selectedChild !== 341
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/quilted"
aria-label="Quilted"
>
<span>Quilted</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 310,
'hover:bg-primary-100': selectedChild !== 310
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/ralph-lauren-fabrics"
aria-label="Ralph Lauren Fabrics"
>
<span>Ralph Lauren Fabrics</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 296,
'hover:bg-primary-100': selectedChild !== 296
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/ralph-lauren-wallpaper"
aria-label="Ralph Lauren Wallpaper"
>
<span>Ralph Lauren Wallpaper</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 339,
'hover:bg-primary-100': selectedChild !== 339
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/satin"
aria-label="Satin"
>
<span>Satin</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 325,
'hover:bg-primary-100': selectedChild !== 325
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/sheer"
aria-label="Sheer"
>
<span>Sheer</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 332,
'hover:bg-primary-100': selectedChild !== 332
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/silk"
aria-label="Silk"
>
<span>Silk</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 338,
'hover:bg-primary-100': selectedChild !== 338
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/small-chair-pattern"
aria-label="Small Chair Pattern"
>
<span>Small Chair Pattern</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 321,
'hover:bg-primary-100': selectedChild !== 321
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/solid-twills"
aria-label="Solid/Twills"
>
<span>Solid/Twills</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 315,
'hover:bg-primary-100': selectedChild !== 315
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/stripes"
aria-label="Stripes"
>
<span>Stripes</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 300,
'hover:bg-primary-100': selectedChild !== 300
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/suede"
aria-label="Suede"
>
<span>Suede</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 331,
'hover:bg-primary-100': selectedChild !== 331
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/sunreal-fabrics"
aria-label="SunReal Fabrics"
>
<span>SunReal Fabrics</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 326,
'hover:bg-primary-100': selectedChild !== 326
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/tapestry"
aria-label="Tapestry"
>
<span>Tapestry</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 316,
'hover:bg-primary-100': selectedChild !== 316
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/toiles"
aria-label="Toiles"
>
<span>Toiles</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 301,
'hover:bg-primary-100': selectedChild !== 301
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/tweed-textured"
aria-label="Tweed/Textured"
>
<span>Tweed/Textured</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 344,
'hover:bg-primary-100': selectedChild !== 344
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/unknown/"
aria-label="Unknown"
>
<span>Unknown</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 330,
'hover:bg-primary-100': selectedChild !== 330
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/collections/vinyl-1"
aria-label="Vinyl"
>
<span>Vinyl</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 372,
'hover:bg-primary-100': selectedChild !== 372
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-products/velvet/"
aria-label="Velvet"
>
<span>Velvet</span>
</a>
</li>
</ul>
</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://overstockupholsteryfabric.com/fabric-by-brand/"
aria-label="Fabric By Brand"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 346 ? 0 : 346;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 346) && 'bg-white text-primary-600'"
>Fabric By Brand<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-346"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex flex-col flex-wrap content-start h-64 p-3 flex-1 max-h-[70vh] overflow-auto"
data-x-lazy="
height = Math.round($el.clientHeight * $el.scrollWidth / $el.clientWidth);
$el.style.height = height + 'px';
$el.classList.remove('h-64');
"
>
<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://overstockupholsteryfabric.com/fabric-by-brand/"
aria-label="All Fabric By Brand"
>
All Fabric By Brand
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 347,
'hover:bg-primary-100': selectedChild !== 347
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/american-silk/"
aria-label="American Silk"
>
<span>American Silk</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 348,
'hover:bg-primary-100': selectedChild !== 348
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/braemore/"
aria-label="Braemore"
>
<span>Braemore</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 349,
'hover:bg-primary-100': selectedChild !== 349
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/charles-martel/"
aria-label="Charles Martel"
>
<span>Charles Martel</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 350,
'hover:bg-primary-100': selectedChild !== 350
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/clarence-house/"
aria-label="Clarence House"
>
<span>Clarence House</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 351,
'hover:bg-primary-100': selectedChild !== 351
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/covington/"
aria-label="Covington"
>
<span>Covington</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 352,
'hover:bg-primary-100': selectedChild !== 352
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/culp/"
aria-label="CULP"
>
<span>CULP</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 354,
'hover:bg-primary-100': selectedChild !== 354
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/deleo-textiles/"
aria-label="DeLeo Textiles"
>
<span>DeLeo Textiles</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 355,
'hover:bg-primary-100': selectedChild !== 355
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/elana-gabrielle/"
aria-label="Elana Gabrielle"
>
<span>Elana Gabrielle</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 356,
'hover:bg-primary-100': selectedChild !== 356
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/golding-fabrics/"
aria-label="Golding Fabrics"
>
<span>Golding Fabrics</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 357,
'hover:bg-primary-100': selectedChild !== 357
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/jb-martin/"
aria-label="JB Martin"
>
<span>JB Martin</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 358,
'hover:bg-primary-100': selectedChild !== 358
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/kravet/"
aria-label="Kravet"
>
<span>Kravet</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 359,
'hover:bg-primary-100': selectedChild !== 359
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/millcreek-swavelle/"
aria-label="Millcreek / Swavelle"
>
<span>Millcreek / Swavelle</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 360,
'hover:bg-primary-100': selectedChild !== 360
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/outdura/"
aria-label="Outdura"
>
<span>Outdura</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 361,
'hover:bg-primary-100': selectedChild !== 361
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/p-kaufman/"
aria-label="P Kaufman"
>
<span>P Kaufman</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 362,
'hover:bg-primary-100': selectedChild !== 362
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/paragon-textiles/"
aria-label="Paragon Textiles"
>
<span>Paragon Textiles</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 363,
'hover:bg-primary-100': selectedChild !== 363
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/pk-lifestyles/"
aria-label="PK Lifestyles"
>
<span>PK Lifestyles</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 364,
'hover:bg-primary-100': selectedChild !== 364
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/premier-prints/"
aria-label="Premier Prints"
>
<span>Premier Prints</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 365,
'hover:bg-primary-100': selectedChild !== 365
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/ralph-lauren/"
aria-label="Ralph Lauren"
>
<span>Ralph Lauren</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 366,
'hover:bg-primary-100': selectedChild !== 366
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/regal-fabrics/"
aria-label="Regal Fabrics"
>
<span>Regal Fabrics</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 367,
'hover:bg-primary-100': selectedChild !== 367
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/richloom/"
aria-label="Richloom"
>
<span>Richloom</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 368,
'hover:bg-primary-100': selectedChild !== 368
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/rioma/"
aria-label="Rioma"
>
<span>Rioma</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 369,
'hover:bg-primary-100': selectedChild !== 369
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/sunbrella/"
aria-label="Sunbrella"
>
<span>Sunbrella</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 370,
'hover:bg-primary-100': selectedChild !== 370
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/tommy-bahama/"
aria-label="Tommy Bahama"
>
<span>Tommy Bahama</span>
</a>
</li>
<li class="relative px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"
data-x-class="{
'bg-white text-primary-600': selectedChild === 371,
'hover:bg-primary-100': selectedChild !== 371
}"
>
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://overstockupholsteryfabric.com/fabric-by-brand/waverly/"
aria-label="Waverly"
>
<span>Waverly</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
</nav>
<div
class="absolute top-full left-0 right-0 z-50 flex rounded-global overflow-auto mt-2 bg-primary-100"
hidden=""
aria-hidden="true"
tabindex="-1"
data-x-show="selected > 0"
data-x-bind:hidden="selected > 0 ? null : ''"
data-x-on:click.outside="selected = 0; contents = ''"
data-x-lazy="{virtual: '#navPages-' + selected}"
data-x-html-alt="contents"
></div>
</div>
<div id="account-panel">
<div class="flex h-full w-full text-center">
<div class="w-full my-auto">
<h3 class="text-xl uppercase mb-6">Sign in</h3>
<form
class="login-form form"
action="/login.php?action=check_login"
method="post"
data-x-data="login"
>
<template data-x-if="error">
<div class="relative bg-red-100 text-red-700 p-3 my-3 rounded-lg" role="alert">
<span data-x-text="error"></span>
<span class="px-4 py-3 text-2xl leading-none" role="button" data-x-on:click="error = ''">
<i class="icon icon-close"></i>
</span>
</div>
</template>
<div class="mb-4">
<label for="login_email">Email Address:</label>
<div class="relative flex border rounded-global overflow-hidden">
<input
class="flex-1 appearance-none py-2 px-3 text-black leading-normal outline-none"
id="login_email"
type="email"
name="login_email"
placeholder="Email Address"
data-x-model="email"
/>
</div>
</div>
<div class="mb-4" hidden="" data-x-bind:hidden="(method === '' && isEmailValid) ? null : ''">
<div class="mb-4">Sign In Account With</div>
<div>
<span
class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-primary bg-primary hover:bg-primary-400 text-default hover:text-default px-4 py-2"
role="button"
data-x-on:click.prevent="method = 'password'"
>Password</span>
<span> </span>
<span
class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-sky-500 bg-sky-500 hover:bg-sky-400 text-default hover:text-default px-4 py-2"
role="button"
data-x-on:click.prevent="method = 'token'; sendToken();"
>Token</span>
</div>
</div>
<div class="mb-4" hidden="" data-x-bind:hidden="(method === 'password' && isEmailValid) ? null : ''">
<label for="login_pass">Password:</label>
<div class="relative flex border rounded-global overflow-hidden">
<input
class="flex-1 appearance-none py-2 px-3 text-black leading-normal outline-none"
id="login_pass"
type="password"
name="login_pass"
placeholder="Password"
autocomplete="off"
/>
</div>
<div class="mt-3">
<button class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-primary bg-primary hover:bg-primary-400 text-default hover:text-default px-4 py-2" type="submit">Sign in</button>
</div>
</div>
<div class="mb-4" hidden="" data-x-bind:hidden="(method === 'token' && isEmailValid) ? null : ''">
<label for="login_token">Login Token:</label>
<div class="relative flex border rounded-global overflow-hidden">
<input
class="flex-1 appearance-none py-2 px-3 text-black leading-normal outline-none"
id="login_token"
type="text"
name="login_token"
placeholder="Token"
data-x-model="token"
/>
</div>
<div>A login token has been sent to your email: <span class="text-link" data-x-text="email"></span>. If you did not receive the email, please check your email address and <span class="text-link underline" role="button" data-x-on:click="sendToken()">click here</span> to resend the token.</div>
<div class="mt-3">
<span class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-primary bg-primary hover:bg-primary-400 text-default hover:text-default px-4 py-2" role="button" data-x-on:click="loginWithToken()">Sign in</span>
</div>
</div>
<div class="text-center mt-6">
<a class="text-link hover:text-link-hover" href="/login.php?action=reset_password">Forgot your password?</a>
</div>
<script id="google-login-jssdk" src="https://accounts.google.com/gsi/client" async defer></script>
</form>
<div class="mt-8">
<a class="text-link hover:text-link-hover" href="/login.php?action=create_account" aria-label="Register">Register</a>
</div>
</div>
</div></div>
<div id="navigation-menu-mobile">
<ul>
<li  data-x-data="drawer">
<a href="https://overstockupholsteryfabric.com/fabric-products/"
class="inline-flex items-center py-3 text-center"
aria-label="Fabric Products"
data-x-on:click.prevent="open = true"
>
<strong>Fabric Products</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://overstockupholsteryfabric.com/fabric-products/" class="inline-flex items-center py-3 text-center" aria-label="Fabric Products">
<strong class="uppercase">All Fabric Products</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/abstract" class="inline-flex items-center py-3 text-center" aria-label="Abstract">
<strong>Abstract</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/animals" class="inline-flex items-center py-3 text-center" aria-label="Animals">
<strong>Animals</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/aztec-southwest" class="inline-flex items-center py-3 text-center" aria-label="Aztec/Southwest">
<strong>Aztec/Southwest</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/bargain-bin" class="inline-flex items-center py-3 text-center" aria-label="Bargain Bin">
<strong>Bargain Bin</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/camouflage" class="inline-flex items-center py-3 text-center" aria-label="Camouflage">
<strong>Camouflage</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/chenille" class="inline-flex items-center py-3 text-center" aria-label="Chenille">
<strong>Chenille</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/chevron" class="inline-flex items-center py-3 text-center" aria-label="Chevron">
<strong>Chevron</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/damask" class="inline-flex items-center py-3 text-center" aria-label="Damask">
<strong>Damask</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/denim" class="inline-flex items-center py-3 text-center" aria-label="Denim">
<strong>Denim</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/embroidered" class="inline-flex items-center py-3 text-center" aria-label="Embroidered">
<strong>Embroidered</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/eyelash-yarn" class="inline-flex items-center py-3 text-center" aria-label="Eyelash Yarn">
<strong>Eyelash Yarn</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/faux-fur" class="inline-flex items-center py-3 text-center" aria-label="Faux Fur">
<strong>Faux Fur</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/floral-vines" class="inline-flex items-center py-3 text-center" aria-label="Floral/Vines">
<strong>Floral/Vines</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/geometric" class="inline-flex items-center py-3 text-center" aria-label="Geometric">
<strong>Geometric</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/herringbone" class="inline-flex items-center py-3 text-center" aria-label="Herringbone">
<strong>Herringbone</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/houndstooth" class="inline-flex items-center py-3 text-center" aria-label="Houndstooth">
<strong>Houndstooth</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/ikat" class="inline-flex items-center py-3 text-center" aria-label="IKAT">
<strong>IKAT</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/leather-hides" class="inline-flex items-center py-3 text-center" aria-label="Leather Hides">
<strong>Leather Hides</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/linens" class="inline-flex items-center py-3 text-center" aria-label="Linens">
<strong>Linens</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/matlasse" class="inline-flex items-center py-3 text-center" aria-label="Matlasse">
<strong>Matlasse</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/mohair-velvet" class="inline-flex items-center py-3 text-center" aria-label="Mohair/Velvet">
<strong>Mohair/Velvet</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/nautical" class="inline-flex items-center py-3 text-center" aria-label="Nautical">
<strong>Nautical</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/products-over-5-96" class="inline-flex items-center py-3 text-center" aria-label="Newly Listed Products">
<strong>Newly Listed Products</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/novelty" class="inline-flex items-center py-3 text-center" aria-label="Novelty">
<strong>Novelty</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/outdoor-collection" class="inline-flex items-center py-3 text-center" aria-label="Outdoor Collection">
<strong>Outdoor Collection</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/paisley-fabrics" class="inline-flex items-center py-3 text-center" aria-label="Paisley">
<strong>Paisley</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/performance-contract" class="inline-flex items-center py-3 text-center" aria-label="Performance/Contract">
<strong>Performance/Contract</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/plaid-upholstery-fabric" class="inline-flex items-center py-3 text-center" aria-label="Plaid/Check">
<strong>Plaid/Check</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/prints" class="inline-flex items-center py-3 text-center" aria-label="Prints">
<strong>Prints</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/quilted" class="inline-flex items-center py-3 text-center" aria-label="Quilted">
<strong>Quilted</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/ralph-lauren-fabrics" class="inline-flex items-center py-3 text-center" aria-label="Ralph Lauren Fabrics">
<strong>Ralph Lauren Fabrics</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/ralph-lauren-wallpaper" class="inline-flex items-center py-3 text-center" aria-label="Ralph Lauren Wallpaper">
<strong>Ralph Lauren Wallpaper</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/satin" class="inline-flex items-center py-3 text-center" aria-label="Satin">
<strong>Satin</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/sheer" class="inline-flex items-center py-3 text-center" aria-label="Sheer">
<strong>Sheer</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/silk" class="inline-flex items-center py-3 text-center" aria-label="Silk">
<strong>Silk</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/small-chair-pattern" class="inline-flex items-center py-3 text-center" aria-label="Small Chair Pattern">
<strong>Small Chair Pattern</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/solid-twills" class="inline-flex items-center py-3 text-center" aria-label="Solid/Twills">
<strong>Solid/Twills</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/stripes" class="inline-flex items-center py-3 text-center" aria-label="Stripes">
<strong>Stripes</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/suede" class="inline-flex items-center py-3 text-center" aria-label="Suede">
<strong>Suede</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/sunreal-fabrics" class="inline-flex items-center py-3 text-center" aria-label="SunReal Fabrics">
<strong>SunReal Fabrics</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/tapestry" class="inline-flex items-center py-3 text-center" aria-label="Tapestry">
<strong>Tapestry</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/toiles" class="inline-flex items-center py-3 text-center" aria-label="Toiles">
<strong>Toiles</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/tweed-textured" class="inline-flex items-center py-3 text-center" aria-label="Tweed/Textured">
<strong>Tweed/Textured</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/unknown/" class="inline-flex items-center py-3 text-center" aria-label="Unknown">
<strong>Unknown</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/collections/vinyl-1" class="inline-flex items-center py-3 text-center" aria-label="Vinyl">
<strong>Vinyl</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-products/velvet/" class="inline-flex items-center py-3 text-center" aria-label="Velvet">
<strong>Velvet</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/"
class="inline-flex items-center py-3 text-center"
aria-label="Fabric By Brand"
data-x-on:click.prevent="open = true"
>
<strong>Fabric By Brand</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/" class="inline-flex items-center py-3 text-center" aria-label="Fabric By Brand">
<strong class="uppercase">All Fabric By Brand</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/american-silk/" class="inline-flex items-center py-3 text-center" aria-label="American Silk">
<strong>American Silk</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/braemore/" class="inline-flex items-center py-3 text-center" aria-label="Braemore">
<strong>Braemore</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/charles-martel/" class="inline-flex items-center py-3 text-center" aria-label="Charles Martel">
<strong>Charles Martel</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/clarence-house/" class="inline-flex items-center py-3 text-center" aria-label="Clarence House">
<strong>Clarence House</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/covington/" class="inline-flex items-center py-3 text-center" aria-label="Covington">
<strong>Covington</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/culp/" class="inline-flex items-center py-3 text-center" aria-label="CULP">
<strong>CULP</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/deleo-textiles/" class="inline-flex items-center py-3 text-center" aria-label="DeLeo Textiles">
<strong>DeLeo Textiles</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/elana-gabrielle/" class="inline-flex items-center py-3 text-center" aria-label="Elana Gabrielle">
<strong>Elana Gabrielle</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/golding-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Golding Fabrics">
<strong>Golding Fabrics</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/jb-martin/" class="inline-flex items-center py-3 text-center" aria-label="JB Martin">
<strong>JB Martin</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/kravet/" class="inline-flex items-center py-3 text-center" aria-label="Kravet">
<strong>Kravet</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/millcreek-swavelle/" class="inline-flex items-center py-3 text-center" aria-label="Millcreek / Swavelle">
<strong>Millcreek / Swavelle</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/outdura/" class="inline-flex items-center py-3 text-center" aria-label="Outdura">
<strong>Outdura</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/p-kaufman/" class="inline-flex items-center py-3 text-center" aria-label="P Kaufman">
<strong>P Kaufman</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/paragon-textiles/" class="inline-flex items-center py-3 text-center" aria-label="Paragon Textiles">
<strong>Paragon Textiles</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/pk-lifestyles/" class="inline-flex items-center py-3 text-center" aria-label="PK Lifestyles">
<strong>PK Lifestyles</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/premier-prints/" class="inline-flex items-center py-3 text-center" aria-label="Premier Prints">
<strong>Premier Prints</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/ralph-lauren/" class="inline-flex items-center py-3 text-center" aria-label="Ralph Lauren">
<strong>Ralph Lauren</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/regal-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Regal Fabrics">
<strong>Regal Fabrics</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/richloom/" class="inline-flex items-center py-3 text-center" aria-label="Richloom">
<strong>Richloom</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/rioma/" class="inline-flex items-center py-3 text-center" aria-label="Rioma">
<strong>Rioma</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/sunbrella/" class="inline-flex items-center py-3 text-center" aria-label="Sunbrella">
<strong>Sunbrella</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/tommy-bahama/" class="inline-flex items-center py-3 text-center" aria-label="Tommy Bahama">
<strong>Tommy Bahama</strong>
</a>
</li>
<li >
<a href="https://overstockupholsteryfabric.com/fabric-by-brand/waverly/" class="inline-flex items-center py-3 text-center" aria-label="Waverly">
<strong>Waverly</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div id="loading">
<div class="absolute inset-x-0 inset-y-0 z-[1000] flex items-center justify-center bg-white/50"
>
<img class="animate-spin" src="https://cdn11.bigcommerce.com/s-71tpdlrmna/stencil/057d8530-ea08-013e-bb76-02691c8e1aa8/e/f8d60dd0-d37f-013a-d5bc-2618d852431b/img/loading.svg" width="100" height="100" alt="loading" />
</div>
</div>