body {
  margin: 0;
  padding: 10px;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: white;
  background: transparent; }

table.vehicle img {
  width: 120px; }
  table.vehicle img[src*=".svg"] {
    filter: drop-shadow(-1px -1px 0 white); }
table.vehicle tr:hover img {
  filter: none; }
.vehicleimage img[src*=".svg"] {
  filter: drop-shadow(-1px -1px 0 white); }

.fancybox-skin {
  background: transparent !important; }

.fancybox-opened .fancybox-skin {
  background: #000 !important; }

.clear {
  clear: both; }

a, .oilco-btn--link {
  color: #ee3124;
  text-decoration: none; }
  a:hover, a:active, a:focus, a.lit, a.active, a[aria-current], .oilco-btn--link:hover, .oilco-btn--link:active, .oilco-btn--link:focus, .oilco-btn--link.lit, .oilco-btn--link.active, .oilco-btn--link[aria-current] {
    color: #ee3124; }

.card {
  border: none;
  background: none; }

table {
  width: 100%;
  border-collapse: collapse;
  border: none; }

.oci table {
  width: inherit; }

tr {
  transition: 0.4s; }

tbody tr:hover {
  background: #ee3124; }
  tbody tr:hover a {
    color: white;
    text-decoration: underline; }
  tbody tr:hover td {
    color: white; }

tbody tr a {
  display: block; }

th, td {
  text-align: left;
  vertical-align: center;
  padding: 10px; }

.vehicle th, td.label {
  color: #5c5c5c;
  font-style: italic; }

.coptions {
  padding-top: 10px; }
  .coptions div {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: baseline; }

.modelInfo tr {
  border-bottom: solid 1px #5c5c5c; }

input,
select {
  font-size: 14px; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.wrapper {
  max-width: 1100px;
  margin: 0 auto; }

.clearFix {
  clear: both; }

#actions a {
  float: left; }

#actions .printPage {
  background: no-repeat left center url(/site_assets/images/print_icon.png) transparent;
  border: none;
  font-size: 0;
  line-height: inherit;
  width: 61px;
  height: 52px;
  padding: 0;
  float: right; }

#modelSearchText,
.searchVrmText {
  display: none; }

#frontPage #modelSearchInput,
#frontPage .searchVrmBackground {
  background-color: #ee3124;
  padding: 15px;
  float: left;
  width: 93%;
  max-width: 720px; }

#searchType {
  padding: 10px 0;
  display: flex;
  flex-direction: row;
  gap: 10px; }

#searchType span {
  display: inline-block;
  margin: 0 10px 0 0; }

#modelSearchInput {
  display: flex;
  flex-direction: row;
  background-color: #ee3124; }

#modelSearchInput input {
  border: none;
  background-color: #ee3124;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-family: "Rubik";
  text-transform: uppercase;
  font-size: 36px;
  box-sizing: border-box;
  max-width: 100%; }

#modelSearchButton input {
  background: #ee3124;
  color: #fff;
  border: none;
  font-weight: 1000;
  cursor: pointer;
  font-size: 30px; }

#frontPage #modelSearchInput input,
#frontPage .searchVrmBackground input {
  height: 150px;
  line-height: 150px;
  text-transform: uppercase;
  font-family: "Rubik";
  color: #000;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 10px #000; }

#modelSearchSelect {
  display: none; }

#frontPage #modelSearchInput input {
  background-color: #fff;
  background-image: none;
  background-position: top left;
  font-size: 36px; }

#frontPage #modelSearchButton, .searchVRMButton {
  float: left;
  width: 114px; }

#frontPage #modelSearchButton input, .searchVRMButton input {
  border: none;
  height: 180px;
  line-height: 150px;
  font-family: "Rubik Mono One";
  text-align: center;
  font-size: 0px;
  box-sizing: border-box;
  padding: 0;
  background: no-repeat left center url(/site_assets/images/kennol_search_arrow.png) transparent;
  background-size: auto 100%;
  width: 100%;
  cursor: pointer; }

#frontPage .searchVrmBackground input {
  background-image: url(https://s3.amazonaws.com/oats-public/oats/vrm-plates/fre-vrm-white.svg);
  background-repeat: no-repeat;
  background-color: #edda0d;
  background-size: auto 100%;
  background-position: top left;
  font-size: 100px;
  padding: 0 0 0 13%; }

#searchType span,
.searchControls a,
.clearFacetContainer a,
#actions a,
.vrmSearchCancel a,
.datasheet-buyonline a,
.searchPageControls input,
.searchPageControls button {
  transition: 0.4s;
  display: inline-block;
  border: 3px solid #ee3124;
  color: #fff;
  background: #000;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.4px;
  font-family: "Roboto Condensed";
  cursor: pointer;
  line-height: 2em;
  padding: 9px 30px; }

#searchType span.active,
.searchControls a:hover,
.clearFacetContainer a:hover,
#actions .returnToSearchPage:hover,
.vrmSearchCancel a:hover,
.datasheet-buyonline a:hover,
.searchPageControls input:hover {
  background: #ee3124; }

#facetResultsPage {
  padding: 10px 0; }

#facetResultsPage #modelSearchButton input {
  height: 100%;
  margin: 0 0 0 4px; }

#facetResultsPage #modelSearchText {
  display: none; }

#facetResultsPage .modelSearchContainer {
  float: left;
  height: 50px;
  width: 75%; }

.searchPageControls {
  clear: both; }

.searchFacets {
  margin: 10px 0; }

.facet h2 {
  display: none; }

.facet select {
  width: 100%;
  margin: 0 0 5px 0;
  box-sizing: border-box;
  padding: 5px;
  border: solid 3px #ee3124;
  background-color: #000;
  background-image: url(/site_assets/images/carret.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer; }

select::-ms-expand {
  display: none; }

#resultsPage tr:hover {
  background: transparent; }

.oilChangeIntervals h4,
.oilChangeIntervals h5,
.oilChangeIntervals dl,
.oilChangeIntervals dt,
.oilChangeIntervals dd {
  margin: 0;
  padding: 0 10px 0 0;
  font-size: 12pt;
  font-weight: bold;
  color: #5c5c5c; }

.oilChangeIntervals p {
  font-weight: bold;
  color: #5c5c5c; }

.oilChangeIntervals table {
  width: inherit; }

.block {
  margin: 0 0 20px 0; }

.header h4 {
  display: none; }

.application {
  background-image: url(/site_assets/images/application_banner.png);
  background-repeat: no-repeat;
  background-position: 99% 50%;
  color: #000;
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px;
  cursor: pointer; }

.productDetails > * {
  clear: both; }

.productRecommendation .recommendation {
  font-size: 35px;
  line-height: 35px;
  font-weight: bold; }

.prod {
  display: flex;
  flex-direction: column-reverse;
  gap: 15px; }
  @media (min-width: 576px) {
    .prod {
      flex-direction: row; } }

.tiername,
.productText,
.datasheet-custom2 {
  display: none; }

.productText, .links {
  float: left;
  clear: both;
  max-width: 70%; }

.recommendationPackshot img {
  width: 100%;
  border: 3px solid #ee3124;
  background: #000;
  max-width: 300px; }

@media only screen and (min-width: 300px) {
  #searchType span,
  .searchControls a,
  .clearFacetContainer a,
  .vrmSearchCancel a {
    width: 100%;
    margin: 0 0 5px 0;
    box-sizing: border-box;
    text-align: center; }

  #facetResultsPage .category,
  #facetResultsPage .fuel {
    display: none; }

  #frontPage .searchVrmBackground input, #frontPage #modelSearchInput input {
    height: 75px;
    font-size: 14px;
    line-height: inherit;
    text-align: center;
    padding: 0 30px; }

  #frontPage .searchVrmBackground input {
    font-weight: bold; }

  #frontPage #modelSearchInput, #frontPage .searchVrmBackground {
    padding: 0px; }

  #frontPage #modelSearchButton input, .searchVRMButton input {
    border: none;
    height: 50px;
    line-height: 50px;
    font-family: "Rubik Mono One";
    text-align: center;
    font-size: 20px;
    box-sizing: border-box;
    padding: 0;
    background: #ee3124;
    width: 100%;
    cursor: pointer;
    margin: 10px 0 0 0;
    color: #fff; }

  #frontPage #modelSearchButton, #frontPage #modelSearchInput, .searchVRMButton, #frontPage .searchVrmBackground {
    width: 100%; }

  #facetResultsPage .modelSearchContainer {
    width: inherit; }

  #facetResultsPage .modelSearchContainer div {
    float: left; }

  #facetResultsPage #modelSearchInput {
    width: 86%; }

  .application {
    background-color: #ee3124;
    color: #000;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
    cursor: pointer; }

  .links {
    text-align: center; }

  .links div {
    margin: 5px 0; }

  .recommendationPackshot {
    float: none;
    margin: 0 auto; }

  .productRecommendation, .productText, .links {
    float: none;
    max-width: 100%;
    margin: 10px 0; } }
.recommendations {
  padding-top: 10px; }

.prod__tier:has(.tiername) {
  display: none; }

@media only screen and (min-width: 420px) {
  .facet {
    display: inline-block;
    width: 49%; }

  #frontPage .searchVrmBackground input, #frontPage #modelSearchInput input {
    font-size: 17px; } }
.productDetails {
  flex-basis: 75%;
  margin-bottom: 20px; }

.productImage {
  flex-basis: 25%; }

@media only screen and (min-width: 600px) {
  .searchMessage {
    float: right; }

  #facetResultsPage #modelsearchBlock {
    float: left; }

  #facetResultsPage .searchFacets .category,
  #facetResultsPage .searchFacets .fuel {
    display: inline-block; }

  #facetResultsPage .vehicle .category,
  #facetResultsPage .vehicle .fuel {
    display: table-cell; }

  #frontPage .searchVrmBackground input, #frontPage #modelSearchInput input {
    height: 150px;
    font-size: 60px;
    padding: 0 15px 0 75px; }

  #frontPage #modelSearchInput input {
    font-size: 30px;
    padding: 0 10px; }

  #frontPage #modelSearchButton input, .searchVRMButton input {
    border: none;
    height: 180px;
    line-height: 150px;
    font-family: "Rubik Mono One";
    text-align: center;
    font-size: 0px;
    box-sizing: border-box;
    padding: 0;
    background: no-repeat left center url(/site_assets/images/kennol_search_arrow.png) transparent;
    background-size: auto 100%;
    width: 100%;
    cursor: pointer; }

  #frontPage #modelSearchButton, #frontPage .searchVRMButton {
    width: 114px; }

  #frontPage #modelSearchInput, #frontPage .searchVrmBackground {
    padding: 15px; }

  #frontPage #modelSearchInput, #frontPage .searchVrmBackground {
    width: 430px; }

  #frontPage #modelSearchButton input, .searchVRMButton input {
    margin: 0; }

  #facetResultsPage .modelSearchContainer {
    width: 60%; }

  .links {
    text-align: inherit; }

  .recommendationPackshot, .recommendationPackshot img {
    float: right; }

  .recommendationPackshot {
    margin: 10px 0 0 0; }

  .productText, .links {
    float: left;
    clear: both;
    max-width: 70%;
    text-align: inherit; } }
@media only screen and (min-width: 768px) {
  .facet {
    width: 33%; }

  #frontPage #modelSearchInput, #frontPage .searchVrmBackground {
    width: 80%; }

  .application {
    background-color: inherit;
    background-image: url(/site_assets/images/application_banner.png);
    background-repeat: no-repeat;
    background-position: 99% 50%;
    color: #000;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
    cursor: pointer; } }
.pagination {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: baseline;
  text-align: center; }