/** Shopify CDN: Minification failed

Line 170:19 Expected identifier but found whitespace
Line 320:13 Expected ":"

**/
@charset "UTF-8";

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
  Tip Top Banner Countdown
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.countdownleader {padding: 0 5px 0 0;}

/*.template-article */ .announcement__text p {bottom-margin: 0 !important;}

p#countdown {bottom-margin: 0 !important;}

/*.template-article*/ .announcement__bar a {color: #000;}

/*.template-article*/ .announcement__bar a:hover {color: #000;}

/*.template-article*/ .announcement__bar a:not(.btn):hover {color: #000;}

.announcement__text i {color: #000;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
  Orange Text on Demand - span
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.orange {text-color: #ff6900;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
  Bootstrap Overrides
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.btn {
  border-radius: 0;
}

.btn-primary:active:focus {
  background-color: #000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
  Hat Product PDP - Hide CVM Fitment Widget for non-suspension product
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body#shock-surplus-performance-hat-breathable-lightweight-dialed .cm_vehicle-widget_label {
  display: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
  Dual and Triple Image Display
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.dual-image, .triple-image {
  margin: 60px 0;
}

.template-article .triple-image {
  margin: 60px 0;
}

.template-article .dual-image {
  margin: 60px 0;
}

.single-img {
  height: 520px;
}

.rte>.single-image-free {
  margin: 60px 0;
  text-align: center;
}

.rte .single-image {
  margin: 60px 0;
}

.rte .single-image-free {
  margin: 40px 0 60px 0;
}

.single-01 {
  height: 260px;
}

.dual-01 {
  height: 260px;
}

.dual-02 {
  height: 260px;
  margin-top: 30px;
}

.triple-01 {
  height: 260px;
}

.triple-02 {
  height: 260px;
  margin-top: 30px;
}

.triple-03 {
  height: 260px;
  margin-top: 30px;
}

/* Small Devices, Tablets - Venture Theme Breakpoint */
    @media only screen and (min-width : 750px) {
      .dual-02 {
        margin-top: 0;
      }
      .triple-02 {
        margin-top: 0;
      }
      .triple-03 {
        margin-top: 0;
      }
      .dual-01, .dual-02 {
        height: 400px;
      }
      .dual-image, .triple-image {
        margin: 60px 60px;
      }
    }

    

    @media only screen and (min-width: 600px) and (max-width: 900px) {
      .single-01 {
        height: 360px;
      }
    }

    @media only screen and (min-width: 900px) and (max-width: 1300px) {
      .single-01 {
        height: 560px;
      }
    }

    @media only screen and (min-width: 1300px) and (max-width: 1600px) {
      .single-01 {
        height: 460px;
      }
    }

    @media only screen and (min-width: 1600px) and (max-width: 2200px) {
      .single-01 {
        height: 500px;
      }
    }

    @media only screen and (min-width: 2200px) {
      .single-01 {
        height: 600px;
      }
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
  Content Formatting - Override Theme Defaults
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.image__hero__frame {
    margin: 0 0 60px 0;
}

.template-article . blog__article p, .template-article .blog__article li {
  font-size: 17px;
  line-height: 26px;
}

.template-article .blog__article p {
  margin-bottom: 24px;
}

.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6 {
  font-weight: 600;
  margin: 70px 0 30px 0;
}

.rte h1.snug-heading,.rte h2.snug-heading,.rte h3.snug-heading,.rte h4.snug-heading,.rte h5.snug-heading,.rte h6.snug-heading {
  font-weight: 600;
  margin: 30px 0 30px 0;
}

/*.template-article a:not(.btn) {
  color: #ff6900;  Looking to have links stand out more than just black text 
}*/

.template-article a:not(.btn):hover {
  text-decoration: none;
  color: #ff6900;
}

.rte ol > li::marker {
  font-weight: bold;
}

.rte ol > li {
  padding-left: 10px;
}

.rte ol {
  padding-left: 20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
  Content Formatting - Maintain Prior Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.template-article .img-space {
  margin: 60px 0;
  text-align: center;
}

.template-article .vid-header {
  margin: 0 0 60px 0;
  text-align: center;
}

.template-article .vid-space {
  margin-top: 60px;
  text-align: center;
}

.featured-message {
  font-size: 22px !important;
}

hr {
  margin: 60px 0;
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 3px 0 0;
}

.note {
  border: 1px solid #ccc;
  font-size: 12px;
}

.img-pad-center {
  padding: 30px 0 30px 0;
}

.bottom-push {
  margin-bottom: 40px !important;
}

.top-push {
  margin-top: 40px !important;
}

.video-cluster {
  margin-top: 40px;
}

.video-cluster div {
  margin-bottom: 15px;
}

.video-cluster h4 {
  font-size: 16px;
}

.video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cta-spacer-vs-leveling {
  clear: both;
}

.btn-space {
  padding: 20px 0;
}

.thumb-gallery {
  height: 220px;
  margin-top: 30px;
}

.questions-answers-box {
  border-top: solid 3px #e1e1e1;
}

.cta-container {
  height: 260px;
  background-position: center center;
  background-size: cover;
  margin: 40px 0 0 0;
  /* border-radius: 10px 10px 0 0; */
}

.cta-box {
  background: #000;
  padding: 40px;
  margin: 0 0 40px 0;
  /* border-radius: 0 0 10px 10px; */
}

.cta-box h3 {
  color: #f6b544;
  font-size: 30px !important;
  font-family "Kanit", sans serif;
  margin-top: 0;
}

.cta-box h3 a {
  color: #f6b544 !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  line-height: 20px !important;
}

.cta-box p {
  color: #fff !important;
}

.cta-box p a {
  color: #fff !important;
  text-decoration: none  !important;
}

.cta-box p a:hover {
  color: #f2f2f2;
}

.cta-box a.btn-primary {
  width: 100%;
  border-radius: 0; /* new */
}

.cta-box a.btn-primary span {
  display: block;
}

/* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
         .cta-box a.btn-primary {
            width: auto;
          }  
        .cta-box a.btn-primary span {
            display: inline;
          }
    }

/* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .cta-container {
  		height: 320px;
      }
    }

/* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
      .cta-wrapper {
        position: relative;
      }
      
      .cta-container {
  		height: 500px;
        margin: 40px 0;
        /* border-radius: 10px; */
      }
      
      .cta-box {
     	background: rgba(0,0,0,70%);
        position: absolute;
        top: 40px;
        left: 40px;
        width: 410px;
        /* border-radius: 10px; */
      }
    }

.cta-fox-factory-25-dsc {
  background-image: url("/cdn/shop/t/24/assets/cta-fox-factory-25-dsc.jpg?v=1622032825");
}

.bil-vs-fox-cta {
  height: 300px;
  text-align: center;
  position: relative;
  padding: 0;
  width: auto;
  margin: 0;
}

.bil-vs-fox-cta h3 {
  background: rgba(0, 0, 0, 0.6);
  padding: 10px 0;
  color: #f6b544 !important;
  margin-top: 15px;
}

.bil-vs-fox-cta h3 a:hover {
  color: #fff !important;
}

.bil-vs-fox-cta .btn-primary {
  display: inline-block !important;
  height: auto !important;
  width: auto !important;
}

.bil-vs-fox-cta-btn {
  text-align: center;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}

.text-black {
  color: #000;
}

.orange {
  color: #ff6900;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Shock Box Widget
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.shock-box {
  margin: 40px 0 80px 0;
}

.shock-box-img {
  background: #7c8795;
  border-radius: 10px 0 0 10px;
  width: 30%;
  height: 300px;
  margin: 40px 0 0 0;
  float: left;
  text-align: center;
}

.shock-box-img img {
  margin: -40px 0 0 0;
}

.shock-box-info {
  background: #5a626d;
  border-radius: 10px;
  color: #fff;
  padding: 50px 30px 30px 50px;
  float: left;
  width: 70%;
  position: relative;
  min-height: 380px;
}

.shock-box-info h2 {
  background: #373c43;
  border-radius: 10px;
  color: #f6b544 !important;
  padding: 20px;
  margin: 0 auto;
  display: block;
  text-align: center;
  top: -40px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.shock-box-info a {
  color: #f6b544;
  font-weight: bold;
}

.shock-box-info a:hover {
  text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  KYB Truck Plus
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.kyb-truck-plus-intro {
  padding-bottom: 30px;
}

.kyb-truck-plus-item {
  padding-bottom: 30px;
}

.kyb-truck-plus-item img {
  max-width: 120px;
  margin-bottom: 15px;
}

.kyb-truck-plus-item-inner {
  text-align: center;
}

.kyb-truck-plus-cta {
  padding: 30px 0;
  clear: both;
}

.kyb-truck-plus-feature {
  display: flex;
  height: 400px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Form App Style Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
label.block_label {
  color: #ff6900 !important;
}

p.infoMessage {
  color: #ff6900;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Special Heading (Verify if needed)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.special-heading-box {
  text-align: center;
  padding: 30px 0;
}

.special-heading {
  background: #000;
  color: #fff !important;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 15px;
  font-size: 38px;
  display: inline-block;
  margin: 0 0 30px 0;
}

.special-heading span {
  color: #ff6900;
}

h3.special-heading a {
  color: #ff6900 !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
  NEW BLOG WIDGETS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~ TWO COL VID AND IMG ~~~*/

.two-col-vid-main {
  display: table;
  margin: 40px 0 60px 0;
}

.two-col-vid {
 display: table-row;
}

.two-col-vid-dark {
  background: #000;
  color: #fff;
}

.two-col-vid-dark .rte .two-col-vid-vid {
  padding-left: 40px;
}

.rte .two-col-vid-vid {
  vertical-align: middle;
}

.rte .two-col-vid-desc {
  padding: 40px;
}

.rte .two-col-vid-desc-box {
  display: table-cell;
  vertical-align: middle;
}

.two-col-main {
  display: table;
  margin: 40px 0 60px 0;
}
  
.two-col-row {
display: table-row;
}

.rte .two-col-img {
  height: 320px;
}

.two-col-img-desc {
  background: #fff;
  color: #000;
  padding: 40px;
}

.rte .two-col-img-desc h3 {margin: 0 0 30px 0;}
  
.two-col-dark {
  background: #000;
  color: #fff;
}

@media only screen and (min-width : 840px) {
  .rte .two-col-vid-desc {
    display: table-cell;
    width: 50%;
  }
  .rte .two-col-vid-vid {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 50%;
  }
  .two-col-vid-dark .rte .two-col-vid-vid {
    padding-left: 40px;
  }
}

@media only screen and (min-width : 760px) {
  .rte .two-col-img {
    height: 100%;
    width: 50%;
    display: table-cell;
  }
  .two-col-img-desc {
    width: 50%;
    display: table-cell;
  }
}


/*~~~ SPECIAL NOTE - PAGE DIVIDER STYLE ~~~*/

.special-note {
  background: #e6e6e6;
  padding: 60px 20px 50px 20px;
  margin: 60px -32px 60px -32px !important;
}

.special-note h2 {
  margin: 0 0 30px 0;
  text-align: center;
}

.special-note h4 {
  margin: 0;
  text-align: center;
}

.special-note p {
  margin: 10px 0 0 0;
  padding: 0 20px;
  text-align: center;
}

.special-note img, .special-note-02 img, .special-note-03 img {
  margin-bottom: 40px;
}

.template-article .blog__article .special-note p.note-button {
 margin-bottom: 10px !important; 
}

/*~~~ SPECIAL NOTE 02 - INLINE SUBTLE STYLE (INSIDE OR OUTSIDE OF MAGAZINE COL) ~~~*/

.special-note-02 {
  padding: 60px 20px 50px 20px;
  margin: 60px 0;
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
}

.special-note-02 h2 {
  margin: 0 0 30px 0;
  text-align: center;
}

.special-note-02 h4 {
  margin: 0;
  text-align: center;
}

.special-note-02 p {
  margin: 10px 0 0 0;
  padding: 0 20px;
  text-align: center;
}

.template-article .blog__article .special-note-02 p.note-button {
 margin-bottom: 10px !important; 
}


/*~~~ SPECIAL NOTE 03 - INLINE DARK STYLE (INSIDE OR OUTSIDE OF MAGAZINE COL) ~~~*/

.special-note-03 {
  background: #020202;
  color: #fff;
  padding: 60px 20px 50px 20px;
  margin: 60px 0;
}

.special-note-03 h2 {
  margin: 0 0 30px 0;
  text-align: center;
}

.special-note-03 h4 {
  margin: 0;
  text-align: center;
}

.special-note-03 p {
  margin: 10px 0 0 0;
  padding: 0 20px;
  text-align: center;
}

.template-article .blog__article .special-note-03 p.note-button {
 margin-bottom: 10px !important; 
}
  
/*~~~ PULL QUOTE ~~~*/
  
.rte .pull-quote-right {
  float: right;
  margin: 0 0 30px 30px;
}

.pull-quote-left {
  float: left;
  margin: 0 30px 30px 0;
}

.rte .pull-quote-right, .rte .pull-quote-left {
  padding: 30px;
  background-color: #232323;
  color: #fff;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  background-image: url("/cdn/shop/files/bg-quote-02.png?v=1689202151");
  background-repeat: no-repeat;
  background-position: top left;
}
  
.rte .pull-quote-right p, .rte .pull-quote-left p {
  margin: 0;
}

.rte .pull-quote-right span, .rte .pull-quote-left span {
  color: #ff6900;
}

.rte .pull-quote-right a, .rte .pull-quote-left a {
  color: #ff6900;
  text-decoration: underline;
}

@media only screen and (min-width : 760px) {
  .rte .pull-quote-right, .rte .pull-quote-left {
    width: 45%;
  }
}

/*@media only screen and (min-width : 950px) {
  .rte .pull-quote-right, .rte .pull-quote-left {
    width: 35%;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
  .rte .pull-quote-right, .rte .pull-quote-left {
    width: 45%;
  }
}*/

/*~~~ DEFINITION ~~~*/
  
.definition {
  background: #f8f8f8;
  padding: 30px;
  margin: 60px auto;
  border: 2px dashed #e6e6e6;
}

.rte p.definition-word {
  line-height: 30px;
}
  
.rte p.definition-word span {
  font-size: 30px;
  display: block;
}

@media only screen and (min-width : 760px) {
  .rte p.definition-word span {
    float: left;
    margin-right: 20px;
  }
}
  
/*~~~ TABLE OF CONTENTS ~~~*/
  
.rte .in-this-article {
  background: #f8f8f8;
  border: 2px dashed #e6e6e6;
  padding: 30px 30px 20px 30px;
  margin: 30px auto;
  width: 100%;
}

.rte .in-this-article h4 {
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 0;
}

.rte .in-this-article ol > li::marker {
  color: #ff6900;
}

.rte .in-this-article li a {
  display: inline-block;
  list-style-position: inside;
}

.rte .in-this-article li a {
  vertical-align: top;
}

@media only screen and (min-width : 760px) {
  .rte .in-this-article {
    width: 50%;
    margin: 30px 0 30px 30px;
    float: right;
    text-align: left;
  }
}

/*~~~ TABLE OF CONTENTS ~~~*/
  
div.back-to-top {
  overflow: hidden;
  text-align: center;
  margin: 20px 0 60px 0;
}

div.back-to-top:before,
div.back-to-top:after {
  background-color: #e6e6e6;
  content: "";
  display: inline-block;
  height: 2px;
  position: relative;
  vertical-align: middle;
  width: 45%;
}

div.back-to-top:before {
  right: 20px;
  margin-left: -45%;
}

div.back-to-top:after {
  left: 20px;
  margin-right: -45%;
}

.template-article .rte div.back-to-top a:not(.btn) {
    text-decoration: none;
  }

/*~~~ BLOG HEADER UPDATE - HERO IMG WITH NO TITLE OVERLAY, TITLE AT TOP OF ARTICLE ~~~*/
  
.blog-header-v2 h1 {
  margin: 5px 0;
}

#relatedblogs {
  margin-top: 60px;
}

.blog__article header {
    border-bottom: solid 2px #e6e6e6;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
  CTA Inline Text Link
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.cta-inline {
  margin: 30px 0;
}

.cta-inline a {
  display: block;
  background: #000;
  color: #fff !important;
  padding: 10px 6px;
  text-align: center;
  text-decoration: none !important;
  font-size: 17px;
  font-weight: normal;
  line-height: 28px;
  vertical-align: top;
}

.cta-inline a:hover {
  color: #f6b544 !important;
  background: #020202 !important;
}

.cta-inline span {
  font-weight: 700;
}

.cta-inline i {
  margin: 0 15px 0 0;
  font-size: 28px;
  line-height: 28px;
  vertical-align: top;
}

.cta-inline a:hover i {
  color: #f6b544;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  BuyGuide Widget
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.intro-buyguide {
  /*border-bottom: 3px solid #e1e1e1;*/
  padding-bottom: 60px;
  text-align: center;
}

.intro-buyguide p.featured-messsage {
  margin-bottom: 30px !important;
}

.item-use-type {
  text-align: center;
  /*border: 1px solid #e1e1e1;
  border-radius: 6px;*/
}

.item-use-type img {
  margin-top: 30px
}

.item-use-type h4 {
  font-size: 22px !important;
}

.item-use-type   {
  color: #000;
}

.item-use-type:hover {
  color: #ff6900;
}

.item-use-type-4, .item-use-type-3 {
  /*min-height: 260px;*/
  font-size: 14px;
  text-align: left;
}

.item-use-type-4 ul, .item-use-type-3 ul {
  margin: 0 auto;
  width: 280px;
}

.item-use-type-btn {
  margin: 20px 0;
}

.icon-use-type {
  max-width: 70px;
}

.buyguide-img-02 {
  padding: 0;
}

.item-buyguide {
  border-bottom: 3px solid #e1e1e1;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 60px;
  clear: both;
}

.details-buyguide h2 {
  font-size: 24px !important;
}

.details-buyguide h2 a {
  color: #000;
  text-decoration: none !important;
  font-size: 24px !important;
}

.details-buyguide h2 span {
          display: block !important;
        }

.details-buyguide h2 a:hover {
  color: #ff6900;
}

.details-buyguide h3.pricemeter {
  letter-spacing: 4px;
}

.details-buyguide h3.pricemeter span {
  color: #e1e1e1 !important;
}

.details-buyguide h3.heading-use-type {
  color: #666;
  font-size: 20px !important;
}

.details-buyguide h3.heading-use-type span {
  color: #999;
}

.details-buyguide h4 {
  font-size: 28px !important;
}

.desc-sum-buyguide {
  margin-bottom: 30px;
}

.btn-row-buyguide .btn-primary {
  display: inline-block;
  margin: 30px 0 30px 0;
}

.buyguide-add-resources h4 {
  color: #ff6900;
}

.buyguide-add-resources li a {
  font-weight: bold;
  color: #000;
}

.buyguide-add-resources li a:hover {
  font-weight: bold;
  color: #ff6900;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Bilstein 6112 Guide (Verify if needed)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bilstein-6112-top-mount h4 {
  text-align: center;
  font-size: 26px;
  margin: 10px 0 0 0 !important;
}

.bilstein-6112-bottom-mount h4 {
  text-align: center;
  font-size: 26px;
  margin: 30px 0 0 0 !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  CTA Feature
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cta-feature {
  background-size: cover;
  background-position: center center;
  min-height: 360px;
  padding: 20px;
}

.cta-feature-caption {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 30px;
  max-width: 610px;
}

.cta-feature-caption h3 {
  color: #fff;
  font-family: "Kanit", sans-serif;
  text-transform: uppercase;
}

.cta-feature-caption h3 span {
  color: #ff6900;
}

/* Bilstein 6112 Assembled CTA */
.bilstein-cta-feature {
  background-image: url(/cdn/shop/files/hero-bilstein-6112-close-up.jpg?v=1667830824);
}

/* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
      .cta-feature {
        padding: 60px;
      }
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Clear
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.clear {
  clear: both;
}

/*ul > li > ul {
  padding-left: 40px !important;
}*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Custom Lists (PENDING)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
.rte ul, .container ul, ul.site-footer__list {
  list-style-type: none;
  padding-left: 20px;
  color: #666;
  padding: 20px 0;
}

.rte ul > ul {
  padding-left: 40px;
}

.container ul.tag-cloud {
  padding: 0 !important;
}

ul.site-footer__list {
  padding: 0;
}

.rte ul li, .container ul li, li.site-footer__list-item {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.container ul.tag-cloud li {
  padding: 10px !important;
  margin-bottom: 0;
}

.rte ul li:before, .container ul li:before, li.site-footer__list-item:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  content: "\f101";
  color: #ff6900;
}

.container ul.tag-cloud li:before {
  position: relative;
  content: "";
}

ol {
  margin-bottom: 20px;
  padding-left: 40px;
} */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  CTAs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bilstein-6112 {
  background-image: url(/cdn/shop/files/hero-bilstein-6112-f150.jpg?v=1667830837);
}

.bilstein-6112-assembled {
  background-image: url(/cdn/shop/files/hero-bilstein-6112-assembled_e48886f7-d0b4-4602-9ce0-7875384bf484.jpg?v=1669057648);
}

.cta-bronco-bilstein-5100 {
  background-image: url(/cdn/shop/files/cta-bronco-5100.jpg?v=1667830728);
}

.cta-bronco-bilstein-6100 {
  background-image: url(/cdn/shop/files/cta-bronco-6100.jpg?v=1667830731);
}

.cta-tacoma-sdi {
  background-image: url(/cdn/shop/files/cta-tacoma-sdi.jpg?v=1667830726);
}

.cta-4runner-sdi-universal {
  background-image: url(/cdn/shop/files/cta-4runner-sdi-universal.jpg?v=1667830725);
}

.cta-shock-service {
  background-image: url(/cdn/shop/files/hero-cta-shock-service.jpg?v=1677273882);
}

.cta-shop-bronco-shocks {
  background-image: url(/cdn/shop/files/hero-shop-bronco-shocks.jpg?v=1680141015);
}

.cta-overland-guide {
  background-image: url(/cdn/shop/files/hero-cta-overland-guide.jpg?v=1680543831);
}

.cta-daily-driver {
  background-image: url(/cdn/shop/files/hero-cta-daily-driver.jpg?v=1680545764);
}

.cta-shop-bilstein {
  background-image: url(/cdn/shop/files/hero-cta-shop-bilstein-02.jpg?v=1680566484);
}

.cta-shop-king-and-save {
  background-image: url(/cdn/shop/files/hero-cta-shop-king-service-discount.jpg?v=1680719047);
}

.cta-shop-fox-and-save {
  background-image: url(/cdn/shop/files/hero-cta-shop-fox-service-discount.jpg?v=1680720990);
}

.cta-shop-king-bronco {
  background-image: url(/cdn/shop/files/hero-cta-shop-bronco-king.jpg?v=1711065539);
}

.cta-shop-fox-bronco {
  background-image: url(/cdn/shop/files/hero-cta-shop-bronco-fox.jpg?v=1711065539);
}

.cta-shop-adjustable-height {
  background-image: url(/cdn/shop/files/hero-cta-shop-leveling-struts.jpg?v=1680729106);
}

.cta-shop-ome-bp-51 {
  background-image: url(/cdn/shop/files/hero-cta-shop-old-man-emu-bp-51.jpg?v=1681251827);
}

.cta-shop-eibach-pro-truck {
  background-image: url(/cdn/shop/files/cta-shop-eibach-pro-truck.jpg?v=1681423328);
}

.cta-shop-bumpstops {
  background-image: url(/cdn/shop/files/hero-blog-bumpstops-03.jpg?v=1683765516);
}

.cta-5100-vs-6112 {
  background-image: url(/cdn/shop/files/hero-cta-bilstein-5100-vs-bilstein-6112.jpg?v=1684886430);
}

.cta-6112-silverado {
  background-image: url(/cdn/shop/files/cta-silverado-6112.jpg?v=1715986594);
}

.cta-6112-5160-f-150 {
  background-image: url(/cdn/shop/files/cta-bilstein-6112-5160-ford-f-150.jpg?v=1736472411);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Adjustable Struts Info Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.cta-row-adjustable-height-struts {
  background: #020202;
  color: #f6b544;
}

.template-article .rte .cta-row-adjustable-height-struts a:not(.btn) {
  color: #f6b544;
  text-decoration: none;
  margin-top: 30px;
}
.template-article .rte .cta-row-adjustable-height-struts a:not(.btn):hover {
  color: #fff;
  text-decoration: underline;
}

.adj-strut-img {
  text-align: center;
  margin-bottom: 60px;
}

.adj-strut-img img {
  /*height: 440px;*/
}

.adj-strut-cta {
  text-align: center;
  margin: 20px 0 60px 0;
}

.adj-strut-cta img {
  max-height: 200px;
  margin-bottom: 10px;
}

.shock-strut-pics {
  text-align: center;
  margin: 0 0 60px 0;
}

.shock-strut-pics img {
  height: 340px;
}

.page-intro-box {
  padding-bottom: 40px;
  padding-top: 20px;
}

i.fa {
  color: #ff6900;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Shock Buying Guides Home Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.buying-guide-home .row p {
  margin-bottom: 10px;
}

.buying-guide-home .row h2 {
  margin-top: 40px;
}

.buying-guide-cta {
  background: #333;
  height: 300px;
  margin: 15px 0;
}

.buying-guide-cta h3 {
  font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-size: 34px;
  margin: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #ff6900;
  padding: 10px 25px 25px 25px;
}

.buying-guide-cta a {
  position: relative;
  display: block;
  height: 300px;
}

.buying-guide-cta a:hover {
  background: rgba(0, 0, 0, 0.2);
}

.buying-guide-cta h3 span.cta-guide-title {
  display: block;
  font-size: 18px;
  color: #fff;
}

.buying-guide-cta h3 span.cta-make-name {
  color: #f6b544;
  font-size: 24px;
}

.bg-cta-title {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/*============================================================================
  Slick Slider 1.5.8

  - If upgrading Slick's styles, use the following variables/functions
    instead of the slick defaults (from slick-theme.scss)
  - This file includes default slick.scss styles (at Slick Slider SCSS)
    and slick-theme.scss (at Slick Slider Theme). Upgrade each area individually
  - All `outline: none;` have been removed for any elements in slideshow
    (buttons, arrows, etc) to preserve a11y
==============================================================================*/
/*================ Slick Slider SCSS ================*/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*================ Slick Slider Theme ================*/
.slick-loading .slick-list {
  background: #fff url(//www.shocksurplus.com/cdn/shop/t/69/assets/ajax-loader.gif?48881) center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 50px;
  width: 50px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px\9 ; /*lte IE 8*/
  transform: translate(0, -50%);
  padding: 0!important;
  border: none;
  z-index: 1;
  border-radius: 50px;
  background: #fff;
  transition: all .3s;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background: rgba(255,255,255,.7);
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: "slick-icons, sans-serif";
  font-size: 20px;
  line-height: 50px;
  color: #000000;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
}

.slick-prev {
  left: -5px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -5px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  /* right: -5px; */
  right: 0;
}
[dir=rtl] .slick-next {
  left: -5px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.template-index .slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  /* width: 100%; */
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick-icons, sans-serif";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #ff6800;
  opacity: 0.75;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
  Blog Slider Customizations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.blog-slide {
  height: 260px;
  margin: 0 5px;
}

.blog-slider {
  margin: 30px 0;
  padding: 0 15px;
}

.blog-slider .slick-slide {
  padding: 30px 0;
}

.blog-slider .slick-prev::before {
  content: "\f053";
  font-family: "FontAwesome";
}

.blog-slider .slick-next::before {
  content: "\f054";
  font-family: "FontAwesome";
}


.btn.btn-primary{
  background: #ff6800;
  color: #020202;
  border:none;
}


.fancybox-container button.fancybox-button{
  padding: 0!important;
}
.fancybox-navigation button{
  width: 42px;
}
.fancybox-navigation .fancybox-button--arrow_left{
  left: 2rem;
}
.fancybox-navigation .fancybox-button--arrow_right{
  right: 1rem;
}
.fancybox-navigation button:before{

}
.fancybox-container svg {
  width: 24px;
  height: 24px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
  Review Slider Customizations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.review-slide {
  height: 420px;
  margin: 0 5px;
  background-color: #202020;
  position: relative;
}

/* ~~~ CENTERED VERTICALLY ~~~ .review-slide p {
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
  padding: 20px;
  margin: auto;
  width: 60%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
} */

.review-slide p {
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
  padding: 20px;
  margin: auto;
  width: 60%;
  text-align: center;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
}

.template-article .blog__article .review-slide p {
  margin-bottom: 0 !important;
}

.review-slide p span {
  width: 100%;
  display: block;
  font-weight: bold;
  text-align: right;
  padding: 10px 0 0 0;
}

.review-slider {
  margin: 40px 0 60px 0;
  padding: 0 15px;
}

.review-slider .slick-slide {
  padding: 30px 0;
}

.review-slider .slick-prev::before {
  content: "\f053";
  font-family: "FontAwesome";
}

.review-slider .slick-next::before {
  content: "\f054";
  font-family: "FontAwesome";
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
  Review Slider SINGLE Customizations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.review-slide-single {
  height: 420px;
  margin: 0 5px;
  position: relative;
}

/* ~~~ CENTERED VERTICALLY ~~~ .review-slide p {
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
  padding: 20px;
  margin: auto;
  width: 60%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
} */

.review-slide-single p {
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
  padding: 20px;
  margin: auto;
  width: 60%;
  text-align: center;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
}

.template-article .blog__article .review-slide-single p {
  margin-bottom: 0 !important;
}

.review-slide-single p span {
  width: 100%;
  display: block;
  font-weight: bold;
  text-align: right;
  padding: 10px 0 0 0;
}

.review-slider-single {
  margin: 40px 0 60px 0;
  padding: 0 15px;
}

.review-slider-single .slick-slide {
  padding: 30px 0;
}

.review-slider-single .slick-prev::before {
  content: "\f053";
  font-family: "FontAwesome";
}

.review-slider-single .slick-next::before {
  content: "\f054";
  font-family: "FontAwesome";
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
  Responsive Tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.oe-spec-data, .compare-data {
  margin-bottom: 30px;
}

.single-shock-data td:first-child, .oe-spec-data td:first-child {
  font-weight: bold;
}

.shock-data thead, .shock-data-hto thead, .shock-data-hto-universal thead, .bfcm-data thead {
  border-bottom: 3px solid #e1e1e1;
}

.shock-data-hto thead td, .shock-data-hto-universal thead td {
  font-weight: bold;
}

.shock-data td {
  height: 40px;
}

.shock-data-hto td, .shock-data-hto-universal td {
  height: 40px;
}

.bfcm-data td {
  height: 40px;
  padding: 10px 0;
}

.bfcm-data tr td:nth-of-type(2) {
  text-align: center;
}

.bfcm-data span  {
  background: #48cdff;
  padding: 5px 10px;
  font-weight: bold;
  width: 100px;
  display: block;
  margin: 0 auto;
}

.shock-data td, .shock-data th, .single-shock-data td,  .oe-spec-data td {
  border: none;
  height: 40px;
}

.shock-data tr td:first-child {
  font-weight: 700;
}

.compare3-data tr:first-child {
  display: none;
}

.compatibility-data tr td:first-child {
  font-weight: 300;
}

.compatibility-data thead td {
  font-weight: 700;
}

.compatibility-data thead tr td:first-child {
  font-weight: 700;
}

.compare3-data {
  margin-bottom: 40px;
}

.shock-data tr, .single-shock-data tr, .oe-spec-data tr {
  border-bottom: 1px solid #e1e1e1;
}

.shock-data tr:last-child, .oe-spec-data tr:last-child, .shock-data-hto tr:last-child, .shock-data-hto-universal tr:last-child {
  border-bottom: none;
}

.shock-data-hto tr:last-child td, .shock-data-hto-universal tr:last-child td {
  border-bottom: none;
}

.six112-data thead td {
  font-weight: bold;
}

.grey-row {
  background: #f2f2f2;
}

.strtlt-data td {
  font-size: 15px;
}

.strtlt-data thead td {
  font-weight: bold;
  font-size: 13px;
}

.strtlt-data tr td:first-child, .bilstein-data-5100 tr td:first-child {
  font-weight: normal;
}

.strtlt-data thead tr td:first-child {
  font-weight: bold;
}

.fox-interval-data td {
  text-align: center;
  font-size: 8px;
}

.fox-interval-data tr td:first-child {
  text-align: left;
}

.fox-snap-ring-data {
  margin-top: 15px;
}

.fox-snap-ring-data tr td:first-child {
  font-weight: 400;
}

.fox-snap-ring-data thead td, .bilstein-data-5100 thead td {
  font-weight: bold;
}

.fox-snap-ring-data thead tr td:first-child, .bilstein-data-5100 thead tr td:first-child {
  font-weight: bold;
}

.data-leveling {
  margin-bottom: 30px;
}

.data-leveling td {
  text-align: center;
}

.data-leveling tr td:first-child {
  text-align: left;
}

.data-leveling td:before {
  font-size: 14px;
}

.data-leveling thead tr {
  font-weight: bold;
}

.troubleshoot-data tr td:first-child  {
  font-weight: normal;
}

.reservoir-data thead td {
  text-align: left;
  font-weight: bold;
}

.reservoir-data tr td:first-child {
  font-weight: normal;
}

.reservoir-data thead td:first-child {
  font-weight: bold;
}

.uca-data thead td {
  font-weight: bold;
}

.bronco-factory-specs thead td, .bronco-king-specs thead td, .bronco-tire-specs thead td {
  font-weight: bold;
}

.bronco-factory-specs tr td:first-child, .bronco-king-specs tr td:first-child, .uca-data tr td:first-child {
  font-weight: normal;
}

.bronco-factory-specs thead td:first-child, .bronco-king-specs thead td:first-child, .bronco-tire-specs thead td:first-child, .uca-data thead td:first-child {
  font-weight: bold;
}

.bronco-tire-specs td:before {
  font-size: 12px;
}

.shock-service-data thead tr td {
  font-weight: bold;
  text-align: center;
}

.shock-service-data thead tr td:first-child {
  font-weight: bold;
  text-align: left;
}

.shock-service-data tbody td {
  text-align: center;
}

.shock-service-data tbody td:first-child {
  text-align: left;
}

.bilstein-6112-bronco-image {display: none;}

.dobinsons-mrr-data tr td, .dobinsons-mrr-data tr td {
        font-weight: normal !important;}

/* Extra Extra Small Devices, Phones */ 
    @media only screen and (min-width : 420px) {
      .fox-interval-data td {
          font-size: 10px;
      }
    }
    
 /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
    .fox-interval-data td {
            font-size: 12px;
        }
    }
    
@media only screen and (max-width: 1030px) and (min-width: 760px) {
  .shock-data th {
    font-size: 12px;
  }
}

 /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
      .fox-interval-data td {
        font-size: 16px;
      }
    }

 @media only screen and (min-width : 760px) {
.compare3-data tr:first-child {
  display: table-row;
}
   .strtlt-data tr td:first-child {
        width: 280px;
      }
   .troubleshoot-data tr td {
  width: 50%;
}
   .troubleshoot-data thead tr th:nth-child(2) {
  text-align: right;
}
   .troubleshoot-data tr td:nth-child(2) {
  text-align: right;
}
   
}
      @media  only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

    }
@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table.shock-data, .shock-data thead, .shock-data tbody, .shock-data th, .shock-data td, .shock-data tr { 
			display: block; 
		}

        table.shock-data-hto, .shock-data-hto thead, .shock-data-hto tbody, .shock-data-hto th, .shock-data-hto td, .shock-data-hto tr { 
			display: block; 
            padding-top: 6px;
		}

        table.shock-data-hto-universal, .shock-data-hto-universal thead, .shock-data-hto-universal tbody, .shock-data-hto-universal th, .shock-data-hto-universal td, .shock-data-hto-universal tr { 
			display: block; 
            padding-top: 6px;
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.shock-data thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

        .shock-data-hto thead tr, .shock-data-hto-universal thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.shock-data tr { border-bottom: 3px solid #e1e1e1; }

        .shock-data-hto tr, .shock-data-hto-universal tr { border-bottom: 3px solid #e1e1e1; }
		
		.shock-data td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #e1e1e1; 
			position: relative;
			padding-left: 50%; 
		}

        .shock-data-hto td, .shock-data-hto-universal td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #e1e1e1; 
			position: relative;
			padding-left: 50%; 
		}
      
        .data-leveling td { 
              /* Behave  like a "row" */
              padding-left: 70%; 
          }

        .data-leveling tr td:first-child {
          font-size: 12px;
          color: #ff6900;
          text-align: center;
        }
      
        .six112-data td { 
		 	padding-left: 70%;
            font-size: 14px;
          
		}
		
		.shock-data td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
            font-weight: 700;
		}

        .shock-data-hto td:before, .shock-data-hto-universal td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
            font-weight: 700;
		}
      
        .shock-data thead {
          border-bottom: none;
        }

        .shock-data-hto thead, .shock-data-hto-universal thead {
          border-bottom: none;
        }
		
		/*
		Label the data
		*/
		.shock-data td:nth-of-type(1):before { content: "Part Number"; }
		.shock-data td:nth-of-type(2):before { content: "Position"; }
		.shock-data td:nth-of-type(3):before { content: "Lift Amount"; }
		.shock-data td:nth-of-type(4):before { content: "Extended"; }
		.shock-data td:nth-of-type(5):before { content: "Collapsed"; }
		.shock-data td:nth-of-type(6):before { content: "Travel"; }
		.shock-data td:nth-of-type(7):before { content: "Top Mount"; }
		.shock-data td:nth-of-type(8):before { content: "Bottom Mount"; }

        /*
		Label the data
		*/
		.shock-data-hto td:nth-of-type(1):before { content: "YEAR"; }
		.shock-data-hto td:nth-of-type(2):before { content: "MAKE"; }
		.shock-data-hto td:nth-of-type(3):before { content: "MODEL"; }
		.shock-data-hto td:nth-of-type(4):before { content: "POSITION"; }
		.shock-data-hto td:nth-of-type(5):before { content: "LIFT"; }
		.shock-data-hto td:nth-of-type(6):before { content: "FOX PN"; }
		.shock-data-hto td:nth-of-type(7):before { content: "MSRP"; }

        /*
		Label the data
		*/
		.shock-data-hto-universal td:nth-of-type(1):before { content: "FITMENT"; }
		.shock-data-hto-universal td:nth-of-type(2):before { content: "MODEL"; }
		.shock-data-hto-universal td:nth-of-type(3):before { content: "TRAVEL"; }
		.shock-data-hto-universal td:nth-of-type(4):before { content: "FOX PN"; }
		.shock-data-hto-universal td:nth-of-type(5):before { content: "MRSP"; }
      
        /*
		Label the data
		*/
		.prod-desc-data td:nth-of-type(1):before { content: "Part Number"; }
		.prod-desc-data td:nth-of-type(2):before { content: "Lift"; }
		.prod-desc-data td:nth-of-type(3):before { content: "Position"; }
		.prod-desc-data td:nth-of-type(4):before { content: "Item"; }
		.prod-desc-data td:nth-of-type(5):before { content: "Quantity"; }
      
      	/*
		Label the data
		*/
		.prod-desc-data-lift-var td:nth-of-type(1):before { content: "Part Number"; }
		.prod-desc-data-lift-var td:nth-of-type(2):before { content: "Position"; }
		.prod-desc-data-lift-var td:nth-of-type(3):before { content: "Top Mount"; }
		.prod-desc-data-lift-var td:nth-of-type(4):before { content: "Bottom Mount"; }
		.prod-desc-data-lift-var td:nth-of-type(5):before { content: "Extended"; }
        .prod-desc-data-lift-var td:nth-of-type(6):before { content: "Collapsed"; }
        .prod-desc-data-lift-var td:nth-of-type(7):before { content: "Travel"; }
      
        /*
		Label the data
		*/
		.prod-desc-data-fabtech td:nth-of-type(1):before { content: "Part Number"; }
		.prod-desc-data-fabtech td:nth-of-type(2):before { content: "Item"; }
		.prod-desc-data-fabtech td:nth-of-type(3):before { content: "Quantity"; }
      
      	/*
		Label the data
		*/
		.prod-desc-data-fabtech-02 td:nth-of-type(1):before { content: "Quantity"; }
		.prod-desc-data-fabtech-02 td:nth-of-type(2):before { content: "Part Number"; }
		.prod-desc-data-fabtech-02 td:nth-of-type(3):before { content: "Description"; }
		
      
      	/*
		Label the data
		*/
		.data-leveling td:nth-of-type(1):before { content: ""; }
		.data-leveling td:nth-of-type(2):before { content: "Adjustable Height"; }
		.data-leveling td:nth-of-type(3):before { content: "Adjustable Comfort"; }
		.data-leveling td:nth-of-type(4):before { content: "Heavy Duty / Towing"; }
		.data-leveling td:nth-of-type(5):before { content: "Off-Road Performance"; }
		
      
        /*
		Label the data
		*/
		.compare-data td:nth-of-type(1):before { content: "Shock"; }
		.compare-data td:nth-of-type(2):before { content: "Body Size"; }
		.compare-data td:nth-of-type(3):before { content: "Body Material"; }
		.compare-data td:nth-of-type(4):before { content: "Finish"; }
		.compare-data td:nth-of-type(5):before { content: "Piston Size"; }
		.compare-data td:nth-of-type(6):before { content: "Rod Size"; }
		.compare-data td:nth-of-type(7):before { content: "Rod Material"; }
		.compare-data td:nth-of-type(8):before { content: "Best For"; }
      
      	/*
		Label the data
		*/
		.compare2-data td:nth-of-type(1):before { content: "Shock"; }
		.compare2-data td:nth-of-type(2):before { content: "Piston Size"; }
		.compare2-data td:nth-of-type(3):before { content: "Body Material"; }
		.compare2-data td:nth-of-type(4):before { content: "Rod Size"; }
		.compare2-data td:nth-of-type(5):before { content: "Rod Material"; }
		.compare2-data td:nth-of-type(6):before { content: "Finish"; }
      
        /*
		Label the data
		*/
		.compare3-data td:nth-of-type(1):before { content: "Shock"; }
		.compare3-data td:nth-of-type(2):before { content: "Body Size"; }
		.compare3-data td:nth-of-type(3):before { content: "Body Material"; }
		.compare3-data td:nth-of-type(4):before { content: "Rod Size"; }
		.compare3-data td:nth-of-type(5):before { content: "Rod Material"; }
		.compare3-data td:nth-of-type(6):before { content: "Rebuildable"; }
      
      /*
		Label the data
		*/
		.compare4-data td:nth-of-type(1):before { content: "Lift"; }
		.compare4-data td:nth-of-type(2):before { content: "Position"; }
		.compare4-data td:nth-of-type(3):before { content: "Part #"; }
		.compare4-data td:nth-of-type(4):before { content: "MSRP"; }
		
      
       /*
		Label the data
		*/
		.troubleshoot-data td:nth-of-type(1):before { content: "Symptom"; }
		.troubleshoot-data td:nth-of-type(2):before { content: "Remedy"; }
		
       
      
      /*
		Label the data
		*/
		.compatibility-data td:nth-of-type(1):before { content: "Make"; }
		.compatibility-data td:nth-of-type(2):before { content: "Model"; }
		.compatibility-data td:nth-of-type(3):before { content: "Year"; }
		.compatibility-data td:nth-of-type(4):before { content: "Drive"; }
		.compatibility-data td:nth-of-type(5):before { content: "Position"; }
        .compatibility-data td:nth-of-type(6):before { content: "Lift"; }
      
        /*
		Label the data
		*/
		.strtlt-data td:nth-of-type(1):before { content: "Brand/Model"; }
		.strtlt-data td:nth-of-type(2):before { content: "Year"; }
		.strtlt-data td:nth-of-type(3):before { content: "Product"; }
		.strtlt-data td:nth-of-type(4):before { content: "Front Part #"; }
		.strtlt-data td:nth-of-type(5):before { content: "Rear Part #"; }
      
        /*
		Label the data
		*/
		.fox-snap-ring-data td:nth-of-type(1):before { content: "Year Range"; }
		.fox-snap-ring-data td:nth-of-type(2):before { content: "Make"; }
		.fox-snap-ring-data td:nth-of-type(3):before { content: "Model"; }
		.fox-snap-ring-data td:nth-of-type(4):before { content: "Part #"; }
		.fox-snap-ring-data td:nth-of-type(5):before { content: "Price"; }
      
      /*
		Label the data
		*/
		.bilstein-data-5100 td:nth-of-type(1):before { content: "Manufacturer"; }
        .bilstein-data-5100 td:nth-of-type(2):before { content: "MPN"; }
		.bilstein-data-5100 td:nth-of-type(3):before { content: "Rate"; }
		.bilstein-data-5100 td:nth-of-type(4):before { content: "Spec"; }
		.bilstein-data-5100 td:nth-of-type(5):before { content: "Lift"; }
      
      /*
		Label the data
		*/
		.reservoir-data td:nth-of-type(1):before { content: "Reservoir Shocks"; }
        .reservoir-data td:nth-of-type(2):before { content: "Body Dia."; }
		.reservoir-data td:nth-of-type(3):before { content: "Piston Dia."; }
		.reservoir-data td:nth-of-type(4):before { content: "Adjustable"; }
		.reservoir-data td:nth-of-type(5):before { content: "Price"; }
      
      /*
		Label the data
		*/
		.uca-data td:nth-of-type(1):before { content: "UCA"; }
        .uca-data td:nth-of-type(2):before { content: "Build Material"; }
		.uca-data td:nth-of-type(3):before { content: "Joint Articulation"; }
		.uca-data td:nth-of-type(4):before { content: "Joint Diameter"; }
		.uca-data td:nth-of-type(5):before { content: "Adjustability"; }
        .uca-data td:nth-of-type(6):before { content: "Price"; }
      
        /*
		Label the data
		*/
		.fox-20-vs-6112-data td:nth-of-type(1):before { content: "Shock"; }
        .fox-20-vs-6112-data td:nth-of-type(2):before { content: "Body Size"; }
		.fox-20-vs-6112-data td:nth-of-type(3):before { content: "Body Material"; }
		.fox-20-vs-6112-data td:nth-of-type(4):before { content: "Piston Size"; }
		.fox-20-vs-6112-data td:nth-of-type(5):before { content: "Springs Inc."; }
        .fox-20-vs-6112-data td:nth-of-type(6):before { content: "Rod Size"; }
        .fox-20-vs-6112-data td:nth-of-type(7):before { content: "Price"; }
      
        /*
		Label the data
		*/
		.bronco-factory-specs td:nth-of-type(1):before { content: "Model"; }
        .bronco-factory-specs td:nth-of-type(2):before { content: "Height"; }
		.bronco-factory-specs td:nth-of-type(3):before { content: "Tire Size"; }
		.bronco-factory-specs td:nth-of-type(4):before { content: "Track Width"; }
		.bronco-factory-specs td:nth-of-type(5):before { content: "Suspension Travel"; }
        
        /*
        Label the data
		*/
		.bronco-king-specs td:nth-of-type(1):before { content: "Part #"; }
        .bronco-king-specs td:nth-of-type(2):before { content: "Description"; }
		.bronco-king-specs td:nth-of-type(3):before { content: "Extended"; }
		.bronco-king-specs td:nth-of-type(4):before { content: "Collapsed"; }
		.bronco-king-specs td:nth-of-type(5):before { content: "Travel"; }
      
      	/*
        Label the data
		*/
		.bronco-tire-specs td:nth-of-type(1):before { content: "Tire Size"; }
        .bronco-tire-specs td:nth-of-type(2):before { content: "Standard Suspension"; }
		.bronco-tire-specs td:nth-of-type(3):before { content: "HOSS"; }
		.bronco-tire-specs td:nth-of-type(4):before { content: "HOSS High Ride"; }
      
        /*
        Label the data
		*/
		.shock-service-data td:nth-of-type(1):before { content: "Service"; }
        .shock-service-data td:nth-of-type(2):before { content: "Every 3-5,000 Miles"; }
		.shock-service-data td:nth-of-type(3):before { content: "10,000 Miles"; }
		.shock-service-data td:nth-of-type(4):before { content: "15,000 Miles"; }
        .shock-service-data td:nth-of-type(5):before { content: "40,000 Miles"; }
      
        .shock-service-data thead tr td {
          font-weight: bold;
          text-align: left;
        }

        .shock-service-data tbody td {
          text-align: left;
        }
      
        .shock-service-data tbody tr td:first-child {
          background: #f2f2f2;
        }


      /*
		Label the data Bilstein BLOG POST 6100 vs 6112
		*/
		.bilstein-6100-bronco td:nth-of-type(1):before { content: "Circlip"; }
		.bilstein-6100-bronco td:nth-of-type(2):before { content: "Sasquatch Front Lift"; }
		.bilstein-6100-bronco td:nth-of-type(3):before { content: "Sasquatch Rear Lift"; }
		.bilstein-6100-bronco td:nth-of-type(4):before { content: "Badlands Front Lift"; }
		.bilstein-6100-bronco td:nth-of-type(5):before { content: "Badlands Rear Lift"; }

        .bilstein-6100-bronco td { padding-left: 70% !important;}

        .bilstein-6112-bronco {display: none !important;}
        .bilstein-6112-bronco-image {display: block;}

      

      /*
		Label the data Dobinsons MRR Unboxing
		*/
		.dobinsons-mrr-data td:nth-of-type(1):before { content: "Lift Height"; }
		.dobinsons-mrr-data td:nth-of-type(2):before { content: "Constant Load"; }
		.dobinsons-mrr-data td:nth-of-type(3):before { content: "Pre-Load Setting"; }
        
        /*
		Label the data OME 01
		*/
		.ome-data-01 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-01 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-01 td:nth-of-type(3):before { content: "Item"; }
		.ome-data-01 td:nth-of-type(4):before { content: "Front Load Rating"; }
		.ome-data-01 td:nth-of-type(5):before { content: "Rear Load Rating"; }
        
      
      /*
		Label the data OME 02
		*/
		.ome-data-02 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-02 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-02 td:nth-of-type(3):before { content: "Item"; }
		.ome-data-02 td:nth-of-type(4):before { content: "Front Load Rating"; }
		
      
      /*
		Label the data OME 03
		*/
		.ome-data-03 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-03 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-03 td:nth-of-type(3):before { content: "Item"; }
		.ome-data-03 td:nth-of-type(4):before { content: "KDSS"; }
		
      
      /*
		Label the data OME 04
		*/
		.ome-data-04 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-04 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-04 td:nth-of-type(3):before { content: "Item"; }
		.ome-data-04 td:nth-of-type(4):before { content: "Rear Load Rating"; }
		.ome-data-04 td:nth-of-type(5):before { content: "Tow Pack"; }
        
      
      /*
		Label the data OME 05
		*/
		.ome-data-05 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-05 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-05 td:nth-of-type(3):before { content: "Item"; }
		.ome-data-05 td:nth-of-type(4):before { content: "Rear Load Rating"; }
		
      
      /*
		Label the data OME 06
		*/
		.ome-data-06 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-06 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-06 td:nth-of-type(3):before { content: "Item"; }
		.ome-data-06 td:nth-of-type(4):before { content: "Tow Pack"; }
		.ome-data-06 td:nth-of-type(5):before { content: "Rear Spring Rate"; }
        
      
      /*
		Label the data OME 07
		*/
		.ome-data-07 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-07 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-07 td:nth-of-type(3):before { content: "Item"; }
		.ome-data-07 td:nth-of-type(4):before { content: "Valving"; }
		.ome-data-07 td:nth-of-type(5):before { content: "Front Load Rating"; }
        .ome-data-07 td:nth-of-type(6):before { content: "Rear Load Rating"; }
      
      /*
		Label the data OME 08
		*/
		.ome-data-08 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-08 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-08 td:nth-of-type(3):before { content: "Item"; }
		.ome-data-08 td:nth-of-type(4):before { content: "Valving"; }
		.ome-data-08 td:nth-of-type(5):before { content: "Front Load Rating"; }
        
      
        /*
		Label the data OME 09
		*/
		.ome-data-09 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-09 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-09 td:nth-of-type(3):before { content: "Item"; }
		.ome-data-09 td:nth-of-type(4):before { content: "Valving"; }
		.ome-data-09 td:nth-of-type(5):before { content: "Rear Load Rating"; }
        .ome-data-09 td:nth-of-type(6):before { content: "Number Doors"; }
      
        /*
		Label the data OME 10
		*/
		.ome-data-10 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-10 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-10 td:nth-of-type(3):before { content: "Item"; }
		.ome-data-10 td:nth-of-type(4):before { content: "Valving"; }
		.ome-data-10 td:nth-of-type(5):before { content: "Rear Load Rating"; }
        
      
      /*
		Label the data OME 11
		*/
		.ome-data-11 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-11 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-11 td:nth-of-type(3):before { content: "Item"; }
		.ome-data-11 td:nth-of-type(4):before { content: "Valving"; }
		
      
      /*
		Label the data OME 12
		*/
		.ome-data-12 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-12 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-12 td:nth-of-type(3):before { content: "Item"; }
		
      
      /*
		Label the data OME 13
		*/
		.ome-data-13 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-13 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-13 td:nth-of-type(3):before { content: "Position"; }
		.ome-data-13 td:nth-of-type(4):before { content: "Item"; }
		.ome-data-13 td:nth-of-type(5):before { content: "Lift"; }
        .ome-data-13 td:nth-of-type(6):before { content: "Front Load Rating"; }
      
      /*
		Label the data OME 14
		*/
		.ome-data-14 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-14 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-14 td:nth-of-type(3):before { content: "Position"; }
		.ome-data-14 td:nth-of-type(4):before { content: "Item"; }
		.ome-data-14 td:nth-of-type(5):before { content: "Lift"; }
        .ome-data-14 td:nth-of-type(6):before { content: "KDSS"; }
      
      /*
		Label the data OME 15
		*/
		.ome-data-15 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-15 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-15 td:nth-of-type(3):before { content: "Position"; }
		.ome-data-15 td:nth-of-type(4):before { content: "Item"; }
		.ome-data-15 td:nth-of-type(5):before { content: "Lift"; }
        .ome-data-15 td:nth-of-type(6):before { content: "Rear Load Rating"; }
        .ome-data-15 td:nth-of-type(7):before { content: "Number Doors"; }
      
      /*
		Label the data OME 16
		*/
		.ome-data-16 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-16 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-16 td:nth-of-type(3):before { content: "Position"; }
		.ome-data-16 td:nth-of-type(4):before { content: "Item"; }
		.ome-data-16 td:nth-of-type(5):before { content: "Lift"; }
        .ome-data-16 td:nth-of-type(6):before { content: "Rear Load Rating"; }
        .ome-data-16 td:nth-of-type(7):before { content: "Tow Pack"; }
      
      /*
		Label the data OME 17
		*/
		.ome-data-17 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-17 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-17 td:nth-of-type(3):before { content: "Position"; }
		.ome-data-17 td:nth-of-type(4):before { content: "Item"; }
		.ome-data-17 td:nth-of-type(5):before { content: "Lift"; }
        .ome-data-17 td:nth-of-type(6):before { content: "Rear Load Rating"; }
      
      /*
		Label the data OME 18
		*/
		.ome-data-18 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-18 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-18 td:nth-of-type(3):before { content: "Position"; }
		.ome-data-18 td:nth-of-type(4):before { content: "Item"; }
		.ome-data-18 td:nth-of-type(5):before { content: "Lift"; }
        .ome-data-18 td:nth-of-type(6):before { content: "Tow Pack"; }
        .ome-data-18 td:nth-of-type(7):before { content: "Rear Spring Rating"; }
      
      /*
		Label the data OME 19
		*/
		.ome-data-19 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-19 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-19 td:nth-of-type(3):before { content: "Position"; }
		.ome-data-19 td:nth-of-type(4):before { content: "Item"; }
		.ome-data-19 td:nth-of-type(5):before { content: "Lift"; }
        .ome-data-19 td:nth-of-type(6):before { content: "Valving"; }
        .ome-data-19 td:nth-of-type(7):before { content: "Front Load Rating"; }
      
      /*
		Label the data OME 20
		*/
		.ome-data-20 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-20 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-20 td:nth-of-type(3):before { content: "Position"; }
		.ome-data-20 td:nth-of-type(4):before { content: "Item"; }
		.ome-data-20 td:nth-of-type(5):before { content: "Lift"; }
        .ome-data-20 td:nth-of-type(6):before { content: "Valving"; }
        .ome-data-20 td:nth-of-type(7):before { content: "Rear Load Rating"; }
      
      /*
		Label the data OME 21
		*/
		.ome-data-21 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-21 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-21 td:nth-of-type(3):before { content: "Position"; }
		.ome-data-21 td:nth-of-type(4):before { content: "Item"; }
		.ome-data-21 td:nth-of-type(5):before { content: "Lift"; }
        .ome-data-21 td:nth-of-type(6):before { content: "Valving"; }
      
      /*
		Label the data OME 22
		*/
		.ome-data-22 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-22 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-22 td:nth-of-type(3):before { content: "Position"; }
		.ome-data-22 td:nth-of-type(4):before { content: "Item"; }
		.ome-data-22 td:nth-of-type(5):before { content: "Lift"; }
        
      
      /*
		Label the data OME 23
		*/
		.ome-data-23 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-23 td:nth-of-type(2):before { content: "Quantity"; }
		.ome-data-23 td:nth-of-type(3):before { content: "Position"; }
		.ome-data-23 td:nth-of-type(4):before { content: "Item"; }
      
      /*
		Label the data OME 24
		*/
		.ome-data-24 td:nth-of-type(1):before { content: "Part Number"; }
		.ome-data-24 td:nth-of-type(2):before { content: "Lift/Lowered"; }
		.ome-data-24 td:nth-of-type(3):before { content: "Position"; }
		.ome-data-24 td:nth-of-type(4):before { content: "Item"; }
        .ome-data-24 td:nth-of-type(5):before { content: "Quantity"; }
        .ome-data-24 td:nth-of-type(6):before { content: "Valving"; }
        .ome-data-24 td:nth-of-type(7):before { content: "Front Load Rating"; }
        .ome-data-24 td:nth-of-type(8):before { content: "Rear Load Rating"; }    
		
	}


 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
  Content Formatting - Maintain Prior Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.bfcm-box {
  background: #333;
  color: #fff;
  margin: 0 auto;
  max-width: 420px;
}

.bfcm-box .row {
  border-bottom: solid 1px #fff;
}

.bfcm-box-box {
  text-align: center;
  
}

.bfcm-box-save {
  text-align: center;
  color: #ff6900;
  font-weight: bold;
  padding: 20px 0 0 0;
}

.bfcm-box-save {
  text-align: center;
}

.bfcm-box-price-01 {
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  line-height: 40px;
}

.bfcm-box-details {
  text-align: center;
  font-size: 13px;
  padding: 0 0 20px 0;
}

.bfcm-box-with-code {
  text-align: center;
  padding: 30px 0 0 0;
}

.bfcm-box-code {
  text-align: center;
  color: #ff6900;
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
}

.bfcm-box-details {
  text-align: center;
  font-size: 13px;
}

