body,
select  {
  color: #000;
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: 15px;
}
a {
  outline: none;
  border: none;
  color: #036;
  text-decoration: none;
}
br {
  clear: both;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
select {
  background: #fff;
  border: 0;
  color: #000;
  font-size: 15px;
  height: 35px;
}
input.text {
  height: 35px;
}
select:disabled {
  color: #ccc;
}
input[type="button"],
input[type="submit"],
#facetsContainer a,
#actions a {
  border: none;
  background: #66CC00;
  color: #fff;
  padding: 10px;
  font-weight: normal;
  border-radius: 2px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 15px;
}
input[type="button"],
input[type="submit"] {
  padding: 0px;
}

table {
  border-collapse: collapse;
  width: 100%;
}
th, td {
  text-align: left;
  vertical-align: center;
}
.wrapper {
  max-width: 1920px;
  margin: 0 auto;
}
.sectorIcon {
  width: 33.3%;
  box-sizing: border-box;
  float: left;
  padding: 5px;
}
.sectorIcon img {
  width: 100%;
  height: 100%;
}
.sectorIconText {
  display: none;
}
#icons .banner {
  width: 100%;
}
#omvFlash {
  background: #013366;
  border-bottom: solid 3px #59c034;
  height: 40px;
}
#omvFlash select {
  height: auto;
  float: right;
  padding: 0;
  margin: 5px 0 0 0;
}
#omvBase {
  height: 100px;
  border-bottom: 1px solid #ededed;
}
#omvBase h1 {
  float: left;
  margin: 0;
  padding: 29px 0 0 0;
}
#omvLogo {
  width: 67px;
  height: 48px;
  float: right;
  padding: 29px 21px 0 0;
}
#dropDown {
  background: #fff;
}
#dropDown label {
  display: block;
}
#dropDown select {
  width: 100%;
  border: 1px solid #ededed;
}
.dropDownSelectors {
  box-sizing: border-box;
  padding: 10px;
}
#modelSearchText {
  display: none;
}
.modelSearchContainer > div {
  float: left;
}
#modelSearchInput {
  padding: 0 2px 0 0;
}
#modelSearchInput input {
  padding: 1px 1px 2px 10px;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  font-size: 15px;
}
#modelSearchButton input {
  padding: 10px;
}
#facetsContainer .modelSearchContainer {
  float: left;
  margin: 0 0 10px 0;
}
#facetsContainer #modelSearchButton {
  display: none;
}
.searchPageControls {
  clear: both;
  float: right;
}
.searchPageControls p {
  float: left;
  padding: 0 10px 0 0;
  margin: 0 0 10px 0;
}
.searchPageControls input {
  float: right;
  border: none;
  background-image: url(/site_assets/images/Next.jpg);
  background-repeat: no-repeat;
  background-position: -81px -14px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  text-indent: -99999px;
  cursor: pointer;
}
.searchMessage {
  float: right;
  margin: 0 0 10px 0;
}
.searchFacets {
  clear: both;
}
.facet h2 {
  display: none;
}
.modelSearchContainer select,
.searchFacets select {
  box-sizing: border-box;
}
.searchFacets select {
  width: 100%;
}
.clearFacetContainer {
  text-align: right;
}
.clearFacetContainer a {
  margin: 0 0 5px 0;
}
/*#actions .printPage {
  border: none;
  background: url(/site_assets/images/BlobServer.gif) #fff no-repeat center center;
  text-indent: -99999px;
  width: 35px;
}*/
.modelInfo dt {
  float: left;
  margin: 0;
  width: 90px;
  padding: 5px 5px 5px 0;
}
.modelInfo dd {
  padding: 5px 5px 5px 0;
  margin: 0;
  font-weight: bold;1
}
#recommendationTitle {
  margin: 10px 0;
  padding: 5px;
  background: #036;
  color: #fff;
  font-size: 1.2em;
}
.datasheet {
  float: right;
  clear: right;
}
.productRecommendation * {
  float: left;
  clear: both;
}
.coptions label {
  display: inline-block;
  margin: 0 10px 10px 0;
}
.datasheet a {
  font-weight: bold;
  background: url(/site_assets/images/linkIcon.gif) no-repeat center left;
  padding: 0 0 0 15px;
  margin: 0 0 10px 0;
  display: inline-block;
}
.block {
  border-top: 1px solid #6c0;
  background: #fff;
  position: relative;
  padding: 7px;
}
.application {
  font-weight: bold;
  padding: 0 0 10px 0;
}
.block-container > span {
  clear: both;
  display: block;
}
.block-container .clearFix {
  clear: both;
  border-top: 1px solid #d9d9d9;
  margin: 0 0 2em 0;
}
.clear {
  clear: both;
}
.header h4 {
  display: none;
}
.tiername {
  display: block;
  width: 140px;
}
.recommendationPackshot {
  height: 180px;
  margin: 1em 0 0 0;
  overflow: hidden;
  clear: right;
  float: right;
}
.recommendationPackshot img {
  height: 100%;
}
.productRecommendation {
  clear: both;
  float: left;
}
.notes {
  clear: both;
}
.productRecommendation {
  font-size: 1.4em;
  line-height: 1.3em;
  font-weight: bold;
}

.capacity {
float: right;
text-align: right;
width: 20%;
}

.notes h4,
.notes strong {
  color: #036;
}
#footer {
  background: #036;
  color: #fff;
  padding: 0 10px;
  margin: 25px 0 0 0;
  line-height: 30px;
  font-size: small;
  clear: both;
}
#footer a {
  color: #fff;
}
#footer input[type="submit"] {
  background: transparent;
  color: #fff;
  text-transform: none;
  border: none;
  cursor: pointer;
  font-size: 0.9em;
}
#footer form {
  display: inline;
}
@media only screen and (min-width: 0px) {
  body {
    background: #ededed;
    min-width: 300px;
  }
  input {
    border: 0;
  }
  .wrapper {
    padding: 10px;
  }
  #header {
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
  }
  #facetSearch {
    padding: 25px 0;
  }
  .modelSearchContainer {
    display: flex;
  }
  #modelSearchInput {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .sectorIcon .icon {
    border-bottom: 3px solid #ededed;
  }
  .sectorIcon .active {
    border-bottom: 3px solid #6c0;
  }
  #dropDown {
    margin: 25px 0 0 0;
    clear: both;
  }
  .facet {
    margin: 0 0 10px 0;
  }
  .facetSearchTop {
    padding: 10px 0;
  }
  table.vehicle .category,
  table.vehicle .year,
  table.vehicle .fuel {
    display: none;
  }
  table.vehicle thead th {
    display: none;
  }
  table.vehicle td {
    background: #fff;
    padding: 10px;
    border-bottom: 10px solid #ededed;
  }
  table.vehicle a {
    font-weight: bold;
    display: block;
  }
  #actions {
    margin: 0 20px 0 0;
    float: right;
  }
  #actions .emailPage,
  #actions .printPage {
    display: none;
  }
  .productRecommendation {
    width: 50%;
  }

  #actions {
    float: none;
  }
  #actions a {
    width: 100%;
    border: none;
    background: #013366;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 7px 0;
    border-radius: 4px;
    margin: 0 0 5px 0;
  }
  .links {
    float: none;
    clear: both;
  }
  .recommendationPackshot {
    float: none;
    clear: both;
    text-align: center;
  }
}

@media only screen and (min-width: 480px) {
  .facet {
    width: 49%;
    display: inline-block;
    margin: 0 0 10px 0;
  }
  #modelSearchInput {
    width: inherit;
  }
}

@media only screen and (min-width: 680px) {
  body {
    background: #fff;
  }
  input, select {
    border: 1px solid #ededed;
  }
  #footer {
    display: none;
  }
  #header {
    display: none;
  }
  #facetSearch {
    padding: 22px 0;
    width: 350px;
    margin: 0 auto;
  }
  .sectorIcon .icon {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #fff;
  }
  .sectorIcon .active {
    border-bottom: 1px solid #6c0;
  }
  #dropDown {
    margin: 25px 0 0 0;
  }
  .dropDownSelectors {
    width: 50%;
    box-sizing: border-box;
    float: left;
    padding: 10px;
  }
  .facet {
    width: 32.9%;
  }
  table.vehicle .category,
  table.vehicle .year,
  table.vehicle .fuel {
    display: table-cell;
  }
  table.vehicle thead th {
    display: table-cell;
    padding: 10px;
    border-bottom: 1px solid #6c0;
  }
  table.vehicle td {
    background: transparent;
    border-bottom: none;
  }
  table.vehicle .row1 {
    background: #e5eaef;
  }
  #actions .emailPage,
  #actions .printPage {
    display: inline-block;
  }
  .productRecommendation {
    width: auto;
  }

  #actions {
    float: right;
  }
  #actions a {
    background: #66CC00;
    color: #fff;
    padding: 10px;
    font-weight: normal;
    border-radius: 2px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
  }
  .links {
    float: right;
    clear: none;
  }
  .recommendationPackshot {
    clear: right;
    float: right;
  }
}


#goBack {
  cursor: pointer;
}

.search-button {
  clear: both;
  margin: 0 0 0 10px;
}

.search-button input {
  padding: 10px;
  cursor: pointer;
}

.search-button input.disabled {
  background: #ccc;
  color: #e4e4e4;
  cursor: default;
}