Madrono Ottoman CL Indigo Upholstery Fabric by Ralph Lauren Fabrics

Name: Madrono Ottoman CL Indigo Upholstery Fabric by Ralph Lauren Fabrics
Brand: Ralph Lauren
SKU: OSFB0226-1380
Price: 79.98 USD
Availability: InStock
Rating: 5 (1 reviews)
FREE SHIPPING OVER $150
Product ID: 3154

Brand: Ralph Lauren
SKU: OSFB0226-1380
Price: $79.98 🔥
Total: $0.00
Summary

Common Questions (FAQ)
All yardage is shipped continuous. If you order 5 yards it will be 5 continuous yards. NOT 5 individual lengths.
Swatches are shipped first class mail with tracking. USPS charges us $4.70 for this service.
Currently we have 7 In Stock.
This item is a closeout & might be gone tomorrow!!
If you need more yards of something similar, let us know.
Delivery to: Change
This item will ship Tomorrow
Expected delivery by:
Description

Multipurpose Fabric -- Formerly $265 per yard
Colors: Blue
Fabric Detail: Woven / Ottoman /Performance
Approx Pattern Repeat: H - nil, V - 1.25"
Approx Width: 56"
Fabric Content: 71%Polyester 24%% Cotton 5%Flax
Finish: Light Acrylic Backing
Abrasion: 33,000DR
Country of Origin: USA
Book: Sonoma Valley Performance
Pattern No. LCF68738F
Note: Available yardage is in 2 pieces. Message us for current piece sizes.
LOC: ST-91
Specifications

Shipping Policy:: Standard Shipping
Shipping Directions:: Okay to ship folded
Sold By:: Sold by the linear yard
Product Classification:: Closeout
Ordering Directions:: All fabric is shipped as a continuous length. If you only see ?By the yard? listed, this mean the other lengths have been sold out. If you only see ?3 yard piece? listed as an option, then we are sold out of swatches and cut yardage.If you desire a 3 yard length, simply select ?By The Yard? and change the QTY to 3
0 Reviews

(No reviews yet)
<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 ? (selected = 0, contents = '') : null"
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="https://overstockupholsteryfabric.com/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="https://overstockupholsteryfabric.com/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="https://overstockupholsteryfabric.com/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/95cc14e0-3fba-013f-b1cc-72948772cd25/e/f8d60dd0-d37f-013a-d5bc-2618d852431b/img/loading.svg" width="100" height="100" alt="loading" />
</div>
</div>