html {
padding: 0;
}
body {
font-family: “Arial”, Helvetica, Sans-serif;
color: #333;
margin: 0;
}
#main__wrap {
width: 100%;
}
.container__wrap {
max-width: 1130px;
margin: 0 auto;
}

/*** Header ***/
header { margin: 20px 0; }

.header__logo img {
display: block;
margin: 0 auto;
max-width: 450px;
width: 90%;
}

.menu__list-link span {
display: block;
}

.logo__desc img {
position: relative;
text-align: center;
margin: 0 auto 0 auto;
align-items: center;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
top: 35%;
/* transform: translateY(-50%); */
/* margin: 0 0 10px 0; */
}

/***Menu & Banner***/
.menu__main-list img {
display: block;
margin: 0 auto;
max-width: 440px;
width: 100%;
}

.content__banner-border__line {
position: relative;
border: 5px #ff8137 solid;
height: auto;
width: 60%;
z-index: 1000;
border-radius: 10px;
margin: 0 auto;
bottom: 120px;
z-index: 1;
}
ul.header__list {
display: flex;
align-items: flex-start;
text-align: center;
justify-content: center;
padding: 0;
margin: 0;
position: relative;
z-index: 1000;
}
ul.header__list li {
display: inline-block;
padding: 0 40px;
}
a.menu__list-link {
font-size: 18px;
text-decoration: none;
color: #445063;
pointer-events: none;
font-weight: lighter;
font-style: italic;
}

a.menu__list-link img {
max-width: 155px;
}

a.desc__link {
color: #113679;
text-decoration: none;
}
a.desc__link:hover {
color: #184699;
}
.desc__highlight {
color: #113679;
}
.link__desc {
line-height: 18px;
}
#content__banner {
width: 55%;
}
#content__right {
padding: 0 0 0 40px;
}
.content__image {
}
.content__image img {
width: 100%;
}
/******css slider*******/
.cpw-container__slider {
max-width: 1130px;
margin: 0 auto 35px auto;
}
.slider {
position: relative;
max-width: 100%;
max-height: auto;
margin: 0 auto;
}
.slider:hover .slider__radiobox-label–prev, .slider:hover .slider__radiobox-label–next {
opacity: 1;
}
.slider:hover .slider__radiobox-label–prev {
left: 4%;
}
.slider:hover .slider__radiobox-label–next {
right: 4%;
}
.slider–full {
width: 1130px;
height: 380px;
}

.slider__inner {
position: relative;
margin: 0 auto;
overflow: hidden;
background: #fff;
}
.slider–full .slider__inner {
width: 100%;
height: 100%;
}

.slider__radiobox-label {
display: block;
position: absolute;
z-index: 2;
cursor: pointer;
}
.slider__radiobox-label–item {
bottom: 6%;
left: 95%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 6px;
border-radius: 50%;
background: black;
opacity: 0.2;
transition: opacity 0.2s;
}
.slider__radiobox-label–item:hover {
opacity: 0.8;
}

.slider__radiobox-label–prev, .slider__radiobox-label–next {
display: none;
top: 50%;
height: 0;
border: 18px solid #ff8137;
border-top-color: transparent;
border-bottom-color: transparent;
opacity: 0;
transition: left 0.2s, right 0.2s, opacity 0.2s;
}
.slider__radiobox-label–prev, .slider__radiobox-label–next:hover {
opacity: 0.5
}
.slider__radiobox-label–prev {
left: -6%;
border-left: 0;
border-right-width: 17px;
}
.slider__radiobox-label–next {
right: -6%;
border-right: 0;
border-left-width: 17px;
}
.slider__radiobox {
display: none;
}
.cpw-container__slider-wrap {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
/*** Bottom Content ***/
h1 {
color: #002868;
font-size: 32px;
line-height: 2.4rem;
margin: 0;
}
h2.heading {
font-size: 24px;
color: #333333;
text-transform: uppercase;
margin: 0;
padding: 30px 0 0;
width: 100%;
position: relative;
clear: both;
}
h2.heading span {
background: #fff;
position: relative;
}
h2.heading span:nth-child(1) {
padding: 0 5px 0 10px;
top: 5px;
}
h2.heading span:nth-child(2) {
padding: 0 10px 0 0;
}
h3 {
font-size: 20px;
color: #00407B;
text-transform: uppercase;
}
h4 {
margin: 0;
font-size: 17px;
}
h5 {
font-size: 15px;
}
.cpw-content__center {
text-align: center;
}
p {
font-size: 14px;
line-height: 20px;
}

p.desc__list { margin-bottom: 40px; }

p.desc__list a {
font-size: 14px;
font-weight: 300;
color: #0661B5;
text-decoration: none;
}

p.desc__list span {
padding: 0 8px;
}

ul.content__list li {
font-size: 14px;
line-height: 20px;
}
.content__wrap {
background: none scroll no-repeat 0 0 #ffffff;
}

#content__top {
display: flex;
}

#content__bottom {
padding: 40px 0;
}

.content__table-wrap {
display: flex;
margin: 0 0 45px 0;
}
.content__table-list {
width: 100%;
}
.hide__column {
color: #F1F1F1;
}
#content__bottom table {
border-collapse: collapse;
overflow: hidden;
width: 100%;
}
#content__bottom table tr td:nth-child(1), #content__bottom table tr td:nth-child(3) {
font-weight: bold;
}
#content__bottom table tr:nth-child(odd) {
background: none no-repeat 0 0 scroll #F1F1F1;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
padding: 10px;
}
#content__bottom table tr {
width: 100%;
}
#content__bottom table tr td {
font-size: 14px;
padding: 5px;
}
.item__list {
display: flex;
}
.items__list–content:nth-child(2) {
padding: 0 0 0 15px;
}
.items__list–content h5 {
margin: 15px 0 0 0;
}
.items__list–content ul {
font-size: 14px;
margin: 0 0 15px 0;
}
.items__list–content ul li {
line-height: 15px;
margin: 0 0 7px 0;
}
/*** MEDIA QUERIES ***/
@media screen and (max-width: 1279px) {
.container__wrap {
margin: 0 40px;
}

.slider–full {
height: 340px;
}
}
@media screen and (max-width: 1124px) {
ul.header__list li {
padding: 0 10px;
}

.content__banner-border__line {
width: 50%;
}
}
@media screen and (max-width: 1047px) {
.logo__desc {
width: 55%;
}

#content__middle {
display: flex;
}

#content__middle .content__image {
width: 50%;
margin-right: 20px;
height: auto;
}

#content__middle .content__wrap {
width: 50%;
}

#content__middle .content__image img {
width: 100%;
position: relative;
top: 50%;
transform: translateY(-50%);
}

ul.header__list li:nth-child(1) {
-webkit-transform-style: inherit !important;
-moz-transform-style: inherit !important;
transform-style: inherit !important;
/* width: 100%; */
}
}
@media screen and (max-width: 1023px) {
header { margin: 20px 0 0; }
.container__wrap { margin: 0 20px; }
#content__top { display: block; }
#content__banner { width: auto; }
#content__right { padding: 40px 0 0; }
#content__bottom { padding: 0; }
}
@media screen and (max-width: 835px) {
#content__bottom table tr td {
padding: 6px;
}
}
@media screen and (max-width: 795px) {
.content__table-wrap {
display: block;
}

.content__table-list {
width: 100%;
}

.content__table-wrap div.content__table-list:nth-child(2) tr:nth-child(odd) {
background: none no-repeat 0 0 scroll #ffffff !important;
border-top: 0 !important;
padding: 10px;
}

.content__table-wrap div.content__table-list:nth-child(2) tr:nth-child(even) {
background: none no-repeat 0 0 scroll #F1F1F1;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
padding: 10px;
}

}
@media screen and (max-width: 767px) {
/*******slider*******/
.slider__slide {
background-size: cover;
}

.slider–full {
height: 300px;
}

/***end of slider***/

.header__wrap {
display: block;
}

.logo__desc {
width: 100%;
margin: 20px auto;
}

.item__list {
display: block;
}

.items__list–content:nth-child(2) {
padding: 0;
}

h1 {
font-size: 28px;
line-height: 2.1rem;
}

h2.heading {
font-size: 22px;
}
}
@media screen and (max-width: 580px) {

.container__slider {
margin: 20px auto 40px;
}

.slider–full {
height: 220px;
}

.logo__desc {
width: 100%;
}

.logo__desc img {
max-width:50%;
height: auto;
}

ul.header__list {
justify-content: center;
grid-template-columns: center;
}

ul.header__list li img {
width: 100%;
}

#content__bottom {
display: block;
}

#content__bottom .content__image {
width: 97%;
margin: 0 auto 35px auto;
}

#content__bottom .content__wrap {
width: auto;
}

.content__table-list tr {
display: flex;
flex-wrap: wrap;
padding: 0;
width: 100%;
}

#content__bottom table tr:nth-child(2n+1) {
/* background: none no-repeat 0 0 scroll transparent; */
background: transparent;
border-top: none;
border-bottom: none;
padding: 0;
}

.content__table-list tr td {
width: 47%;
}

.content__table-list tr td:nth-child(-n+2) {
background: none no-repeat 0 0 scroll #F1F1F1;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
}
@media screen and (max-width: 480px) {

ul.header__list {
justify-content: center;
}

ul.header__list li {
padding: 0 5px;
}

.content__banner-border__line {
bottom: 110px;
border: 3px #ff8137 solid;
}

.content__table-list tr td {
width: 46%;
}
}
@media screen and (max-width: 360px) {

.content__banner-border__line {
bottom: 110px;
border: 2px #ff8137 solid;
width: 100%;
}

.content__table-list tr td {
width: 46%;
}
}
@media screen and (max-width: 340px) {

.content__table-list tr td {
width: 45%;
}
}
@media screen and (max-width: 319px) {

.content__table-list tr td {
width: 100%;
}

.content__table-list tr td:nth-child(-n+2) {
background: transparent;
border-top: none;
border-bottom: none;
}

.content__table-list tr td:nth-child(odd) {
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
width: 100%;
}

.content__table-list tr td:nth-child(1), .content__table-list tr td:nth-child(3) {
background: none no-repeat 0 0 scroll #F1F1F1;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
}

.slider__slides {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 600%;
height: 100%;
overflow-y: hidden;
transition: margin-left 0.4s;
}
.slider__slide {
display: block;
float: left;
position: relative;
width: 16.666666666667%;
height: 100%;
/** background-image method */
background: no-repeat 50% 50%;
background-size: cover;
/** inline image method */
}
.slider__radiobox-label–item–6 {
margin-left: -1px;
}
.slider__radiobox-label–item–5 {
margin-left: -21px;
}
.slider__radiobox-label–item–4 {
margin-left: -41px;
}
.slider__radiobox-label–item–3 {
margin-left: -61px;
}
.slider__radiobox-label–item–2 {
margin-left: -81px;
}
.slider__radiobox-label–item–1 {
margin-left: -101px;
}
.slider__radiobox–1:checked ~ .slider__slides {
margin-left: 0%;
}

.slider__radiobox–1:checked + .slider__radiobox-label–item–1 {
opacity: 1;
}

.slider__radiobox–1:checked ~ .slider__radiobox-label–next–2 {
display: block;
}
.slider__radiobox–2:checked ~ .slider__slides {
margin-left: -100%;
}

.slider__radiobox–2:checked + .slider__radiobox-label–item–2 {
opacity: 1;
}

.slider__radiobox–2:checked ~ .slider__radiobox-label–prev–1 {
display: block;
}
.slider__radiobox–2:checked ~ .slider__radiobox-label–next–3 {
display: block;
}
.slider__radiobox–3:checked ~ .slider__slides {
margin-left: -200%;
}

.slider__radiobox–3:checked + .slider__radiobox-label–item–3 {
opacity: 1;
}

.slider__radiobox–3:checked ~ .slider__radiobox-label–prev–2 {
display: block;
}
.slider__radiobox–3:checked ~ .slider__radiobox-label–next–4 {
display: block;
}
.slider__radiobox–4:checked ~ .slider__slides {
margin-left: -300%;
}

.slider__radiobox–4:checked + .slider__radiobox-label–item–4 {
opacity: 1;
}

.slider__radiobox–4:checked ~ .slider__radiobox-label–prev–3 {
display: block;
}
.slider__radiobox–4:checked ~ .slider__radiobox-label–next–5 {
display: block;
}
.slider__radiobox–5:checked ~ .slider__slides {
margin-left: -400%;
}

.slider__radiobox–5:checked + .slider__radiobox-label–item–5 {
opacity: 1;
}

.slider__radiobox–5:checked ~ .slider__radiobox-label–prev–4 {
display: block;
}
.slider__radiobox–5:checked ~ .slider__radiobox-label–next–6 {
display: block;
}
.slider__radiobox–6:checked ~ .slider__slides {
margin-left: -500%;
}

.slider__radiobox–6:checked + .slider__radiobox-label–item–6 {
opacity: 1;
}

.slider__radiobox–6:checked ~ .slider__radiobox-label–prev–5 {
display: block;
}
/***end of css slider***/

Grille Grill for F150 Truck FL3Z8200DA Ford F-150 2015-2017

Description

Terms of Use | Warranty Coverage Policy

Replacement Grille AssemblyRF07010016Q

Use existing emblem for this item.

CAPA CERTIFIED

REPLACEMENT GRILLE ASSEMBLY

Has the front end of your vehicle become an eyesore after a collision? If you’re searching for a factory look at a great value, choose a Replacement grille assembly for your next repair job. Replacement grille assemblies come in a variety of premium finishes and offer easy installation with their perfect fit – all at a price that’s far less than original equipment.

Features & Benefits:

Easy to Install

• Designed as a direct replacement for your original grille assembly.
• Includes emblem provision, headlight holes, etc., where applicable.
• Made to factory specifications for a hassle-free installation, guaranteed.

Premium Look, Enduring Protection

• Offered in variety of high-quality finishes, including sleek chrome, textured black, painted, or primed/paint-to-match (depending on application).
• Ready to restore style and protection to your vehicle’s front end.

State-of-the-Art Manufacturing Process

• Each Replacement brand grille assembly is manufactured using the same processes as the original, ensuring excellent fitment and a quality finish.
• Lean manufacturing process keeps costs down and quality high.

One-Year Unlimited Mileage Warranty

• Every Replacement grille assembly comes with a one-year unlimited mileage warranty for peace of mind.

Brand New in the Box –
Fit and Quality Guaranteed!

Material	Plastic	Type	Grille
Certification	CAPA Certified	Quantity sold	Sold individually
Replaces oe number	FL3Z8200DA	Color/finish	Chrome Shell with Textured Black Insert
Recommended use	OE Replacement	Replaces partslink number	FO1200584C
Insert design	Horizontal bar insert	Notes	Three Bar Style; With Nostrils
Interchange part number	FL3Z8200DA, FO1200584	Prop 65 warning	WARNING: This product can expose you to chemical which is known to the State of California to cause cancer and birth defects or other reproductive harm. For more information go to www.P65Warnings.ca.gov .
Condition	New

Compatible with the following vehicles:

Ford

• 2015-2017 F-150 (submodel: King Ranch, Lariat, Platinum, XL, XLT)
• 2016-2017 F-150 (submodel: Limited, SSV)