/* — BRAND STYLE & VARIABLES — */
:root {
–primary-blue: #0057B8;
–dark-charcoal: #222222;
–light-gray: #f8f9fa;
–border-color: #e9ecef;
–text-muted: #6c757d;
–shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
–shadow-md: 0 4px 6px rgba(0,0,0,0.07);
}
/* — BASE RESET — */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
color: var(–dark-charcoal);
background-color: #ffffff;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
/* — CONTAINER — */
.fsa-container {
max-width: 1200px;
margin: 0 auto;
padding: 15px;
}
/* — HEADER — */
header {
background-color: #ffffff;
border-bottom: 3px solid var(–primary-blue);
padding: 20px 0;
}
.header-flex {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 15px;
}
.logo-area h1 {
color: var(–dark-charcoal);
font-size: 2rem;
font-weight: 800;
letter-spacing: -1px;
margin-bottom: 2px;
}
.logo-area h1 span {
color: var(–primary-blue);
}
.logo-area p {
color: var(–text-muted);
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
}
/* Nav Menu (Compliant, Non-active styling) */
.nav-menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
list-style: none;
margin-top: 10px;
}
.nav-menu li span {
font-size: 0.9rem;
font-weight: 600;
color: var(–dark-charcoal);
text-transform: uppercase;
cursor: default;
transition: color 0.2s ease;
}
.nav-menu li span:hover {
color: var(–primary-blue);
}
/* — HERO & PRODUCT GALLERY (PURE CSS) — */
.product-hero {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
margin: 40px 0;
}
@media (min-width: 768px) {
.product-hero {
grid-template-columns: 1fr 1fr;
align-items: start;
}
}
/* CSS Gallery Framework */
.gallery-container {
position: relative;
width: 100%;
}
.main-images {
position: relative;
width: 100%;
padding-top: 75%; /* 4:3 Aspect Ratio */
background-color: var(–light-gray);
border: 1px solid var(–border-color);
border-radius: 6px;
overflow: hidden;
box-shadow: var(–shadow-sm);
}
.main-images img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
opacity: 0;
transition: opacity 0.3s ease;
background-color: #ffffff;
}
.thumbnails {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-top: 15px;
}
.thumbnails label {
border: 1px solid var(–border-color);
border-radius: 4px;
padding: 5px;
cursor: pointer;
background-color: #ffffff;
transition: border-color 0.2s;
}
.thumbnails label:hover {
border-color: var(–primary-blue);
}
.thumbnails img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
}
/* Gallery Controller Logic */
.gallery-container input[type=”radio”] {
display: none;
}
#img1:checked ~ .main-images #slide1,
#img2:checked ~ .main-images #slide2,
#img3:checked ~ .main-images #slide3,
#img4:checked ~ .main-images #slide4 {
opacity: 1;
z-index: 2;
}
#img1:checked ~ .thumbnails label[for=”img1″],
#img2:checked ~ .thumbnails label[for=”img2″],
#img3:checked ~ .thumbnails label[for=”img3″],
#img4:checked ~ .thumbnails label[for=”img4″] {
border-color: var(–primary-blue);
box-shadow: 0 0 0 1px var(–primary-blue);
}
/* — QUICK INFO PANEL — */
.product-meta {
padding: 10px 0;
}
.product-title {
font-size: 1.6rem;
font-weight: 700;
color: var(–dark-charcoal);
line-height: 1.3;
margin-bottom: 15px;
}
.meta-badge-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin-top: 25px;
}
.meta-badge {
background-color: var(–light-gray);
border-left: 4px solid var(–primary-blue);
padding: 12px;
border-radius: 0 4px 4px 0;
}
.meta-badge small {
display: block;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 700;
color: var(–text-muted);
letter-spacing: 0.5px;
}
.meta-badge span {
font-size: 0.95rem;
font-weight: 600;
color: var(–dark-charcoal);
}
/* — VALUE PROPOSITION CARDS — */
.why-buy-section {
background-color: var(–light-gray);
border-radius: 8px;
padding: 30px 20px;
margin: 40px 0;
}
.section-title {
text-align: center;
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 1px;
}
.section-title::after {
content: ”;
display: block;
width: 50px;
height: 3px;
background-color: var(–primary-blue);
margin: 8px auto 0 auto;
}
.grid-6-col {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
@media (min-width: 768px) {
.grid-6-col {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1024px) {
.grid-6-col {
grid-template-columns: repeat(6, 1fr);
}
}
.value-card {
background: #ffffff;
padding: 20px 10px;
text-align: center;
border-radius: 6px;
border: 1px solid var(–border-color);
box-shadow: var(–shadow-sm);
}
.value-icon {
font-size: 2rem;
color: var(–primary-blue);
margin-bottom: 10px;
display: block;
}
.value-card h3 {
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
color: var(–dark-charcoal);
}
/* — PRODUCT DESCRIPTION SECTION — */
.main-content-card {
border: 1px solid var(–border-color);
border-radius: 8px;
padding: 25px;
margin-bottom: 40px;
box-shadow: var(–shadow-sm);
}
.content-block {
margin-bottom: 30px;
}
.content-block:last-child {
margin-bottom: 0;
}
.content-block h2 {
font-size: 1.2rem;
color: var(–dark-charcoal);
border-bottom: 2px solid var(–border-color);
padding-bottom: 8px;
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 700;
}
.content-block p {
margin-bottom: 15px;
color: #444444;
}
.content-block ul {
list-style-position: inside;
margin-bottom: 15px;
padding-left: 5px;
}
.content-block li {
margin-bottom: 6px;
color: #444444;
}
/* Highlight Callout */
.alert-note {
background-color: #fff9db;
border-left: 4px solid #fab005;
padding: 15px;
border-radius: 0 4px 4px 0;
margin: 15px 0;
font-size: 0.95rem;
}
/* Table Styling */
.spec-table {
width: 100%;
border-collapse: collapse;
margin: 15px 0;
}
.spec-table td {
padding: 12px 15px;
border-bottom: 1px solid var(–border-color);
font-size: 0.95rem;
}
.spec-table td:first-child {
font-weight: 600;
background-color: var(–light-gray);
width: 35%;
color: var(–dark-charcoal);
}
/* — ACCORDION SYSTEM (PURE CSS POLICY TABS) — */
.policy-accordions {
margin-bottom: 40px;
}
.accordion-item {
border: 1px solid var(–border-color);
margin-bottom: 10px;
border-radius: 6px;
overflow: hidden;
box-shadow: var(–shadow-sm);
}
.accordion-item input[type=”checkbox”] {
display: none;
}
.accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
background-color: #ffffff;
font-weight: 600;
cursor: pointer;
user-select: none;
transition: background-color 0.2s;
}
.accordion-header:hover {
background-color: var(–light-gray);
}
.accordion-header-title {
display: flex;
align-items: center;
gap: 10px;
font-size: 1.05rem;
}
.accordion-icon-main {
color: var(–primary-blue);
font-size: 1.2rem;
}
.accordion-arrow {
font-size: 0.8rem;
transition: transform 0.2s ease;
color: var(–text-muted);
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
background-color: #ffffff;
}
.accordion-content-inner {
padding: 20px;
border-top: 1px solid var(–border-color);
font-size: 0.95rem;
color: #444444;
}
/* Accordion Functionality via checked pseudo-class */
.accordion-item input[type=”checkbox”]:checked ~ .accordion-content {
max-height: 1000px; /* Generous max height for content clearance */
transition: max-height 0.5s cubic-bezier(1, 0, 1, 0);
}
.accordion-item input[type=”checkbox”]:checked ~ .accordion-header {
background-color: var(–light-gray);
}
.accordion-item input[type=”checkbox”]:checked ~ .accordion-header .accordion-arrow {
transform: rotate(180deg);
}
/* — FOOTER — */
footer {
background-color: var(–dark-charcoal);
color: #ffffff;
padding: 40px 20px;
text-align: center;
border-radius: 6px;
margin-top: 20px;
}
footer h2 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 5px;
}
footer h2 span {
color: var(–primary-blue);
}
footer p {
color: #a0a0a0;
font-size: 0.9rem;
max-width: 600px;
margin: 10px auto 20px auto;
}
.footer-line {
height: 1px;
background-color: #343a40;
margin: 20px 0;
}
.copyright {
font-size: 0.8rem;
color: var(–text-muted);
}
/* — RESPONSIVE LAYOUT ADJUSTMENTS — */
@media (max-width: 480px) {
.header-flex {
gap: 10px;
}
.nav-menu {
gap: 12px;
}
.nav-menu li span {
font-size: 0.8rem;
}
.product-title {
font-size: 1.3rem;
}
.meta-badge-grid {
grid-template-columns: 1fr;
gap: 10px;
}
}
FSA Bumpers
OEM & Premium Replacement Auto Body Parts
Why Choose FSA Bumpers
OEM Quality
Fast Shipping
Best Prices
Expert Support
Trusted Seller
Safe Packing
Product Description
Up for sale is a Genuine OEM Rear Left (Driver Side) Door Shell designed for 2009–2014 Ford F-150 SuperCab (Extended Cab) models.
Manufactured directly by Ford, this factory original door shell ensures perfect OE alignment, seam clearances, and structural rigidity that aftermarket replacements cannot match. The door comes in factory gold finish and is sold as a bare shell, allowing you to easily swap over your existing glass, interior door panel, latch mechanism, regulator, and wiring harness.
Please review all high-resolution images carefully. Physical wear, surface scratches, and small dents have been explicitly highlighted with indicator markers to ensure full transparency before purchase.
FEATURES
Genuine OEM Quality: Authentic Ford factory part providing original fitment and structural integrity.
Exact Vehicle Fitment: Direct replacement for 2009–2014 Ford F-150 SuperCab models.
Position Specific: Formed specifically for the rear left (driver side) position.
Bare Shell Configuration: Standard bare layout ready for transfer of original internal components.
High-Strength Construction: Heavy-duty factory steel construction engineered to OEM safety standards.
SPECIFICATIONS
Brand: Ford
Color: Gold
Material: Steel
Placement on Vehicle: Rear, Left, Driver Side
Type: Door Shell
Finish: Painted
Fitment Type: Direct Replacement
Number of Pieces: 1
Country/Region of Manufacture: United States
VEHICLE COMPATIBILITY
| Year | Make | Model | Trim | Engine | Body Style | Notes |
| 2009 | Ford | F-150 | XL, XLT, STX, FX4, Lariat | 4.6L, 5.4L | SuperCab (Extended Cab) | Rear Left Driver Side Shell |
| 2010 | Ford | F-150 | XL, XLT, STX, FX4, Lariat | 4.6L, 5.4L | SuperCab (Extended Cab) | Rear Left Driver Side Shell |
| 2011 | Ford | F-150 | XL, XLT, STX, FX4, Lariat | 3.7L, 5.0L, 3.5L EcoBoost, 6.2L | SuperCab (Extended Cab) | Rear Left Driver Side Shell |
| 2012 | Ford | F-150 | XL, XLT, STX, FX4, Lariat | 3.7L, 5.0L, 3.5L EcoBoost, 6.2L | SuperCab (Extended Cab) | Rear Left Driver Side Shell |
| 2013 | Ford | F-150 | XL, XLT, STX, FX4, Lariat, STX | 3.7L, 5.0L, 3.5L EcoBoost, 6.2L | SuperCab (Extended Cab) | Rear Left Driver Side Shell |
| 2014 | Ford | F-150 | XL, XLT, STX, FX4, Lariat, STX | 3.7L, 5.0L, 3.5L EcoBoost, 6.2L | SuperCab (Extended Cab) | Rear Left Driver Side Shell |
Important Shipping Information for Bulky Items!!!
The shipping price shown is automatically calculated based on your location and it includes delivery ONLY to a commercial business address (warehouse, shop, store, etc…) or to the nearest freight terminal where you will be able to pick up the item.
We also offer delivery to a residential address for an additional $50-$100 on top of the existing shipping cost. If you decide to choose this option, please contact us before purchasing so we can make shipping arrangements to your home.
At FSA Bumpers, we stock over 5,000 OEM and premium-quality aftermarket bumper covers, alongside selected hoods, doors, grilles, reinforcements, and structural auto body parts. We proudly supply independent collision repair shops, retail auto dealerships, and individual DIY customers with highly competitive prices while maintaining industry-leading customer support standards.
We process transactions safely through eBay Managed Payments. We accept all major credit or debit cards (Visa, MasterCard, American Express, Discover), PayPal, Apple Pay, and Google Pay. Payments must clear entirely before freight or parcel handling teams dispatch your order.
Orders clear handling and process within 1-2 business days. Large or fragile items are crated or safely packaged using dense padding materials to minimize regional transit risks. Tracking numbers update directly within your buyer panel as soon as carriers accept the freight load. We ship strictly to authorized eBay addresses.
We provide a clear 30-day return policy. Items must be returned in their original packaging, unpainted, unaltered, and completely free of modification, drilling, or sanding attempts. Test-fit all parts before bringing them to a paint facility. Buyers cover return shipping costs if an item was ordered incorrectly.
Our dedicated automotive parts team is here to assist you! If you have any questions regarding structural fitment, shipping updates, or part details, please drop us a line via the eBay Message System. We respond to all inquiries within 24 business hours, Monday through Friday.
Reviews
There are no reviews yet.