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: 700%;
height: 100%;
overflow-y: hidden;
transition: margin-left 0.4s;
}
.slider__slide {
display: block;
float: left;
position: relative;
width: 14.285714285714%;
height: 100%;
/** background-image method */
background: no-repeat 50% 50%;
background-size: cover;
/** inline image method */
}
.slider__radiobox-label–item–7 {
margin-left: -1px;
}
.slider__radiobox-label–item–6 {
margin-left: -21px;
}
.slider__radiobox-label–item–5 {
margin-left: -41px;
}
.slider__radiobox-label–item–4 {
margin-left: -61px;
}
.slider__radiobox-label–item–3 {
margin-left: -81px;
}
.slider__radiobox-label–item–2 {
margin-left: -101px;
}
.slider__radiobox-label–item–1 {
margin-left: -121px;
}
.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;
}
.slider__radiobox–6:checked ~ .slider__radiobox-label–next–7 {
display: block;
}
.slider__radiobox–7:checked ~ .slider__slides {
margin-left: -600%;
}
.slider__radiobox–7:checked + .slider__radiobox-label–item–7 {
opacity: 1;
}
.slider__radiobox–7:checked ~ .slider__radiobox-label–prev–6 {
display: block;
}
/***end of css slider***/
Grille Assembly For 2008-17 Freightliner Cascadia Bug Screen Chrome Mesh Insert
Description
Terms of Use | Warranty Coverage Policy
Replacement Grille AssemblyRF07010032-HD
Use existing emblem for this item.
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 |
Quantity sold | Sold individually | Color/finish | Chrome |
Recommended use | OE Replacement | Insert design | Mesh insert |
Notes | With bug screen | 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:
Freightliner
- 2009-2017 Cascadia 113
- 2008-2017 Cascadia 125
Reviews
There are no reviews yet.