@charset "UTF-8";
/*temp*/
.page-general-interest-manuals .block-haynes-catalog .panel-display h2,
.page-practical-lifestyle-manuals .block-haynes-catalog .panel-display h2,
.page-haynes-makes .panel-display h2,
.page-haynes-models .panel-display h2 {
  display: none;
}

.page-haynes-makes .panel-display h2,
.page-haynes-models .panel-display h2 {
  display: none;
}

.header ul.menu li, .header ul.showUser li {
  margin: 0;
}
.header ul.menu li.expanded, .header ul.menu li.collapsed, .header ul.menu li.leaf, .header ul.showUser li.expanded, .header ul.showUser li.collapsed, .header ul.showUser li.leaf {
  padding: 0;
  list-style: none;
}

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

.make-title.element-invisible {
  position: relative;
  clip: auto;
  overflow: visible;
  height: auto;
}

.marker,
.form-required {
  color: #3d3935;
}

nav.tabs {
  width: 100%;
}
nav.tabs ul.tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  -o-flex-basis: 100%;
  flex-basis: 100%;
}

#user-login {
  width: 50%;
}
#user-login .form-required {
  margin: 10px 0;
}
#user-login input[type=text], #user-login input[type=password] {
  border: 1px solid #ddd;
}

table {
  background: transparent;
}
table th, table tbody {
  border: 0;
}
table tr.even, table tr.odd {
  background: transparent;
  border: 0;
}

.view-haynes-commerce-backoffice-order-payments,
.view-display-id-order_view {
  font-family: "haynesadjustbold", sans-serif;
  margin-bottom: 20px;
}
.view-haynes-commerce-backoffice-order-payments table,
.view-display-id-order_view table {
  margin-top: 0 !important;
}
.view-haynes-commerce-backoffice-order-payments table th,
.view-display-id-order_view table th {
  padding: 0;
}
.view-haynes-commerce-backoffice-order-payments table th:first-child,
.view-display-id-order_view table th:first-child {
  text-align: left;
}
.view-haynes-commerce-backoffice-order-payments table .active,
.view-display-id-order_view table .active {
  background: #fff;
}

.view-display-id-order_view {
  margin-top: 20px;
}

#block-masquerade-masquerade {
  background: #e0e0e0;
  border: 1px solid #949494;
  padding: 10px;
}
#block-masquerade-masquerade .container-inline {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
#block-masquerade-masquerade .container-inline .form-item-masquerade-user-field {
  width: 95%;
}

.mobile-hidden {
  display: none !important;
}
@media (min-width: 768px) {
  .mobile-hidden {
    display: block !important;
  }
}

#block-haynes-masquerade-haynes-masquerade {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #ddd;
  background: #f8f8f8;
  clear: both;
}
#block-haynes-masquerade-haynes-masquerade p {
  padding: 0;
  margin: 0;
}

body, table, .header, .wrapper {
  width: 100%;
}

nav ul, nav li, .footer nav ul, .footer nav li, .header .user-login-container ul, .popular-models .item-list ul, .page-search .leftContainer .block-facetapi ul, .page-search .leftContainer .block-facetapi li, .page-search .pager-load-more,
.page-search .pager--infinite-scroll, #site-map ul.site-map-menu,
#site-map ul.site-map-menu li,
#site-map li.expanded,
#site-map li.collapsed,
#site-map li.leaf, .page-user-cas .rightContainer .showUser, .page-user-cas .rightContainer .menu, .page-user-cas .rightContainer ul li, .page-user-cas .action-links, .item-list-pager .pager {
  list-style: none;
  padding: 0;
  margin: 0;
}

.insideView, #block-views-sub-menu-strip-sub-menu-strip, .wrapper > .insideView {
  margin: 0 auto;
  width: 1010px;
}
@media only screen and (max-width: 1010px) {
  .insideView, #block-views-sub-menu-strip-sub-menu-strip, .wrapper > .insideView {
    width: 100%;
  }
}

@media only screen and (min-width: 780px) {
  html, body {
    height: 100%;
  }

  .insideView:after,
  .wrapper:after {
    content: "";
    display: block;
  }
}
body {
  min-width: 320px;
  font-family: "haynesadjustroman", sans-serif;
  color: #3d3935;
  font-size: 14px;
  font-size: 0.875rem;
  position: relative;
}

img {
  display: block;
}

a {
  cursor: pointer;
}
a.colorbox-node {
  color: #da291c;
}

.insideView {
  width: 1010px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1020px) {
  .insideView {
    width: 100%;
  }
}

.breadCrumb {
  width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  -o-flex-basis: 100%;
  flex-basis: 100%;
}

.container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.page-home .container h2, .home-page-cat .container h2 {
  margin-top: 0;
}
@media only screen and (max-width: 600px) {
  .container {
    padding-top: 10px;
  }
}

.rightContainer {
  margin-top: 30px;
}
.page-motorcycle-manuals .rightContainer, .page-car-manuals .rightContainer, .page-general-interest-manuals .rightContainer, .page-practical-lifestyle-manuals .rightContainer, .page-tips-tutorials .rightContainer {
  margin-top: 0px;
}
@media only screen and (min-width: 930px) {
  .rightContainer {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 890px) {
  .rightContainer {
    display: none;
  }
}
.rightContainer li.back-link {
  display: none;
}

.breadCrumb,
.page-haynes-models,
.entity-paragraphs-item {
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (min-width: 930px) {
  .breadCrumb,
  .page-haynes-models,
  .entity-paragraphs-item {
    margin-left: 0;
    margin-right: 0;
  }
}

@font-face {
  font-family: 'haynesadjustbold';
  src: url("../fonts/haynesadjust-bold-webfont.woff2") format("woff2"), url("../fonts/haynesadjust-bold-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'haynesadjustitalic';
  src: url("../fonts/haynesadjust-it-webfont.woff2") format("woff2"), url("haynesadjust-it-webfont.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: 'haynesadjustlight';
  src: url("../fonts/haynesadjust-lt-webfont.woff2") format("woff2"), url("../fonts/haynesadjust-lt-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'haynesadjustlight_italic';
  src: url("../fonts/haynesadjust-ltit-webfont.woff2") format("woff2"), url("../fonts/haynesadjust-ltit-webfont.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'haynesadjustmedium';
  src: url("../fonts/haynesadjust-md-webfont.woff2") format("woff2"), url("../fonts/haynesadjust-md-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'haynesadjustmedium_italic';
  src: url("../fonts/haynesadjust-mdit-webfont.woff2") format("woff2"), url("../fonts/haynesadjust-mdit-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'haynesadjustroman';
  src: url("../fonts/haynesadjust-roman-webfont.woff2") format("woff2"), url("../fonts/haynesadjust-roman-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
strong, b, label {
  font-family: "haynesadjustbold", sans-serif;
  font-weight: bold;
}

em, i {
  font-family: "haynesadjustitalic", sans-serif;
  font-style: italic;
}

nav a {
  text-decoration: none;
  color: black;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'haynesadjustbold', sans-serif;
  font-weight: normal;
}

h1 {
  font-size: 30px;
  width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  -o-flex-basis: 100%;
  flex-basis: 100%;
}

h2 {
  font-size: 26px;
}

h3, .rightContainer h2 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

p {
  line-height: 1.3em;
}

nav a {
  display: block;
}

.header .nav-holder nav#block-menu-block-1 {
  display: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1020px) {
  .header .nav-holder nav#block-menu-block-1 {
    width: 100%;
  }
}
.header .nav-holder nav#block-menu-block-1 ul.menu {
  width: 1010px;
  max-width: 100%;
}
.header .nav-holder nav#block-menu-block-1 ul.menu li.highlight > a {
  color: #f8e81e;
}
@media only screen and (min-width: 930px) {
  .header .nav-holder nav#block-menu-block-1 {
    padding: 0;
    display: flex;
    justify-content: center;
  }
  .header .nav-holder nav#block-menu-block-1 > ul {
    position: relative !important;
    max-width: 1010px;
  }
  .header .nav-holder nav#block-menu-block-1 > ul > li > a {
    line-height: 50px;
    font-size: 16px;
    font-size: 1rem;
    padding: 0;
  }
  .header .nav-holder nav#block-menu-block-1 ul {
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-width: 1010px;
  }
  .header .nav-holder nav#block-menu-block-1 ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    flex-grow: 1;
    position: static !important;
    top: 50px;
  }
  .header .nav-holder nav#block-menu-block-1 ul li > a {
    text-align: center;
    width: 100%;
  }
  .header .nav-holder nav#block-menu-block-1 ul li li.expanded.active-trail > a {
    color: #da291c;
  }
  .header .nav-holder nav#block-menu-block-1 ul li ul {
    display: block;
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    padding: 10px 30px 40px 30px;
    box-sizing: border-box;
  }
  .header .nav-holder nav#block-menu-block-1 ul li:hover ul {
    display: block;
    position: absolute;
    background: #3d3a35;
    column-count: 4;
    left: 0;
    top: 35px;
    width: 100%;
    z-index: 9999;
    max-height: 400px;
  }
  .header .nav-holder nav#block-menu-block-1 ul li:hover ul li {
    max-width: 90%;
    width: auto;
    display: block;
  }
  .header .nav-holder nav#block-menu-block-1 ul li:hover ul li.image-holder {
    break-inside: avoid;
  }
  .header .nav-holder nav#block-menu-block-1 ul li:hover ul li.image-holder .image-link {
    display: block;
  }
  .header .nav-holder nav#block-menu-block-1 ul li:hover ul li.image-holder .text-link {
    display: none;
  }
  .header .nav-holder nav#block-menu-block-1 ul li:hover ul li ul {
    max-width: 100%;
    position: relative;
    top: 0;
    column-count: 1;
    padding: 0 0 0 10px;
  }
  .header .nav-holder nav#block-menu-block-1 ul li:hover ul li ul li {
    top: 0;
    padding: 0;
    display: block;
    position: relative !important;
  }
  .header .nav-holder nav#block-menu-block-1 ul li:hover ul a {
    font-family: "haynesadjustmedium", sans-serif;
    color: white;
    background: none;
    display: block;
    text-align: left;
    padding-left: 10px;
    max-width: 100%;
    width: auto;
  }
  .header .nav-holder nav#block-menu-block-1 ul li:hover ul a:hover {
    color: #da291c;
  }
  .header .nav-holder nav#block-menu-block-1 ul li:hover ul img {
    max-width: 100%;
    height: auto;
  }
  .header .nav-holder nav#block-menu-block-1 ul li ul {
    display: none;
  }
  .header .nav-holder nav#block-menu-block-1 ul .active-trail {
    color: #da291c;
  }
  .header .nav-holder nav#block-menu-block-1 ul .active-trail a,
  .header .nav-holder nav#block-menu-block-1 ul .active a,
  .header .nav-holder nav#block-menu-block-1 ul a:hover {
    color: #da291c;
  }
  .header .nav-holder nav#block-menu-block-1 ul a {
    font-family: "haynesadjustbold", sans-serif;
    color: white;
    padding: 9px 0;
    display: block;
    text-align: center;
    position: relative;
  }
}
@media only screen and (min-width: 521px) and (max-width: 940px) {
  .header .nav-holder nav#block-menu-block-1 ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .header .nav-holder nav#block-menu-block-1 ul li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .header .nav-holder nav#block-menu-block-1 ul li a {
    background: none;
    width: 100%;
    text-align: left;
  }
  .header .nav-holder nav#block-menu-block-1 ul li .active-trail a,
  .header .nav-holder nav#block-menu-block-1 ul li .active a,
  .header .nav-holder nav#block-menu-block-1 ul li a:hover {
    background: none;
  }
  .header .nav-holder nav#block-menu-block-1 ul li:hover ul {
    display: block;
    position: absolute;
    background: #3d3a35;
    left: 0;
    top: 37px;
    z-index: 9999;
  }
  .header .nav-holder nav#block-menu-block-1 ul li:hover ul li {
    width: 100%;
  }
  .header .nav-holder nav#block-menu-block-1 ul li:hover ul li a {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@keyframes showNav {
  0% {
    right: -75%;
  }
  100% {
    width: 75%;
  }
}
#block-views-sub-menu-strip-sub-menu-strip {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  list-style-type: none;
}
@media only screen and (min-width: 930px) {
  #block-views-sub-menu-strip-sub-menu-strip {
    width: 930px;
  }
}
#block-views-sub-menu-strip-sub-menu-strip .views-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  margin: 5px;
}
#block-views-sub-menu-strip-sub-menu-strip .views-row:first-of-type {
  margin-left: 10px;
  margin-right: 5px;
}
#block-views-sub-menu-strip-sub-menu-strip .views-row:last-of-type {
  margin-left: 5px;
  margin-right: 10px;
}
#block-views-sub-menu-strip-sub-menu-strip .views-row .node-pod {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
  border-bottom: 0;
  padding: 5px 0;
}
#block-views-sub-menu-strip-sub-menu-strip .views-row .node-pod .content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
@media only screen and (min-width: 930px) {
  #block-views-sub-menu-strip-sub-menu-strip .views-row .node-pod .content {
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}
#block-views-sub-menu-strip-sub-menu-strip .views-row .node-pod .image {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -o-flex-grow: 0;
  flex-grow: 0;
  max-width: 60px;
  height: 40px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 930px) {
  #block-views-sub-menu-strip-sub-menu-strip .views-row .node-pod .image {
    height: auto;
    margin-bottom: 0;
  }
}
#block-views-sub-menu-strip-sub-menu-strip .views-row .node-pod h2 {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
  color: #3d3a35;
  font-family: "haynesadjustmedium", sans-serif;
  padding-left: 8px;
  font-size: 1rem;
  margin: 0;
  text-align: center;
}
#block-views-sub-menu-strip-sub-menu-strip .views-row .node-pod a {
  background: none;
  display: block;
  text-align: left;
  text-decoration: none;
  padding-left: 10px;
}
#block-views-sub-menu-strip-sub-menu-strip .views-row .node-pod a:first-of-type {
  padding-left: 0;
}
#block-views-sub-menu-strip-sub-menu-strip .views-row .node-pod a img,
#block-views-sub-menu-strip-sub-menu-strip .views-row .node-pod img {
  max-width: 60px;
  max-height: 50px;
}
@media only screen and (max-device-width: 500px) {
  #block-views-sub-menu-strip-sub-menu-strip .views-row .node-pod .content a {
    padding-left: 0;
    text-align: center;
  }
}

[id^="block-haynes-search-haynes-search-"],
[id*="-sq"] {
  width: 100%;
}

[id^="-sq"],
[id*="-sq"] {
  width: 300px;
}
@media only screen and (max-width: 1020px) {
  [id^="-sq"],
  [id*="-sq"] {
    width: 100%;
    transition: width 0.25s ease-in;
  }
}

.haynes-search-block {
  height: 70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  background: #e8e9e4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e8e9e4 0%, #fdfdfd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e9e4), color-stop(100%, #fdfdfd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e8e9e4 0%, #fdfdfd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e8e9e4 0%, #fdfdfd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e8e9e4 0%, #fdfdfd 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e8e9e4 0%, #fdfdfd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
  padding: 0 1.041666667%;
  position: relative;
  width: 100%;
}
.haynes-search-block label {
  font-family: "haynesadjustbold", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
.haynes-search-block form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-flex-item-align: center;
  align-self: center;
  width: 84%;
}
.haynes-search-block form #haynes-search-variant-wrapper {
  width: 22%;
  margin-right: 1%;
}
@media only screen and (max-width: 660px) {
  .haynes-search-block form #haynes-search-variant-wrapper {
    width: 49.5%;
  }
}
.haynes-search-block form #haynes-search-type-wrapper,
.haynes-search-block form #haynes-search-year-wrapper,
.haynes-search-block form #haynes-search-make-wrapper,
.haynes-search-block form #haynes-search-model-wrapper {
  width: 22%;
  margin-right: 1%;
}
.haynes-search-block form select {
  font-family: "haynesadjustlight", sans-serif;
}
.haynes-search-block form select:first-child {
  font-family: "haynesadjustlight_italic", sans-serif;
}
.haynes-search-block form select.selected {
  font-family: "haynesadjustlight", sans-serif;
  font-style: normal;
}
.haynes-search-block.wide-search {
  width: 100%;
}
@media only screen and (min-width: 1010px) {
  .haynes-search-block.wide-search:after {
    position: absolute;
    content: "";
    z-index: -1;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
    bottom: 0px;
    width: 80%;
    height: 50%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 10%;
    right: 10%;
  }
}
@media only screen and (max-width: 1020px) {
  .haynes-search-block.wide-search {
    height: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    background: #e8e9e4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e8e9e4 0%, #fdfdfd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e9e4), color-stop(100%, #fdfdfd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e8e9e4 0%, #fdfdfd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e8e9e4 0%, #fdfdfd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e8e9e4 0%, #fdfdfd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e8e9e4 0%, #fdfdfd 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    padding: 0 1.041666667%;
    position: relative;
    width: 100%;
  }
  .haynes-search-block.wide-search form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 84%;
  }
  .haynes-search-block.wide-search form #haynes-search-type-wrapper,
  .haynes-search-block.wide-search form #haynes-search-year-wrapper,
  .haynes-search-block.wide-search form #haynes-search-make-wrapper,
  .haynes-search-block.wide-search form #haynes-search-model-wrapper {
    width: 22.784810127%;
    margin-right: 1.041666667%;
  }
  .haynes-search-block.wide-search form select.selected {
    font-family: "haynesadjustmedium", sans-serif;
    font-style: normal;
  }
  .haynes-search-block.wide-search label {
    font-family: "haynesadjustbold", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    margin-right: 2.083333333%;
  }
  .haynes-search-block.wide-search input[type=submit] {
    border: 1px solid #e0e0e0;
    width: 30px;
    background-image: url(../img/btn-arrow.svg);
    background-size: 30px 30px;
  }
  .haynes-search-block.wide-search input[type=submit].no-svg, .no-svg .haynes-search-block.wide-search input[type=submit] {
    background-image: url(../img/btn-arrow.png);
  }
}
@media only screen and (max-width: 1020px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 1020px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 1020px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1020px) and (min-device-pixel-ratio: 1.5) {
  .haynes-search-block.wide-search input[type=submit].no-svg, .no-svg .haynes-search-block.wide-search input[type=submit] {
    background-image: url(../img/btn-arrow@2x.png);
  }
}
@media only screen and (max-width: 1020px) and (max-width: 660px) {
  .haynes-search-block.wide-search input[type=submit] {
    width: auto;
    background-image: none;
  }
}

@media only screen and (max-width: 1010px) {
  .haynes-search-block.wide-search {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    height: auto !important;
  }
  .haynes-search-block.wide-search label {
    margin: 10px 0;
  }
  .haynes-search-block.wide-search form {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 660px) {
  .haynes-search-block.wide-search {
    padding-bottom: 10px;
  }
  .haynes-search-block.wide-search form {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    height: auto;
  }
  .haynes-search-block.wide-search form #haynes-search-type-wrapper,
  .haynes-search-block.wide-search form #haynes-search-year-wrapper,
  .haynes-search-block.wide-search form #haynes-search-make-wrapper,
  .haynes-search-block.wide-search form #haynes-search-model-wrapper {
    width: 48.96%;
    margin: 0 0 10px 0;
    margin-right: 1.041666667%;
  }
  .haynes-search-block.wide-search form #haynes-search-year-wrapper,
  .haynes-search-block.wide-search form #haynes-search-model-wrapper {
    margin-right: 0 !important;
  }
}
.haynes-search-block.square-search {
  width: 100%;
  height: 260px;
  padding: 15px 3.333333333% 0 3.333333333%;
  border: 0;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.haynes-search-block.square-search form {
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  -ms-flex-item-align: flex-start;
  align-self: flex-start;
  width: 100%;
}
.haynes-search-block.square-search form #haynes-search-type-wrapper,
.haynes-search-block.square-search form #haynes-search-year-wrapper,
.haynes-search-block.square-search form #haynes-search-make-wrapper,
.haynes-search-block.square-search form #haynes-search-model-wrapper {
  width: 100%;
}
.haynes-search-block.square-search input[type=submit] {
  border: none;
  width: 100%;
  cursor: pointer;
  font-family: "haynesadjustbold", sans-serif;
  background: #e0e0e0;
}
.haynes-search-block.square-search input[type=submit]:hover {
  background: #f8e81e;
}
@media only screen and (max-width: 1020px) {
  .haynes-search-block.square-search {
    height: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
  }
  .haynes-search-block.square-search form {
    width: 84%;
  }
  .haynes-search-block.square-search form select.selected {
    font-family: "haynesadjustlight", sans-serif;
    font-style: normal;
  }
  .haynes-search-block.square-search label {
    font-family: "haynesadjustbold", sans-serif;
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 1010px) {
  .haynes-search-block.square-search {
    height: auto;
  }
  .haynes-search-block.square-search form {
    width: 100%;
  }
}
.haynes-search-block.square-search #haynes-search-type-wrapper,
.haynes-search-block.square-search #haynes-search-year-wrapper,
.haynes-search-block.square-search #haynes-search-make-wrapper,
.haynes-search-block.square-search #haynes-search-model-wrapper {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 660px) {
  .haynes-search-block.square-search {
    padding-bottom: 10px;
  }
  .haynes-search-block.square-search form {
    display: block;
    height: auto;
  }
  .haynes-search-block.square-search form #haynes-search-year-wrapper,
  .haynes-search-block.square-search form #haynes-search-model-wrapper {
    margin-right: 0 !important;
  }
}
.haynes-search-block .ap-links {
  display: none;
}

input[type=text],
input[type=search],
input[type=password],
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

label.required:after {
  content: "*";
  color: #da291c;
  font-family: "haynesadjustlight", sans-serif;
}

form#haynes-search-box-form--2 .form-item-search, form#haynes-search-box-form .form-item-search {
  width: 100%;
}
form#haynes-search-box-form--2, form#haynes-search-box-form, form#haynes-newsletter-signup-block-form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
form select,
form input[type=text],
form input[type=password],
form input[type=search] {
  width: 100%;
}
form select,
form input[type=text],
form input[type=password],
form input[type=search],
form button[type=submit],
form input[type=submit] {
  padding: 0 10px;
  height: 30px;
  border: none;
  font-size: 16px;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
form select,
form input[type=text],
form input[type=password],
form input[type=search] {
  font-family: "haynesadjustitalic", sans-serif;
}
form button[type=submit],
form input[type=submit] {
  background: #f4f4f4;
  font-style: normal;
  color: #404040;
  cursor: pointer;
}
form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
  -moz-box-shadow: 0 0 0 1000px white inset;
  box-shadow: 0 0 0 1000px white inset;
}
form button,
form textarea,
form input,
form select {
  outline: none;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
form select {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../img/btn-select.svg);
  background-size: 30px 30px;
  background-position: right top;
  background-repeat: no-repeat;
}
form select.no-svg, .no-svg form select {
  background-image: url(../img/btn-select.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  form select.no-svg, .no-svg form select {
    background-image: url(../img/btn-select@2x.png);
  }
}
form .messages.status {
  box-shadow: 0 0 0 0;
}

fieldset {
  border: 0;
  border-top: 1px solid #da291c;
  padding: 20px 0 0 0;
}
fieldset legend {
  margin: 0 10px;
  white-space: nowrap;
  font-size: 16px;
  font-size: 1rem;
  font-family: "haynesadjustbold", sans-serif;
}
fieldset legend span {
  padding: 0 10px;
}
fieldset label {
  font-family: "haynesadjustbold", sans-serif;
}
fieldset .form-required {
  margin-bottom: 10px;
}
fieldset .form-required label {
  display: inline-block;
  width: 32.608695652%;
}
fieldset .form-required select, fieldset .form-required input[type=text] {
  width: 66.596%;
}
fieldset .form-required small {
  font-family: "haynesadjustlight_italic", sans-serif;
}

.field-name-field-customer-phone-number {
  margin-bottom: 10px;
}
.field-name-field-customer-phone-number label {
  display: inline-block;
  width: 32.608695652%;
  font-family: "haynesadjustbold", sans-serif;
}
.field-name-field-customer-phone-number select, .field-name-field-customer-phone-number input[type=text] {
  width: 66.596%;
}

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

select {
  z-index: 1;
}

.block-haynes-dealer-locator form {
  border: 1px solid #e0e0e0;
}

.field .field-label {
  font-weight: normal;
}

article.product-information .group-product .field-label, article.product-information .group-product label, article.product-information .group-product-more-details .field-label, article.product-information .group-product-more-details label {
  font-family: "haynesadjustroman", sans-serif;
}

#block-haynes-search-haynes-search-box--2 input {
  border: 1px solid #e0e0e0;
}

#views_slideshow_cycle_main_featured_banner-block_5 .slide {
  width: 1010px;
}

#block-views-blog-slideshow-block .skin-default {
  position: relative;
}
#block-views-blog-slideshow-block .views-slideshow-controls-top {
  position: absolute;
  bottom: 50%;
  z-index: 9;
  width: 100%;
}
#block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
#block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-pause {
  display: none;
}
#block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-previous,
#block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-next {
  cursor: pointer;
  display: block;
  background: rgba(0, 0, 0, 0.6);
  width: 35px;
  height: 45px;
  text-indent: -9999px;
  opacity: 0.6;
  background-position: center;
}
#block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-previous:hover,
#block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-next:hover {
  opacity: 0.8;
}
#block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-previous {
  background-image: url(../img/pointer-previous.svg);
  background-size: 35px 40px;
}
#block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-previous.no-svg, .no-svg #block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-previous {
  background-image: url(../img/pointer-previous.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-previous.no-svg, .no-svg #block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-previous {
    background-image: url(../img/pointer-previous@2x.png);
  }
}
#block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-next {
  background-image: url(../img/pointer-next.svg);
  background-size: 35px 40px;
}
#block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-next.no-svg, .no-svg #block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-next {
  background-image: url(../img/pointer-next.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-next.no-svg, .no-svg #block-views-blog-slideshow-block .views-slideshow-controls-top .views-slideshow-controls-text .views-slideshow-controls-text-next {
    background-image: url(../img/pointer-next@2x.png);
  }
}

.page-taxonomy-term .highlighted-region .block-views,
.page-tips-tutorials .highlighted-region .block-views,
.page-general-interest-manuals .highlighted-region .block-views,
.page-practical-lifestyle-manuals .highlighted-region .block-views {
  width: 100%;
  height: 260px;
  overflow: hidden;
}
.page-taxonomy-term .highlighted-region .block-views .views-slideshow-pager-field-item,
.page-tips-tutorials .highlighted-region .block-views .views-slideshow-pager-field-item,
.page-general-interest-manuals .highlighted-region .block-views .views-slideshow-pager-field-item,
.page-practical-lifestyle-manuals .highlighted-region .block-views .views-slideshow-pager-field-item {
  width: 25% !important;
  flex-grow: 1;
}
.page-taxonomy-term .highlighted-region .block-views .views-slideshow-pager-field-item .views-content-title,
.page-tips-tutorials .highlighted-region .block-views .views-slideshow-pager-field-item .views-content-title,
.page-general-interest-manuals .highlighted-region .block-views .views-slideshow-pager-field-item .views-content-title,
.page-practical-lifestyle-manuals .highlighted-region .block-views .views-slideshow-pager-field-item .views-content-title {
  width: 100% !important;
}

.highlighted-region {
  width: 100%;
}
.highlighted-region .block-views {
  width: 710px;
  height: 260px;
  overflow: hidden;
  filter: alpha(opacity=1);
  opacity: 1;
  transition: opacity 0.25s ease-in;
}
.highlighted-region .block-views h2 {
  display: none;
}
.highlighted-region .block-views .skin-default {
  position: relative;
  height: 260px;
}
.highlighted-region .block-views .skin-default .overlay-content {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  right: 0;
  top: 30px;
  width: 65.151515152%;
  padding: 1.041666667%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
}
.highlighted-region .block-views .skin-default .overlay-content a {
  color: #fff;
  text-decoration: none;
}
.highlighted-region .block-views .skin-default .overlay-content .title {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "haynesadjustmedium", sans-serif;
  color: #fff;
  text-decoration: none;
}
.highlighted-region .block-views .skin-default .overlay-content .description {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "haynesadjustroman", sans-serif;
  color: #fff;
  text-decoration: none;
}
.highlighted-region .block-views .skin-default .views-slideshow-pager-fields {
  position: absolute;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.highlighted-region .block-views .skin-default .views-slideshow-pager-field-item {
  background: rgba(0, 0, 0, 0.4);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
  color: #fff;
  font-family: "haynesadjustlight", sans-serif;
}
.highlighted-region .block-views .skin-default .views-slideshow-pager-field-item .views-content-title {
  width: 237px;
  height: 50px;
  text-align: center;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.highlighted-region .block-views .skin-default .active.views-slideshow-pager-field-item .views-content-title {
  background: rgba(0, 0, 0, 0.6);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
}
@media only screen and (max-width: 1020px) {
  .highlighted-region .block-views {
    width: 100%;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    -o-flex-order: -1;
    order: -1;
  }
  .highlighted-region .block-views .skin-default .views_slideshow_main .views-slideshow-cycle-main-frame {
    width: 100% !important;
  }
  .highlighted-region .block-views .skin-default .views_slideshow_main .views-slideshow-cycle-main-frame .views_slideshow_cycle_slide {
    width: 100% !important;
  }
  .highlighted-region .block-views .skin-default .views_slideshow_main .views-slideshow-cycle-main-frame .views_slideshow_cycle_slide .views-slideshow-cycle-main-frame-row-item .slide {
    width: 100%;
  }
  .highlighted-region .block-views .skin-default .views_slideshow_main .views-slideshow-cycle-main-frame .views_slideshow_cycle_slide .views-slideshow-cycle-main-frame-row-item .slide .slide-bg {
    width: 100% !important;
  }
  .highlighted-region .block-views .skin-default .views_slideshow_main .views-slideshow-cycle-main-frame .views_slideshow_cycle_slide .views-slideshow-cycle-main-frame-row-item .slide .slide-bg img {
    width: 100% !important;
    height: auto !important;
  }
}
@media only screen and (max-width: 710px) {
  .highlighted-region .block-views {
    height: auto !important;
  }
  .highlighted-region .block-views .skin-default,
  .highlighted-region .block-views .views_slideshow_cycle_slide {
    height: auto;
  }
  .highlighted-region .block-views .views-slideshow-controls-bottom {
    width: 100%;
  }
  .highlighted-region .block-views .views-slideshow-controls-bottom .widget_pager {
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
  }
  .highlighted-region .block-views .views-slideshow-controls-bottom .widget_pager .views_slideshow_pager_field_item {
    display: inline-block;
    width: 30px !important;
    height: 30px;
    margin: 0 10px;
    border: 1px solid #000;
    cursor: pointer;
    flex-grow: 0;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
  }
  .highlighted-region .block-views .views-slideshow-controls-bottom .widget_pager .views_slideshow_pager_field_item:nth-child(1):after {
    content: "1";
  }
  .highlighted-region .block-views .views-slideshow-controls-bottom .widget_pager .views_slideshow_pager_field_item:nth-child(2):after {
    content: "2";
  }
  .highlighted-region .block-views .views-slideshow-controls-bottom .widget_pager .views_slideshow_pager_field_item:nth-child(3):after {
    content: "3";
  }
  .highlighted-region .block-views .views-slideshow-controls-bottom .widget_pager .views_slideshow_pager_field_item:nth-child(4):after {
    content: "4";
  }
  .highlighted-region .block-views .views-slideshow-controls-bottom .widget_pager .views_slideshow_pager_field_item:after {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 12px;
    font-size: 0.75rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
  }
  .highlighted-region .block-views .views-slideshow-controls-bottom .widget_pager .views_slideshow_pager_field_item .views-field-title {
    display: none;
  }
  .highlighted-region .block-views .skin-default .overlay-content {
    top: 15px;
    width: 85%;
  }
  .highlighted-region .block-views .overlay-content .title {
    font-size: 16px !important;
    padding-right: 20px;
  }
  .highlighted-region .block-views .overlay-content .description {
    display: none;
  }
}

.vehicle-landing-page .landingspage-description {
  /*
  		td:hover::after { 
  			content: '\00a0';  
  			height: 10000px;    
  			left: 0;
  			position: absolute;  
  			top: -5000px;
  			width: 150px;
  			z-index: -1; 
  			@include box-shadow(0, 0, 10px, 0, rgba(0,0,0,0.5));
  
  			-webkit-transform:scale(1.2);
  			-moz-transform:scale(1.2);
  			-ms-transform:scale(1.2);
  			-o-transform:scale(1.2);
  			transform:scale(1.2);
  			*/
  /* IE8+ */
  /* IE6 and 7 */
}
.vehicle-landing-page .landingspage-description table {
  border-spacing: 0;
  border-collapse: collapse;
  overflow: hidden;
  z-index: 1;
}
.vehicle-landing-page .landingspage-description td, .vehicle-landing-page .landingspage-description th {
  cursor: pointer;
  position: relative;
}

.views-field-field-product-edition input[type=submit],
article input[type=submit] {
  font-size: 12px;
  font-size: 0.75rem;
  background: #f4f4f4 url(../img/add-round.png) no-repeat top left;
  background-size: 30px 30px;
  font-family: "haynesadjustmedium", sans-serif;
  height: 30px;
  padding-left: 45px;
}
.views-field-field-product-edition input[type=submit]:hover,
article input[type=submit]:hover {
  background-color: #f8e81e;
}

.button.continue span,
.button a,
a.more-info,
.page-user-cas-wishlist a.unflag-action,
#btnFindDealers,
.proceed-to-checkout-button,
.links.inline a,
.addressbook-links a,
.action-links a,
.pager--infinite-scroll a,
.pager-load-more a,
.form-cancel a,
.submit-form {
  font-style: normal;
  padding: 0 10px;
  height: 30px;
  font-family: "haynesadjustmedium", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-flex-item-align: center;
  align-self: center;
  cursor: pointer;
  color: #404040;
  display: inline-block;
  background: #f4f4f4;
}
.button.continue span:focus, .button.continue span:hover,
.button a:focus,
.button a:hover,
a.more-info:focus,
a.more-info:hover,
.page-user-cas-wishlist a.unflag-action:focus,
.page-user-cas-wishlist a.unflag-action:hover,
#btnFindDealers:focus,
#btnFindDealers:hover,
.proceed-to-checkout-button:focus,
.proceed-to-checkout-button:hover,
.links.inline a:focus,
.links.inline a:hover,
.addressbook-links a:focus,
.addressbook-links a:hover,
.action-links a:focus,
.action-links a:hover,
.pager--infinite-scroll a:focus,
.pager--infinite-scroll a:hover,
.pager-load-more a:focus,
.pager-load-more a:hover,
.form-cancel a:focus,
.form-cancel a:hover,
.submit-form:focus,
.submit-form:hover {
  text-decoration: none;
  color: #404040;
  background: #f8e81e;
}

.checkout-buttons .checkout-back,
.checkout-buttons .checkout-cancel {
  cursor: pointer;
  color: #404040;
  display: inline-block;
  background: #f4f4f4;
}
.checkout-buttons .checkout-back:focus, .checkout-buttons .checkout-back:hover,
.checkout-buttons .checkout-cancel:focus,
.checkout-buttons .checkout-cancel:hover {
  text-decoration: none;
  color: #404040;
  background: #f8e81e;
}

a.more-info {
  height: 22px;
}

h4.action-links a {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 4px 10px;
}

.node-type-blog .container article [class^="cta-"] a,
[class^="cta-"] a {
  display: block;
  padding: 5px 60px 5px 5px;
  margin: 10px 0;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  font-size: 22px;
  line-height: 24px;
  font-family: "haynesadjustbold", sans-serif;
}
.node-type-blog .container article [class^="cta-"] a:before,
[class^="cta-"] a:before {
  content: ' ';
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 11px solid black;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -6px;
  z-index: 2;
}
.node-type-blog .container article [class^="cta-"] a:after,
[class^="cta-"] a:after {
  content: ' ';
  height: 0;
  width: 0;
  padding-right: 30px;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 14px solid transparent;
  border-top-style: solid;
  border-top-width: 128px;
  z-index: 1;
}

.node-type-blog .container article .cta-yellow a,
.cta-yellow a {
  background: #f8e820;
  color: #000;
}
.node-type-blog .container article .cta-yellow a:after,
.cta-yellow a:after {
  border-top-color: #fdfad2;
}

.node-type-blog .container article .cta-red a,
.cta-red a {
  background: #e2272a;
  color: #000;
}
.node-type-blog .container article .cta-red a:after,
.cta-red a:after {
  border-top-color: #f9d3d4;
}

.node-type-blog .container article .cta-grey1 a,
.cta-grey1 a {
  background: #829c9c;
  color: #000;
}
.node-type-blog .container article .cta-grey1 a:after,
.cta-grey1 a:after {
  border-top-color: #e6ebeb;
}

.node-type-blog .container article .cta-grey2 a,
.cta-grey2 a {
  background: #b5bcbc;
  color: #000;
}
.node-type-blog .container article .cta-grey2 a:after,
.cta-grey2 a:after {
  border-top-color: #f0f1f1;
}

.node-type-blog .container article .cta-grey3 a,
.cta-grey3 a {
  background: #333;
  color: #fff;
}
.node-type-blog .container article .cta-grey3 a:after,
.cta-grey3 a:after {
  border-top-color: #d5d5d5;
}

.checkout-buttons .checkout-back {
  background: url(../img/btn-arrow-left.png) no-repeat center left #f4f4f4;
  padding-left: 30px;
}
.checkout-buttons .checkout-back:hover {
  background: url(../img/btn-arrow-left.png) no-repeat center left #f8e81e;
}

.checkout-buttons .checkout-continue {
  background: url(../img/btn-arrow-right.png) no-repeat center right #f4f4f4;
  padding-right: 30px;
}

input[type=submit]:hover {
  background-color: #f8e81e;
}

.node-type-haynes-model .landingspage-description table tfoot td a {
  background: url(../img/btn-arrow-right.png) no-repeat center right #f4f4f4;
}
.node-type-haynes-model .landingspage-description table tfoot td a:hover {
  background: url(../img/btn-arrow-right.png) no-repeat center right #f8e81e;
}

.mol-preview {
  margin: 15px 0;
  width: 100%;
}

#commerce-checkout-coupon-ajax-wrapper {
  border-top: 0px none;
  margin-top: 10px;
  border-top: 2px solid #f4f4f4;
  border-bottom: 2px solid #f4f4f4;
}
#commerce-checkout-coupon-ajax-wrapper fieldset {
  border-top: 0px none;
}
#commerce-checkout-coupon-ajax-wrapper legend {
  display: none;
}
#commerce-checkout-coupon-ajax-wrapper fieldset {
  padding: 20px 0;
}
#commerce-checkout-coupon-ajax-wrapper .fieldset-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
}
#commerce-checkout-coupon-ajax-wrapper .fieldset-wrapper > div {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
}
#commerce-checkout-coupon-ajax-wrapper .fieldset-wrapper > input {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -o-flex-grow: 0;
  flex-grow: 0;
}
#commerce-checkout-coupon-ajax-wrapper .fieldset-wrapper .form-item-commerce-coupon-coupon-code small {
  display: none;
}
@media only screen and (min-width: 468px) {
  #commerce-checkout-coupon-ajax-wrapper .fieldset-wrapper .form-item-commerce-coupon-coupon-code {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 468px) {
  #commerce-checkout-coupon-ajax-wrapper #edit-commerce-coupon-coupon-add {
    float: right;
  }
}
#commerce-checkout-coupon-ajax-wrapper .form-required {
  margin: 0;
}
#commerce-checkout-coupon-ajax-wrapper .views-table {
  margin-top: 15px;
}

#commerce-checkout-coupon-ajax-wrapper {
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  -o-flex-basis: 100%;
  flex-basis: 100%;
  margin-bottom: 20px;
}
#commerce-checkout-coupon-ajax-wrapper label {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
#commerce-checkout-coupon-ajax-wrapper input[type=text] {
  width: 100%;
  border: 1px solid #e0e0e0;
}
#commerce-checkout-coupon-ajax-wrapper input[type=submit] {
  border-left: 0;
  margin-left: 0.5em;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  -ms-flex-item-align: flex-end;
  align-self: flex-end;
}
#commerce-checkout-coupon-ajax-wrapper .fieldset-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
}
#commerce-checkout-coupon-ajax-wrapper .fieldset-wrapper .messages {
  width: 100%;
  margin-bottom: 15px !important;
}
@media only screen and (max-width: 490px) {
  #commerce-checkout-coupon-ajax-wrapper label {
    display: block;
    width: 100%;
  }
  #commerce-checkout-coupon-ajax-wrapper input[type=submit] {
    margin-top: 19px;
  }
}

.checkout-buttons .checkout-back {
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  -o-flex-order: -1;
  order: -1;
}
.checkout-buttons .checkout-continue {
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  -o-flex-order: 3;
  order: 3;
}
@media only screen and (max-width: 467px) {
  .checkout-buttons .checkout-continue {
    background-color: #f8e81e;
  }
}
.checkout-buttons .checkout-processing {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  -o-flex-order: 2;
  order: 2;
}

.shipping-disclaimer {
  border: 1px solid #c7c7c7;
  background: #ededed;
  margin: 20px 0;
  padding: 10px;
  font-family: "haynesadjustbold", sans-serif;
}
.shipping-disclaimer p {
  margin: 0;
}

@keyframes myAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.messages .insideView {
  margin: 0 auto;
  min-height: 20px !important;
}

.container .messages {
  width: 100% !important;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container .messages .insideView {
  margin: 0 auto;
  min-height: auto;
  width: 100% !important;
}

.messages {
  margin: 0 !important;
}
.messages.error {
  padding: 10px 10px 10px 50px;
  margin-bottom: 10px !important;
}
.messages.error .insideView {
  box-shadow: none;
  background: transparent;
  width: auto;
  height: auto;
}
.messages.error .insideView:before, .messages.error .insideView:after {
  box-shadow: none;
}
.messages.status {
  background-image: none !important;
  z-index: 101;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px 0 #000 ;
  -moz-box-shadow: 0 0 10px 0 #000 ;
  box-shadow: 0 0 10px 0 #000 ;
  animation: myAnimation 2.75s;
}
.messages.status.cart {
  color: #3d3935;
}
.messages.status.cart .insideView {
  background-image: url(../img/ico-cart.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.messages.status.cart .insideView.no-svg, .no-svg .messages.status.cart .insideView {
  background-image: url(../img/ico-cart.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .messages.status.cart .insideView.no-svg, .no-svg .messages.status.cart .insideView {
    background-image: url(../img/ico-cart@2x.png);
  }
}
.messages.status.wishlist {
  display: block;
  color: #3d3935;
}
.messages.status.wishlist .insideView {
  background-image: url(../img/ico-add-fav.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.messages.status.wishlist .insideView.no-svg, .no-svg .messages.status.wishlist .insideView {
  background-image: url(../img/ico-add-fav.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .messages.status.wishlist .insideView.no-svg, .no-svg .messages.status.wishlist .insideView {
    background-image: url(../img/ico-add-fav@2x.png);
  }
}
.messages.warning.manuals-online-sales-restriction {
  border: 0;
  background: #f6b454;
  padding: 10px;
  color: #3d3935;
  font-weight: 600;
  margin-bottom: 10px !important;
}
.messages.warning.manuals-online-sales-restriction p {
  margin: 0;
}
.messages.voucher-offer {
  color: #177b20;
  background: transparent none;
  font-family: "haynesadjustbold", sans-serif;
  font-size: 1.1em;
  border: 0px none;
  margin-bottom: 15px !important;
  margin: 0;
  padding: 10px 0;
}
.messages.voucher-offer:after {
  content: ' ';
  float: left;
  clear: both;
  width: 100%;
  height: 0;
  display: block;
}
.messages.voucher-offer p {
  margin: 0;
}

#cboxWrapper a {
  color: #da291c;
}
#cboxWrapper .open-link {
  margin-left: 10px;
}

#sliding-popup .popup-content #popup-text p {
  font-weight: 100;
}

.ajax-progress .throbber {
  display: none;
}

.highlighted-region form > div {
  position: relative;
}
.highlighted-region .ajax-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 5px;
  color: #fff;
}

.haynes-search-block .ajax-progress {
  display: none;
}

.haynes_search_info .vrm {
  font-family: "haynesadjustbold", sans-serif;
}
.haynes_search_info .vrm-form {
  margin: 18px 0;
}
.haynes_search_info .vrm-form label,
.haynes_search_info .vrm-form .intro {
  display: none;
}
.haynes_search_info .vrm-form > div {
  display: inline-block;
}
.haynes_search_info .vrm-form .cta {
  font-size: 0.95em;
  margin-right: 10px;
}

form[id^="haynes-vrm-form"] .form-row {
  margin: 5px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
}
form[id^="haynes-vrm-form"] label {
  display: none;
}

#block-haynes-search-haynes-search-vrm-block {
  margin: 0 0 20px 0;
  font-family: "haynesadjustmedium", sans-serif;
}
#block-haynes-search-haynes-search-vrm-block h3 {
  margin-top: 0;
  font-family: "haynesadjustlight", sans-serif;
}
#block-haynes-search-haynes-search-vrm-block td {
  font-family: "haynesadjustmedium", sans-serif;
  padding-right: 8px;
  color: #3d3935;
}
#block-haynes-search-haynes-search-vrm-block td, #block-haynes-search-haynes-search-vrm-block th {
  font-size: 16px;
  font-size: 1rem;
}
#block-haynes-search-haynes-search-vrm-block th, #block-haynes-search-haynes-search-vrm-block td.label {
  color: #888;
  font-family: "haynesadjustlight", sans-serif;
}
#block-haynes-search-haynes-search-vrm-block .products-header {
  border-top: 1px solid #da291c;
  padding-top: 20px;
  margin-top: 20px;
}
#block-haynes-search-haynes-search-vrm-block p {
  font-size: 1.4em;
  line-height: 1.5em;
  font-family: "haynesadjustlight", sans-serif;
}
#block-haynes-search-haynes-search-vrm-block ul.ap-list {
  margin: 0;
  padding: 0 10px 0 0;
  list-style-type: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
#block-haynes-search-haynes-search-vrm-block ul.ap-list li {
  width: 47%;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 930px) {
  #block-haynes-search-haynes-search-vrm-block ul.ap-list li {
    width: 23%;
  }
}
#block-haynes-search-haynes-search-vrm-block ul.ap-list li img {
  max-width: 100%;
  height: auto;
}
#block-haynes-search-haynes-search-vrm-block ul.ap-list li a.ap-link {
  position: absolute;
  height: 100%;
  width: 100%;
  color: white;
  text-decoration: none;
  display: block;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
#block-haynes-search-haynes-search-vrm-block ul.ap-list li h4 {
  display: inline-block;
  margin: 0 10%;
  width: 80%;
  text-align: center;
  color: white;
  text-shadow: 2px 2px #000000;
  font-family: "haynesadjustlight", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
}
#block-haynes-search-haynes-search-vrm-block table.nonmobile {
  display: none;
}
#block-haynes-search-haynes-search-vrm-block table.mobile td.label {
  text-align: right;
}
@media only screen and (min-width: 930px) {
  #block-haynes-search-haynes-search-vrm-block table.nonmobile {
    display: table;
    table-layout: fixed;
  }
  #block-haynes-search-haynes-search-vrm-block table.mobile {
    display: none;
  }
}

.nav-holder #block-menu-block-1,
.nav-holder #block-haynes-on-demand-strip .vehicle-select-inner {
  width: 1010px;
  max-width: 100%;
  margin: 0 auto;
}

#block-haynes-on-demand-strip {
  background: white;
  padding: 0 10px 10px 10px;
}
#block-haynes-on-demand-strip .vehicle-select-inner select {
  border: 1px solid #888a8c;
}
#block-haynes-on-demand-strip .vehicle-select-inner .intro {
  display: none;
}
#block-haynes-on-demand-strip .vehicle-select-inner .haynes-search-block {
  height: auto;
}
#block-haynes-on-demand-strip .vehicle-select-inner .vrm-or-text {
  font-size: 16px;
  font-size: 1rem;
  font-family: "haynesadjustmedium", sans-serif;
}
#block-haynes-on-demand-strip .vehicle-select-inner h3 {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "haynesadjustmedium", sans-serif;
  margin: 0 20px 0 0;
}
#block-haynes-on-demand-strip .vehicle-select-inner form[id^="haynes-search-print-form"] > div {
  margin-bottom: 10px;
  margin-right: 10px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
}
#block-haynes-on-demand-strip .vehicle-select-inner form[id^="haynes-search-print-form"] input[id^=edit-submit] {
  margin: 0;
  width: 30%;
  background-image: none;
  text-indent: 0;
}
@media only screen and (min-width: 930px) {
  #block-haynes-on-demand-strip .vehicle-select-inner form[id^="haynes-search-print-form"] input[id^=edit-submit] {
    width: 80%;
  }
}
#block-haynes-on-demand-strip .vehicle-select-inner form[id^="haynes-search-print-form"] .form-radios .form-item-type {
  display: block;
}
@media only screen and (min-width: 930px) {
  #block-haynes-on-demand-strip {
    padding: 0;
  }
  #block-haynes-on-demand-strip .vehicle-select-inner {
    padding: 15px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
  }
  #block-haynes-on-demand-strip .vehicle-select-inner select {
    padding-right: 10px;
  }
  #block-haynes-on-demand-strip .vehicle-select-inner .vrm-carousel-divider {
    width: 100px;
    margin: 0 10px;
  }
  #block-haynes-on-demand-strip .vehicle-select-inner h3 {
    min-width: 120px;
  }
  #block-haynes-on-demand-strip .vehicle-select-inner .intro {
    visibility: hidden;
    height: 0;
  }
  #block-haynes-on-demand-strip .vehicle-select-inner .form-row {
    margin: 0;
  }
  #block-haynes-on-demand-strip .vehicle-select-inner .haynes-search-block > form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  #block-haynes-on-demand-strip .vehicle-select-inner .haynes-search-block label {
    margin: 0;
  }
  #block-haynes-on-demand-strip .vehicle-select-inner form[id^="haynes-search-print-form"] > div, #block-haynes-on-demand-strip .vehicle-select-inner form[id^="haynes-search-print-form"] input {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    flex-grow: 1;
    width: auto;
    margin: 0;
  }
  #block-haynes-on-demand-strip .vehicle-select-inner form[id^="haynes-search-print-form"] > div#haynes-search-type-wrapper, #block-haynes-on-demand-strip .vehicle-select-inner form[id^="haynes-search-print-form"] input#haynes-search-type-wrapper {
    -webkit-flex-grow: 2;
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -o-flex-grow: 2;
    flex-grow: 2;
  }
  #block-haynes-on-demand-strip .vehicle-select-inner form[id^="haynes-search-print-form"] > div {
    padding: 0 4px;
  }
  #block-haynes-on-demand-strip .vehicle-select-inner form[id^="haynes-search-print-form"] input[id^=edit-submit] {
    padding: 0 10px;
    width: auto;
  }
}

.vrm-form input[id^="edit-vrm"],
.vehicle-select-inner input[id^="edit-vrm"] {
  margin-right: 5px;
  background: #f8e81e;
  border: 1px solid #3d3935;
  font-family: "haynesadjustmedium", sans-serif;
  text-transform: uppercase;
}
.vrm-form .form-submit,
.vehicle-select-inner .form-submit {
  background-image: none;
  background-color: #3d3935;
  color: white;
  padding-left: 10px;
  margin-left: 10px;
  font-size: 1rem;
}
.vrm-form input[id^="edit-vrm"],
.vrm-form .form-submit,
.vehicle-select-inner input[id^="edit-vrm"],
.vehicle-select-inner .form-submit {
  border-radius: 8px !important;
}
.vrm-form .haynes-search-block.square-search,
.vehicle-select-inner .haynes-search-block.square-search {
  background: none;
  padding: 0;
}
.vrm-form .haynes-search-block.square-search .form-radios,
.vehicle-select-inner .haynes-search-block.square-search .form-radios {
  display: inline-block;
}
.vrm-form .haynes-search-block.square-search .form-radios .form-item-type,
.vehicle-select-inner .haynes-search-block.square-search .form-radios .form-item-type {
  margin-right: 5px;
}
.vrm-form .haynes-search-block.square-search .form-radios label,
.vehicle-select-inner .haynes-search-block.square-search .form-radios label {
  font-family: "haynesadjustlight", sans-serif;
  font-weight: normal;
}
.vrm-form .haynes-search-block.square-search .form-radios .form-item-type, .vrm-form .haynes-search-block.square-search .form-radios label, .vrm-form .haynes-search-block.square-search .form-radios input,
.vehicle-select-inner .haynes-search-block.square-search .form-radios .form-item-type,
.vehicle-select-inner .haynes-search-block.square-search .form-radios label,
.vehicle-select-inner .haynes-search-block.square-search .form-radios input {
  display: inline-block;
}
.vrm-form .haynes-search-block.square-search select,
.vehicle-select-inner .haynes-search-block.square-search select {
  background-color: white;
  background-image: url(../img/select-updown.png);
  background-position: 98% 50%;
  background-size: initial;
  font-family: "haynesadjustlight", sans-serif;
}
.vrm-form .haynes-search-block.square-search input[type=submit], .vrm-form .haynes-search-block.square-search select,
.vehicle-select-inner .haynes-search-block.square-search input[type=submit],
.vehicle-select-inner .haynes-search-block.square-search select {
  border-radius: 12px !important;
}
.vrm-form .haynes-search-block.square-search input[id^=edit-submit],
.vehicle-select-inner .haynes-search-block.square-search input[id^=edit-submit] {
  background-color: #da291c;
  color: white;
  padding: 0;
  width: 100%;
}
.vrm-form h3,
.vehicle-select-inner h3 {
  color: #da291c;
  margin: 0 0 5px 0;
  font-size: 19px;
}
.vrm-form .vrm-carousel-divider,
.vehicle-select-inner .vrm-carousel-divider {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  padding-top: 0.5em;
  margin: 10px 0;
}
.vrm-form .vrm-carousel-divider .vrm-or-side,
.vehicle-select-inner .vrm-carousel-divider .vrm-or-side {
  border-top: 1px solid black;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
}
.vrm-form .vrm-carousel-divider .vrm-or-text,
.vehicle-select-inner .vrm-carousel-divider .vrm-or-text {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -o-flex-grow: 0;
  flex-grow: 0;
  padding: 0 10px;
  margin-top: -0.5em;
}

.paragraphs-item-carousel.overlay form[id^="haynes-search-print-form"] > div {
  margin-bottom: 10px;
}
.paragraphs-item-carousel.overlay form[id^="haynes-search-print-form"] .form-submit {
  margin: 0;
}

.vrm-empty.page-search .container {
  padding: 0;
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (min-width: 930px) {
  .vrm-empty.page-search .container {
    margin-left: 0;
    margin-right: 0;
  }
}
.vrm-empty.page-search .haynes-search-vrm-intro .image {
  border-bottom: 1px solid #da291c;
}

#block-haynes-ads-sidebar-ads .node-advertisement-sidebar,
#block-haynes-ads-sidebar-ads .views-row,
[id^="block-views-haynes-ad-sidebar-block-"] .node-advertisement-sidebar,
[id^="block-views-haynes-ad-sidebar-block-"] .views-row,
[id*="block-views-haynes-ad-sidebar-block-"] .node-advertisement-sidebar,
[id*="block-views-haynes-ad-sidebar-block-"] .views-row {
  max-width: 100%;
  margin-bottom: 25px;
}
#block-haynes-ads-sidebar-ads .node-advertisement-sidebar:last-child,
#block-haynes-ads-sidebar-ads .views-row:last-child,
[id^="block-views-haynes-ad-sidebar-block-"] .node-advertisement-sidebar:last-child,
[id^="block-views-haynes-ad-sidebar-block-"] .views-row:last-child,
[id*="block-views-haynes-ad-sidebar-block-"] .node-advertisement-sidebar:last-child,
[id*="block-views-haynes-ad-sidebar-block-"] .views-row:last-child {
  margin: 0;
}
#block-haynes-ads-sidebar-ads .node-advertisement-sidebar img,
#block-haynes-ads-sidebar-ads .views-row img,
[id^="block-views-haynes-ad-sidebar-block-"] .node-advertisement-sidebar img,
[id^="block-views-haynes-ad-sidebar-block-"] .views-row img,
[id*="block-views-haynes-ad-sidebar-block-"] .node-advertisement-sidebar img,
[id*="block-views-haynes-ad-sidebar-block-"] .views-row img {
  max-width: 100%;
  height: auto;
}

#block-haynes-ads-sidebar-ads {
  max-width: 280px;
}

.haynes-checkout-you-might-also-like-block,
.haynes-catalog-product-references-block {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 800px) {
  .haynes-checkout-you-might-also-like-block,
  .haynes-catalog-product-references-block {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
@media only screen and (max-width: 700px) {
  .haynes-checkout-you-might-also-like-block,
  .haynes-catalog-product-references-block {
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.haynes-checkout-you-might-also-like-block .product,
.haynes-catalog-product-references-block .product {
  width: 32%;
  margin-bottom: 20px;
}
.haynes-checkout-you-might-also-like-block .product:last-child,
.haynes-catalog-product-references-block .product:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 800px) {
  .haynes-checkout-you-might-also-like-block .product,
  .haynes-catalog-product-references-block .product {
    width: 48.412698413%;
  }
}
@media only screen and (max-width: 700px) {
  .haynes-checkout-you-might-also-like-block .product,
  .haynes-catalog-product-references-block .product {
    width: 100%;
    margin-right: 0;
  }
}
.haynes-checkout-you-might-also-like-block .product article.product-information .field-type-image,
.haynes-catalog-product-references-block .product article.product-information .field-type-image {
  width: 96px;
  height: auto;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.haynes-checkout-you-might-also-like-block .product article.product-information .field-type-image img,
.haynes-catalog-product-references-block .product article.product-information .field-type-image img {
  width: 100%;
  min-width: 90px;
  height: auto;
  min-height: 125px;
  max-height: 125px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #fff;
}
.haynes-checkout-you-might-also-like-block .product article.product-information .group-text,
.haynes-catalog-product-references-block .product article.product-information .group-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  position: relative;
}
.haynes-checkout-you-might-also-like-block .product article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount,
.haynes-catalog-product-references-block .product article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount {
  color: #636363;
  background-image: url(../img/price-line.svg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: auto;
}
.haynes-checkout-you-might-also-like-block .product article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg .haynes-checkout-you-might-also-like-block .product article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount,
.haynes-catalog-product-references-block .product article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
.haynes-catalog-product-references-block .product article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount {
  background-image: url(../img/price-line.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .haynes-checkout-you-might-also-like-block .product article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg .haynes-checkout-you-might-also-like-block .product article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount,
  .haynes-catalog-product-references-block .product article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
  .haynes-catalog-product-references-block .product article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount {
    background-image: url(../img/price-line@2x.png);
  }
}

.home-page-cat .haynes-catalog-product-references-block {
  width: 100%;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
}
.home-page-cat .haynes-catalog-product-references-block .product {
  margin-right: 0;
}

.basic-node,
#block-views-blog-related-articles-block,
.pane-new-products {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 800px) {
  .basic-node,
  #block-views-blog-related-articles-block,
  .pane-new-products {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 700px) {
  .basic-node,
  #block-views-blog-related-articles-block,
  .pane-new-products {
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
}
.basic-node h2,
#block-views-blog-related-articles-block h2,
.pane-new-products h2 {
  width: 100%;
}
.basic-node .views-row,
#block-views-blog-related-articles-block .views-row,
.pane-new-products .views-row {
  width: 31%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 800px) {
  .basic-node .views-row,
  #block-views-blog-related-articles-block .views-row,
  .pane-new-products .views-row {
    width: 48.412698413%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 700px) {
  .basic-node .views-row,
  #block-views-blog-related-articles-block .views-row,
  .pane-new-products .views-row {
    width: 100%;
    margin-right: 0;
  }
}
.basic-node .views-row article.product-information .field-type-image,
#block-views-blog-related-articles-block .views-row article.product-information .field-type-image,
.pane-new-products .views-row article.product-information .field-type-image {
  width: 96px;
  height: auto;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.basic-node .views-row article.product-information .field-type-image img,
#block-views-blog-related-articles-block .views-row article.product-information .field-type-image img,
.pane-new-products .views-row article.product-information .field-type-image img {
  width: 100%;
  min-width: 90px;
  height: auto;
  min-height: 125px;
  max-height: 125px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #fff;
}
.basic-node .views-row article.product-information .group-text,
#block-views-blog-related-articles-block .views-row article.product-information .group-text,
.pane-new-products .views-row article.product-information .group-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  position: relative;
}
.basic-node .views-row article.product-information .group-text .field-name-title-field,
#block-views-blog-related-articles-block .views-row article.product-information .group-text .field-name-title-field,
.pane-new-products .views-row article.product-information .group-text .field-name-title-field {
  margin-bottom: 5px;
  overflow: hidden;
  height: 40px;
}
.basic-node .views-row article.product-information .group-text .field-name-title-field a,
#block-views-blog-related-articles-block .views-row article.product-information .group-text .field-name-title-field a,
.pane-new-products .views-row article.product-information .group-text .field-name-title-field a {
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "haynesadjustbold", sans-serif;
  color: #3d3935;
}
.basic-node .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount,
#block-views-blog-related-articles-block .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount,
.pane-new-products .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount {
  color: #636363;
  background-image: url(../img/price-line.svg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.basic-node .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg .basic-node .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount,
#block-views-blog-related-articles-block .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
#block-views-blog-related-articles-block .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount,
.pane-new-products .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
.pane-new-products .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount {
  background-image: url(../img/price-line.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .basic-node .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg .basic-node .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount,
  #block-views-blog-related-articles-block .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
  #block-views-blog-related-articles-block .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount,
  .pane-new-products .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
  .pane-new-products .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount {
    background-image: url(../img/price-line@2x.png);
  }
}
.basic-node .views-row .hod-catalog-teaser-small img,
#block-views-blog-related-articles-block .views-row .hod-catalog-teaser-small img,
.pane-new-products .views-row .hod-catalog-teaser-small img {
  max-width: 90px;
}
.basic-node .views-row .hod-catalog-teaser-small .procedures-search,
#block-views-blog-related-articles-block .views-row .hod-catalog-teaser-small .procedures-search,
.pane-new-products .views-row .hod-catalog-teaser-small .procedures-search {
  border-bottom: 0px none;
}
.basic-node .views-row .hod-catalog-teaser-small .commerce-add-to-cart,
#block-views-blog-related-articles-block .views-row .hod-catalog-teaser-small .commerce-add-to-cart,
.pane-new-products .views-row .hod-catalog-teaser-small .commerce-add-to-cart {
  margin-top: 5px;
}

#block-views-blog-related-articles-block .views-row {
  width: 100%;
}

.view-search {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  -o-flex-flow: column wrap;
  flex-flow: column wrap;
}
.view-search h2 {
  width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  -o-flex-basis: 100%;
  flex-basis: 100%;
}
.view-search .views-row {
  width: 100%;
}
.view-search .views-row article.product-information .haynes-catalog-teaser-large {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.view-search .views-row article.product-information .field-type-image {
  width: 96px;
  height: auto;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.view-search .views-row article.product-information .field-type-image img {
  width: 100%;
  min-width: 90px;
  height: auto;
  min-height: 125px;
  max-height: 125px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #fff;
}
.view-search .views-row article.product-information .group-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.view-search .views-row article.product-information .group-text .field-name-title-field {
  margin-bottom: 5px;
  overflow: hidden;
  height: 40px;
}
.view-search .views-row article.product-information .group-text .field-name-title-field a {
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "haynesadjustbold", sans-serif;
  color: #3d3935;
}
.view-search .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount {
  color: #636363;
  background-image: url(../img/price-line.svg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.view-search .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg .view-search .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount {
  background-image: url(../img/price-line.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .view-search .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg .view-search .views-row article.product-information .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount {
    background-image: url(../img/price-line@2x.png);
  }
}

.original-price {
  background-image: url(../img/price-line.svg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.original-price.no-svg, .no-svg .original-price {
  background-image: url(../img/price-line.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .original-price.no-svg, .no-svg .original-price {
    background-image: url(../img/price-line@2x.png);
  }
}

.haynes-catalog-teaser-large-trimmed {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.haynes-catalog-teaser-large-trimmed .field-name-title-field {
  margin-bottom: 10px;
}
.haynes-catalog-teaser-large-trimmed .field-name-title-field a {
  text-decoration: none;
  font-size: 16px;
  font-size: 1rem;
  font-family: "haynesadjustbold", sans-serif;
  color: #3d3935;
}
.haynes-catalog-teaser-large-trimmed .field-name-field-product-image {
  padding-right: 10px;
}
.haynes-catalog-teaser-large-trimmed .commerce-add-to-cart .form-submit {
  background-color: #8ec63f;
  background-image: url(../img/ico-cart-2.svg);
  background-size: 22px 22px;
  background-position: 15px 50%;
  height: 40px;
  padding-left: 55px;
  padding-right: 20px;
  font-size: 15px;
  text-align: left;
  background-color: #8ec63f;
}
.haynes-catalog-teaser-large-trimmed .commerce-add-to-cart .form-submit.no-svg, .no-svg .haynes-catalog-teaser-large-trimmed .commerce-add-to-cart .form-submit {
  background-image: url(../img/ico-cart-2.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .haynes-catalog-teaser-large-trimmed .commerce-add-to-cart .form-submit.no-svg, .no-svg .haynes-catalog-teaser-large-trimmed .commerce-add-to-cart .form-submit {
    background-image: url(../img/ico-cart-2@2x.png);
  }
}
.haynes-catalog-teaser-large-trimmed .commerce-add-to-cart .form-submit:hover {
  background-color: #fff200;
}
.haynes-catalog-teaser-large-trimmed .commerce-add-to-cart .more-info {
  background-color: #8ec63f;
  height: auto;
}
.haynes-catalog-teaser-large-trimmed .commerce-add-to-cart .more-info:hover {
  background-color: #fff200;
}
.haynes-catalog-teaser-large-trimmed .commerce-add-to-cart .more-info,
.haynes-catalog-teaser-large-trimmed .commerce-add-to-cart .form-submit {
  width: 100%;
  border-radius: 12px !important;
  background-position: 10px 50%;
  padding-left: 40px;
  padding-right: 10px;
  font-size: 14px;
  margin-top: 10px;
  height: 32px;
  line-height: 32px;
}
.haynes-catalog-teaser-large-trimmed .commerce-add-to-cart .more-info,
.haynes-catalog-teaser-large-trimmed .commerce-add-to-cart input[disabled=disabled] {
  background-image: none;
  padding-left: 16px;
}
.haynes-catalog-teaser-large-trimmed .field-type-commerce-price-element label,
.haynes-catalog-teaser-large-trimmed .field-type-commerce-price-element .field-label,
.haynes-catalog-teaser-large-trimmed div[class*="mol-type"] label,
.haynes-catalog-teaser-large-trimmed div[class*="mol-type"] .field-label,
.haynes-catalog-teaser-large-trimmed div[class*="cover-type"] label,
.haynes-catalog-teaser-large-trimmed div[class*="cover-type"] .field-label {
  font-family: "haynesadjustbold", sans-serif;
  text-align: right;
}
.haynes-catalog-teaser-large-trimmed .field-type-commerce-price-element label.price-label:after,
.haynes-catalog-teaser-large-trimmed div[class*="mol-type"] label.price-label:after,
.haynes-catalog-teaser-large-trimmed div[class*="cover-type"] label.price-label:after {
  content: ' ';
  display: inline-block;
  width: 5px;
}
.haynes-catalog-teaser-large-trimmed .field-type-commerce-price-element label,
.haynes-catalog-teaser-large-trimmed .field-type-commerce-price-element .price-amount,
.haynes-catalog-teaser-large-trimmed .field-type-commerce-price-element .field-label,
.haynes-catalog-teaser-large-trimmed .field-type-commerce-price-element .field-items,
.haynes-catalog-teaser-large-trimmed div[class*="mol-type"] label,
.haynes-catalog-teaser-large-trimmed div[class*="mol-type"] .price-amount,
.haynes-catalog-teaser-large-trimmed div[class*="mol-type"] .field-label,
.haynes-catalog-teaser-large-trimmed div[class*="mol-type"] .field-items,
.haynes-catalog-teaser-large-trimmed div[class*="cover-type"] label,
.haynes-catalog-teaser-large-trimmed div[class*="cover-type"] .price-amount,
.haynes-catalog-teaser-large-trimmed div[class*="cover-type"] .field-label,
.haynes-catalog-teaser-large-trimmed div[class*="cover-type"] .field-items {
  display: inline-block;
  width: 49%;
}
.haynes-catalog-teaser-large-trimmed .group-text {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.haynes-catalog-teaser-large-trimmed .group-text .field-name-title-field {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  -o-flex-order: 1;
  order: 1;
}
.haynes-catalog-teaser-large-trimmed .group-text div[class*="mol-type"],
.haynes-catalog-teaser-large-trimmed .group-text div[class*="cover-type"] {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  -o-flex-order: 2;
  order: 2;
}
.haynes-catalog-teaser-large-trimmed .group-text .commerce-product-field-commerce-price {
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  -o-flex-order: 3;
  order: 3;
}
.haynes-catalog-teaser-large-trimmed .group-text .field-name-field-product-edition {
  -webkit-order: 4;
  -moz-order: 4;
  -ms-flex-order: 4;
  -o-flex-order: 4;
  order: 4;
}

#block-haynes-blog-tags-blog-tags-recommended .list-recommended {
  list-style-type: none;
  list-style-image: none;
  margin-left: 0;
  padding-left: 0;
}
#block-haynes-blog-tags-blog-tags-recommended .list-recommended li {
  margin-bottom: 15px;
}
#block-haynes-blog-tags-blog-tags-recommended .list-recommended li img {
  max-width: 100%;
  height: auto;
}
#block-haynes-blog-tags-blog-tags-recommended .list-recommended li .date {
  font-style: italic;
}
#block-haynes-blog-tags-blog-tags-recommended .list-recommended li .date, #block-haynes-blog-tags-blog-tags-recommended .list-recommended li .title {
  display: inline;
}
#block-haynes-blog-tags-blog-tags-recommended .list-recommended li .image {
  margin-bottom: 7px;
}
#block-haynes-blog-tags-blog-tags-recommended .list-recommended li .title {
  margin-right: 5px;
  font-weight: bold;
}
#block-haynes-blog-tags-blog-tags-recommended .list-recommended li .title a {
  text-decoration: none;
  color: #333;
}

.node .profile {
  margin: 40px 0;
  padding: 20px;
  background: #f4f4f4;
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
}
.node .profile .profile-left {
  height: 120px;
  width: 120px;
  min-width: 120px;
  margin-right: 20px;
  width: 120px;
  -webkit-flex-basis: 120px;
  -moz-flex-basis: 120px;
  -ms-flex-basis: 120px;
  -o-flex-basis: 120px;
  flex-basis: 120px;
}
.node .profile .profile-left img {
  border-radius: 60px;
}
.node .profile .profile-right {
  font-size: 18px;
  font-family: "haynesadjustlight", sans-serif;
}
.node .profile .profile-right p {
  margin-top: 0;
  line-height: 1.4em;
}
.node .profile .profile-right p:last-child {
  margin-bottom: 0;
}
.node .profile .profile-right h4 {
  margin: 0 0 10px 0;
  font-family: "haynesadjustmedium", sans-serif;
  font-size: 20px;
}

.paragraphs-item-image-map {
  margin: 10px 0;
}
.paragraphs-item-image-map .field-name-field-image .field-item {
  position: relative;
}
.paragraphs-item-image-map .field-name-field-image .field-item .imagemap-hotspot {
  z-index: 5;
  position: absolute;
}
.paragraphs-item-image-map .field-name-field-image .field-item .imagemap-hotspot .caption {
  position: absolute;
  opacity: 0;
  transition: all 0.5s;
  background: black;
  color: white;
  padding: 10px;
  bottom: 0;
}
.paragraphs-item-image-map .field-name-field-image .field-item .imagemap-hotspot:hover {
  background: rgba(0, 0, 0, 0.2);
}
.paragraphs-item-image-map .field-name-field-image .field-item .imagemap-hotspot:hover .caption {
  opacity: 1;
}
.paragraphs-item-image-map.lightbox-link {
  width: 100%;
}
.paragraphs-item-image-map.lightbox-link .field-name-field-image {
  display: none;
}
.paragraphs-item-image-map .image-overlay-title {
  display: none;
}

#cboxContent .lightbox-link-holder {
  display: none;
}
#cboxContent .lightbox-link .field-name-field-image {
  display: block;
}
#cboxContent .lightbox-link .field-name-field-image img {
  max-width: 100%;
  height: auto;
}
#cboxContent .image-overlay-title {
  display: block;
  position: absolute;
  bottom: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
}

.entity-paragraphs-item .field-name-field-paragraph-body table {
  border-radius: 8px;
  border: 1px solid #eee;
}
.entity-paragraphs-item .field-name-field-paragraph-body table td {
  vertical-align: top;
  padding: 10px;
  border-left: 0px none;
  border-right: 0px none;
  text-align: left;
}
.entity-paragraphs-item .field-name-field-paragraph-body table td p {
  font-size: 1em;
  margin-top: 0;
}
.entity-paragraphs-item .field-name-field-paragraph-body table tr:first-child td, .entity-paragraphs-item .field-name-field-paragraph-body table tr:first-child th {
  background: #3d3935;
  color: white;
}
.entity-paragraphs-item .field-name-field-paragraph-body table tr:first-child td:first-child, .entity-paragraphs-item .field-name-field-paragraph-body table tr:first-child th:first-child {
  border-top-left-radius: 12px;
}
.entity-paragraphs-item .field-name-field-paragraph-body table tr:first-child td:last-child, .entity-paragraphs-item .field-name-field-paragraph-body table tr:first-child th:last-child {
  border-top-right-radius: 12px;
}
.entity-paragraphs-item .field-name-field-paragraph-body table tr:last-child td:first-child, .entity-paragraphs-item .field-name-field-paragraph-body table tr:last-child th:first-child {
  border-bottom-left-radius: 12px;
}
.entity-paragraphs-item .field-name-field-paragraph-body table tr:last-child td:last-child, .entity-paragraphs-item .field-name-field-paragraph-body table tr:last-child th:last-child {
  border-bottom-right-radius: 12px;
}

.paragraphs-item-carousel {
  margin-bottom: 60px;
}
.paragraphs-item-carousel img {
  max-width: 100%;
  height: auto;
}
.paragraphs-item-carousel .image {
  display: none;
}
.paragraphs-item-carousel.single-title {
  margin-top: 40px;
}
.paragraphs-item-carousel.single-title > h2 {
  margin: 20px 0;
}
.paragraphs-item-carousel.single-title, .paragraphs-item-carousel.single {
  padding-bottom: 15px;
  border-bottom: 1px solid #da291c;
}
.paragraphs-item-carousel.single-title .overlay-text, .paragraphs-item-carousel.single .overlay-text {
  display: none;
}
.paragraphs-item-carousel.single {
  margin-top: 25px;
}
@media only screen and (min-width: 930px) {
  .paragraphs-item-carousel.paragraphs-carousel-initiator.overlay .carousel-nav {
    margin-right: 65%;
    right: -40px;
  }
  .paragraphs-item-carousel.paragraphs-carousel-initiator.noverlay .carousel-nav {
    right: 40px;
  }
}
.paragraphs-item-carousel.paragraphs-carousel-initiator .carousel-nav {
  text-align: right;
  margin-top: 10px;
  z-index: 5;
}
@media only screen and (min-width: 930px) {
  .paragraphs-item-carousel.paragraphs-carousel-initiator .carousel-nav {
    position: absolute;
    bottom: 40px;
    text-align: left;
  }
}
.paragraphs-item-carousel.paragraphs-carousel-initiator .carousel-nav .carousel-nav-item {
  border: 2px solid white;
  display: inline-block;
  height: 11px;
  width: 11px;
  margin-right: 5.5px;
  border-radius: 11px;
  cursor: pointer;
  border: 2px solid #3d3935;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator .carousel-nav .carousel-nav-item.active {
  background: #3d3935;
}
@media only screen and (min-width: 930px) {
  .paragraphs-item-carousel.paragraphs-carousel-initiator .carousel-nav .carousel-nav-item {
    border: 2px solid white;
  }
  .paragraphs-item-carousel.paragraphs-carousel-initiator .carousel-nav .carousel-nav-item.active {
    background: white;
  }
  .paragraphs-item-carousel.paragraphs-carousel-initiator .carousel-nav .carousel-nav-item:last-child {
    margin-right: 0;
  }
}
.paragraphs-item-carousel.paragraphs-carousel-initiator .banner-paras {
  position: relative;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator .banner-paras .banner-para {
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator .banner-paras .banner-para:first-child {
  visibility: visible;
  opacity: 1;
  height: auto;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator.processed .banner-paras .banner-para {
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator.processed .banner-paras .banner-para:first-child.active {
  visibility: visible;
  opacity: 1;
  height: auto;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator.processed .banner-paras .banner-para.active {
  visibility: visible;
  opacity: 1;
  height: auto;
}
@media only screen and (min-width: 930px) {
  .paragraphs-item-carousel .image {
    display: block;
  }
  .paragraphs-item-carousel .mobile-image {
    display: none;
  }
  .paragraphs-item-carousel .overlay-text {
    display: block;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 35%;
    top: 20px;
    left: 20px;
    bottom: 20px;
    padding: 20px;
    color: white;
    z-index: 3;
  }
  .paragraphs-item-carousel .overlay-text a {
    color: white;
  }
  .paragraphs-item-carousel .banner-para {
    position: relative;
  }
  .paragraphs-item-carousel .banner-para > a {
    position: relative;
    display: block;
  }
}
.paragraphs-item-carousel.paragraphs-carousel-initiator {
  background: #eee;
  padding-bottom: 10px;
  border-bottom: 1px solid #da291c;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator .banner-paras {
  position: relative;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator a {
  text-decoration: none;
  color: #3d3935;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator.overlay .carousel-nav {
  margin: 0;
  right: 40px;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator.overlay .content-overlay {
  background: white;
  padding: 10px;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator.overlay .content-overlay .vehicle-select-inner {
  width: 85%;
  max-width: 450px;
  margin: 0 auto;
}
@media only screen and (min-width: 930px) {
  .paragraphs-item-carousel.paragraphs-carousel-initiator.overlay .content-overlay .vehicle-select-inner {
    width: 100%;
  }
}
.paragraphs-item-carousel.paragraphs-carousel-initiator.overlay .content-overlay .vehicle-select-inner .haynes-search-block.square-search input[id^=edit-submit],
.paragraphs-item-carousel.paragraphs-carousel-initiator.overlay .content-overlay .vehicle-select-inner .haynes-search-block.square-search select {
  height: 36px;
}
@media only screen and (min-width: 930px) {
  .paragraphs-item-carousel.paragraphs-carousel-initiator.overlay .content-overlay .vehicle-select-inner .haynes-search-block.square-search input[id^=edit-submit],
  .paragraphs-item-carousel.paragraphs-carousel-initiator.overlay .content-overlay .vehicle-select-inner .haynes-search-block.square-search select {
    height: 30px;
  }
}
.paragraphs-item-carousel.paragraphs-carousel-initiator.overlay p {
  margin: 5px 0;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator.overlay .overlay-holder {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator.overlay .overlay-holder .banner-paras {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  -o-flex-order: 2;
  order: 2;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator.overlay .overlay-holder .content-overlay {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  -o-flex-order: 1;
  order: 1;
}
.paragraphs-item-carousel.paragraphs-carousel-initiator.overlay .overlay-holder select {
  border: 1px solid #3d3935;
}
@media only screen and (min-width: 930px) {
  .paragraphs-item-carousel.paragraphs-carousel-initiator.overlay .content-overlay {
    position: absolute;
    width: 28%;
    background: rgba(200, 200, 200, 0.8);
    top: 0;
    bottom: 0;
    left: 30px;
    z-index: 10;
  }
}

.overlay.entity-paragraphs-item, .noverlay.entity-paragraphs-item {
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 930px) {
  .overlay.paragraphs-carousel-initiator, .noverlay.paragraphs-carousel-initiator {
    background: transparent none;
    border-bottom: 0px none;
    height: 331px;
    overflow: hidden;
  }
}
.overlay.paragraphs-carousel-initiator .overlay-text, .noverlay.paragraphs-carousel-initiator .overlay-text {
  padding: 10px 20px 0 20px;
  font-size: 16px;
  font-size: 1rem;
}
.overlay.paragraphs-carousel-initiator .overlay-text h2, .noverlay.paragraphs-carousel-initiator .overlay-text h2 {
  display: block;
  margin: 10px 0;
  font-size: 20px;
  font-size: 1.25rem;
}
.overlay.paragraphs-carousel-initiator .overlay-text .field-label, .noverlay.paragraphs-carousel-initiator .overlay-text .field-label {
  display: none;
}
@media only screen and (min-width: 930px) {
  .overlay.paragraphs-carousel-initiator .overlay-text, .noverlay.paragraphs-carousel-initiator .overlay-text {
    width: 35%;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: initial;
  }
}

.paragraphs-item-inline-gallery {
  max-width: 100%;
  margin: 10px 0;
}
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .field-item {
  margin-bottom: 10px;
}
.paragraphs-item-inline-gallery .field-name-gallery-thumbs .field-item {
  margin: 0 5px;
}
.paragraphs-item-inline-gallery .field-name-gallery-thumbs .slick-prev, .paragraphs-item-inline-gallery .field-name-gallery-thumbs .slick-next,
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .slick-prev,
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .slick-next {
  z-index: 200;
}
.paragraphs-item-inline-gallery .field-name-gallery-thumbs .slick-prev:before, .paragraphs-item-inline-gallery .field-name-gallery-thumbs .slick-next:before,
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .slick-prev:before,
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .slick-next:before {
  content: ' ';
  font-size: 0;
  width: 0;
  height: 0;
  border-style: solid;
}
.paragraphs-item-inline-gallery .field-name-gallery-thumbs .slick-prev,
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .slick-prev {
  left: 10px;
}
.paragraphs-item-inline-gallery .field-name-gallery-thumbs .slick-prev:before,
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .slick-prev:before {
  border-width: 10px 16px 10px 0;
  border-color: transparent #ddd transparent transparent;
}
.paragraphs-item-inline-gallery .field-name-gallery-thumbs .slick-next,
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .slick-next {
  right: 10px;
}
.paragraphs-item-inline-gallery .field-name-gallery-thumbs .slick-next:before,
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .slick-next:before {
  border-width: 10px 0 10px 16px;
  border-color: transparent transparent transparent #ddd;
}
.paragraphs-item-inline-gallery .field-name-gallery-thumbs .field-item,
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .field-item {
  overflow: hidden;
}
.paragraphs-item-inline-gallery .field-name-gallery-thumbs .overlay,
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  padding: 20px 40px 20px 20px;
  color: white;
  height: 100%;
  z-index: 5;
  transition: all 0.5s;
}
.paragraphs-item-inline-gallery .field-name-gallery-thumbs .overlay h5,
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .overlay h5 {
  margin: 0 0 10px 0;
  font-size: 24px;
}
.paragraphs-item-inline-gallery .field-name-gallery-thumbs .control:after,
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .control:after {
  content: '\2715';
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  height: 20px;
  width: 20px;
  font-size: 20px;
  color: white;
  cursor: pointer;
}
.paragraphs-item-inline-gallery .field-name-gallery-thumbs .field-items.hide-overlay .overlay,
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .field-items.hide-overlay .overlay {
  right: -300px;
}
.paragraphs-item-inline-gallery .field-name-gallery-thumbs .field-items.hide-overlay .control:after,
.paragraphs-item-inline-gallery .field-name-field-text-with-image-image .field-items.hide-overlay .control:after {
  content: '+';
  font-family: "haynesadjustbold", sans-serif;
}

article.node-blog {
  max-width: 100%;
}

@media only screen and (min-width: 930px) {
  .pod-para-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 930px) and (min-width: 930px) {
  .pod-para-row {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 930px) {
  .pod-para-row.one-only {
    display: none;
  }
  .pod-para-row .pod-para-col {
    width: 49%;
    -webkit-flex-basis: 49%;
    -moz-flex-basis: 49%;
    -ms-flex-basis: 49%;
    -o-flex-basis: 49%;
    flex-basis: 49%;
  }
}
.pod-para-row .pod-para-col {
  margin-bottom: 10px;
  border-bottom: 1px solid #da291c;
}

.image-left .node-pod .pod-cta-holder {
  display: none;
}
.image-left .node-pod .field-name-body {
  font-size: 15px;
  font-family: "haynesadjustlight", sans-serif;
  font-weight: normal;
}
.image-left .node-pod h2 {
  font-size: 25px;
  font-family: "haynesadjustbold", sans-serif;
}
.image-left .node-pod > .content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
}
.image-left .node-pod > .content .pod-left {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  -o-flex-order: 2;
  order: 2;
}
.image-left .node-pod > .content .pod-right {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  -o-flex-order: 1;
  order: 1;
  margin-right: 10px;
}

.image-right .field-name-field-image {
  text-align: left;
}
.image-right .field-name-field-image img {
  display: inline-block;
}
.image-right .pod-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  -o-flex-order: 2;
  order: 2;
}
.image-right .pod-left h2 {
  display: none;
}
.image-right .pod-left .field-name-body {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
}
.image-right .pod-left .pod-cta-holder {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -o-flex-grow: 0;
  flex-grow: 0;
}
.image-right .pod-left .field-name-body {
  line-height: 1.25em;
  margin-bottom: 10px;
}
.image-right .pod-left .field-name-body p {
  line-height: 1.25em;
}
.image-right .pod-left h2 {
  margin-bottom: 3px;
}
.image-right .pod-right {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  -o-flex-order: 1;
  order: 1;
}
.image-right article,
.image-right .pod-para-col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.image-right article > .content,
.image-right article {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
}
.image-right article > .content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.image-right h2.secondary-title {
  display: block;
}
.image-right .node-pod > .content > div {
  width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  -o-flex-basis: 100%;
  flex-basis: 100%;
}
@media only screen and (min-width: 468px) {
  .image-right h2.secondary-title {
    display: none;
  }
  .image-right .node-pod > .content {
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  .image-right .node-pod > .content .pod-right {
    width: 245px;
    -webkit-flex-basis: 245px;
    -moz-flex-basis: 245px;
    -ms-flex-basis: 245px;
    -o-flex-basis: 245px;
    flex-basis: 245px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -o-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    -o-flex-order: 2;
    order: 2;
    padding-left: 15px;
  }
  .image-right .node-pod > .content .pod-left {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    -o-flex-order: 1;
    order: 1;
    padding-right: 0;
  }
  .image-right .node-pod > .content .pod-left h2 {
    display: block;
  }
  .image-right .field-name-field-image {
    text-align: right;
  }
}

h2.secondary-title {
  display: none;
}

.sales-hub .node-pod {
  padding-bottom: 5px;
  border-bottom: 1px solid #da291c;
  max-width: 460px;
  margin: 0 auto 10px auto;
}
.sales-hub .node-pod > .content {
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.sales-hub .node-pod > .content > div {
  width: 100%;
}
.sales-hub .node-pod > .content .field-name-body,
.sales-hub .node-pod > .content .field-name-field-image,
.sales-hub .node-pod > .content .extra-links a,
.sales-hub .node-pod > .content .pod-cta-holder {
  margin-bottom: 12px;
}
.sales-hub .node-pod > .content .extra-links a,
.sales-hub .node-pod > .content .pod-cta-holder a {
  padding: 5px 20px;
  border-radius: 10px !important;
  font-size: 16px;
}
.sales-hub .node-pod > .content .extra-links a:after,
.sales-hub .node-pod > .content .pod-cta-holder a:after {
  content: "\00BB";
  display: inline-block;
  margin-left: 5px;
}
.sales-hub .node-pod > .content .extra-links a {
  background: #da291c;
  color: white;
  display: block;
}
@media only screen and (min-width: 930px) {
  .sales-hub .pod-count-3 .pod-sales-hub-col {
    width: 31%;
    -webkit-flex-basis: 31%;
    -moz-flex-basis: 31%;
    -ms-flex-basis: 31%;
    -o-flex-basis: 31%;
    flex-basis: 31%;
  }
  .sales-hub .pod-count-2 .pod-sales-hub-col {
    width: 48%;
    -webkit-flex-basis: 48%;
    -moz-flex-basis: 48%;
    -ms-flex-basis: 48%;
    -o-flex-basis: 48%;
    flex-basis: 48%;
  }
}

.paragraphs-item-youtube {
  margin: 15px 0;
}

/* Dark background 829c9d */
body.node-type-abstract-procedure,
body.ondemand-landing-page,
body.hod-page {
  /** Headings **/
}
body.node-type-abstract-procedure .wrapper > .insideView,
body.ondemand-landing-page .wrapper > .insideView,
body.hod-page .wrapper > .insideView {
  padding: 0;
}
body.node-type-abstract-procedure .wrapper > .insideView a,
body.ondemand-landing-page .wrapper > .insideView a,
body.hod-page .wrapper > .insideView a {
  color: #fff;
}
body.node-type-abstract-procedure .wrapper > .insideView .tabs a,
body.node-type-abstract-procedure .wrapper > .insideView .action-links a,
body.ondemand-landing-page .wrapper > .insideView .tabs a,
body.ondemand-landing-page .wrapper > .insideView .action-links a,
body.hod-page .wrapper > .insideView .tabs a,
body.hod-page .wrapper > .insideView .action-links a {
  color: #3d3935;
}
body.node-type-abstract-procedure .wrapper > .insideView .krumo-root,
body.ondemand-landing-page .wrapper > .insideView .krumo-root,
body.hod-page .wrapper > .insideView .krumo-root {
  color: #3d3935;
}
body.node-type-abstract-procedure .wrapper > .insideView .krumo-root a,
body.ondemand-landing-page .wrapper > .insideView .krumo-root a,
body.hod-page .wrapper > .insideView .krumo-root a {
  color: #3d3935;
}
body.node-type-abstract-procedure h1,
body.ondemand-landing-page h1,
body.hod-page h1 {
  margin: 0 0 10px 0;
  padding: 0;
  text-transform: uppercase;
  font-family: "haynesadjustbold", sans-serif;
  overflow: hidden;
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 38px;
  border-bottom: 0px none;
}
@media (min-width: 768px) {
  body.node-type-abstract-procedure h1,
  body.ondemand-landing-page h1,
  body.hod-page h1 {
    font-size: 58px;
    font-size: 3.625rem;
    line-height: 58px;
  }
}
body.node-type-abstract-procedure h1 em,
body.node-type-abstract-procedure h1 .lead-title,
body.ondemand-landing-page h1 em,
body.ondemand-landing-page h1 .lead-title,
body.hod-page h1 em,
body.hod-page h1 .lead-title {
  color: #f8e81e;
  font-style: normal;
  font-family: "haynesadjustbold", sans-serif;
}
body.node-type-abstract-procedure h1 .lead-title,
body.node-type-abstract-procedure h1 .make-model,
body.ondemand-landing-page h1 .lead-title,
body.ondemand-landing-page h1 .make-model,
body.hod-page h1 .lead-title,
body.hod-page h1 .make-model {
  display: block;
}
body.node-type-abstract-procedure h1 .year-engine,
body.node-type-abstract-procedure h1 .subtitle,
body.ondemand-landing-page h1 .year-engine,
body.ondemand-landing-page h1 .subtitle,
body.hod-page h1 .year-engine,
body.hod-page h1 .subtitle {
  display: inline-block;
  float: left;
  background-image: none;
  margin: 0;
  padding-bottom: 3px;
  border-bottom: 1px solid #fff;
  font-family: "haynesadjustlight", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 25px;
}
@media (min-width: 768px) {
  body.node-type-abstract-procedure h1 .year-engine,
  body.node-type-abstract-procedure h1 .subtitle,
  body.ondemand-landing-page h1 .year-engine,
  body.ondemand-landing-page h1 .subtitle,
  body.hod-page h1 .year-engine,
  body.hod-page h1 .subtitle {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
  }
}
body.node-type-abstract-procedure h1 .procedure,
body.ondemand-landing-page h1 .procedure,
body.hod-page h1 .procedure {
  text-transform: none;
  padding: 10px 0;
  display: block;
  clear: left;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 28px;
}
@media (min-width: 768px) {
  body.node-type-abstract-procedure h1 .procedure,
  body.ondemand-landing-page h1 .procedure,
  body.hod-page h1 .procedure {
    font-size: 32px;
    font-size: 2rem;
    line-height: 34px;
  }
}
body.node-type-abstract-procedure h4,
body.ondemand-landing-page h4,
body.hod-page h4 {
  font-family: "haynesadjustlight", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0;
  padding-bottom: 15px;
}
body.node-type-abstract-procedure h4 span.ondemand,
body.ondemand-landing-page h4 span.ondemand,
body.hod-page h4 span.ondemand {
  background-image: url(../img/ondemand.svg);
  background-position: 0 3px;
  background-repeat: no-repeat;
  width: 96px;
  height: 25px;
  background-size: 96px 25px;
  overflow: hidden;
  line-height: 400px;
  display: block;
  padding: 0 0 3px 0;
  position: relative;
  top: 3px;
}
body.node-type-abstract-procedure h4 span.ondemand.no-svg, .no-svg body.node-type-abstract-procedure h4 span.ondemand,
body.ondemand-landing-page h4 span.ondemand.no-svg, .no-svg
body.ondemand-landing-page h4 span.ondemand,
body.hod-page h4 span.ondemand.no-svg, .no-svg
body.hod-page h4 span.ondemand {
  background-image: url(../img/ondemand.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.node-type-abstract-procedure h4 span.ondemand.no-svg, .no-svg body.node-type-abstract-procedure h4 span.ondemand,
  body.ondemand-landing-page h4 span.ondemand.no-svg, .no-svg
  body.ondemand-landing-page h4 span.ondemand,
  body.hod-page h4 span.ondemand.no-svg, .no-svg
  body.hod-page h4 span.ondemand {
    background-image: url(../img/ondemand@2x.png);
  }
}
body.node-type-abstract-procedure h4 span.ondemand.white,
body.ondemand-landing-page h4 span.ondemand.white,
body.hod-page h4 span.ondemand.white {
  background-image: url(../img/ondemand-white.svg);
}
body.node-type-abstract-procedure h4 span.ondemand.white.no-svg, .no-svg body.node-type-abstract-procedure h4 span.ondemand.white,
body.ondemand-landing-page h4 span.ondemand.white.no-svg, .no-svg
body.ondemand-landing-page h4 span.ondemand.white,
body.hod-page h4 span.ondemand.white.no-svg, .no-svg
body.hod-page h4 span.ondemand.white {
  background-image: url(../img/ondemand-white.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.node-type-abstract-procedure h4 span.ondemand.white.no-svg, .no-svg body.node-type-abstract-procedure h4 span.ondemand.white,
  body.ondemand-landing-page h4 span.ondemand.white.no-svg, .no-svg
  body.ondemand-landing-page h4 span.ondemand.white,
  body.hod-page h4 span.ondemand.white.no-svg, .no-svg
  body.hod-page h4 span.ondemand.white {
    background-image: url(../img/ondemand-white@2x.png);
  }
}
body.node-type-abstract-procedure h4 span.ondemand.center,
body.ondemand-landing-page h4 span.ondemand.center,
body.hod-page h4 span.ondemand.center {
  margin: auto;
}
body.node-type-abstract-procedure h4 span.ondemand.inline,
body.ondemand-landing-page h4 span.ondemand.inline,
body.hod-page h4 span.ondemand.inline {
  display: inline-block;
  vertical-align: bottom;
}
body.node-type-abstract-procedure .container,
body.ondemand-landing-page .container,
body.hod-page .container {
  width: 100% !important;
  padding: 0;
}

body.haynes-dark-green {
  /** Layout **/
  /** Introduction **/
  /** Headings**/
}
body.haynes-dark-green .wrapper {
  background: #667576;
}
body.haynes-dark-green .wrapper .insideView:before,
body.haynes-dark-green .wrapper .insideView:after {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
body.haynes-dark-green .wrapper .insideView {
  background: #667576;
  color: #fff;
  padding: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
body.haynes-dark-green .wrapper .insideView .breadCrumb {
  padding: 10px 0;
}
body.haynes-dark-green .wrapper .block-haynes-search {
  color: #3d3935;
}
body.haynes-dark-green .container {
  width: 100% !important;
  padding: 0;
}
@media (min-width: 768px) {
  body.haynes-dark-green .left-container {
    width: 25%;
    float: left;
    min-height: 10px;
  }
}
@media (min-width: 768px) {
  body.haynes-dark-green .right-container {
    width: 25%;
    float: right;
  }
  body.haynes-dark-green .right-container.small-sidebar {
    width: 20%;
  }
}
@media (min-width: 768px) {
  body.haynes-dark-green .content-container {
    width: 75%;
    float: left;
  }
  body.haynes-dark-green .content-container.small-sidebar {
    width: 80%;
  }
}
body.haynes-dark-green .hod-intro {
  position: relative;
  padding: 10px 10px 0 10px;
}
@media (min-width: 768px) {
  body.haynes-dark-green .hod-intro {
    padding: 0;
  }
}
body.haynes-dark-green .hod-intro .model-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -10px;
  width: 185px;
  background: #fff;
  display: none;
  box-pack: center;
  box-align: center;
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
body.haynes-dark-green .hod-intro .model-image img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  body.haynes-dark-green .hod-intro .model-image {
    display: block;
    display: box;
    display: -moz-box;
    display: -webkit-box;
  }
}
body.haynes-dark-green h2.lead-title {
  margin: 0;
  text-transform: uppercase;
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 38px;
}
@media (min-width: 768px) {
  body.haynes-dark-green h2.lead-title {
    font-size: 58px;
    font-size: 3.625rem;
    line-height: 58px;
  }
}
body.haynes-dark-green h2.lead-title span {
  color: #f8e81e;
}
body.haynes-dark-green h3 {
  background-image: none;
  margin: 0;
  padding-bottom: 3px;
  font-size: 24px;
  font-size: 1.5rem;
}
body.haynes-dark-green h3.year-engine {
  border-bottom: 1px solid #fff;
  font-family: "haynesadjustlight", sans-serif;
}
body.haynes-dark-green h4 {
  font-family: "haynesadjustlight", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0;
  padding-bottom: 15px;
}
body.haynes-dark-green h4 span.ondemand {
  background-image: url(../img/ondemand.svg);
  background-position: 0 3px;
  background-repeat: no-repeat;
  width: 96px;
  height: 25px;
  background-size: 96px 25px;
  overflow: hidden;
  line-height: 400px;
  display: block;
  padding: 0 0 3px 0;
  position: relative;
  top: 3px;
}
body.haynes-dark-green h4 span.ondemand.no-svg, .no-svg body.haynes-dark-green h4 span.ondemand {
  background-image: url(../img/ondemand.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green h4 span.ondemand.no-svg, .no-svg body.haynes-dark-green h4 span.ondemand {
    background-image: url(../img/ondemand@2x.png);
  }
}
body.haynes-dark-green h4 span.ondemand.white {
  background-image: url(../img/ondemand-white.svg);
}
body.haynes-dark-green h4 span.ondemand.white.no-svg, .no-svg body.haynes-dark-green h4 span.ondemand.white {
  background-image: url(../img/ondemand-white.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green h4 span.ondemand.white.no-svg, .no-svg body.haynes-dark-green h4 span.ondemand.white {
    background-image: url(../img/ondemand-white@2x.png);
  }
}
body.haynes-dark-green h4 span.ondemand.center {
  margin: auto;
}
body.haynes-dark-green h4 span.ondemand.inline {
  display: inline-block;
  vertical-align: bottom;
}
body.haynes-dark-green h2.procedure-heading {
  font-size: 32px;
  font-size: 2rem;
  margin: 0;
  border-bottom: 1px solid #3d3935;
  padding-bottom: 10px;
}
body.haynes-dark-green .wrapper > .insideView .hod-container {
  overflow: hidden;
  background: #fff;
  color: #3d3935;
  padding: 20px 10px;
}
body.haynes-dark-green .wrapper > .insideView .hod-container a {
  color: #3d3935;
}
body.haynes-dark-green .hod-model {
  border-top: 2px solid #fff;
  background: #333;
  padding: 20px;
  overflow: hidden;
  color: #fff;
}
@media (min-width: 768px) {
  body.haynes-dark-green .hod-model {
    background: #333 url("../img/bg-hod-model.gif") repeat-x bottom;
  }
}
body.haynes-dark-green .hod-model img {
  max-width: 100%;
  height: auto;
  border: 10px solid #fff;
  box-sizing: border-box;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  body.haynes-dark-green .hod-model img {
    margin-bottom: 0;
    float: left;
    width: 40%;
  }
}
body.haynes-dark-green .hod-model .hod-model-description {
  box-sizing: border-box;
  line-height: 22px;
}
@media (min-width: 768px) {
  body.haynes-dark-green .hod-model .hod-model-description {
    float: left;
    width: 60%;
    padding-left: 20px;
    padding-bottom: 30px;
  }
}
body.haynes-dark-green .hod-model .hod-model-description p {
  margin: 0 0 10px 0;
  line-height: 22px;
}
body.haynes-dark-green .hod-procedures-grid h2 {
  text-align: center;
}
body.haynes-dark-green .hod-procedures-grid h2.hod-small {
  font-size: 22px;
  font-size: 1.375rem;
}
body.haynes-dark-green .hod-procedures-grid h3 {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "haynesadjustmedium", sans-serif;
  font-family: "haynesadjustbold", sans-serif;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
body.haynes-dark-green .hod-procedures-grid h4 {
  font-size: 16px;
  font-size: 1rem;
  font-family: "haynesadjustmedium", sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid #da291c;
  padding: 0 0 6px 0;
  margin: 0 0 10px 0;
}
body.haynes-dark-green .hod-procedures-grid h4.with-form {
  padding: 0;
}
body.haynes-dark-green .hod-procedures-grid h4 form {
  display: inline-block;
  margin: 0 0 -10px 0;
}
@media (min-width: 768px) {
  body.haynes-dark-green .hod-procedures-grid h4 form {
    margin: 0 0 -10px 10px;
  }
}
body.haynes-dark-green .hod-procedures-grid h4 form .form-submit {
  margin: 10px 0;
  background: #f8e81e;
  width: 100%;
  font-family: "haynesadjustitalic", sans-serif;
  padding-left: 40px;
  background-image: url(../img/ico-cart-2.svg);
  background-repeat: no-repeat;
  background-position: 10px center;
}
body.haynes-dark-green .hod-procedures-grid h4 form .form-submit.no-svg, .no-svg body.haynes-dark-green .hod-procedures-grid h4 form .form-submit {
  background-image: url(../img/ico-cart-2.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .hod-procedures-grid h4 form .form-submit.no-svg, .no-svg body.haynes-dark-green .hod-procedures-grid h4 form .form-submit {
    background-image: url(../img/ico-cart-2@2x.png);
  }
}
body.haynes-dark-green .hod-procedures-grid ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
body.haynes-dark-green .hod-procedures-grid ul li {
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  body.haynes-dark-green .hod-procedures-grid ul li {
    padding: 10px;
    float: left;
    width: 20%;
  }
}
body.haynes-dark-green .hod-procedures-grid ul li h4 {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "haynesadjustbold", sans-serif;
  border-bottom: 0;
  padding: 0 0 5px 0;
  margin: 0;
  text-transform: none;
}
body.haynes-dark-green .hod-procedures-grid ul li img {
  border-radius: 10px;
  margin-bottom: 5px;
  max-width: 100%;
  height: auto;
}
body.haynes-dark-green .hod-procedures-grid ul li .price {
  color: #999999;
  font-family: "haynesadjustbold", sans-serif;
  padding: 0 0 5px 0;
}
body.haynes-dark-green .hod-procedures-grid ul li a {
  text-decoration: none;
  display: block;
  padding: 10px;
}
@media (min-width: 768px) {
  body.haynes-dark-green .hod-procedures-grid ul li a {
    height: 220px;
  }
}
body.haynes-dark-green .hod-procedures-grid ul li a:hover {
  background: #f8e81e;
}
body.haynes-dark-green .hod-procedures-grid ul li.active a {
  background: #f8e81e;
}
body.haynes-dark-green .hod-procedures-grid.promoted {
  float: left;
  clear: left;
  width: 100%;
}
body.haynes-dark-green .hod-procedures-grid.promoted h2 {
  text-align: left;
}
body.haynes-dark-green .hod-procedures-grid.promoted ul li {
  width: 17%;
  padding: 0 20px 10px 0;
}
body.haynes-dark-green .hod-procedures-grid.promoted ul li:hover {
  background: none;
}
body.haynes-dark-green .hod-procedures-grid.promoted ul li a {
  padding: 0;
}
body.haynes-dark-green .hod-procedures-grid.promoted ul li a:hover {
  background: none;
}
body.haynes-dark-green .right-container {
  margin-top: 20px;
}
@media (min-width: 768px) {
  body.haynes-dark-green .right-container {
    margin-top: 0;
  }
}
body.haynes-dark-green .right-container .block {
  padding: 10px;
  margin: 0 10px 20px 10px;
}
@media (min-width: 768px) {
  body.haynes-dark-green .right-container .block {
    margin: 0 0 20px 10px;
  }
}
body.haynes-dark-green .right-container .block.block-offer {
  background: #da291c;
  text-align: center;
}
body.haynes-dark-green .right-container .block.block-offer h3 {
  font-size: 22px;
  font-size: 1.375rem;
  padding: 0;
  margin: 0 0 10px;
}
body.haynes-dark-green .right-container .block.block-offer h3 em {
  font-family: "haynesadjustlight", sans-serif;
}
body.haynes-dark-green .right-container .block.block-offer h5 {
  font-family: "haynesadjustmedium", sans-serif;
  padding: 0;
  margin: 0 0 10px;
}
body.haynes-dark-green .right-container .block.block-offer h2 {
  font-family: "haynesadjustlight", sans-serif;
  padding: 0 0 40px 0;
  margin: 0 0 10px;
  background-image: url(../img/ico-model-ondemand-white.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
}
body.haynes-dark-green .right-container .block.block-offer h2.no-svg, .no-svg body.haynes-dark-green .right-container .block.block-offer h2 {
  background-image: url(../img/ico-model-ondemand-white.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .right-container .block.block-offer h2.no-svg, .no-svg body.haynes-dark-green .right-container .block.block-offer h2 {
    background-image: url(../img/ico-model-ondemand-white@2x.png);
  }
}
body.haynes-dark-green .right-container .block.block-offer .original-price {
  background-image: url(../img/price-line-white.svg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
body.haynes-dark-green .right-container .block.block-offer .original-price.no-svg, .no-svg body.haynes-dark-green .right-container .block.block-offer .original-price {
  background-image: url(../img/price-line-white.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .right-container .block.block-offer .original-price.no-svg, .no-svg body.haynes-dark-green .right-container .block.block-offer .original-price {
    background-image: url(../img/price-line-white@2x.png);
  }
}
body.haynes-dark-green .right-container .block.block-manual {
  padding: 1px;
  background: #e2e3e5;
  color: #3d3935;
}
body.haynes-dark-green .right-container .block.block-manual img {
  max-width: 100%;
  height: auto;
}
body.haynes-dark-green .right-container .block.block-manual .details {
  padding: 10px;
}
body.haynes-dark-green .right-container .block.block-manual h4 {
  font-size: 14px;
  font-size: 0.875rem;
  background-image: url(../img/ico-model-print.svg);
  background-repeat: no-repeat;
  background-position: top left;
  font-family: "haynesadjustmedium", sans-serif;
  color: #667576;
  padding: 0 0 0 20px;
}
body.haynes-dark-green .right-container .block.block-manual h4.no-svg, .no-svg body.haynes-dark-green .right-container .block.block-manual h4 {
  background-image: url(../img/ico-model-print.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .right-container .block.block-manual h4.no-svg, .no-svg body.haynes-dark-green .right-container .block.block-manual h4 {
    background-image: url(../img/ico-model-print@2x.png);
  }
}
body.haynes-dark-green .right-container .block.block-manual h4 span {
  color: #3d3935;
}
body.haynes-dark-green .right-container .block.block-manual em {
  font-size: 12px;
  font-size: 0.75rem;
  padding-top: 10px;
  margin-left: 20px;
  font-family: "haynesadjustmedium", sans-serif;
  font-style: normal;
  display: block;
  border-top: 1px solid #ccc;
}
body.haynes-dark-green .right-container .block.block-manual h5 {
  font-size: 12px;
  font-size: 0.75rem;
  margin: 5px 0 0 20px;
  padding: 10px 0 10px 45px;
  background-image: url(../img/ico-model-ondemand.svg);
  background-repeat: no-repeat;
  background-position: left;
  border-bottom: 1px solid #ccc;
}
body.haynes-dark-green .right-container .block.block-manual h5.no-svg, .no-svg body.haynes-dark-green .right-container .block.block-manual h5 {
  background-image: url(../img/ico-model-ondemand.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .right-container .block.block-manual h5.no-svg, .no-svg body.haynes-dark-green .right-container .block.block-manual h5 {
    background-image: url(../img/ico-model-ondemand@2x.png);
  }
}
body.haynes-dark-green .right-container .block.block-manual h5 a {
  color: #333;
  text-decoration: none;
  font-weight: normal;
}
body.haynes-dark-green .right-container .block.block-manual form {
  margin: 0 0 0 20px;
}
body.haynes-dark-green .right-container .block.block-manual form .form-submit {
  width: auto;
}
body.haynes-dark-green .right-container .block .form-submit {
  font-size: 12px;
  font-size: 0.75rem;
  margin: 10px 0;
  background: #f8e81e;
  width: 100%;
  font-family: "haynesadjustmedium", sans-serif;
  padding-left: 40px;
  background-image: url(../img/ico-cart-2.svg);
  background-repeat: no-repeat;
  background-position: 10px center;
}
body.haynes-dark-green .right-container .block .form-submit.no-svg, .no-svg body.haynes-dark-green .right-container .block .form-submit {
  background-image: url(../img/ico-cart-2.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .right-container .block .form-submit.no-svg, .no-svg body.haynes-dark-green .right-container .block .form-submit {
    background-image: url(../img/ico-cart-2@2x.png);
  }
}
body.haynes-dark-green .hod-variant-select {
  background: #f3f4f1;
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 20px;
}
body.haynes-dark-green .hod-variant-select .haynes-search-block {
  height: auto;
  background: none;
  border: 0;
  margin-bottom: 7px;
}
body.haynes-dark-green .hod-variant-select form {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  margin: 0 auto 10px auto;
  width: 100%;
}
@media (min-width: 768px) {
  body.haynes-dark-green .hod-variant-select form {
    width: auto;
    margin: 0;
  }
}
body.haynes-dark-green .hod-variant-select form div {
  width: 100%;
  margin: 0 0 10px 0;
}
@media (min-width: 768px) {
  body.haynes-dark-green .hod-variant-select form div {
    width: auto;
    margin: 0;
  }
}
body.haynes-dark-green .hod-variant-select form .search-type-wrapper {
  width: 100%;
  margin: 0 0 10px 0;
}
@media (min-width: 768px) {
  body.haynes-dark-green .hod-variant-select form .search-type-wrapper {
    width: 140px;
    margin: 0 10px 0 0;
    float: left;
  }
}
body.haynes-dark-green .hod-variant-select form .form-select {
  border: 1px solid #e0e0e0;
}
body.haynes-dark-green .hod-variant-select form > div {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
}
body.haynes-dark-green .hod-variant-select form > div select {
  padding-right: 41px;
  min-width: 107px;
}
body.haynes-dark-green .hod-variant-select form > div #edit-variant {
  background-color: #f8e81e;
}
body.haynes-dark-green .hod-variant-select .your-selection {
  text-align: center;
  font-family: "haynesadjustbold", sans-serif;
  margin-bottom: 5px;
}
body.haynes-dark-green .hod-variant-select .your-selection span {
  color: #da291c;
  display: block;
}
@media (min-width: 768px) {
  body.haynes-dark-green .hod-variant-select .your-selection span {
    display: inline;
  }
}
body.haynes-dark-green .hod-variant-select .helper-text {
  text-align: center;
}

#block-views-blog-related-articles-block .views-row article.hod-catalog-teaser-small .procedures-search img {
  width: 90px;
  margin-right: 0;
}
#block-views-blog-related-articles-block .views-row article.hod-catalog-teaser-small .commerce-product-field-commerce-price {
  margin-bottom: 7px;
}
#block-views-blog-related-articles-block .views-row article.hod-catalog-teaser-small .group-text .field-name-title-field {
  height: auto;
}

.header {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  border-bottom: 2px solid #da291c;
}
.header #block-menu-block-1 {
  background-color: #3d3a35;
  width: auto;
  padding: 5px 0;
}
.header .top-holder {
  background: white;
}
.header .top-holder .insideView {
  padding: 15px 0;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
@media only screen and (max-width: 1010px) {
  .header .top-holder .insideView {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.header .top {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  padding-right: 10px;
}
@media only screen and (min-width: 930px) {
  .header .top {
    padding-right: 0;
  }
}
.header .top-group {
  width: 70%;
  position: relative;
}
.header .top-group > div {
  width: 100%;
}
@media only screen and (min-width: 930px) {
  .header .top-group > div.top-block {
    width: 42%;
  }
}
@media only screen and (min-width: 930px) {
  .header .top-group {
    margin-top: 18px;
  }
  .header .top-group .mobile-nav {
    display: none;
  }
}
.header .top-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  height: 30px;
}
.header .top-block > div {
  min-width: 30px;
  margin-left: 10px;
}
@media only screen and (min-width: 930px) {
  .header .top-block {
    height: auto;
    margin-left: 7%;
  }
  .header .top-block > div {
    width: 33%;
    padding-top: 5px;
  }
}
.header .top-block,
.header #block-haynes-search-haynes-search-box {
  width: 100%;
}
@media only screen and (min-width: 930px) {
  .header .top-block,
  .header #block-haynes-search-haynes-search-box {
    float: right;
  }
}
@media only screen and (min-width: 930px) {
  .header #block-haynes-search-haynes-search-box {
    width: 50%;
  }
}
.header .logo {
  width: 250px;
  height: 76px;
  text-indent: -9999px;
  display: block;
  background-image: url(../img/logo-haynes-2.svg);
  background-size: 250px 76px;
  background-repeat: no-repeat;
}
.header .logo.no-svg, .no-svg .header .logo {
  background-image: url(../img/logo-haynes-2.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .header .logo.no-svg, .no-svg .header .logo {
    background-image: url(../img/logo-haynes-2@2x.png);
  }
}
@media only screen and (max-width: 1010px) {
  .header .logo {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 520px) {
  .header .logo {
    background-image: url(../img/logo-haynes-mb-2.svg);
    background-size: 75px 75px;
    width: 75px;
    height: 75px;
    background-size: 75px 75px;
  }
  .header .logo.no-svg, .no-svg .header .logo {
    background-image: url(../img/logo-haynes-mb-2.png);
  }
}
@media only screen and (max-width: 520px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 520px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 520px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 520px) and (min-device-pixel-ratio: 1.5) {
  .header .logo.no-svg, .no-svg .header .logo {
    background-image: url(../img/logo-haynes-mb-2@2x.png);
  }
}

.mobile-nav .menu-control {
  height: 30px;
  width: 30px;
  display: block;
  text-indent: -99999px;
  background-image: url(../img/ico-menu.svg);
  background-size: 30px 30px;
}
.mobile-nav .menu-control.no-svg, .no-svg .mobile-nav .menu-control {
  background-image: url(../img/ico-menu.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .mobile-nav .menu-control.no-svg, .no-svg .mobile-nav .menu-control {
    background-image: url(../img/ico-menu@2x.png);
  }
}
.mobile-nav .menu-holder {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 100;
  background: #3d3a35;
}
.mobile-nav .menu-holder #block-views-sub-menu-strip-sub-menu-strip {
  display: none;
}
.mobile-nav .menu-holder #block-menu-block-1 {
  margin-left: 15px;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li.active > a {
  color: #da291c;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li {
  border-top: 1px solid white;
  color: white;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li ul {
  background: white;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li > ul {
  display: none;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li .image-link {
  display: none;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li.active > ul {
  display: block;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li a {
  padding: 10px;
  margin-right: 100px;
  display: inline-block;
  color: white;
  display: flex;
  justify-content: space-between;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li.expanded {
  position: relative;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li.expanded:before {
  content: '\2304';
  display: block;
  position: absolute;
  right: 25px;
  top: -14px;
  width: 17px;
  height: 17px;
  font-size: 40px;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li.expanded a.active {
  color: #da291c;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li.expanded.active:before {
  content: '\2303';
  top: 3px;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li.expanded.active ul a {
  color: #3d3a35;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li.expanded ul a {
  color: #3d3a35;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li.expanded ul a:after {
  display: none;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li.expanded ul li.expanded:before {
  color: #3d3a35;
}
.mobile-nav .menu-holder #block-menu-block-1 ul li.expanded ul li {
  margin-left: 20px;
}
.mobile-nav .menu-holder .menu-close {
  padding: 10px;
  text-align: right;
  color: white;
  display: flex;
  justify-content: flex-end;
}
.mobile-nav .menu-holder .menu-close .menu-close-icon {
  background-image: url(../img/ico-x-white.svg);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  color: white;
  width: 25px;
  height: 25px;
}
.mobile-nav .menu-holder .menu-close .menu-close-icon.no-svg, .no-svg .mobile-nav .menu-holder .menu-close .menu-close-icon {
  background-image: url(../img/ico-x-white.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .mobile-nav .menu-holder .menu-close .menu-close-icon.no-svg, .no-svg .mobile-nav .menu-holder .menu-close .menu-close-icon {
    background-image: url(../img/ico-x-white@2x.png);
  }
}
.mobile-nav .menu-holder .menu-close .menu-close-icon span {
  opacity: 0;
}
.mobile-nav.active .menu-holder {
  display: block;
  width: 100vw;
}

.header .block-commerce-cart {
  z-index: 10;
  position: relative;
}
.header .block-commerce-cart a {
  color: #000;
}
.header .block-commerce-cart .cart-empty-block,
.header .block-commerce-cart .view-header {
  padding-top: 35px;
  background-image: url(../img/ico-cart.svg);
  background-size: 30px 30px;
  background-position: 50% 0;
  text-align: center;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header .block-commerce-cart .cart-empty-block.no-svg, .no-svg .header .block-commerce-cart .cart-empty-block,
.header .block-commerce-cart .view-header.no-svg, .no-svg
.header .block-commerce-cart .view-header {
  background-image: url(../img/ico-cart.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .header .block-commerce-cart .cart-empty-block.no-svg, .no-svg .header .block-commerce-cart .cart-empty-block,
  .header .block-commerce-cart .view-header.no-svg, .no-svg
  .header .block-commerce-cart .view-header {
    background-image: url(../img/ico-cart@2x.png);
  }
}
@media only screen and (max-width: 520px) {
  .header .block-commerce-cart .cart-empty-block,
  .header .block-commerce-cart .view-header {
    background-image: url(../img/ico-cart.svg);
    background-size: 30px 30px;
  }
  .header .block-commerce-cart .cart-empty-block.no-svg, .no-svg .header .block-commerce-cart .cart-empty-block,
  .header .block-commerce-cart .view-header.no-svg, .no-svg
  .header .block-commerce-cart .view-header {
    background-image: url(../img/ico-cart.png);
  }
}
@media only screen and (max-width: 520px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 520px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 520px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 520px) and (min-device-pixel-ratio: 1.5) {
  .header .block-commerce-cart .cart-empty-block.no-svg, .no-svg .header .block-commerce-cart .cart-empty-block,
  .header .block-commerce-cart .view-header.no-svg, .no-svg
  .header .block-commerce-cart .view-header {
    background-image: url(../img/ico-cart@2x.png);
  }
}

@media only screen and (max-width: 930px) {
  .header .block-commerce-cart .cart-empty-block,
  .header .block-commerce-cart .view-header {
    position: relative;
    width: auto;
    margin-right: 5px;
    width: 40px;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .header .block-commerce-cart .cart-empty-block .line-item-quantity-raw,
  .header .block-commerce-cart .view-header .line-item-quantity-raw {
    display: inline-block;
    border: 1px solid #da291c;
    background: white;
    color: #da291c;
    line-height: 18px;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    font-size: 0.75rem;
    position: absolute;
    right: -5px;
    top: -5px;
  }
}
@media only screen and (max-width: 930px) and (min-width: 930px) {
  .header .block-commerce-cart .cart-empty-block .line-item-quantity-raw,
  .header .block-commerce-cart .view-header .line-item-quantity-raw {
    position: relative;
    left: -10px;
    top: 15px;
  }
}
@media only screen and (max-width: 930px) {
  .header .block-commerce-cart .cart-empty-block .line-item-quantity-label,
  .header .block-commerce-cart .cart-empty-block .line-item-separator,
  .header .block-commerce-cart .cart-empty-block .line-item-total,
  .header .block-commerce-cart .view-header .line-item-quantity-label,
  .header .block-commerce-cart .view-header .line-item-separator,
  .header .block-commerce-cart .view-header .line-item-total {
    display: none;
  }
}
.header .block-commerce-cart .haynes-shopping-cart-block-content {
  display: none;
  width: 300px;
  background: #fff;
  border: 4px solid #e8e9e4;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  position: absolute;
  -webkit-box-shadow: 0 0 10px 0 #e8e9e4 ;
  -moz-box-shadow: 0 0 10px 0 #e8e9e4 ;
  box-shadow: 0 0 10px 0 #e8e9e4 ;
  right: -50px;
  padding: 10px;
  filter: alpha(opacity=0);
  opacity: 0;
}
@media only screen and (min-width: 930px) {
  .header .block-commerce-cart .haynes-shopping-cart-block-content {
    left: -100px;
  }
}
.header .block-commerce-cart .haynes-shopping-cart-block-content tr {
  width: 100%;
}
.header .block-commerce-cart .haynes-shopping-cart-block-content td {
  vertical-align: top;
  padding-right: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  font-size: 0.75rem;
}
.header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-edit-quantity {
  padding-top: 15px;
  text-align: center;
  width: 60px;
  font-size: 16px;
  font-family: "haynesadjustmedium", sans-serif;
}
.header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-edit-quantity input {
  border: 1px solid #ddd;
  text-align: center;
}
.header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-edit-quantity select {
  font-family: "haynesadjustmedium", sans-serif;
  height: 26px;
}
.header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-edit-quantity select.online {
  display: none;
}
.header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-edit-quantity select option:first-child {
  display: none;
}
.header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-edit-quantity .delete-link,
.header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-edit-quantity .update-link {
  text-decoration: underline;
  cursor: pointer;
  margin-top: 5px;
}
.header .block-commerce-cart .haynes-shopping-cart-block-content td:last-child {
  padding-right: 0;
}
.header .block-commerce-cart .haynes-shopping-cart-block-content td img {
  border: 1px solid #fff;
}
.header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-title-field {
  font-size: 14px;
  font-size: 0.875rem;
}
.header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-title-field a {
  font-family: "haynesadjustbold", sans-serif;
  color: #3d3935;
  text-decoration: none;
  padding-bottom: 5px;
  display: block;
  word-break: break-word;
}
.header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-title-field .cart-type {
  font-family: "haynesadjustlight_italic", sans-serif;
}
.header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-title-field .commerce-price-savings-formatter-list {
  background-image: url(../img/price-line.svg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-title-field .commerce-price-savings-formatter-list.no-svg, .no-svg .header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-title-field .commerce-price-savings-formatter-list {
  background-image: url(../img/price-line.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-title-field .commerce-price-savings-formatter-list.no-svg, .no-svg .header .block-commerce-cart .haynes-shopping-cart-block-content td.views-field-title-field .commerce-price-savings-formatter-list {
    background-image: url(../img/price-line@2x.png);
  }
}
.header .block-commerce-cart .total {
  margin: 10px 0 15px 0;
  padding: 5px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
}
.header .block-commerce-cart .total .total-summary,
.header .block-commerce-cart .total .total-quantity {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
}
.header .block-commerce-cart .total .total-summary {
  text-align: right;
}
.header .block-commerce-cart .line-item-summary-footer .links.inline,
.header .block-commerce-cart .view-footer .links.inline {
  margin: 10px 0 0 0;
}
.header .block-commerce-cart .line-item-summary-footer .links.inline li,
.header .block-commerce-cart .view-footer .links.inline li {
  padding: 0;
  width: 100%;
  display: block;
}
.header .block-commerce-cart .line-item-summary-footer .links.inline a,
.header .block-commerce-cart .view-footer .links.inline a {
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  line-height: 30px;
  height: 30px;
}
.header .block-commerce-cart .views-field-commerce-total .field-item div:nth-child(2) .price-amount.commerce-price-savings-formatter-price {
  background-image: url(../img/price-line.svg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.header .block-commerce-cart .views-field-commerce-total .field-item div:nth-child(2) .price-amount.commerce-price-savings-formatter-price.no-svg, .no-svg .header .block-commerce-cart .views-field-commerce-total .field-item div:nth-child(2) .price-amount.commerce-price-savings-formatter-price {
  background-image: url(../img/price-line.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .header .block-commerce-cart .views-field-commerce-total .field-item div:nth-child(2) .price-amount.commerce-price-savings-formatter-price.no-svg, .no-svg .header .block-commerce-cart .views-field-commerce-total .field-item div:nth-child(2) .price-amount.commerce-price-savings-formatter-price {
    background-image: url(../img/price-line@2x.png);
  }
}
.header .block-commerce-cart .commerce-line-item-actions {
  display: none;
}

.cart-message-test .header .block-commerce-cart,
.cart-message .header .block-commerce-cart,
.header .block-commerce-cart.open {
  z-index: 10;
  position: relative;
  background: #e8e9e4;
}
.cart-message-test .header .block-commerce-cart .haynes-shopping-cart-block-content,
.cart-message .header .block-commerce-cart .haynes-shopping-cart-block-content,
.header .block-commerce-cart.open .haynes-shopping-cart-block-content {
  display: block;
  filter: alpha(opacity=1);
  opacity: 1.0;
}

.no-messages .messages {
  display: none;
}

@media only screen and (min-width: 521px) {
  .btn-search {
    display: none;
  }
}
@media only screen and (max-width: 520px) {
  .btn-search {
    display: block;
    text-indent: -9999px;
    width: 40px;
    height: 30px;
    background-image: url(../img/ico-search.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 10px 0 0;
  }
  .btn-search.no-svg, .no-svg .btn-search {
    background-image: url(../img/ico-search.png);
  }
}
@media only screen and (max-width: 520px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 520px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 520px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 520px) and (min-device-pixel-ratio: 1.5) {
  .btn-search.no-svg, .no-svg .btn-search {
    background-image: url(../img/ico-search@2x.png);
  }
}

.top-group h2 {
  display: none;
}
.top-group #block-haynes-search-haynes-search-box {
  margin-top: 10px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  -o-flex-grow: 2;
  flex-grow: 2;
}
.top-group #block-haynes-search-haynes-search-box button {
  background-image: url(../img/ico-search.svg);
  background-size: 17px 17px;
  background-repeat: no-repeat;
  border-left: 0;
  background-position: center center;
  text-indent: -9999px;
  width: 44px;
  background-color: #e8e9e4;
  -webkit-border-radius: 0 10px 10px 0 !important;
  -moz-border-radius: 0 10px 10px 0 !important;
  border-radius: 0 10px 10px 0 !important;
}
.top-group #block-haynes-search-haynes-search-box button.no-svg, .no-svg .top-group #block-haynes-search-haynes-search-box button {
  background-image: url(../img/ico-search.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .top-group #block-haynes-search-haynes-search-box button.no-svg, .no-svg .top-group #block-haynes-search-haynes-search-box button {
    background-image: url(../img/ico-search@2x.png);
  }
}
.top-group #block-haynes-search-haynes-search-box input {
  background: #f4f4f4;
  -webkit-border-radius: 10px 0 0 10px !important;
  -moz-border-radius: 10px 0 0 10px !important;
  border-radius: 10px 0 0 10px !important;
}

@keyframes visiblity {
  0% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}
.header .user-login-container {
  z-index: 9;
}
@media only screen and (min-width: 520px) {
  .header .user-login-container li.back-link {
    display: none;
  }
}
.header .user-login-container.open {
  background: #e8e9e4;
  z-index: 10;
  position: relative;
}
.header .user-login-container.open ul li.user-welcome {
  text-indent: -99999px;
}
.header .user-login-container.open ul li.account-links {
  display: block;
  opacity: 1;
}
.header .user-login-container ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.header .user-login-container ul li.user-login, .header .user-login-container ul li.user-welcome {
  text-indent: -9999px;
  display: block;
  padding-top: 35px;
  text-align: center;
  background-image: url(../img/ico-profile-new.svg);
  background-size: 30px 30px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
}
@media only screen and (min-width: 930px) {
  .header .user-login-container ul li.user-login, .header .user-login-container ul li.user-welcome {
    text-indent: 0;
  }
}
.header .user-login-container ul li.user-login.no-svg, .no-svg .header .user-login-container ul li.user-login, .header .user-login-container ul li.user-welcome.no-svg, .no-svg .header .user-login-container ul li.user-welcome {
  background-image: url(../img/ico-profile-new.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .header .user-login-container ul li.user-login.no-svg, .no-svg .header .user-login-container ul li.user-login, .header .user-login-container ul li.user-welcome.no-svg, .no-svg .header .user-login-container ul li.user-welcome {
    background-image: url(../img/ico-profile-new@2x.png);
  }
}
.header .user-login-container ul li.user-login a, .header .user-login-container ul li.user-welcome a {
  text-decoration: none;
  color: #3d3935;
}
.header .user-login-container ul li.user-welcome.account-links {
  filter: alpha(opacity=0);
  opacity: 0;
}
.header .user-login-container ul li.account-links {
  display: none;
  width: 160px !important;
  background: #fff;
  border: 4px solid #e8e9e4;
  position: absolute;
  -webkit-box-shadow: 0 0 10px 0 #e8e9e4 ;
  -moz-box-shadow: 0 0 10px 0 #e8e9e4 ;
  box-shadow: 0 0 10px 0 #e8e9e4 ;
  right: 0;
  top: 30px;
  filter: alpha(opacity=0);
  opacity: 0;
}
@media only screen and (min-width: 930px) {
  .header .user-login-container ul li.account-links {
    margin-top: 15px;
  }
}
.header .user-login-container ul li.account-links a {
  width: 160px;
  padding: 5px 10px;
  display: block;
  color: #3d3935;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header .user-login-container ul li.account-links a:hover {
  background: #e8e9e4;
  color: #da291c;
}
@media only screen and (max-width: 520px) {
  .header .user-login-container {
    position: static;
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  .header .user-login-container ul li.user-welcome, .header .user-login-container ul li.user-login {
    background-image: url(../img/ico-profile-new.svg);
    background-size: 24px auto;
    background-position: 50% 0;
    width: 30px;
    height: 30px;
  }
  .header .user-login-container ul li.user-welcome.no-svg, .no-svg .header .user-login-container ul li.user-welcome, .header .user-login-container ul li.user-login.no-svg, .no-svg .header .user-login-container ul li.user-login {
    background-image: url(../img/ico-profile-new.png);
  }
}
@media only screen and (max-width: 520px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 520px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 520px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 520px) and (min-device-pixel-ratio: 1.5) {
  .header .user-login-container ul li.user-welcome.no-svg, .no-svg .header .user-login-container ul li.user-welcome, .header .user-login-container ul li.user-login.no-svg, .no-svg .header .user-login-container ul li.user-login {
    background-image: url(../img/ico-profile-new@2x.png);
  }
}

.header .showUser a {
  text-decoration: none;
  color: #333;
}

.block-haynes-region-redirect {
  z-index: 2;
}
.block-haynes-region-redirect.active {
  z-index: 20;
}
.block-haynes-region-redirect h3 {
  display: none;
}
.block-haynes-region-redirect .region-switch {
  margin: 0;
  right: 100px;
  z-index: 99;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.block-haynes-region-redirect .region-switch .btn-arrow {
  width: 35px;
  height: 30px;
  text-indent: -9999px;
  order: -1;
  cursor: pointer;
  position: absolute;
}
@media only screen and (min-width: 930px) {
  .block-haynes-region-redirect .region-switch .btn-arrow {
    width: 1px;
    position: relative;
    background-position: 0px 8px;
    background-repeat: no-repeat;
  }
  .block-haynes-region-redirect .region-switch .btn-arrow.arrow-left {
    padding-left: 10px;
    background-image: url(../img/btn-arrow-left-trimmed.svg);
    background-size: 7px 14px;
  }
  .block-haynes-region-redirect .region-switch .btn-arrow.arrow-left.no-svg, .no-svg .block-haynes-region-redirect .region-switch .btn-arrow.arrow-left {
    background-image: url(../img/btn-arrow-left-trimmed.png);
  }
}
@media only screen and (min-width: 930px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 930px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 930px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 930px) and (min-device-pixel-ratio: 1.5) {
  .block-haynes-region-redirect .region-switch .btn-arrow.arrow-left.no-svg, .no-svg .block-haynes-region-redirect .region-switch .btn-arrow.arrow-left {
    background-image: url(../img/btn-arrow-left-trimmed@2x.png);
  }
}
@media only screen and (min-width: 930px) {
  .block-haynes-region-redirect .region-switch .btn-arrow.arrow-right {
    background-image: url(../img/btn-arrow-left-trimmed.svg);
    background-size: 7px 14px;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .block-haynes-region-redirect .region-switch .btn-arrow.arrow-right.no-svg, .no-svg .block-haynes-region-redirect .region-switch .btn-arrow.arrow-right {
    background-image: url(../img/btn-arrow-left-trimmed.png);
  }
}
@media only screen and (min-width: 930px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 930px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 930px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 930px) and (min-device-pixel-ratio: 1.5) {
  .block-haynes-region-redirect .region-switch .btn-arrow.arrow-right.no-svg, .no-svg .block-haynes-region-redirect .region-switch .btn-arrow.arrow-right {
    background-image: url(../img/btn-arrow-left-trimmed@2x.png);
  }
}

.block-haynes-region-redirect .region-switch li {
  margin-left: 2px;
}
@media only screen and (min-width: 930px) {
  .block-haynes-region-redirect .region-switch li {
    padding-left: 14px;
  }
  .block-haynes-region-redirect .region-switch li.last {
    padding-right: 14px;
  }
}
.block-haynes-region-redirect .region-switch li:first-child {
  padding-left: 0;
  cursor: pointer;
}
.block-haynes-region-redirect .region-switch li .disabled {
  pointer-events: none;
}
.block-haynes-region-redirect .region-switch li a {
  height: 30px;
  background-size: 30px 30px;
  background-position: 50% 0%;
  text-decoration: none;
  color: #312145;
  background-repeat: no-repeat;
  max-width: 50px;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  display: none;
  text-indent: -99999px;
}
@media only screen and (min-width: 930px) {
  .block-haynes-region-redirect .region-switch li a {
    padding-top: 35px;
  }
}
@media only screen and (min-width: 930px) {
  .block-haynes-region-redirect .region-switch li a {
    opacity: 0.3;
  }
}
.block-haynes-region-redirect .region-switch li a:hover {
  opacity: 1.0;
}
@media only screen and (min-width: 930px) {
  .block-haynes-region-redirect .region-switch li a {
    text-indent: 0;
  }
}
@media only screen and (min-width: 930px) {
  .block-haynes-region-redirect .region-switch li.active {
    padding-left: 0;
  }
}
.block-haynes-region-redirect .region-switch li.active a {
  display: block;
  opacity: 1.0;
}
.block-haynes-region-redirect .region-switch li.uk a {
  background-image: url("../img/flag-uk.png");
}
.block-haynes-region-redirect .region-switch li.us a {
  background-image: url("../img/flag-us.png");
}
.block-haynes-region-redirect .region-switch li.au a {
  background-image: url("../img/flag-au.png");
}
@media only screen and (max-width: 930px) {
  .block-haynes-region-redirect .item-list .region-switch {
    right: 0;
    margin-bottom: 0;
    position: absolute;
  }
  .block-haynes-region-redirect .item-list .region-switch.mb-click {
    top: -5px;
    padding: 5px;
  }
  .block-haynes-region-redirect .item-list .region-switch.mb-click li {
    margin-left: 10px;
  }
  .block-haynes-region-redirect .item-list .region-switch .btn-arrow {
    margin-left: 5px;
    height: 30px;
  }
  .block-haynes-region-redirect .item-list .region-switch li a {
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
  }
}
.block-haynes-region-redirect .item-list {
  position: relative;
}
@media only screen and (min-width: 930px) {
  .block-haynes-region-redirect .item-list {
    position: absolute;
  }
}
.block-haynes-region-redirect .item-list .mb-click li a {
  display: block;
}
@media only screen and (min-width: 930px) {
  .block-haynes-region-redirect .item-list .mb-click li.active {
    padding-left: 14px;
  }
}

.mb-click .btn-arrow {
  display: none;
}
@media only screen and (min-width: 930px) {
  .mb-click .btn-arrow {
    display: block;
  }
}

#block-haynes-region-redirect-haynes-region-redirect-info {
  background: #6d6e72;
  display: block;
}
#block-haynes-region-redirect-haynes-region-redirect-info p {
  margin: 0;
}
#block-haynes-region-redirect-haynes-region-redirect-info #haynes-region-redirect-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
  font-family: "haynesadjustlight", sans-serif;
  color: #fff;
  height: 65px;
  width: 1010px;
  padding: 0;
}
@media only screen and (max-width: 1020px) {
  #block-haynes-region-redirect-haynes-region-redirect-info #haynes-region-redirect-wrapper {
    width: 100%;
    padding: 0 10px;
  }
}
#block-haynes-region-redirect-haynes-region-redirect-info #haynes-region-redirect-wrapper a {
  color: #fff;
}
#block-haynes-region-redirect-haynes-region-redirect-info .dismiss a {
  display: block;
  background-image: url(../img/btn-close.svg);
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
}
#block-haynes-region-redirect-haynes-region-redirect-info .dismiss a.no-svg, .no-svg #block-haynes-region-redirect-haynes-region-redirect-info .dismiss a {
  background-image: url(../img/btn-close.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #block-haynes-region-redirect-haynes-region-redirect-info .dismiss a.no-svg, .no-svg #block-haynes-region-redirect-haynes-region-redirect-info .dismiss a {
    background-image: url(../img/btn-close@2x.png);
  }
}
@media only screen and (max-width: 560px) {
  #block-haynes-region-redirect-haynes-region-redirect-info {
    display: none;
  }
}

.header #block-haynes-region-redirect-haynes-region-redirect-info {
  display: none;
}
@media only screen and (min-width: 930px) {
  .header .block-haynes-region-redirect .region-switch {
    padding: 5px 0 3px 5px;
    margin: -5px 0 0 -5px;
  }
}
.header .block-haynes-region-redirect .region-switch:hover {
  background: #e8e9e4;
}
.header .block-haynes-region-redirect .region-switch:hover.mb-click {
  background: white;
}
.header .block-haynes-region-redirect .region-switch.mb-click {
  background: white;
}

@media only screen and (min-width: 930px) {
  .footer .block-haynes-region-redirect .item-list {
    right: 0;
  }
  .footer .block-haynes-region-redirect .item-list li {
    margin-left: 0;
  }
  .footer .block-haynes-region-redirect .item-list li.btn-arrow {
    margin-top: -20px;
  }
}

/**
 * Notification block which appears in the header_highlighted region
 * Markup is set up in the haynes_notification module
 */
#highlightedHeaderWrapper #block-haynes-notification-haynes-notification {
  background: #f89f21;
  color: #000;
  padding: 10px;
  position: relative;
}
#highlightedHeaderWrapper #block-haynes-notification-haynes-notification #haynes-notification-wrapper {
  position: relative;
  margin: 0 auto;
  font-family: "haynesadjustlight", sans-serif;
  width: 1010px;
}
@media only screen and (max-width: 1020px) {
  #highlightedHeaderWrapper #block-haynes-notification-haynes-notification #haynes-notification-wrapper {
    width: auto;
  }
}
#highlightedHeaderWrapper #block-haynes-notification-haynes-notification p {
  margin: 0 0 15px 0;
}
#highlightedHeaderWrapper #block-haynes-notification-haynes-notification p:last-child {
  margin: 0;
}
#highlightedHeaderWrapper #block-haynes-notification-haynes-notification .dismiss {
  position: absolute;
  top: 0;
  right: 0;
}
#highlightedHeaderWrapper #block-haynes-notification-haynes-notification .dismiss a {
  display: block;
  background-image: url(../img/btn-close.svg);
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
}
#highlightedHeaderWrapper #block-haynes-notification-haynes-notification .dismiss a.no-svg, .no-svg #highlightedHeaderWrapper #block-haynes-notification-haynes-notification .dismiss a {
  background-image: url(../img/btn-close.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #highlightedHeaderWrapper #block-haynes-notification-haynes-notification .dismiss a.no-svg, .no-svg #highlightedHeaderWrapper #block-haynes-notification-haynes-notification .dismiss a {
    background-image: url(../img/btn-close@2x.png);
  }
}

.breadCrumb {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
  font-size: 12px;
  font-size: 0.75rem;
}
.breadCrumb .breadcrumb {
  padding: 10px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.breadCrumb a {
  color: #3d3935;
}
@media only screen and (max-width: 600px) {
  .breadCrumb {
    display: none;
  }
}

@media only screen and (max-width: 890px) {
  .page-user-cas .breadCrumb {
    display: none;
  }
}

.wrapper > .insideView {
  min-height: 61vh;
  z-index: 0;
  position: relative;
  background: #fff;
  padding-bottom: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper > .insideView .flexbox-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
}
.wrapper > .insideView .flexbox-container .view-content {
  width: 100%;
}

.highlighted-region {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
}
@media only screen and (max-width: 1010px) {
  .highlighted-region {
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}

.pane-blog-landing-page-component-boxes,
.pane-blog-latest {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1020px) {
  .pane-blog-landing-page-component-boxes,
  .pane-blog-latest {
    display: none;
  }
}
.pane-blog-landing-page-component-boxes h2,
.pane-blog-latest h2 {
  width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  -o-flex-basis: 100%;
  flex-basis: 100%;
}
.pane-blog-landing-page-component-boxes .views-row,
.pane-blog-latest .views-row {
  position: relative;
  width: 18.5%;
  margin-left: 1.5%;
  height: 235px;
  overflow: hidden;
  color: #fff;
  cursor: pointer;
}
.pane-blog-landing-page-component-boxes .views-row:hover .group-text,
.pane-blog-latest .views-row:hover .group-text {
  transition: all 0.5s ease-in;
  background: rgba(0, 0, 0, 0.8);
  max-height: 200px;
}
.pane-blog-landing-page-component-boxes .views-row .views-field-field-blog-landing-image,
.pane-blog-latest .views-row .views-field-field-blog-landing-image {
  position: absolute;
  top: 0;
  z-index: -10;
}
.pane-blog-landing-page-component-boxes .views-row .group-text,
.pane-blog-latest .views-row .group-text {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  max-height: 70px;
  min-height: 70px;
  width: 100%;
  padding: 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.5s ease-in;
}
.pane-blog-landing-page-component-boxes .views-row .group-text span:first-child,
.pane-blog-latest .views-row .group-text span:first-child {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "haynesadjustitalic", sans-serif;
  display: block;
}
.pane-blog-landing-page-component-boxes .views-row .group-text span:last-child a,
.pane-blog-latest .views-row .group-text span:last-child a {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "haynesadjustbold", sans-serif;
  text-decoration: none;
}
.pane-blog-landing-page-component-boxes .views-row img,
.pane-blog-latest .views-row img {
  display: block;
}
.pane-blog-landing-page-component-boxes .views-row.views-row-first,
.pane-blog-latest .views-row.views-row-first {
  width: 40%;
  margin-left: 0;
}
.pane-blog-landing-page-component-boxes .views-row.views-row-first img,
.pane-blog-latest .views-row.views-row-first img {
  width: 396px;
  height: auto;
}

.home-page-cat .wrapper .insideView {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
}
.home-page-cat .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  align-content: flex-start;
  width: 70%;
  padding-left: 10px;
  padding-right: 10px;
}
.home-page-cat .container .panel-flexible {
  width: 100%;
}
.home-page-cat .container .haynes-catalog-product-references-block .product {
  width: 48.412698413%;
}
@media only screen and (max-width: 1020px) {
  .home-page-cat .container .haynes-catalog-product-references-block .product {
    width: 50%;
  }
}
@media only screen and (max-width: 700px) {
  .home-page-cat .container .haynes-catalog-product-references-block .product {
    width: 100%;
    display: none;
  }
  .home-page-cat .container .haynes-catalog-product-references-block .product:nth-child(1), .home-page-cat .container .haynes-catalog-product-references-block .product:nth-child(2), .home-page-cat .container .haynes-catalog-product-references-block .product:nth-child(3), .home-page-cat .container .haynes-catalog-product-references-block .product:nth-child(4) {
    display: block;
  }
}
@media only screen and (max-width: 890px) {
  .home-page-cat .container {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .home-page-cat .container {
    margin-top: 20px;
  }
}
.home-page-cat .rightContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 30%;
  padding-left: 10px;
  padding-right: 10px;
}

.popular-models .item-list ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}
.popular-models .item-list ul li {
  width: 130px;
  margin-bottom: 20px;
  margin-right: 36px;
}
.popular-models .item-list ul li:nth-child(4n) {
  margin-right: 0;
}
.popular-models .item-list ul li .make .image,
.popular-models .item-list ul li .model .image {
  width: 100%;
  height: 90px;
  border: 5px solid #e0e0e0;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.popular-models .item-list ul li .make .image:hover,
.popular-models .item-list ul li .model .image:hover {
  border-color: #f8e81e;
}
.popular-models .item-list ul li .make .image img,
.popular-models .item-list ul li .model .image img {
  width: 120px;
  height: auto;
}
.popular-models .item-list ul li .make .title,
.popular-models .item-list ul li .model .title {
  padding-top: 5px;
}
.popular-models .item-list ul li .make .title a,
.popular-models .item-list ul li .model .title a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #3d3935;
  font-family: "haynesadjustbold", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
}
.popular-models .item-list ul li .make .title a.model-year-range,
.popular-models .item-list ul li .model .title a.model-year-range {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "haynesadjustlight_italic", sans-serif;
}
@media only screen and (max-width: 1010px) {
  .popular-models .item-list ul {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .popular-models .item-list ul li {
    margin-right: 0;
  }
}
@media only screen and (max-width: 375px) {
  .popular-models .item-list ul {
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
  }
}

.page-home .popular-models,
.page-home .popular-makes {
  clear: both;
  overflow: auto;
}
.page-home .popular-models .item-list .title,
.page-home .popular-makes .item-list .title {
  font-weight: normal;
}
.page-home .popular-models .item-list ul,
.page-home .popular-makes .item-list ul {
  display: block;
  clear: both;
}
.page-home .popular-models .item-list ul li,
.page-home .popular-makes .item-list ul li {
  width: 15%;
  min-width: 130px;
  float: left;
  margin-bottom: 20px;
  margin-right: 1.66%;
}
@media only screen and (min-width: 525px) {
  .page-home .popular-models .item-list ul li:last-child,
  .page-home .popular-makes .item-list ul li:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 525px) {
  .page-home .popular-models .item-list ul,
  .page-home .popular-makes .item-list ul {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .page-home .popular-models .item-list ul li:nth-child(even),
  .page-home .popular-makes .item-list ul li:nth-child(even) {
    float: right;
  }
}
@media only screen and (max-width: 375px) {
  .page-home .popular-models .item-list ul,
  .page-home .popular-makes .item-list ul {
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
  }
}
.page-home .pane-abstract-procedures-list {
  margin-top: 15px;
}

.home h1 {
  visibility: hidden;
  height: 0;
  margin: 8px 0;
  padding: 0;
}
@media only screen and (min-width: 930px) {
  .home h1 {
    margin: 15px 0;
  }
}

.page-newsletter-signup .container form > div:first-child {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}
.page-newsletter-signup .container form > div:first-child label {
  width: 10.416666667%;
  font-family: "haynesadjustbold", sans-serif;
}
.page-newsletter-signup .container form > div:nth-child(2n) label:first-child {
  font-family: "haynesadjustbold", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 10px;
}
.page-newsletter-signup .container form label {
  font-family: "haynesadjustlight", sans-serif;
}
.page-newsletter-signup .container form .form-checkboxes {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
}
.page-newsletter-signup .container form .form-checkboxes .form-required {
  width: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
  -o-flex-basis: 50%;
  flex-basis: 50%;
}
.page-newsletter-signup .container form .form-required {
  margin-bottom: 10px;
}
.page-newsletter-signup .container form .form-required label {
  display: inline-block;
}
.page-newsletter-signup .container form .form-required input[type=text] {
  width: 66.596%;
}
.page-newsletter-signup .container form .form-required small {
  font-family: "haynesadjustlight_italic", sans-serif;
}

.page-user-cas-newsletter form label {
  width: 150px;
  display: inline-block;
}
.page-user-cas-newsletter form .subscription-active {
  color: green;
}
.page-user-cas-newsletter form .form-radios,
.page-user-cas-newsletter form .form-checkboxes {
  padding-top: 10px;
}
.page-user-cas-newsletter form .form-radios label,
.page-user-cas-newsletter form .form-checkboxes label {
  width: 50%;
  font-family: "haynesadjustmedium", sans-serif;
}
.page-user-cas-newsletter form #edit-email,
.page-user-cas-newsletter form #edit-status,
.page-user-cas-newsletter form .form-item-method {
  margin-bottom: 20px;
}
.page-user-cas-newsletter form #edit-email {
  color: #da291c;
  font-style: italic;
}
.page-user-cas-newsletter form #edit-email label {
  display: inline-block;
  color: #3d3935;
  font-style: normal;
}
.page-user-cas-newsletter form #edit-email small {
  margin-top: 5px;
  color: #3d3935;
  font-style: normal;
  display: inline-block;
}
.page-user-cas-newsletter form .form-item-interests {
  margin-bottom: 20px;
}

.page-search .wrapper .insideView button {
  background-image: url(../img/ico-search.svg);
  background-size: 17px 17px;
  background-repeat: no-repeat;
  border-left: 0;
  background-position: center center;
  text-indent: -9999px;
  width: 30px;
}
.page-search .wrapper .insideView button.no-svg, .no-svg .page-search .wrapper .insideView button {
  background-image: url(../img/ico-search.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .page-search .wrapper .insideView button.no-svg, .no-svg .page-search .wrapper .insideView button {
    background-image: url(../img/ico-search@2x.png);
  }
}
.page-search .wrapper .insideView .block-haynes-search h2.title {
  font-family: "haynesadjustlight", sans-serif;
  padding-bottom: 12px;
  font-size: 2.5em;
  border-bottom: 1px solid #da291c;
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  width: auto;
  margin-bottom: 20px;
}
@media only screen and (min-width: 930px) {
  .page-search .wrapper .insideView .block-haynes-search h2.title {
    margin-left: 0;
    margin-right: 0;
  }
}
.page-search .wrapper .insideView .block-haynes-search form#haynes-search-box-form {
  display: none;
}
.page-search .wrapper .insideView .block-haynes-search .haynes_search_info {
  font-family: "haynesadjustlight", sans-serif;
  margin-bottom: 25px;
  font-size: 22px;
  font-size: 1.375rem;
}
@media (max-width: 768px) {
  .page-search .wrapper .insideView .block-haynes-search .haynes_search_info {
    margin-top: 25px;
  }
}
.page-search .wrapper .insideView .block-haynes-search .haynes_search_info .search-result-count {
  color: #da291c;
}
.page-search .block-haynes-search {
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (min-width: 930px) {
  .page-search .block-haynes-search {
    margin-left: 0;
    margin-right: 0;
  }
}
.page-search .breadCrumb {
  display: none;
}
.page-search .highlighted-region {
  width: 100%;
}
.page-search .highlighted-region h1 {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .page-search .highlighted-region form div {
    width: 100%;
  }
}
.page-search .container {
  width: 70%;
  padding: 0 10px;
}
@media (max-width: 768px) {
  .page-search .container {
    width: 100%;
  }
}
.page-search .container h1,
.page-search .container .view-filters {
  display: none;
}
.page-search .container .views-row {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 30px;
  border-top: 1px solid #e0e0e0;
}
.page-search .container .views-row .product-teaser-title {
  height: 38px;
  overflow: hidden;
}
.page-search .container .views-row .field-type-image {
  display: inline-block;
  margin-right: 15px;
}
.page-search .container .views-row .content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  font-size: 12px;
  font-size: 0.75rem;
}
.page-search .container .views-row .content .field-name-title-field {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "haynesadjustbold", sans-serif;
}
.page-search .leftContainer {
  width: 30%;
  padding: 0 10px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .page-search .leftContainer {
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
}
@media (min-width: 468px) and (max-width: 768px) {
  .page-search .leftContainer .block {
    flex-basis: 45%;
    margin-right: 5%;
  }
}
@media (max-width: 468px) {
  .page-search .leftContainer .block {
    flex-basis: 100%;
  }
}
.page-search .leftContainer .facetapi-limit-link {
  font-size: 12px;
  font-size: 0.75rem;
  color: #3d3935;
}
.page-search .leftContainer .block-facetapi {
  margin-bottom: 20px;
}
.page-search .leftContainer .block-facetapi ul, .page-search .leftContainer .block-facetapi li {
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: "haynesadjustmedium", sans-serif;
  color: #3d3935;
  margin-bottom: 8px;
}
.page-search .leftContainer .block-facetapi ul a, .page-search .leftContainer .block-facetapi li a {
  text-decoration: none;
  color: #3d3935;
}
.page-search .leftContainer h2 {
  font-family: "haynesadjustbold", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 10px 0 10px 0;
}
.page-search .pager-load-more,
.page-search .pager--infinite-scroll {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  align-content: center;
  margin-top: 25px;
}
.page-search .pager-load-more a,
.page-search .pager--infinite-scroll a {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-flex-item-align: center;
  align-self: center;
  height: auto;
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  font-size: 1rem;
}

[class^="node-type-product-display-"] h3,
[class*="node-type-product-display-"] h3 {
  background-image: url(../img/stripe-title.svg);
  background-size: 8px 25px;
  background-repeat: repeat-x;
}
[class^="node-type-product-display-"] h3.no-svg, .no-svg [class^="node-type-product-display-"] h3,
[class*="node-type-product-display-"] h3.no-svg, .no-svg
[class*="node-type-product-display-"] h3 {
  background-image: url(../img/stripe-title.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  [class^="node-type-product-display-"] h3.no-svg, .no-svg [class^="node-type-product-display-"] h3,
  [class*="node-type-product-display-"] h3.no-svg, .no-svg
  [class*="node-type-product-display-"] h3 {
    background-image: url(../img/stripe-title@2x.png);
  }
}
[class^="node-type-product-display-"] h3 span,
[class*="node-type-product-display-"] h3 span {
  background: #fff;
  padding: 0 10px;
  margin-left: 10px;
}
[class^="node-type-product-display-"] .flexbox-container,
[class*="node-type-product-display-"] .flexbox-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
[class^="node-type-product-display-"] .flexbox-container .container,
[class*="node-type-product-display-"] .flexbox-container .container {
  width: 70%;
}
@media only screen and (max-width: 890px) {
  [class^="node-type-product-display-"] .flexbox-container .container,
  [class*="node-type-product-display-"] .flexbox-container .container {
    width: 100%;
  }
}
[class^="node-type-product-display-"] .flexbox-container .rightContainer .block-haynes-catalog,
[class*="node-type-product-display-"] .flexbox-container .rightContainer .block-haynes-catalog {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
}
[class^="node-type-product-display-"] .flexbox-container .rightContainer .block-haynes-catalog div,
[class*="node-type-product-display-"] .flexbox-container .rightContainer .block-haynes-catalog div {
  padding-bottom: 20px;
}

.node-type-product-display-gen-manual .flexbox-container .container {
  width: 100%;
}
.node-type-product-display-gen-manual .flexbox-container .container .group-product-header {
  width: 70%;
}

@media only screen and (max-width: 640px) {
  article.product-information .content.full {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  article.product-information .group-product-header {
    order: 0;
  }
  article.product-information .field-forthcoming-title-preorder {
    order: 1;
  }
  article.product-information .group-product-description {
    order: 2;
  }
  article.product-information .group-product-more-details {
    order: 3;
  }
  article.product-information .group-product-reviews {
    order: 4;
  }
}
article.product-information .group-product-header {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 502px) {
  article.product-information .group-product-header .field-name-field-product-cmh-cover-type .field-label,
  article.product-information .group-product-header .field-name-field-product-cmh-cover-type label,
  article.product-information .group-product-header .field-commerce-price .field-label,
  article.product-information .group-product-header .field-commerce-price label {
    width: 70px;
  }
}
article.product-information .group-product-header .field-type-image {
  width: 40%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article.product-information .group-product-header .field-type-image .first-image {
  position: relative;
}
article.product-information .group-product-header .field-type-image .first-image img {
  width: 100%;
  height: auto;
  border: 5px solid #fff;
}
@media only screen and (min-width: 502px) {
  article.product-information .group-product-header .field-type-image .first-image a.colorbox-custom-enlarge-link {
    position: absolute;
    background-color: black;
    position: absolute;
    bottom: 5px;
    right: 5px;
    height: 50px;
    width: 50px;
    background-image: url(../img/ico-zoom.svg);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    text-indent: -9999px;
  }
  article.product-information .group-product-header .field-type-image .first-image a.colorbox-custom-enlarge-link.no-svg, .no-svg article.product-information .group-product-header .field-type-image .first-image a.colorbox-custom-enlarge-link {
    background-image: url(../img/ico-zoom.png);
  }
}
@media only screen and (min-width: 502px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 502px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 502px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 502px) and (min-device-pixel-ratio: 1.5) {
  article.product-information .group-product-header .field-type-image .first-image a.colorbox-custom-enlarge-link.no-svg, .no-svg article.product-information .group-product-header .field-type-image .first-image a.colorbox-custom-enlarge-link {
    background-image: url(../img/ico-zoom@2x.png);
  }
}

@media only screen and (max-width: 501px) {
  article.product-information .group-product-header .field-type-image .first-image a.colorbox-custom-enlarge-link {
    display: none;
  }
}
@media only screen and (min-width: 502px) {
  article.product-information .group-product-header .field-type-image .first-image .look-inside-link {
    display: block;
    position: absolute;
    background: url(../img/see-inside.png);
    width: 116px;
    height: 116px;
    top: -5px;
    left: -5px;
  }
  article.product-information .group-product-header .field-type-image .first-image .look-inside-link .look-inside {
    display: none;
  }
}
@media only screen and (max-width: 501px) {
  article.product-information .group-product-header .field-type-image .first-image .look-inside-link {
    display: none;
  }
}
article.product-information .group-product-header .field-type-image .more-images {
  position: relative;
  margin-top: 10px;
}
article.product-information .group-product-header .field-type-image .more-images .nav-scroll {
  position: absolute;
  top: 37%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  visibility: hidden;
}
article.product-information .group-product-header .field-type-image .more-images .nav-scroll .scroll-left,
article.product-information .group-product-header .field-type-image .more-images .nav-scroll .scroll-right {
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
  cursor: pointer;
  text-indent: -99999px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  background-image: url(../img/more-img-pointers.png);
  background-repeat: no-repeat;
  z-index: 999;
  visibility: visible;
}
article.product-information .group-product-header .field-type-image .more-images .nav-scroll .scroll-left:hover,
article.product-information .group-product-header .field-type-image .more-images .nav-scroll .scroll-right:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
article.product-information .group-product-header .field-type-image .more-images .nav-scroll .scroll-left {
  left: -10px;
  background-position: 1px 1px;
}
article.product-information .group-product-header .field-type-image .more-images .nav-scroll .scroll-right {
  right: -10px;
  background-position: -80px 1px;
}
@media only screen and (max-width: 500px) {
  article.product-information .group-product-header .field-type-image .more-images {
    display: none;
  }
}
article.product-information .group-product-header .field-type-image .more-images .img-container {
  padding-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  overflow-x: hidden;
}
article.product-information .group-product-header .field-type-image .more-images .img-container .field-item {
  margin-right: 10px;
  margin-bottom: 20px;
}
article.product-information .group-product-header .field-type-image .more-images .img-container img {
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) ;
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) ;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) ;
  border: 2px solid #fff;
}
article.product-information .group-product-header .group-text,
article.product-information .group-product-header .group-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 60%;
  padding-left: 40px;
  padding-right: 10px;
}
@media only screen and (min-width: 510px) {
  article.product-information .group-product-header .group-text,
  article.product-information .group-product-header .group-label {
    position: relative;
  }
}
article.product-information .group-product-header .group-text h1,
article.product-information .group-product-header .group-label h1 {
  margin-top: 0;
}
article.product-information .group-product-header .group-text .group-product,
article.product-information .group-product-header .group-label .group-product {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 94%;
}
@media only screen and (min-width: 510px) {
  article.product-information .group-product-header .group-text .group-product,
  article.product-information .group-product-header .group-label .group-product {
    margin-top: 40px;
  }
}
article.product-information .group-product-header .group-text #edit-line-item-fields,
article.product-information .group-product-header .group-label #edit-line-item-fields {
  display: none !important;
}
article.product-information .group-product-header .group-text .field-type-commerce-product-reference,
article.product-information .group-product-header .group-text .field-name-field-product-edition,
article.product-information .group-product-header .group-label .field-type-commerce-product-reference,
article.product-information .group-product-header .group-label .field-name-field-product-edition {
  width: 100%;
}
article.product-information .group-product-header .group-text .field-type-commerce-product-reference .field-items,
article.product-information .group-product-header .group-text .field-name-field-product-edition .field-items,
article.product-information .group-product-header .group-label .field-type-commerce-product-reference .field-items,
article.product-information .group-product-header .group-label .field-name-field-product-edition .field-items {
  width: 100%;
}
article.product-information .group-product-header .group-text .field-type-commerce-product-reference .field-items .attribute-widgets,
article.product-information .group-product-header .group-text .field-name-field-product-edition .field-items .attribute-widgets,
article.product-information .group-product-header .group-label .field-type-commerce-product-reference .field-items .attribute-widgets,
article.product-information .group-product-header .group-label .field-name-field-product-edition .field-items .attribute-widgets {
  display: none;
}
article.product-information .group-product-header .group-text .field-type-commerce-product-reference .field-items .subscription-duration,
article.product-information .group-product-header .group-text .field-name-field-product-edition .field-items .subscription-duration,
article.product-information .group-product-header .group-label .field-type-commerce-product-reference .field-items .subscription-duration,
article.product-information .group-product-header .group-label .field-name-field-product-edition .field-items .subscription-duration {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
article.product-information .group-product-header .group-text .field-type-commerce-product-reference form .form-submit,
article.product-information .group-product-header .group-text .field-name-field-product-edition form .form-submit,
article.product-information .group-product-header .group-label .field-type-commerce-product-reference form .form-submit,
article.product-information .group-product-header .group-label .field-name-field-product-edition form .form-submit {
  background-color: #8ec63f;
  background-image: url(../img/ico-cart-2.svg);
  background-size: 22px 22px;
  background-position: 15px 50%;
  height: 40px;
  padding-left: 55px;
  padding-right: 20px;
  font-size: 15px;
  text-align: left;
  background-color: #8ec63f;
}
article.product-information .group-product-header .group-text .field-type-commerce-product-reference form .form-submit.no-svg, .no-svg article.product-information .group-product-header .group-text .field-type-commerce-product-reference form .form-submit,
article.product-information .group-product-header .group-text .field-name-field-product-edition form .form-submit.no-svg, .no-svg
article.product-information .group-product-header .group-text .field-name-field-product-edition form .form-submit,
article.product-information .group-product-header .group-label .field-type-commerce-product-reference form .form-submit.no-svg, .no-svg
article.product-information .group-product-header .group-label .field-type-commerce-product-reference form .form-submit,
article.product-information .group-product-header .group-label .field-name-field-product-edition form .form-submit.no-svg, .no-svg
article.product-information .group-product-header .group-label .field-name-field-product-edition form .form-submit {
  background-image: url(../img/ico-cart-2.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  article.product-information .group-product-header .group-text .field-type-commerce-product-reference form .form-submit.no-svg, .no-svg article.product-information .group-product-header .group-text .field-type-commerce-product-reference form .form-submit,
  article.product-information .group-product-header .group-text .field-name-field-product-edition form .form-submit.no-svg, .no-svg
  article.product-information .group-product-header .group-text .field-name-field-product-edition form .form-submit,
  article.product-information .group-product-header .group-label .field-type-commerce-product-reference form .form-submit.no-svg, .no-svg
  article.product-information .group-product-header .group-label .field-type-commerce-product-reference form .form-submit,
  article.product-information .group-product-header .group-label .field-name-field-product-edition form .form-submit.no-svg, .no-svg
  article.product-information .group-product-header .group-label .field-name-field-product-edition form .form-submit {
    background-image: url(../img/ico-cart-2@2x.png);
  }
}
article.product-information .group-product-header .group-text .field-type-commerce-product-reference form .form-submit:hover,
article.product-information .group-product-header .group-text .field-name-field-product-edition form .form-submit:hover,
article.product-information .group-product-header .group-label .field-type-commerce-product-reference form .form-submit:hover,
article.product-information .group-product-header .group-label .field-name-field-product-edition form .form-submit:hover {
  background-color: #fff200;
}
article.product-information .group-product-header .group-text .field-type-commerce-product-reference form .form-submit,
article.product-information .group-product-header .group-text .field-name-field-product-edition form .form-submit,
article.product-information .group-product-header .group-label .field-type-commerce-product-reference form .form-submit,
article.product-information .group-product-header .group-label .field-name-field-product-edition form .form-submit {
  min-width: 170px;
}
article.product-information .group-product-header .group-text .field-type-commerce-product-reference form .commerce-quantity-plusminus-link,
article.product-information .group-product-header .group-text .field-name-field-product-edition form .commerce-quantity-plusminus-link,
article.product-information .group-product-header .group-label .field-type-commerce-product-reference form .commerce-quantity-plusminus-link,
article.product-information .group-product-header .group-label .field-name-field-product-edition form .commerce-quantity-plusminus-link {
  display: none;
}
article.product-information .group-product-header .group-text .field-type-commerce-product-reference form .form-item-quantity,
article.product-information .group-product-header .group-text .field-name-field-product-edition form .form-item-quantity,
article.product-information .group-product-header .group-label .field-type-commerce-product-reference form .form-item-quantity,
article.product-information .group-product-header .group-label .field-name-field-product-edition form .form-item-quantity {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin-bottom: 20px;
}
article.product-information .group-product-header .group-text .field-type-commerce-product-reference form .form-item-quantity input[type=text],
article.product-information .group-product-header .group-text .field-name-field-product-edition form .form-item-quantity input[type=text],
article.product-information .group-product-header .group-label .field-type-commerce-product-reference form .form-item-quantity input[type=text],
article.product-information .group-product-header .group-label .field-name-field-product-edition form .form-item-quantity input[type=text] {
  width: 50px;
  text-align: center;
  margin-right: 10px;
  border: 1px solid #ddd;
}
@media only screen and (max-width: 486px) {
  article.product-information .group-product-header .group-text .field-type-commerce-product-reference form,
  article.product-information .group-product-header .group-text .field-name-field-product-edition form,
  article.product-information .group-product-header .group-label .field-type-commerce-product-reference form,
  article.product-information .group-product-header .group-label .field-name-field-product-edition form {
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  article.product-information .group-product-header .group-text .field-type-commerce-product-reference form .form-item-quantity,
  article.product-information .group-product-header .group-text .field-name-field-product-edition form .form-item-quantity,
  article.product-information .group-product-header .group-label .field-type-commerce-product-reference form .form-item-quantity,
  article.product-information .group-product-header .group-label .field-name-field-product-edition form .form-item-quantity {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  article.product-information .group-product-header .group-text .field-type-commerce-product-reference form .form-item-quantity input[type=text],
  article.product-information .group-product-header .group-text .field-name-field-product-edition form .form-item-quantity input[type=text],
  article.product-information .group-product-header .group-label .field-type-commerce-product-reference form .form-item-quantity input[type=text],
  article.product-information .group-product-header .group-label .field-name-field-product-edition form .form-item-quantity input[type=text] {
    margin: 0;
  }
  article.product-information .group-product-header .group-text .field-type-commerce-product-reference form .form-item-quantity label,
  article.product-information .group-product-header .group-text .field-name-field-product-edition form .form-item-quantity label,
  article.product-information .group-product-header .group-label .field-type-commerce-product-reference form .form-item-quantity label,
  article.product-information .group-product-header .group-label .field-name-field-product-edition form .form-item-quantity label {
    width: 100px;
  }
}
article.product-information .group-product-header .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount,
article.product-information .group-product-header .group-label .field-type-commerce-price.price-multiple .field:first-child .price-amount {
  color: #636363;
  background-image: url(../img/price-line.svg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
article.product-information .group-product-header .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg article.product-information .group-product-header .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount,
article.product-information .group-product-header .group-label .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
article.product-information .group-product-header .group-label .field-type-commerce-price.price-multiple .field:first-child .price-amount {
  background-image: url(../img/price-line.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  article.product-information .group-product-header .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg article.product-information .group-product-header .group-text .field-type-commerce-price.price-multiple .field:first-child .price-amount,
  article.product-information .group-product-header .group-label .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
  article.product-information .group-product-header .group-label .field-type-commerce-price.price-multiple .field:first-child .price-amount {
    background-image: url(../img/price-line@2x.png);
  }
}
article.product-information .flag-outer-commerce-product-wishlist {
  margin-top: 20px;
  margin-bottom: 0.5em;
}
article.product-information .flag-outer-commerce-product-wishlist a {
  height: 40px;
  line-height: 40px;
  display: block;
  background-image: url(../img/ico-add-fav.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-color: #8ec63f;
  width: 110px;
  font-family: "haynesadjustmedium", sans-serif;
  text-decoration: none;
  color: #3d3935;
  padding: 0 10px 0 50px;
  cursor: pointer;
}
article.product-information .flag-outer-commerce-product-wishlist a.no-svg, .no-svg article.product-information .flag-outer-commerce-product-wishlist a {
  background-image: url(../img/ico-add-fav.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  article.product-information .flag-outer-commerce-product-wishlist a.no-svg, .no-svg article.product-information .flag-outer-commerce-product-wishlist a {
    background-image: url(../img/ico-add-fav@2x.png);
  }
}
article.product-information .flag-outer-commerce-product-wishlist a.unflag-action {
  background-image: url(../img/ico-remove-fav.svg);
  background-size: 20px 20px;
  width: 140px;
}
article.product-information .flag-outer-commerce-product-wishlist a.unflag-action.no-svg, .no-svg article.product-information .flag-outer-commerce-product-wishlist a.unflag-action {
  background-image: url(../img/ico-remove-fav.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  article.product-information .flag-outer-commerce-product-wishlist a.unflag-action.no-svg, .no-svg article.product-information .flag-outer-commerce-product-wishlist a.unflag-action {
    background-image: url(../img/ico-remove-fav@2x.png);
  }
}
article.product-information .flag-outer-commerce-product-wishlist a:hover {
  background-color: #f8e81e;
}
article.product-information .group-product .field-label,
article.product-information .group-product label,
article.product-information .group-product-more-details .field-label,
article.product-information .group-product-more-details label {
  font-weight: normal;
  font-family: "haynesadjustmedium", sans-serif;
  display: inline-block;
}
article.product-information .group-product .field-items,
article.product-information .group-product-more-details .field-items {
  display: inline-block;
}
article.product-information .group-product .field-type-commerce-price-element,
article.product-information .group-product-more-details .field-type-commerce-price-element {
  margin-bottom: 10px;
}
article.product-information .group-product-description,
article.product-information .group-product-more-details {
  font-size: 1rem;
  line-height: 1.5em;
}
article.product-information .group-product-description .field-label,
article.product-information .group-product-more-details .field-label {
  width: 200px;
  text-align: left;
}
article.product-information .group-product-reviews iframe {
  width: 100%;
  height: 500px;
  border: 1px solid #e0e0e0;
}
@media only screen and (max-width: 450px) {
  article.product-information .group-product-reviews {
    display: none;
  }
}
article.product-information label.price-label {
  font-weight: normal;
}

.field-forthcoming-title-preorder {
  background: #f8e820;
  padding: 15px 20px;
}
.field-forthcoming-title-preorder .title {
  margin-bottom: 20px;
}
.field-forthcoming-title-preorder .title, .field-forthcoming-title-preorder a {
  font-family: "haynesadjustbold", sans-serif;
  color: #3d3935;
  text-decoration: none;
}

article.product-information .group-product-description .field-name-field-product-inclusions .field-label, article.product-information .group-product-description .field-name-field-product-exclusions .field-label {
  font-family: "haynesadjustbold", sans-serif;
}

.product-information-full h1 {
  font-family: "haynesadjustlight", sans-serif;
}
.product-information-full .field-label,
.product-information-full label {
  width: 100px;
  text-align: right;
  margin-right: 10px;
}

.node-type-haynes-model .container {
  padding: 0;
  width: 100%;
}
.node-type-haynes-model h2.manuals {
  padding: 10px;
}
.node-type-haynes-model .compare-manuals {
  padding: 0 10px;
  background: #f8e81e;
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  .node-type-haynes-model .compare-manuals {
    text-align: right;
    height: 34px;
  }
}
.node-type-haynes-model .compare-manuals h4 {
  margin: 0;
  font-family: "haynesadjustroman", sans-serif;
  font-style: italic;
  line-height: 34px;
}
@media (min-width: 768px) {
  .node-type-haynes-model .compare-manuals h4 {
    float: left;
    height: 34px;
  }
}
.node-type-haynes-model .compare-manuals a {
  font-size: 12px;
  font-size: 0.75rem;
  background-repeat: no-repeat;
  background-position: left;
  display: inline-block;
  line-height: 34px;
  font-family: "haynesadjustbold", sans-serif;
  color: #3d3935;
  text-decoration: none;
}
.node-type-haynes-model .compare-manuals a.ondemand {
  background-image: url(../img/ico-model-ondemand.svg);
  padding-left: 40px;
  padding-right: 10px;
}
.node-type-haynes-model .compare-manuals a.ondemand.no-svg, .no-svg .node-type-haynes-model .compare-manuals a.ondemand {
  background-image: url(../img/ico-model-ondemand.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .compare-manuals a.ondemand.no-svg, .no-svg .node-type-haynes-model .compare-manuals a.ondemand {
    background-image: url(../img/ico-model-ondemand@2x.png);
  }
}
.node-type-haynes-model .compare-manuals a.digital {
  background-image: url(../img/ico-model-digital.svg);
  padding-left: 39px;
  padding-right: 10px;
}
.node-type-haynes-model .compare-manuals a.digital.no-svg, .no-svg .node-type-haynes-model .compare-manuals a.digital {
  background-image: url(../img/ico-model-digital.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .compare-manuals a.digital.no-svg, .no-svg .node-type-haynes-model .compare-manuals a.digital {
    background-image: url(../img/ico-model-digital@2x.png);
  }
}
.node-type-haynes-model .compare-manuals a.print {
  background-image: url(../img/ico-model-print.svg);
  padding-left: 20px;
}
.node-type-haynes-model .compare-manuals a.print.no-svg, .no-svg .node-type-haynes-model .compare-manuals a.print {
  background-image: url(../img/ico-model-print.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .compare-manuals a.print.no-svg, .no-svg .node-type-haynes-model .compare-manuals a.print {
    background-image: url(../img/ico-model-print@2x.png);
  }
}
.node-type-haynes-model .compare-manuals .action {
  position: absolute;
  z-index: 2;
  top: 34px;
  right: 0;
  background: #f8e81e;
  padding: 10px 25px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  display: none;
}
@media (min-width: 768px) {
  .node-type-haynes-model .compare-manuals .action {
    display: block;
  }
}
.node-type-haynes-model .compare-manuals .action em {
  position: absolute;
  width: 44px;
  height: 44px;
  z-index: 3;
  top: 7px;
  right: 16px;
  background-image: url(../img/ico-chevron.svg);
  background-size: 38px 38px;
  background-repeat: no-repeat;
  background-position: right;
}
.node-type-haynes-model .compare-manuals .action em.no-svg, .no-svg .node-type-haynes-model .compare-manuals .action em {
  background-image: url(../img/ico-chevron.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .compare-manuals .action em.no-svg, .no-svg .node-type-haynes-model .compare-manuals .action em {
    background-image: url(../img/ico-chevron@2x.png);
  }
}
.node-type-haynes-model .compare-manuals .action a {
  font-size: 16px;
  font-size: 1rem;
  margin-right: 60px;
  display: block;
  color: #3d3935;
  text-decoration: none;
  font-family: "haynesadjustbold", sans-serif;
  width: 100%;
  text-align: left;
}
.node-type-haynes-model .landingspage-title {
  width: 100%;
  margin-bottom: 40px;
  height: auto;
}
@media only screen and (min-width: 1010px) {
  .node-type-haynes-model .landingspage-title .model-view {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
  }
  .node-type-haynes-model .landingspage-title .model-view > div {
    width: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
    -o-flex-basis: 50%;
    flex-basis: 50%;
  }
}
.node-type-haynes-model .landingspage-title .model-view-image {
  border: 1px solid #ddd;
  display: block;
  height: auto;
}
@media only screen and (min-width: 1010px) {
  .node-type-haynes-model .landingspage-title .model-view-image {
    margin: 0 15px 0 0;
  }
}
.node-type-haynes-model .landingspage-title .model-view-image .field-type-image img {
  max-width: 100%;
  height: auto;
  margin: 10px auto;
}
.node-type-haynes-model .landingspage-title .model-view-text {
  margin: 10px 0 0 0;
  display: block;
  box-sizing: border-box;
  font-size: 16px;
  font-size: 1rem;
  padding: 0;
}
@media only screen and (min-width: 1010px) {
  .node-type-haynes-model .landingspage-title .model-view-text {
    margin: 0 0 0 15px;
  }
}
.node-type-haynes-model .landingspage-title .model-view-text h2 {
  font-size: 23px;
  font-size: 1.4375rem;
  margin-top: 0;
}
.node-type-haynes-model .landingspage-title .model-view-text h2 span {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "haynesadjustlight_italic", sans-serif;
}
.node-type-haynes-model .landingspage-title .model-view-text p {
  font-size: 16px;
}
.node-type-haynes-model .landingspage-title .model-view-text .ap-link {
  text-decoration: none;
  color: black;
}
.node-type-haynes-model .landingspage-title .model-view-text .procedure-count-box {
  background: #f8e81e;
  padding: 15px;
  font-size: 20px;
  position: relative;
}
.node-type-haynes-model .landingspage-title .model-view-text .procedure-count-box span {
  font-weight: bold;
}
.node-type-haynes-model .landingspage-title .model-view-text .procedure-count-box:before {
  content: ' ';
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: #da291c;
  display: block;
  bottom: -20px;
  right: 20px;
  position: absolute;
  z-index: 2;
}
.node-type-haynes-model .landingspage-title .model-view-text .procedure-count-box .chevron {
  z-index: 3;
  position: absolute;
  bottom: -11px;
  right: 26px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 14px 0 14px;
  border-color: #ffffff transparent transparent transparent;
}
.node-type-haynes-model .landingspage-title .model-view-text .procedure-count-box .chevron:before {
  position: absolute;
  top: -16px;
  right: -8px;
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #da291c transparent transparent transparent;
}
.node-type-haynes-model .landingspage-description h2 {
  padding: 0 10px;
  margin: 0 0 5px 0;
  font-style: italic;
  font-family: "haynesadjustlight", sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.node-type-haynes-model .landingspage-description h2 strong {
  font-family: "haynesadjustbold", sans-serif;
  text-transform: uppercase;
  font-style: normal;
}
.node-type-haynes-model .landingspage-description h2.on-demand-only {
  font-family: "haynesadjustbold", sans-serif;
  font-style: normal;
  font-size: 26px;
  font-size: 1.625rem;
}
.node-type-haynes-model .landingspage-description h4, .node-type-haynes-model .landingspage-description .proc-only {
  font-family: "haynesadjustroman", sans-serif;
  margin: 0 10px 10px 10px;
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description h4, .node-type-haynes-model .landingspage-description .proc-only {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.node-type-haynes-model .landingspage-description h4 .action-links a, .node-type-haynes-model .landingspage-description .proc-only .action-links a {
  font-size: 1.125rem;
  padding: 4px 10px;
}
.node-type-haynes-model .landingspage-description h4.highlight, .node-type-haynes-model .landingspage-description .proc-only.highlight {
  padding: 6px 17px 6px 7px;
  background: #f8e81e;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-align: center;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description h4.highlight, .node-type-haynes-model .landingspage-description .proc-only.highlight {
    text-align: left;
  }
}
.node-type-haynes-model .landingspage-description h4.highlight a, .node-type-haynes-model .landingspage-description .proc-only.highlight a {
  color: #3d3935;
  text-decoration: none;
  font-family: "haynesadjustbold", sans-serif;
}
.node-type-haynes-model .landingspage-description h4.highlight.red, .node-type-haynes-model .landingspage-description .proc-only.highlight.red {
  background: #da291c;
  color: #fff;
  white-space: nowrap;
}
.node-type-haynes-model .landingspage-description h4.highlight.red a, .node-type-haynes-model .landingspage-description .proc-only.highlight.red a {
  background: #f8e81e;
  display: inline-block;
  padding: 6px 207px 6px 137px;
  position: relative;
  margin: -6px 0 -6px 25px;
}
.node-type-haynes-model .landingspage-description h4.highlight.red a:before, .node-type-haynes-model .landingspage-description .proc-only.highlight.red a:before {
  content: '';
  width: 40px;
  height: 100px;
  display: inline-block;
  background: #da291c;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: absolute;
  top: -30px;
  left: -12px;
}
.node-type-haynes-model .landingspage-description h4.highlight.ondemand, .node-type-haynes-model .landingspage-description .proc-only.highlight.ondemand {
  padding: 0 17px 6px 7px;
}
.node-type-haynes-model .landingspage-description h4.highlight span.ondemand, .node-type-haynes-model .landingspage-description .proc-only.highlight span.ondemand {
  background-image: url(../img/ondemand.svg);
  background-position: 0 3px;
  background-repeat: no-repeat;
  width: 96px;
  height: 25px;
  background-size: 96px 25px;
  overflow: hidden;
  line-height: 400px;
  display: block;
  padding: 0 0 3px 0;
  position: relative;
  top: 3px;
}
.node-type-haynes-model .landingspage-description h4.highlight span.ondemand.no-svg, .no-svg .node-type-haynes-model .landingspage-description h4.highlight span.ondemand, .node-type-haynes-model .landingspage-description .proc-only.highlight span.ondemand.no-svg, .no-svg .node-type-haynes-model .landingspage-description .proc-only.highlight span.ondemand {
  background-image: url(../img/ondemand.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description h4.highlight span.ondemand.no-svg, .no-svg .node-type-haynes-model .landingspage-description h4.highlight span.ondemand, .node-type-haynes-model .landingspage-description .proc-only.highlight span.ondemand.no-svg, .no-svg .node-type-haynes-model .landingspage-description .proc-only.highlight span.ondemand {
    background-image: url(../img/ondemand@2x.png);
  }
}
.node-type-haynes-model .landingspage-description h4.highlight span.ondemand.white, .node-type-haynes-model .landingspage-description .proc-only.highlight span.ondemand.white {
  background-image: url(../img/ondemand-white.svg);
}
.node-type-haynes-model .landingspage-description h4.highlight span.ondemand.white.no-svg, .no-svg .node-type-haynes-model .landingspage-description h4.highlight span.ondemand.white, .node-type-haynes-model .landingspage-description .proc-only.highlight span.ondemand.white.no-svg, .no-svg .node-type-haynes-model .landingspage-description .proc-only.highlight span.ondemand.white {
  background-image: url(../img/ondemand-white.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description h4.highlight span.ondemand.white.no-svg, .no-svg .node-type-haynes-model .landingspage-description h4.highlight span.ondemand.white, .node-type-haynes-model .landingspage-description .proc-only.highlight span.ondemand.white.no-svg, .no-svg .node-type-haynes-model .landingspage-description .proc-only.highlight span.ondemand.white {
    background-image: url(../img/ondemand-white@2x.png);
  }
}
.node-type-haynes-model .landingspage-description h4.highlight span.ondemand.center, .node-type-haynes-model .landingspage-description .proc-only.highlight span.ondemand.center {
  margin: auto;
}
.node-type-haynes-model .landingspage-description h4.highlight span.ondemand.inline, .node-type-haynes-model .landingspage-description .proc-only.highlight span.ondemand.inline {
  display: inline-block;
  vertical-align: bottom;
}
.node-type-haynes-model .landingspage-description h4.fullwidth, .node-type-haynes-model .landingspage-description .proc-only.fullwidth {
  display: block;
}
.node-type-haynes-model .landingspage-description h4.on-demand-only, .node-type-haynes-model .landingspage-description .proc-only.on-demand-only {
  padding: 0 4px;
}
.node-type-haynes-model .landingspage-description h4 strong, .node-type-haynes-model .landingspage-description .proc-only strong {
  font-family: "haynesadjustbold", sans-serif;
  text-transform: uppercase;
}
.node-type-haynes-model .landingspage-description .compare-table-wrapper {
  border: 1px solid #e0e0e0;
  border-radius: 15px;
  overflow: hidden;
  display: none;
}
@media only screen and (min-width: 930px) {
  .node-type-haynes-model .landingspage-description .compare-table-wrapper {
    display: block;
  }
}
.node-type-haynes-model .landingspage-description table {
  border-spacing: 0;
  border-collapse: collapse;
  overflow: hidden;
  z-index: 1;
  width: 100%;
}
.node-type-haynes-model .landingspage-description table tr td {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  font-size: 0.9em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tr td {
    display: table-cell;
  }
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tr td {
    padding: 20px;
    border-left: 1px solid #e0e0e0;
  }
}
.node-type-haynes-model .landingspage-description table tr td:first-child {
  border-left: 0;
}
.node-type-haynes-model .landingspage-description table tr td.title {
  text-align: center;
  width: 200px;
  vertical-align: bottom;
}
.node-type-haynes-model .landingspage-description table thead tr td {
  font-size: 14px;
  font-size: 0.875rem;
  vertical-align: top;
  font-family: "haynesadjustroman", sans-serif;
  display: none;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table thead tr td {
    display: table-cell;
    height: 215px;
  }
}
.node-type-haynes-model .landingspage-description table thead tr td.overview {
  font-family: "haynesadjustlight", sans-serif;
  font-size: 23px;
  display: block;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table thead tr td.overview {
    padding: 20px 50px 20px 20px;
  }
}
.node-type-haynes-model .landingspage-description table thead tr td strong {
  font-size: 18px;
  font-size: 1.125rem;
  display: block;
  font-style: normal;
}
.node-type-haynes-model .landingspage-description table thead tr td.title {
  vertical-align: top;
  font-style: italic;
  background-repeat: no-repeat;
}
.node-type-haynes-model .landingspage-description table thead tr td.hod {
  background-image: url(../img/table-hod.svg);
  background-position: bottom 20px left 7px;
}
.node-type-haynes-model .landingspage-description table thead tr td.hod.no-svg, .no-svg .node-type-haynes-model .landingspage-description table thead tr td.hod {
  background-image: url(../img/table-hod.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description table thead tr td.hod.no-svg, .no-svg .node-type-haynes-model .landingspage-description table thead tr td.hod {
    background-image: url(../img/table-hod@2x.png);
  }
}
.node-type-haynes-model .landingspage-description table thead tr td.hod .logo {
  background-image: url(../img/ondemand.svg);
  background-position: 0 3px;
  background-repeat: no-repeat;
  width: 130px;
  height: 27px;
  background-size: 130px 27px;
  overflow: hidden;
  line-height: 400px;
  display: block;
  padding: 0 0 3px 0;
  position: relative;
  top: 3px;
  margin: auto;
  height: 35px;
}
.node-type-haynes-model .landingspage-description table thead tr td.hod .logo.no-svg, .no-svg .node-type-haynes-model .landingspage-description table thead tr td.hod .logo {
  background-image: url(../img/ondemand.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description table thead tr td.hod .logo.no-svg, .no-svg .node-type-haynes-model .landingspage-description table thead tr td.hod .logo {
    background-image: url(../img/ondemand@2x.png);
  }
}
.node-type-haynes-model .landingspage-description table thead tr td.hod .logo.white {
  background-image: url(../img/ondemand-white.svg);
}
.node-type-haynes-model .landingspage-description table thead tr td.hod .logo.white.no-svg, .no-svg .node-type-haynes-model .landingspage-description table thead tr td.hod .logo.white {
  background-image: url(../img/ondemand-white.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description table thead tr td.hod .logo.white.no-svg, .no-svg .node-type-haynes-model .landingspage-description table thead tr td.hod .logo.white {
    background-image: url(../img/ondemand-white@2x.png);
  }
}
.node-type-haynes-model .landingspage-description table thead tr td.hod .logo.center {
  margin: auto;
}
.node-type-haynes-model .landingspage-description table thead tr td.hod .logo.inline {
  display: inline-block;
  vertical-align: bottom;
}
.node-type-haynes-model .landingspage-description table thead tr td.printed {
  background-image: url(../img/table-printed-manual.svg);
  background-position: bottom 20px left 0;
}
.node-type-haynes-model .landingspage-description table thead tr td.printed.no-svg, .no-svg .node-type-haynes-model .landingspage-description table thead tr td.printed {
  background-image: url(../img/table-printed-manual.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description table thead tr td.printed.no-svg, .no-svg .node-type-haynes-model .landingspage-description table thead tr td.printed {
    background-image: url(../img/table-printed-manual@2x.png);
  }
}
.node-type-haynes-model .landingspage-description table thead tr td.online {
  background-image: url(../img/table-online.svg);
  background-position: bottom 20px left 6px;
}
.node-type-haynes-model .landingspage-description table thead tr td.online.no-svg, .no-svg .node-type-haynes-model .landingspage-description table thead tr td.online {
  background-image: url(../img/table-online.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description table thead tr td.online.no-svg, .no-svg .node-type-haynes-model .landingspage-description table thead tr td.online {
    background-image: url(../img/table-online@2x.png);
  }
}
.node-type-haynes-model .landingspage-description table.motorcycle thead tr td.printed {
  background-image: url(../img/table-printed-manual-bike.svg);
  background-position: bottom 20px left 0;
}
.node-type-haynes-model .landingspage-description table.motorcycle thead tr td.printed.no-svg, .no-svg .node-type-haynes-model .landingspage-description table.motorcycle thead tr td.printed {
  background-image: url(../img/table-printed-manual-bike.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description table.motorcycle thead tr td.printed.no-svg, .no-svg .node-type-haynes-model .landingspage-description table.motorcycle thead tr td.printed {
    background-image: url(../img/table-printed-manual-bike@2x.png);
  }
}
.node-type-haynes-model .landingspage-description table.motorcycle thead tr td.online {
  background-image: url(../img/table-online-bike.svg);
  background-position: bottom 20px left 6px;
}
.node-type-haynes-model .landingspage-description table.motorcycle thead tr td.online.no-svg, .no-svg .node-type-haynes-model .landingspage-description table.motorcycle thead tr td.online {
  background-image: url(../img/table-online-bike.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description table.motorcycle thead tr td.online.no-svg, .no-svg .node-type-haynes-model .landingspage-description table.motorcycle thead tr td.online {
    background-image: url(../img/table-online-bike@2x.png);
  }
}
.node-type-haynes-model .landingspage-description table tbody {
  border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tbody {
    border-top: 1px solid #e0e0e0;
  }
}
.node-type-haynes-model .landingspage-description table tbody tr:nth-child(odd) {
  background: #f3f4f1;
}
.node-type-haynes-model .landingspage-description table tbody td strong {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  padding-bottom: 5px;
}
.node-type-haynes-model .landingspage-description table tbody td.text {
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
}
.node-type-haynes-model .landingspage-description table tbody td.okay {
  background-image: url(../img/ico-okay-2.svg);
  background-position: 10px center;
  background-size: 22px auto;
}
.node-type-haynes-model .landingspage-description table tbody td.okay.no-svg, .no-svg .node-type-haynes-model .landingspage-description table tbody td.okay {
  background-image: url(../img/ico-okay-2.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description table tbody td.okay.no-svg, .no-svg .node-type-haynes-model .landingspage-description table tbody td.okay {
    background-image: url(../img/ico-okay-2@2x.png);
  }
}
.node-type-haynes-model .landingspage-description table tbody td.empty {
  background-image: url(../img/ico-empty.svg);
  background-position: 12px center;
  background-size: 18px auto;
}
.node-type-haynes-model .landingspage-description table tbody td.empty.no-svg, .no-svg .node-type-haynes-model .landingspage-description table tbody td.empty {
  background-image: url(../img/ico-empty.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description table tbody td.empty.no-svg, .no-svg .node-type-haynes-model .landingspage-description table tbody td.empty {
    background-image: url(../img/ico-empty@2x.png);
  }
}
.node-type-haynes-model .landingspage-description table tbody td.okay, .node-type-haynes-model .landingspage-description table tbody td.empty {
  background-repeat: no-repeat;
  padding: 10px 10px 10px 55px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tbody td.okay, .node-type-haynes-model .landingspage-description table tbody td.empty {
    font-size: 0;
    background-position: center center;
    text-align: center;
    padding: 10px;
    margin-bottom: 0;
    background-size: auto;
  }
}
.node-type-haynes-model .landingspage-description table tfoot td {
  vertical-align: top;
  display: none;
  border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tfoot td {
    display: table-cell;
    border-bottom: 0;
  }
}
.node-type-haynes-model .landingspage-description table tfoot td h3 {
  font-size: 18px;
  font-size: 1.125rem;
  text-align: left;
  font-family: "haynesadjustbold", sans-serif;
  margin: 0 0 5px 0;
  padding: 0;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tfoot td h3 {
    display: none;
  }
}
.node-type-haynes-model .landingspage-description table tfoot td h3 .haynes-ondemand {
  background-image: url(../img/haynes-ondemand.svg);
  width: 165px;
  height: 25px;
  background-size: 165px 25px;
  background-repeat: no-repeat;
  overflow: hidden;
  line-height: 400px;
  display: block;
}
.node-type-haynes-model .landingspage-description table tfoot td h3 .haynes-ondemand.no-svg, .no-svg .node-type-haynes-model .landingspage-description table tfoot td h3 .haynes-ondemand {
  background-image: url(../img/haynes-ondemand.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description table tfoot td h3 .haynes-ondemand.no-svg, .no-svg .node-type-haynes-model .landingspage-description table tfoot td h3 .haynes-ondemand {
    background-image: url(../img/haynes-ondemand@2x.png);
  }
}
.node-type-haynes-model .landingspage-description table tfoot td h3 .haynes-ondemand.center {
  margin: auto;
}
.node-type-haynes-model .landingspage-description table tfoot td h3 .haynes-ondemand.inline {
  display: inline-block;
}
.node-type-haynes-model .landingspage-description table tfoot td h5 {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: left;
  font-family: "haynesadjustlight", sans-serif;
  font-style: italic;
  margin: 0;
  padding: 0 0 10px 0;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tfoot td h5 {
    display: none;
  }
}
.node-type-haynes-model .landingspage-description table tfoot td.hod-price {
  text-align: center;
  position: relative;
  overflow: hidden;
  display: block;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tfoot td.hod-price {
    display: table-cell;
  }
}
.node-type-haynes-model .landingspage-description table tfoot td.hod-price .title {
  font-size: 12.5px;
  font-size: 0.78125rem;
  float: left;
  width: 50%;
  text-align: left;
}
.node-type-haynes-model .landingspage-description table tfoot td.hod-price .title .meta-price-info {
  font-size: 12.5px;
  font-size: 0.78125rem;
  font-family: "haynesadjustlight", sans-serif;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tfoot td.hod-price .title {
    font-size: 15px;
    font-size: 0.9375rem;
    float: none;
    width: auto;
    text-align: center;
    margin: 0px 0px 0px 0px;
  }
  .node-type-haynes-model .landingspage-description table tfoot td.hod-price .title .meta-price-info {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "haynesadjustbold", sans-serif;
  background: #8ec63f;
  float: right;
  width: 50%;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore {
    position: absolute;
    width: auto;
    left: 0;
    right: 0;
    bottom: 0;
    float: none;
    height: 75px;
  }
}
.node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore .haynes-ondemand {
  background-image: url(../img/haynes-ondemand.svg);
  width: 119px;
  height: 18px;
  background-size: 119px 18px;
  background-repeat: no-repeat;
  overflow: hidden;
  line-height: 400px;
  display: block;
}
.node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore .haynes-ondemand.no-svg, .no-svg .node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore .haynes-ondemand {
  background-image: url(../img/haynes-ondemand.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore .haynes-ondemand.no-svg, .no-svg .node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore .haynes-ondemand {
    background-image: url(../img/haynes-ondemand@2x.png);
  }
}
.node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore .haynes-ondemand.center {
  margin: auto;
}
.node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore .haynes-ondemand.inline {
  display: inline-block;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore .haynes-ondemand {
    background-image: url(../img/haynes-ondemand.svg);
    width: 132px;
    height: 20px;
    background-size: 132px 20px;
    background-repeat: no-repeat;
    overflow: hidden;
    line-height: 400px;
    display: block;
  }
  .node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore .haynes-ondemand.no-svg, .no-svg .node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore .haynes-ondemand {
    background-image: url(../img/haynes-ondemand.png);
  }
}
@media only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore .haynes-ondemand.no-svg, .no-svg .node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore .haynes-ondemand {
    background-image: url(../img/haynes-ondemand@2x.png);
  }
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore .haynes-ondemand.center {
    margin: auto;
  }
  .node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore .haynes-ondemand.inline {
    display: inline-block;
  }
}
.node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore a {
  background: none transparent;
  color: #3d3935;
  text-decoration: none;
  display: block;
  padding: 10px;
  width: auto;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tfoot td.hod-price .explore a {
    padding: 20px;
  }
}
.node-type-haynes-model .landingspage-description table tfoot td.price {
  overflow: hidden;
  padding: 10px;
  display: block;
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tfoot td.price {
    padding: 20px 0 0 0;
    display: table-cell;
  }
}
.node-type-haynes-model .landingspage-description table tfoot td.price .price-holder {
  min-height: 75px;
}
.node-type-haynes-model .landingspage-description table tfoot td.price .price-row {
  text-align: center;
}
.node-type-haynes-model .landingspage-description table tfoot td.price .price-row label {
  display: none;
}
.node-type-haynes-model .landingspage-description table tfoot td.price .price-row span {
  display: inline-block;
  margin: 0 0 5px 0;
  font-family: "haynesadjustbold", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
}
.node-type-haynes-model .landingspage-description table tfoot td.price .price-row span span {
  display: inline;
}
.node-type-haynes-model .landingspage-description table tfoot td.price .duration {
  text-align: center;
}
.node-type-haynes-model .landingspage-description table tfoot td.price .commerce-add-to-cart {
  padding-top: 10px;
  width: 50%;
  text-align: center;
}
@media only screen and (min-width: 1010px) {
  .node-type-haynes-model .landingspage-description table tfoot td.price .commerce-add-to-cart {
    float: right;
    clear: right;
  }
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tfoot td.price .commerce-add-to-cart {
    float: none;
    width: 100%;
  }
}
.node-type-haynes-model .landingspage-description table tfoot td.price .commerce-add-to-cart input[type=submit] {
  font-size: 0.9rem;
  width: 100%;
  height: 34px;
  line-height: 34px;
  font-family: "haynesadjustbold", sans-serif;
  background-color: #8ec63f;
  background-image: url(../img/ico-cart-2.svg);
  background-size: 22px 22px;
  padding-left: 45px;
  background-position: 25px center;
}
.node-type-haynes-model .landingspage-description table tfoot td.price .commerce-add-to-cart input[type=submit].no-svg, .no-svg .node-type-haynes-model .landingspage-description table tfoot td.price .commerce-add-to-cart input[type=submit] {
  background-image: url(../img/ico-cart-2.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .landingspage-description table tfoot td.price .commerce-add-to-cart input[type=submit].no-svg, .no-svg .node-type-haynes-model .landingspage-description table tfoot td.price .commerce-add-to-cart input[type=submit] {
    background-image: url(../img/ico-cart-2@2x.png);
  }
}
@media (min-width: 768px) {
  .node-type-haynes-model .landingspage-description table tfoot td.price .commerce-add-to-cart input[type=submit] {
    background-position: 50px center;
  }
}
.node-type-haynes-model .landingspage-description table tfoot td.price .commerce-add-to-cart input[type=submit]:hover, .node-type-haynes-model .landingspage-description table tfoot td.price .commerce-add-to-cart input[type=submit]:focus {
  background-color: #f4f4f4;
}
.node-type-haynes-model .landingspage-description table tfoot td:last-child {
  border-bottom: 0;
}
.node-type-haynes-model .hod-procedures-grid h2 {
  text-align: center;
}
.node-type-haynes-model .hod-procedures-grid h2.hod-small {
  font-size: 22px;
  font-size: 1.375rem;
}
.node-type-haynes-model .hod-procedures-grid h3 {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "haynesadjustmedium", sans-serif;
  font-family: "haynesadjustbold", sans-serif;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
.node-type-haynes-model .hod-procedures-grid h4 {
  font-size: 16px;
  font-size: 1rem;
  font-family: "haynesadjustmedium", sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid #da291c;
  padding: 0 0 6px 0;
  margin: 0 0 10px 0;
}
.node-type-haynes-model .hod-procedures-grid h4.with-form {
  padding: 0;
}
.node-type-haynes-model .hod-procedures-grid h4 form {
  display: inline-block;
  margin: 0 0 -10px 0;
}
@media (min-width: 768px) {
  .node-type-haynes-model .hod-procedures-grid h4 form {
    margin: 0 0 -10px 10px;
  }
}
.node-type-haynes-model .hod-procedures-grid h4 form .form-submit {
  margin: 10px 0;
  background: #f8e81e;
  width: 100%;
  font-family: "haynesadjustitalic", sans-serif;
  padding-left: 40px;
  background-image: url(../img/ico-cart-2.svg);
  background-repeat: no-repeat;
  background-position: 10px center;
}
.node-type-haynes-model .hod-procedures-grid h4 form .form-submit.no-svg, .no-svg .node-type-haynes-model .hod-procedures-grid h4 form .form-submit {
  background-image: url(../img/ico-cart-2.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .node-type-haynes-model .hod-procedures-grid h4 form .form-submit.no-svg, .no-svg .node-type-haynes-model .hod-procedures-grid h4 form .form-submit {
    background-image: url(../img/ico-cart-2@2x.png);
  }
}
.node-type-haynes-model .hod-procedures-grid ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.node-type-haynes-model .hod-procedures-grid ul li {
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .node-type-haynes-model .hod-procedures-grid ul li {
    padding: 10px;
    float: left;
    width: 20%;
  }
}
.node-type-haynes-model .hod-procedures-grid ul li h4 {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "haynesadjustbold", sans-serif;
  border-bottom: 0;
  padding: 0 0 5px 0;
  margin: 0;
  text-transform: none;
}
.node-type-haynes-model .hod-procedures-grid ul li img {
  border-radius: 10px;
  margin-bottom: 5px;
  max-width: 80%;
  height: auto;
}
.node-type-haynes-model .hod-procedures-grid ul li .price {
  color: #999999;
  font-family: "haynesadjustbold", sans-serif;
  padding: 0 0 5px 0;
}
.node-type-haynes-model .hod-procedures-grid ul li a {
  text-decoration: none;
  color: #333333;
  display: block;
  padding: 10px;
}
@media (min-width: 768px) {
  .node-type-haynes-model .hod-procedures-grid ul li a {
    height: 220px;
  }
}
.node-type-haynes-model .hod-procedures-grid ul li a:hover {
  background: #f8e81e;
}
.node-type-haynes-model .hod-procedures-grid ul li.active a {
  background: #f8e81e;
}
.node-type-haynes-model .hod-procedures-grid.promoted {
  float: left;
  clear: left;
  width: 100%;
}
.node-type-haynes-model .hod-procedures-grid.promoted h2 {
  text-align: left;
}
.node-type-haynes-model .hod-procedures-grid.promoted ul {
  margin: 20px 10px;
}
.node-type-haynes-model .hod-procedures-grid.promoted ul li {
  width: 17%;
  padding: 0 20px 10px 0;
}
.node-type-haynes-model .hod-procedures-grid.promoted ul li:hover {
  background: none;
}
.node-type-haynes-model .hod-procedures-grid.promoted ul li a {
  padding: 0;
}
.node-type-haynes-model .hod-procedures-grid.promoted ul li a:hover {
  background: none;
}
.node-type-haynes-model #block-haynes-on-demand-strip .vehicle-select-inner {
  display: none;
}
@media only screen and (min-width: 930px) {
  .node-type-haynes-model #block-haynes-on-demand-strip .vehicle-select-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
  }
}

article.haynes-model {
  margin: 10px;
}
article.haynes-model h1, article.haynes-model h2 {
  font-family: "haynesadjustlight", sans-serif;
}
article.haynes-model .product-detail-print .field .field-label, article.haynes-model .product-detail-print .field .field-items,
article.haynes-model .product-detail-mol .field .field-label,
article.haynes-model .product-detail-mol .field .field-items {
  display: inline-block;
}
article.haynes-model .product-detail-print .field .field-label,
article.haynes-model .product-detail-mol .field .field-label {
  font-weight: bold;
  width: 200px;
}
article.haynes-model .node-type-product-display-details {
  line-height: 1.5em;
  font-size: 1rem;
}

.landingpage-twocol {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1010px) {
  .landingpage-twocol {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
  }
  .landingpage-twocol > div {
    background: #f3f4f1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
    -o-flex-basis: 50%;
    flex-basis: 50%;
    padding: 10px;
  }
  .landingpage-twocol > div.whats-covered {
    background: none transparent;
  }
}
.landingpage-twocol h3 {
  font-family: "haynesadjustlight", sans-serif;
  font-size: 23px;
  text-align: center;
  margin-top: 10px;
}
.landingpage-twocol .whats-covered {
  font-size: 15px;
}
.landingpage-twocol .whats-covered h3 {
  text-align: left;
  background-position-y: 3px;
}
.landingpage-twocol .whats-covered p {
  font-size: 15px;
  line-height: 1.5em;
}
.landingpage-twocol .more-images {
  position: relative;
  margin-top: 10px;
}
.landingpage-twocol .more-images .nav-scroll {
  position: absolute;
  top: 37%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  visibility: hidden;
}
.landingpage-twocol .more-images .nav-scroll .scroll-left,
.landingpage-twocol .more-images .nav-scroll .scroll-right {
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
  cursor: pointer;
  text-indent: -99999px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  background-image: url(../img/more-img-pointers.png);
  background-repeat: no-repeat;
  z-index: 999;
  visibility: visible;
}
.landingpage-twocol .more-images .nav-scroll .scroll-left:hover,
.landingpage-twocol .more-images .nav-scroll .scroll-right:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.landingpage-twocol .more-images .nav-scroll .scroll-left {
  left: -10px;
  background-position: 1px 1px;
}
.landingpage-twocol .more-images .nav-scroll .scroll-right {
  right: -10px;
  background-position: -80px 1px;
}
@media only screen and (max-width: 500px) {
  .landingpage-twocol .more-images {
    display: none;
  }
}
.landingpage-twocol .more-images .img-container {
  padding-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  overflow-x: hidden;
}
.landingpage-twocol .more-images .img-container .field-item {
  margin-right: 10px;
  margin-bottom: 20px;
}
.landingpage-twocol .more-images .img-container img {
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) ;
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) ;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) ;
  border: 2px solid #fff;
}
.landingpage-twocol .img-carousel {
  margin: 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  overflow-x: hidden;
}
.landingpage-twocol .img-carousel .field-item {
  margin-right: 10px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) ;
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) ;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) ;
}
.landingpage-twocol .print {
  margin-right: 5px;
}
.landingpage-twocol .mol {
  margin-left: 5px;
}
.landingpage-twocol .print, .landingpage-twocol .mol {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  overflow: hidden;
}
.landingpage-twocol .subcol {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  padding-bottom: 20px;
}
.landingpage-twocol .subcol > div {
  width: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
  -o-flex-basis: 50%;
  flex-basis: 50%;
}
.landingpage-twocol .subcol > div:first-child {
  padding-right: 10px;
}
.landingpage-twocol .subcol > div:last-child {
  padding-left: 10px;
}
.landingpage-twocol .subcol .views-field-view-node {
  display: none;
}
.landingpage-twocol .subcol img {
  max-width: 100%;
  height: auto;
}
.landingpage-twocol .subcol .duration {
  margin-bottom: 15px;
  font-family: "haynesadjustbold", sans-serif;
}
.landingpage-twocol .subcol .commerce-add-to-cart {
  margin-top: 20px;
}
.landingpage-twocol .subcol .commerce-add-to-cart .form-submit {
  background-color: #8ec63f;
  background-image: url(../img/ico-cart-2.svg);
  background-size: 22px 22px;
  background-position: 15px 50%;
  height: 40px;
  padding-left: 55px;
  padding-right: 20px;
  font-size: 15px;
  text-align: left;
  background-color: #8ec63f;
}
.landingpage-twocol .subcol .commerce-add-to-cart .form-submit.no-svg, .no-svg .landingpage-twocol .subcol .commerce-add-to-cart .form-submit {
  background-image: url(../img/ico-cart-2.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .landingpage-twocol .subcol .commerce-add-to-cart .form-submit.no-svg, .no-svg .landingpage-twocol .subcol .commerce-add-to-cart .form-submit {
    background-image: url(../img/ico-cart-2@2x.png);
  }
}
.landingpage-twocol .subcol .commerce-add-to-cart .form-submit:hover {
  background-color: #fff200;
}
.landingpage-twocol .subcol .commerce-add-to-cart .more-info {
  display: none;
}
.landingpage-twocol .subcol .col-detail label, .landingpage-twocol .subcol .col-detail span {
  display: inline-block;
  vertical-align: top;
  line-height: 1.1em;
  font-size: 15px;
}
.landingpage-twocol .subcol .col-detail span.underline {
  display: inline;
  text-decoration: underline;
  width: auto;
  text-align: left;
  margin: 0;
}
.landingpage-twocol .subcol .col-detail .online-detail p, .landingpage-twocol .subcol .col-detail .online-detail span {
  font-size: 14px;
  line-height: 1.2em;
}
.landingpage-twocol .subcol .col-detail label {
  width: 40%;
  text-align: right;
}
.landingpage-twocol .subcol .col-detail .price-row {
  margin-bottom: 10px;
}
.landingpage-twocol .subcol .col-detail .shipping-notification {
  color: #5e812e;
  font-family: "haynesadjustbold", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
}
.landingpage-twocol .subcol .col-detail span {
  margin-left: 6%;
}
.landingpage-twocol .subcol .col-detail span.meta-price-info {
  width: 100%;
  margin-left: 0;
}
.landingpage-twocol .subcol .col-detail span span {
  display: inline;
  margin-left: 0;
}
.landingpage-twocol .subcol .col-detail .field-type-commerce-price-element,
.landingpage-twocol .subcol .col-detail .field-format {
  margin-bottom: 10px;
}
.landingpage-twocol .subcol .col-detail .commerce-price-savings-formatter-list {
  background-image: url(../img/price-line.svg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: auto;
}
.landingpage-twocol .subcol .col-detail .commerce-price-savings-formatter-list.no-svg, .no-svg .landingpage-twocol .subcol .col-detail .commerce-price-savings-formatter-list {
  background-image: url(../img/price-line.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .landingpage-twocol .subcol .col-detail .commerce-price-savings-formatter-list.no-svg, .no-svg .landingpage-twocol .subcol .col-detail .commerce-price-savings-formatter-list {
    background-image: url(../img/price-line@2x.png);
  }
}
.landingpage-twocol .mol-preview a {
  text-decoration: none;
  color: black;
  background: #f8e81e;
}
.landingpage-twocol .mol-preview-mobile {
  padding: 5px 0;
  display: block;
}
@media only screen and (min-width: 930px) {
  .landingpage-twocol .mol-preview-mobile {
    display: none;
  }
}
.landingpage-twocol .mol-preview-mobile .mol-preview a {
  display: block;
  width: 100%;
  font-size: 20px;
  text-align: center;
  padding: 10px 0;
}
.landingpage-twocol .mol-preview-nonmobile {
  display: none;
}
@media only screen and (min-width: 930px) {
  .landingpage-twocol .mol-preview-nonmobile {
    display: block;
  }
}
.landingpage-twocol .mol-preview-nonmobile .mol-preview a {
  padding: 5px 10px;
}
.landingpage-twocol span.colorbox-enlarge {
  display: none;
}
.landingpage-twocol .product-container {
  margin-top: auto;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}
.landingpage-twocol .product-container .more-images {
  margin-top: auto;
}

ul.unstyled-list {
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
ul.unstyled-list li {
  list-style-type: none;
  list-style-image: none;
}

.vimeo-inline-content {
  display: none;
}

.page-dealer-locator .container {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 800px) {
  .page-dealer-locator .container {
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  .page-dealer-locator .container h1 {
    width: 0;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-basis: 0;
    -o-flex-basis: 0;
    flex-basis: 0;
    width: 100%;
  }
}
.page-dealer-locator .dealer-form {
  width: 25%;
}
@media only screen and (max-width: 800px) {
  .page-dealer-locator .dealer-form {
    width: 100%;
  }
}
.page-dealer-locator .dealer-form .form-group {
  margin-bottom: 10px;
}
.page-dealer-locator .dealer-form #btnFindDealers {
  width: 100%;
}
.page-dealer-locator .dealer-form #dealerResults {
  max-height: 440px !important;
  height: 600px !important;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 10px;
}
@media only screen and (max-width: 800px) {
  .page-dealer-locator .dealer-form #dealerResults {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    height: 265px;
    margin-bottom: 10px;
  }
  .page-dealer-locator .dealer-form #dealerResults > p {
    width: 100%;
  }
}
.page-dealer-locator .dealer-form #dealerResults hr {
  border: 0;
  height: 2px;
  background: #da291c;
}
@media only screen and (max-width: 800px) {
  .page-dealer-locator .dealer-form #dealerResults hr {
    width: 100%;
  }
}
.page-dealer-locator .dealer-form #dealerResults address {
  border-bottom: 1px solid #e0e0e0;
  font-style: normal;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 800px) {
  .page-dealer-locator .dealer-form #dealerResults address {
    width: 100%;
  }
}
.page-dealer-locator .dealer-form #dealerResults address h3 {
  font-size: 16px;
  font-size: 1rem;
  font-family: "haynesadjustbold", sans-serif;
  margin: 0;
}
.page-dealer-locator .dealer-form #dealerResults address p {
  margin: 0;
}
.page-dealer-locator .dealer-form #dealerResults address a {
  color: #da291c;
}
.page-dealer-locator .map {
  width: 73%;
  border: 1px solid #da291c;
}
@media only screen and (max-width: 800px) {
  .page-dealer-locator .map {
    width: 100%;
    height: auto;
  }
}

#site-map .content > ul {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "haynesadjustbold", sans-serif;
}
#site-map .content > ul > li {
  margin: 5px 0;
}
#site-map .content > ul li:before {
  content: '» ';
}
#site-map .content > ul ul {
  padding-left: 20px;
  padding-bottom: 10px;
}
#site-map .content > ul ul li {
  font-size: 12px;
  font-size: 0.75rem;
}
#site-map a {
  color: #3d3935;
  text-decoration: none;
}
#site-map a:hover {
  color: #da291c;
}

h1 {
  font-family: "haynesadjustlight", sans-serif;
  padding-bottom: 12px;
  font-size: 2.5em;
  border-bottom: 1px solid #da291c;
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  width: auto;
}
@media only screen and (min-width: 930px) {
  h1 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 930px) {
  .node-type-page .paragraphs-item-text {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.node-type-page .paragraphs-item-text p {
  font-size: 1.2em;
}
.node-type-page .breadCrumb {
  display: none;
}

@media only screen and (min-width: 468px) {
  .node-type-haynes-model-base .item-list ul,
  .page-haynes-models .item-list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.node-type-haynes-model-base .item-list ul li,
.page-haynes-models .item-list ul li {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 468px) {
  .node-type-haynes-model-base .item-list ul li,
  .page-haynes-models .item-list ul li {
    margin-right: 3%;
    width: 48.25%;
  }
  .node-type-haynes-model-base .item-list ul li:nth-child(2n),
  .page-haynes-models .item-list ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 930px) {
  .node-type-haynes-model-base .item-list ul li,
  .page-haynes-models .item-list ul li {
    width: 17.6%;
    margin-right: 3%;
  }
  .node-type-haynes-model-base .item-list ul li:nth-child(2n),
  .page-haynes-models .item-list ul li:nth-child(2n) {
    margin-right: 3%;
  }
  .node-type-haynes-model-base .item-list ul li:nth-child(5n),
  .page-haynes-models .item-list ul li:nth-child(5n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 930px) {
  .node-type-haynes-model-base,
  .page-haynes-models {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 930px) {
  .node-type-haynes-model-base,
  .page-haynes-models {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.node-type-haynes-model-base p,
.page-haynes-models p {
  font-size: 1.2em;
}
.node-type-haynes-model-base .item-list ul li,
.page-haynes-models .item-list ul li {
  cursor: pointer;
  border-bottom: 1px solid #da291c;
  padding-bottom: 15px;
}
.node-type-haynes-model-base .item-list ul li .model .image,
.page-haynes-models .item-list ul li .model .image {
  width: 100%;
  height: 90px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  background: #fff;
}
.node-type-haynes-model-base .item-list ul li .model .image img,
.page-haynes-models .item-list ul li .model .image img {
  width: 120px;
  height: auto;
}
.node-type-haynes-model-base .item-list ul li .model .image .image-alternative a,
.page-haynes-models .item-list ul li .model .image .image-alternative a {
  color: #3d3935;
  text-decoration: none;
  font-weight: "haynesadjustbold", sans-serif;
}
.node-type-haynes-model-base .item-list ul li .model .title,
.page-haynes-models .item-list ul li .model .title {
  padding-top: 5px;
}
.node-type-haynes-model-base .item-list ul li .model .title a,
.page-haynes-models .item-list ul li .model .title a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #3d3935;
  font-family: "haynesadjustroman", sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
}
.node-type-haynes-model-base .item-list ul li .model .title a.model-year-range,
.page-haynes-models .item-list ul li .model .title a.model-year-range {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "haynesadjustlight_italic", sans-serif;
}

@media only screen and (min-width: 468px) {
  .product-grid-holder {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.product-grid-holder .views-row {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 468px) {
  .product-grid-holder .views-row {
    margin-right: 3%;
    width: 48.25%;
  }
  .product-grid-holder .views-row:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 930px) {
  .product-grid-holder .views-row {
    width: 31.33333%;
    margin-right: 3%;
  }
  .product-grid-holder .views-row:nth-child(2n) {
    margin-right: 3%;
  }
  .product-grid-holder .views-row:nth-child(3n) {
    margin-right: 0;
  }
}

.page-taxonomy-term h2.pane-title {
  display: none;
}
@media only screen and (min-width: 468px) {
  .page-taxonomy-term .view-catalog-subcategory .view-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.page-taxonomy-term .view-catalog-subcategory .view-content .views-row {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 468px) {
  .page-taxonomy-term .view-catalog-subcategory .view-content .views-row {
    margin-right: 3%;
    width: 48.25%;
  }
  .page-taxonomy-term .view-catalog-subcategory .view-content .views-row:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 930px) {
  .page-taxonomy-term .view-catalog-subcategory .view-content .views-row {
    width: 31.33333%;
    margin-right: 3%;
  }
  .page-taxonomy-term .view-catalog-subcategory .view-content .views-row:nth-child(2n) {
    margin-right: 3%;
  }
  .page-taxonomy-term .view-catalog-subcategory .view-content .views-row:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 930px) {
  .page-taxonomy-term .view-catalog-subcategory {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.page-taxonomy-term h1 {
  margin-bottom: 5px;
}
.page-taxonomy-term div[id*=block-views-featured-banner-block] {
  margin-bottom: 20px;
}
@media only screen and (min-width: 930px) {
  .page-taxonomy-term div[id*=block-views-featured-banner-block] {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.page-taxonomy-term div[id*=block-views-featured-banner-block] h2 {
  display: none;
}
.page-taxonomy-term div[id*=block-views-featured-banner-block] img {
  max-width: 100%;
  height: auto;
}

.maintenance-page .header {
  height: 110px;
}
.maintenance-page .flexbox-container {
  height: 800px;
}
.maintenance-page .flexbox-container h2 {
  font-size: 25px;
  font-size: 1.5625rem;
}
.maintenance-page .flexbox-container a {
  color: #da291c;
}
.maintenance-page .footer {
  border-top: 2px solid #da291c;
}

.catGroup {
  border-bottom: 1px solid #da291c;
  padding-bottom: 15px;
}
.catGroup a {
  text-decoration: none;
}
.catGroup .subcategory-image-container {
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.catGroup .subcategory-image-container img {
  width: 200px;
  height: auto;
}
.catGroup .subcategory-title {
  padding-top: 15px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #3d3935;
  font-family: "haynesadjustroman", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}

@media only screen and (min-width: 468px) {
  .practical-lifestyle-subcat.para-block .general-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.practical-lifestyle-subcat.para-block .general-container .cat-group {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 468px) {
  .practical-lifestyle-subcat.para-block .general-container .cat-group {
    margin-right: 3%;
    width: 48.25%;
  }
  .practical-lifestyle-subcat.para-block .general-container .cat-group:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 930px) {
  .practical-lifestyle-subcat.para-block .general-container .cat-group {
    width: 22.75%;
    margin-right: 3%;
  }
  .practical-lifestyle-subcat.para-block .general-container .cat-group:nth-child(2n) {
    margin-right: 3%;
  }
  .practical-lifestyle-subcat.para-block .general-container .cat-group:nth-child(4n) {
    margin-right: 0;
  }
}

.page-tips-tutorials .panel-display {
  width: 100%;
}
.page-tips-tutorials .panel-display .pane-blog-latest,
.page-tips-tutorials .panel-display .pane-blog-landing-page-component-boxes {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.page-tips-tutorials .panel-display .pane-blog-latest .views-row-first,
.page-tips-tutorials .panel-display .pane-blog-landing-page-component-boxes .views-row-first {
  width: 340px;
}
.page-tips-tutorials .panel-display .pane-blog-latest .views-row-last,
.page-tips-tutorials .panel-display .pane-blog-landing-page-component-boxes .views-row-last {
  margin-right: 0;
}
@media only screen and (max-width: 645px) {
  .page-tips-tutorials .panel-display .pane-blog-latest,
  .page-tips-tutorials .panel-display .pane-blog-landing-page-component-boxes {
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
    margin-bottom: 0;
  }
  .page-tips-tutorials .panel-display .pane-blog-latest .views-row,
  .page-tips-tutorials .panel-display .pane-blog-landing-page-component-boxes .views-row {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .page-tips-tutorials .panel-display .pane-blog-latest .views-row div,
  .page-tips-tutorials .panel-display .pane-blog-landing-page-component-boxes .views-row div {
    width: 100%;
  }
  .page-tips-tutorials .panel-display .pane-blog-latest .views-row img,
  .page-tips-tutorials .panel-display .pane-blog-landing-page-component-boxes .views-row img {
    width: 100% !important;
    height: auto;
  }
}

.node-type-blog .wrapper .insideView {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
}
.node-type-blog .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 890px) {
  .node-type-blog .container {
    width: 70%;
  }
}
@media only screen and (max-width: 890px) {
  .node-type-blog .container {
    width: 640px;
  }
}
@media only screen and (max-width: 640px) {
  .node-type-blog .container {
    width: 100%;
  }
}
.node-type-blog .rightContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 30%;
  padding-left: 10px;
  padding-right: 10px;
}
.node-type-blog h1 {
  font-size: 30px;
}
.node-type-blog .field-type-text-long h2 {
  font-size: 26px;
}
.node-type-blog .field-type-text-long h3 {
  font-size: 22px;
}
.node-type-blog .field-type-text-long h4 {
  font-size: 18px;
}
.node-type-blog .flexbox-container {
  max-width: 100%;
}
.node-type-blog .container img {
  max-width: 640px;
  width: 100%;
  height: auto !important;
}
.node-type-blog .container article a {
  color: #da291c;
}
.node-type-blog .paragraphs-item-blog-text-with-image-left a,
.node-type-blog .paragraphs-item-blog-text-with-image-right a {
  color: #da291c;
}
.node-type-blog .paragraphs-item-blog-text-with-image-left h3,
.node-type-blog .paragraphs-item-blog-text-with-image-right h3 {
  width: 100%;
  display: block;
}
.node-type-blog .paragraphs-item-blog-text-with-image-left img,
.node-type-blog .paragraphs-item-blog-text-with-image-right img {
  cursor: pointer;
  margin: 0 10px 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* @include box-shadow(0, 0, 10px, 0, rgba(0,0,0,0.7)); */
  border: 3px solid #fff;
  width: auto;
  max-width: 100%;
  display: inline;
}
.node-type-blog .paragraphs-item-blog-text-with-image-left .field-name-field-text-with-image-image,
.node-type-blog .paragraphs-item-blog-text-with-image-right .field-name-field-text-with-image-image {
  text-align: center;
}
@media only screen and (min-width: 620px) {
  .node-type-blog .paragraphs-item-blog-text-with-image-left,
  .node-type-blog .paragraphs-item-blog-text-with-image-right {
    float: left;
  }
  .node-type-blog .paragraphs-item-blog-text-with-image-left img,
  .node-type-blog .paragraphs-item-blog-text-with-image-right img {
    display: block;
  }
  .node-type-blog .paragraphs-item-blog-text-with-image-left .field-name-field-text-with-image-image,
  .node-type-blog .paragraphs-item-blog-text-with-image-right .field-name-field-text-with-image-image {
    margin-bottom: 10px;
    max-width: 50%;
  }
  .node-type-blog .paragraphs-item-blog-text-with-image-left:after,
  .node-type-blog .paragraphs-item-blog-text-with-image-right:after {
    content: ' ';
    display: block;
    float: left;
    clear: both;
  }
}
@media only screen and (min-width: 620px) {
  .node-type-blog .paragraphs-item-blog-text-with-image-right .field-name-field-text-with-image-image {
    float: right;
    margin-left: 20px;
  }
  .node-type-blog .paragraphs-item-blog-text-with-image-right .field-name-field-text-with-image-image img {
    float: right;
    margin-right: 0;
    margin-left: 20px;
  }
}
@media only screen and (min-width: 620px) {
  .node-type-blog .paragraphs-item-blog-text-with-image-left .field-name-field-text-with-image-image img {
    float: left;
    margin-left: 0;
    margin-right: 20px;
  }
}

.page-tips-tutorials.home-page-cat .container {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  -ms-flex-item-align: flex-start;
  align-self: flex-start;
}
.page-tips-tutorials.home-page-cat .container h1 {
  display: block;
}
.page-tips-tutorials.home-page-cat .pane-blog-landing-page-component-boxes .views-row:nth-child(1n) {
  width: 57%;
  margin-right: 3%;
}
.page-tips-tutorials.home-page-cat .pane-blog-landing-page-component-boxes .views-row:nth-child(2n) {
  width: 40%;
  margin-left: 0;
  margin-right: 0;
}
.page-tips-tutorials.home-page-cat .pane-blog-latest .views-row {
  margin-bottom: 20px;
  width: 31.216931217%;
}
.page-tips-tutorials.home-page-cat .pane-blog-landing-page-other .item-list ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.page-tips-tutorials.home-page-cat .pane-blog-landing-page-other .item-list ul li {
  width: 48%;
  margin-bottom: 10px;
  margin-right: 10px;
}
@media only screen and (max-width: 545px) {
  .page-tips-tutorials.home-page-cat .pane-blog-landing-page-other .item-list ul li {
    width: 100%;
  }
}
.page-tips-tutorials.home-page-cat .pane-blog-landing-page-other .item-list ul li .views-field-created {
  font-family: "haynesadjustlight_italic", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
}
.page-tips-tutorials.home-page-cat .pane-blog-landing-page-other .item-list ul li .views-field-title a {
  text-decoration: none;
  font-family: "haynesadjustbold", sans-serif;
  color: #3d3935;
  display: block;
}
.page-tips-tutorials.home-page-cat .pane-blog-landing-page-other .item-list ul li .views-field-title a:hover {
  color: #636363;
}

#block-views-blog-related-articles-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
#block-views-blog-related-articles-block .product-information {
  width: 100%;
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 20px;
}
#block-views-blog-related-articles-block .product-information .commerce-product-field-field-product-cmh-cover-type {
  display: none;
}
#block-views-blog-related-articles-block .product-information .field-type-image {
  display: inline-block;
}
#block-views-blog-related-articles-block .product-information .content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

#block-haynes-blog-tags-blog-tags-recommended ul li {
  float: left;
  width: 45%;
  margin-right: 10%;
}
#block-haynes-blog-tags-blog-tags-recommended ul li:nth-child(even) {
  margin-right: 0;
}
@media only screen and (max-width: 600px) {
  #block-haynes-blog-tags-blog-tags-recommended ul li {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

#block-views-blog-latest-block-3 {
  margin-top: 1em;
}
#block-views-blog-latest-block-3 img {
  max-width: 100%;
  height: auto;
}

article.node-blog {
  width: 100%;
}

.page-haynes-makes .make .image {
  width: 100%;
  background-color: #fff;
}
.page-haynes-makes .make .title {
  padding-top: 5px;
}
.page-haynes-makes .make .title a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #3d3935;
  font-family: "haynesadjustbold", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
}
.page-haynes-makes .panel-panel {
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (min-width: 468px) {
  .page-haynes-makes .panel-panel .item-list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.page-haynes-makes .panel-panel .item-list ul li {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 468px) {
  .page-haynes-makes .panel-panel .item-list ul li {
    margin-right: 3%;
    width: 48.25%;
  }
  .page-haynes-makes .panel-panel .item-list ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 930px) {
  .page-haynes-makes .panel-panel .item-list ul li {
    width: 22.75%;
    margin-right: 3%;
  }
  .page-haynes-makes .panel-panel .item-list ul li:nth-child(2n) {
    margin-right: 3%;
  }
  .page-haynes-makes .panel-panel .item-list ul li:nth-child(4n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 930px) {
  .page-haynes-makes .panel-panel {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.page-haynes-makes .panel-panel p {
  font-size: 1.2em;
}
@media only screen and (min-width: 930px) {
  .page-haynes-makes .panel-panel {
    margin-left: 0;
    margin-right: 0;
  }
}

.block-underline {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #da291c;
}
@media only screen and (min-width: 930px) {
  .block-underline {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media only screen and (min-width: 468px) {
  .motorcycle-makes.para-block .item-list ul,
  .car-makes.para-block .item-list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.motorcycle-makes.para-block .item-list ul li,
.car-makes.para-block .item-list ul li {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 468px) {
  .motorcycle-makes.para-block .item-list ul li,
  .car-makes.para-block .item-list ul li {
    margin-right: 3%;
    width: 48.25%;
  }
  .motorcycle-makes.para-block .item-list ul li:nth-child(2n),
  .car-makes.para-block .item-list ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 930px) {
  .motorcycle-makes.para-block .item-list ul li,
  .car-makes.para-block .item-list ul li {
    width: 22.75%;
    margin-right: 3%;
  }
  .motorcycle-makes.para-block .item-list ul li:nth-child(2n),
  .car-makes.para-block .item-list ul li:nth-child(2n) {
    margin-right: 3%;
  }
  .motorcycle-makes.para-block .item-list ul li:nth-child(4n),
  .car-makes.para-block .item-list ul li:nth-child(4n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 468px) {
  .pop-motor.para-block .haynes-catalog-product-references-block,
  .practical-lifestyle.para-block .haynes-catalog-product-references-block,
  .pop-scooter.para-block .haynes-catalog-product-references-block,
  .car-makes-car.para-block .haynes-catalog-product-references-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.pop-motor.para-block .haynes-catalog-product-references-block .product,
.practical-lifestyle.para-block .haynes-catalog-product-references-block .product,
.pop-scooter.para-block .haynes-catalog-product-references-block .product,
.car-makes-car.para-block .haynes-catalog-product-references-block .product {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 468px) {
  .pop-motor.para-block .haynes-catalog-product-references-block .product,
  .practical-lifestyle.para-block .haynes-catalog-product-references-block .product,
  .pop-scooter.para-block .haynes-catalog-product-references-block .product,
  .car-makes-car.para-block .haynes-catalog-product-references-block .product {
    margin-right: 3%;
    width: 48.25%;
  }
  .pop-motor.para-block .haynes-catalog-product-references-block .product:nth-child(2n),
  .practical-lifestyle.para-block .haynes-catalog-product-references-block .product:nth-child(2n),
  .pop-scooter.para-block .haynes-catalog-product-references-block .product:nth-child(2n),
  .car-makes-car.para-block .haynes-catalog-product-references-block .product:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 930px) {
  .pop-motor.para-block .haynes-catalog-product-references-block .product,
  .practical-lifestyle.para-block .haynes-catalog-product-references-block .product,
  .pop-scooter.para-block .haynes-catalog-product-references-block .product,
  .car-makes-car.para-block .haynes-catalog-product-references-block .product {
    width: 31.33333%;
    margin-right: 3%;
  }
  .pop-motor.para-block .haynes-catalog-product-references-block .product:nth-child(2n),
  .practical-lifestyle.para-block .haynes-catalog-product-references-block .product:nth-child(2n),
  .pop-scooter.para-block .haynes-catalog-product-references-block .product:nth-child(2n),
  .car-makes-car.para-block .haynes-catalog-product-references-block .product:nth-child(2n) {
    margin-right: 3%;
  }
  .pop-motor.para-block .haynes-catalog-product-references-block .product:nth-child(3n),
  .practical-lifestyle.para-block .haynes-catalog-product-references-block .product:nth-child(3n),
  .pop-scooter.para-block .haynes-catalog-product-references-block .product:nth-child(3n),
  .car-makes-car.para-block .haynes-catalog-product-references-block .product:nth-child(3n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 468px) {
  .forthcoming-products.para-block .block-inner,
  .new-products.para-block .block-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.forthcoming-products.para-block .block-inner .views-row,
.new-products.para-block .block-inner .views-row {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 468px) {
  .forthcoming-products.para-block .block-inner .views-row,
  .new-products.para-block .block-inner .views-row {
    margin-right: 3%;
    width: 48.25%;
  }
  .forthcoming-products.para-block .block-inner .views-row:nth-child(2n),
  .new-products.para-block .block-inner .views-row:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 930px) {
  .forthcoming-products.para-block .block-inner .views-row,
  .new-products.para-block .block-inner .views-row {
    width: 31.33333%;
    margin-right: 3%;
  }
  .forthcoming-products.para-block .block-inner .views-row:nth-child(2n),
  .new-products.para-block .block-inner .views-row:nth-child(2n) {
    margin-right: 3%;
  }
  .forthcoming-products.para-block .block-inner .views-row:nth-child(3n),
  .new-products.para-block .block-inner .views-row:nth-child(3n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 468px) {
  .practical-lifestyle-subcat.para-block .general-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.practical-lifestyle-subcat.para-block .general-container .catGroup {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 468px) {
  .practical-lifestyle-subcat.para-block .general-container .catGroup {
    margin-right: 3%;
    width: 48.25%;
  }
  .practical-lifestyle-subcat.para-block .general-container .catGroup:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 930px) {
  .practical-lifestyle-subcat.para-block .general-container .catGroup {
    width: 22.75%;
    margin-right: 3%;
  }
  .practical-lifestyle-subcat.para-block .general-container .catGroup:nth-child(2n) {
    margin-right: 3%;
  }
  .practical-lifestyle-subcat.para-block .general-container .catGroup:nth-child(4n) {
    margin-right: 0;
  }
}

.make {
  text-align: center;
}
.make .title a {
  text-decoration: none;
  color: #3d3935;
}
.make .image {
  padding-bottom: 15px;
}
.make .image a {
  text-align: center;
}
.make .image a img {
  display: inline-block;
}

.page-haynes-makes .panel-panel .item-list ul .views-field-nothing,
.page-haynes-makes .panel-panel .item-list ul .views-field-nothing .field-content,
.page-haynes-makes .panel-panel .item-list ul .views-field-nothing .field-content .make,
.popular-makes .views-field-nothing,
.popular-makes .views-field-nothing .field-content,
.popular-makes .views-field-nothing .field-content .make {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
}
.page-haynes-makes .panel-panel .item-list ul .views-field-nothing .image,
.page-haynes-makes .panel-panel .item-list ul .views-field-nothing .field-content .image,
.page-haynes-makes .panel-panel .item-list ul .views-field-nothing .field-content .make .image,
.popular-makes .views-field-nothing .image,
.popular-makes .views-field-nothing .field-content .image,
.popular-makes .views-field-nothing .field-content .make .image {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
}
.page-haynes-makes .panel-panel .item-list ul .views-field-nothing .title,
.page-haynes-makes .panel-panel .item-list ul .views-field-nothing .field-content .title,
.page-haynes-makes .panel-panel .item-list ul .views-field-nothing .field-content .make .title,
.popular-makes .views-field-nothing .title,
.popular-makes .views-field-nothing .field-content .title,
.popular-makes .views-field-nothing .field-content .make .title {
  color: #3d3935;
  font-family: "haynesadjustroman", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
}
.page-haynes-makes .panel-panel .item-list ul .views-field-nothing .field-content .make,
.popular-makes .views-field-nothing .field-content .make {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.page-haynes-makes .panel-panel .item-list ul .views-row,
.popular-makes .views-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding-bottom: 15px;
  border-bottom: 1px solid #da291c;
}

body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper {
  border-bottom: 12px solid #f8e81e;
  margin: 0 0 20px 0;
  height: 57px;
  /*
        @media (min-width: $screen-sm) {
          margin: -$gutter-double 0 $gutter-double 0;
        }
  */
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty {
  float: left;
  display: block;
  color: #667576;
  height: 45px;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul {
  list-style: none;
  padding: 0;
  margin: 0px;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  border-right: 1px solid #667576;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li:first-child,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li:first-child {
  padding-left: 0;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li:last-child,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li:last-child {
  border-right: none;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li span.hod-title,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li span.hod-title {
  display: block;
  text-transform: capitalize;
  font-size: 14px;
  margin-bottom: 7px;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li.hod-time,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li.hod-time {
  font-size: 19px;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li .hod-difficulty-setting,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li .hod-difficulty-setting {
  background: url("../img/dots.png") no-repeat;
  background: none, url("../img/dots.svg") no-repeat;
  overflow: hidden;
  text-indent: -999px;
  display: block;
  width: 72px;
  height: 12px;
  margin-top: 14px;
  position: relative;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li .hod-difficulty-setting.d-1,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li .hod-difficulty-setting.d-1 {
  background-position-y: -14px;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li .hod-difficulty-setting.d-2,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li .hod-difficulty-setting.d-2 {
  background-position-y: -28px;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li .hod-difficulty-setting.d-3,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li .hod-difficulty-setting.d-3 {
  background-position-y: -42px;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li .hod-difficulty-setting.d-4,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li .hod-difficulty-setting.d-4 {
  background-position-y: -56px;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li .hod-difficulty-setting.d-5,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-time-difficulty ul li .hod-difficulty-setting.d-5 {
  background-position-y: -70px;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions {
  border-bottom: 1px solid #3d3935;
  text-align: right;
  height: 56px;
  position: relative;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link {
  font-size: 12px;
  font-size: 0.75rem;
  text-decoration: none;
  display: inline-block;
  padding-top: 30px;
  width: 40px;
  text-align: center;
  margin-left: 20px;
  background-repeat: no-repeat;
  background-position: top center;
  color: #667576;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.all-jobs,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.all-jobs {
  background-image: url(../img/ico-wrench.svg);
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.all-jobs.no-svg, .no-svg body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.all-jobs,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.all-jobs.no-svg, .no-svg
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.all-jobs {
  background-image: url(../img/ico-wrench.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.all-jobs.no-svg, .no-svg body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.all-jobs,
  body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.all-jobs.no-svg, .no-svg
  body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.all-jobs {
    background-image: url(../img/ico-wrench@2x.png);
  }
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.print,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.print {
  background-image: url(../img/ico-print.svg);
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.print.no-svg, .no-svg body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.print,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.print.no-svg, .no-svg
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.print {
  background-image: url(../img/ico-print.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.print.no-svg, .no-svg body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.print,
  body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.print.no-svg, .no-svg
  body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.print {
    background-image: url(../img/ico-print@2x.png);
  }
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.share,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.share {
  background-image: url(../img/ico-share.svg);
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.share.no-svg, .no-svg body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.share,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.share.no-svg, .no-svg
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.share {
  background-image: url(../img/ico-share.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.share.no-svg, .no-svg body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.share,
  body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.share.no-svg, .no-svg
  body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions a.action-link.share {
    background-image: url(../img/ico-share@2x.png);
  }
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions.active .hod-actions-share,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions.active .hod-actions-share {
  display: block;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions .hod-actions-share,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions .hod-actions-share {
  display: none;
  position: absolute;
  right: 0px;
  top: 30px;
  background: #fff;
  height: 40px;
  padding-left: 5px;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions .field-name-commerce-price,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions .field-name-commerce-price {
  display: none;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions .form-submit,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions .form-submit {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 8px 13px 8px 36px;
  background-color: #f8e81e;
  font-family: "haynesadjustbold", sans-serif;
  background-image: url(../img/add-round.svg);
  background-position: 5px center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions .form-submit.no-svg, .no-svg body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions .form-submit,
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions .form-submit.no-svg, .no-svg
body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions .form-submit {
  background-image: url(../img/add-round.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions .form-submit.no-svg, .no-svg body.haynes-dark-green .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions .form-submit,
  body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions .form-submit.no-svg, .no-svg
  body.node-type-product-display-haynes-on-demand .wrapper > .insideView .hod-container .hod-actions-wrapper .hod-actions .form-submit {
    background-image: url(../img/add-round@2x.png);
  }
}
body.haynes-dark-green .left-container h3,
body.node-type-product-display-haynes-on-demand .left-container h3 {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 10px;
}
body.haynes-dark-green .left-container ul,
body.node-type-product-display-haynes-on-demand .left-container ul {
  margin: 0 0 20px;
  padding: 0;
  font-size: 12px;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  body.haynes-dark-green .left-container ul,
  body.node-type-product-display-haynes-on-demand .left-container ul {
    margin: 0 10px 0 0;
  }
}
body.haynes-dark-green .left-container ul.preview,
body.node-type-product-display-haynes-on-demand .left-container ul.preview {
  pointer-events: none;
  cursor: default;
}
body.haynes-dark-green .left-container ul li,
body.node-type-product-display-haynes-on-demand .left-container ul li {
  margin: 0;
  padding: 10px 0;
  border-bottom: 3px solid #f8e81e;
  list-style-type: none;
}
body.haynes-dark-green .left-container ul li.arrow-left,
body.node-type-product-display-haynes-on-demand .left-container ul li.arrow-left {
  background-image: url(../img/btn-arrow-left.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 26px 26px;
}
body.haynes-dark-green .left-container ul li.arrow-left.no-svg, .no-svg body.haynes-dark-green .left-container ul li.arrow-left,
body.node-type-product-display-haynes-on-demand .left-container ul li.arrow-left.no-svg, .no-svg
body.node-type-product-display-haynes-on-demand .left-container ul li.arrow-left {
  background-image: url(../img/btn-arrow-left.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .left-container ul li.arrow-left.no-svg, .no-svg body.haynes-dark-green .left-container ul li.arrow-left,
  body.node-type-product-display-haynes-on-demand .left-container ul li.arrow-left.no-svg, .no-svg
  body.node-type-product-display-haynes-on-demand .left-container ul li.arrow-left {
    background-image: url(../img/btn-arrow-left@2x.png);
  }
}
body.haynes-dark-green .left-container ul li.arrow-down,
body.node-type-product-display-haynes-on-demand .left-container ul li.arrow-down {
  background-image: url(../img/btn-arrow-down.svg);
  background-position: 220px 12px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}
body.haynes-dark-green .left-container ul li.arrow-down.no-svg, .no-svg body.haynes-dark-green .left-container ul li.arrow-down,
body.node-type-product-display-haynes-on-demand .left-container ul li.arrow-down.no-svg, .no-svg
body.node-type-product-display-haynes-on-demand .left-container ul li.arrow-down {
  background-image: url(../img/btn-arrow-down.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .left-container ul li.arrow-down.no-svg, .no-svg body.haynes-dark-green .left-container ul li.arrow-down,
  body.node-type-product-display-haynes-on-demand .left-container ul li.arrow-down.no-svg, .no-svg
  body.node-type-product-display-haynes-on-demand .left-container ul li.arrow-down {
    background-image: url(../img/btn-arrow-down@2x.png);
  }
}
body.haynes-dark-green .left-container ul li ul,
body.node-type-product-display-haynes-on-demand .left-container ul li ul {
  margin: 0;
}
body.haynes-dark-green .left-container ul li ul li,
body.node-type-product-display-haynes-on-demand .left-container ul li ul li {
  border-bottom: 0;
  margin-left: 15px;
}
body.haynes-dark-green .left-container ul li ul li a,
body.node-type-product-display-haynes-on-demand .left-container ul li ul li a {
  text-decoration: none;
}
body.haynes-dark-green .left-container ul li ul.hidden,
body.node-type-product-display-haynes-on-demand .left-container ul li ul.hidden {
  display: none;
}
body.haynes-dark-green .content-container .brightcove-video,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video {
  position: relative;
}
body.haynes-dark-green .content-container .brightcove-video .free_clip,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .free_clip {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  color: #fff;
  padding: 15px 25px;
  background: #667576;
}
body.haynes-dark-green .content-container .brightcove-video .video-js,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  width: inherit;
  margin-bottom: 10px;
  z-index: 1;
}
body.haynes-dark-green .content-container .brightcove-video .video-js .vjs-tech,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .vjs-tech {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
body.haynes-dark-green .content-container .brightcove-video .video-js .a2a_default_style,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .a2a_default_style {
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  body.haynes-dark-green .content-container .brightcove-video .video-js .a2a_default_style,
  body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .a2a_default_style {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  body.haynes-dark-green .content-container .brightcove-video .video-js .a2a_default_style a,
  body.haynes-dark-green .content-container .brightcove-video .video-js .a2a_default_style .a2a_dd,
  body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .a2a_default_style a,
  body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .a2a_default_style .a2a_dd {
    float: none;
    display: inline-block;
  }
}
@media (max-width: 768px) {
  body.haynes-dark-green .content-container .brightcove-video .video-js.vjs-ended,
  body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js.vjs-ended {
    z-index: 5;
  }
}
body.haynes-dark-green .content-container .brightcove-video .video-js.vjs-ended .finished-content,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js.vjs-ended .finished-content {
  display: block;
}
@media (max-width: 768px) {
  body.haynes-dark-green .content-container .brightcove-video .video-js.vjs-ended .finished-content,
  body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js.vjs-ended .finished-content {
    position: relative;
    padding-bottom: 31%;
  }
}
body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content {
  background: #f8e81e;
  font-weight: bold;
  padding: 10px;
  display: none;
  text-align: center;
}
@media (min-width: 768px) {
  body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content,
  body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content {
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    width: 240px;
    top: 0;
    height: 100%;
    bottom: 0;
    padding: 40px 20px;
    text-align: left;
  }
}
body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content br,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content br {
  display: none;
}
@media (min-width: 768px) {
  body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content br,
  body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content br {
    display: block;
  }
}
body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h3,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h3 {
  border-bottom: 0;
  font-family: "haynesadjustbold", sans-serif;
  margin-bottom: 0;
  color: #3d3935;
  font-size: 18px;
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h3,
  body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h3 .haynes-ondemand,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h3 .haynes-ondemand {
  background: transparent;
  padding: 0;
  background-image: url(../img/haynes-ondemand.svg);
  width: 191px;
  height: 29px;
  background-size: 191px 29px;
  background-repeat: no-repeat;
  overflow: hidden;
  line-height: 400px;
  display: block;
  margin: 0 auto;
}
body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h3 .haynes-ondemand.no-svg, .no-svg body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h3 .haynes-ondemand,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h3 .haynes-ondemand.no-svg, .no-svg
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h3 .haynes-ondemand {
  background-image: url(../img/haynes-ondemand.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h3 .haynes-ondemand.no-svg, .no-svg body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h3 .haynes-ondemand,
  body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h3 .haynes-ondemand.no-svg, .no-svg
  body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h3 .haynes-ondemand {
    background-image: url(../img/haynes-ondemand@2x.png);
  }
}
body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h3 .haynes-ondemand.center,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h3 .haynes-ondemand.center {
  margin: auto;
}
body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h3 .haynes-ondemand.inline,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h3 .haynes-ondemand.inline {
  display: inline-block;
}
body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h4,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h4 {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "haynesadjustbold", sans-serif;
  text-align: center;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h4,
  body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h4 {
    padding-bottom: 15px;
  }
}
body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h4 a.buy-now,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h4 a.buy-now {
  background-image: url(../img/ico-chevron.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  display: inline-block;
  padding: 10px 0 10px 40px;
  text-decoration: none;
}
body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h4 a.buy-now.no-svg, .no-svg body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h4 a.buy-now,
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h4 a.buy-now.no-svg, .no-svg
body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h4 a.buy-now {
  background-image: url(../img/ico-chevron.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h4 a.buy-now.no-svg, .no-svg body.haynes-dark-green .content-container .brightcove-video .video-js .finished-content h4 a.buy-now,
  body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h4 a.buy-now.no-svg, .no-svg
  body.node-type-product-display-haynes-on-demand .content-container .brightcove-video .video-js .finished-content h4 a.buy-now {
    background-image: url(../img/ico-chevron@2x.png);
  }
}
body.haynes-dark-green .content-container h4.steps-available,
body.node-type-product-display-haynes-on-demand .content-container h4.steps-available {
  font-size: 24px;
  font-size: 1.5rem;
  background: #f3f4f1;
  padding: 20px;
  margin-top: 40px;
  margin-bottom: 10px;
  text-align: center;
}
body.haynes-dark-green .content-container h4.steps-available .step-count,
body.node-type-product-display-haynes-on-demand .content-container h4.steps-available .step-count {
  font-size: 28px;
  font-size: 1.75rem;
  color: #da291c;
}
body.haynes-dark-green .content-container .linked-procedure,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure {
  border-radius: 5px;
  border: solid 2px #667576;
  background: #667576;
  margin-bottom: 20px;
}
body.haynes-dark-green .content-container .linked-procedure.active .linked-procedure-content,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure.active .linked-procedure-content {
  display: block;
}
body.haynes-dark-green .content-container .linked-procedure.active .open,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure.active .open {
  display: none;
}
body.haynes-dark-green .content-container .linked-procedure.active .linked-procedure-header .toggle .close,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure.active .linked-procedure-header .toggle .close {
  display: block;
}
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-header,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-header {
  padding: 10px;
  background: #667576;
  text-align: center;
  position: relative;
  cursor: pointer;
}
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-header .toggle,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-header .toggle {
  position: absolute;
  right: 10px;
  font-size: 14px;
  color: #FFF;
  top: 14px;
}
@media (max-width: 768px) {
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-header .toggle,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-header .toggle {
    font-size: 12px;
  }
}
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-header .toggle .close,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-header .toggle .close {
  display: none;
}
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-header h4,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-header h4 {
  color: #FFF;
  margin: 0px;
  padding: 0px;
}
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-header h4 a,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-header h4 a {
  color: #fff;
  text-decoration: none;
}
@media (max-width: 768px) {
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-header h4,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-header h4 {
    font-size: 16px;
  }
}
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content {
  background: white;
  padding: 20px 20px 0 20px;
  display: none;
}
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide {
  clear: both;
  padding-bottom: 20px;
  display: block;
  overflow: hidden;
}
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide img,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide img {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide img,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide img {
    max-width: 40%;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
  }
}
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table {
  overflow-x: auto;
  min-height: 0.01%;
  width: 100%;
  margin-bottom: 15px;
  border: none;
  table-layout: fixed;
  max-width: 100%;
  background-color: #FFF;
}
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > thead > tr > th,
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > thead > tr > td,
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > tbody > tr > th,
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > tbody > tr > td,
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > tfoot > tr > th,
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > tfoot > tr > td,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > thead > tr > th,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > thead > tr > td,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > tbody > tr > th,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > tbody > tr > td,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > tfoot > tr > th,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > tfoot > tr > td {
  padding: 15px;
  vertical-align: top;
  border-top: 1px solid #f3f4f1;
}
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > thead > tr > th,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #f3f4f1;
}
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > caption + thead > tr:first-child > th,
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > caption + thead > tr:first-child > td,
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > colgroup + thead > tr:first-child > th,
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > colgroup + thead > tr:first-child > td,
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > thead:first-child > tr:first-child > th,
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > thead:first-child > tr:first-child > td,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > caption + thead > tr:first-child > th,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > caption + thead > tr:first-child > td,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > colgroup + thead > tr:first-child > th,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > colgroup + thead > tr:first-child > td,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > thead:first-child > tr:first-child > th,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > tbody + tbody,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > tbody + tbody {
  border-top: 2px solid #f3f4f1;
}
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > tbody > tr:nth-child(odd) > td,
body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > tbody > tr:nth-child(odd) > th,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > tbody > tr:nth-child(odd) > td,
body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > tbody > tr:nth-child(odd) > th {
  background-color: #f3f4f1;
}
@media (min-width: 768px) {
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table {
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table {
    margin-bottom: 0;
  }
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table > thead > tr > th,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table > thead > tr > td,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table > tbody > tr > th,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table > tbody > tr > td,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table > tfoot > tr > th,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table > tfoot > tr > td,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table > thead > tr > th,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table > thead > tr > td,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table > tbody > tr > th,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table > tbody > tr > td,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table > tfoot > tr > th,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered {
    border: 0;
  }
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > thead > tr > th:first-child,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > thead > tr > td:first-child,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tbody > tr > th:first-child,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tbody > tr > td:first-child,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tfoot > tr > th:first-child,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tfoot > tr > td:first-child,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > thead > tr > th:first-child,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > thead > tr > td:first-child,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tbody > tr > th:first-child,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tbody > tr > td:first-child,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tfoot > tr > th:first-child,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > thead > tr > th:last-child,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > thead > tr > td:last-child,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tbody > tr > th:last-child,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tbody > tr > td:last-child,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tfoot > tr > th:last-child,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tfoot > tr > td:last-child,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > thead > tr > th:last-child,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > thead > tr > td:last-child,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tbody > tr > th:last-child,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tbody > tr > td:last-child,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tfoot > tr > th:last-child,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tbody > tr:last-child > th,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tbody > tr:last-child > td,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tfoot > tr:last-child > th,
  body.haynes-dark-green .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tfoot > tr:last-child > td,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tbody > tr:last-child > th,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tbody > tr:last-child > td,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tfoot > tr:last-child > th,
  body.node-type-product-display-haynes-on-demand .content-container .linked-procedure .linked-procedure-content .linked-procedure-slide table > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
body.haynes-dark-green .content-container .steps .step,
body.node-type-product-display-haynes-on-demand .content-container .steps .step {
  background: #f3f4f1;
  padding: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
body.haynes-dark-green .content-container .steps .step div.step-image,
body.node-type-product-display-haynes-on-demand .content-container .steps .step div.step-image {
  float: left;
  width: 40%;
}
body.haynes-dark-green .content-container .steps .step div.step-image div,
body.node-type-product-display-haynes-on-demand .content-container .steps .step div.step-image div {
  margin-right: 10px;
}
body.haynes-dark-green .content-container .steps .step div.step-detail.with-image,
body.node-type-product-display-haynes-on-demand .content-container .steps .step div.step-detail.with-image {
  float: right;
  width: 60%;
}
body.haynes-dark-green .content-container .steps .step p,
body.node-type-product-display-haynes-on-demand .content-container .steps .step p {
  margin: 0;
  padding: 0 0 10px 0;
}
body.haynes-dark-green .content-container .steps .step p:last-child,
body.node-type-product-display-haynes-on-demand .content-container .steps .step p:last-child {
  padding: 0;
}
body.haynes-dark-green .content-container .steps .step img,
body.node-type-product-display-haynes-on-demand .content-container .steps .step img {
  max-width: 100%;
  height: auto;
}
body.haynes-dark-green .content-container #hod-products,
body.node-type-product-display-haynes-on-demand .content-container #hod-products {
  overflow: hidden;
  padding: 20px;
  background: #f3f4f1;
}
body.haynes-dark-green .content-container #hod-products h3,
body.node-type-product-display-haynes-on-demand .content-container #hod-products h3 {
  font-family: "haynesadjustmedium", sans-serif;
  padding: 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  body.haynes-dark-green .content-container #hod-products h3,
  body.node-type-product-display-haynes-on-demand .content-container #hod-products h3 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
body.haynes-dark-green .content-container #hod-products .hod-product,
body.node-type-product-display-haynes-on-demand .content-container #hod-products .hod-product {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  body.haynes-dark-green .content-container #hod-products .hod-product,
  body.node-type-product-display-haynes-on-demand .content-container #hod-products .hod-product {
    width: 33.333333333%;
    float: left;
  }
}
body.haynes-dark-green .content-container #hod-products .hod-product .hod-product-detail,
body.node-type-product-display-haynes-on-demand .content-container #hod-products .hod-product .hod-product-detail {
  position: relative;
  border-left: 2px solid #da291c;
  background: #fff;
  height: 190px;
}
@media (min-width: 768px) {
  body.haynes-dark-green .content-container #hod-products .hod-product .hod-product-detail,
  body.node-type-product-display-haynes-on-demand .content-container #hod-products .hod-product .hod-product-detail {
    margin-right: 20px;
  }
}
body.haynes-dark-green .content-container #hod-products .hod-product.last .hod-product-detail,
body.node-type-product-display-haynes-on-demand .content-container #hod-products .hod-product.last .hod-product-detail {
  margin-right: 0;
}
body.haynes-dark-green .content-container #hod-products .hod-product .title,
body.node-type-product-display-haynes-on-demand .content-container #hod-products .hod-product .title {
  padding: 10px 10px 20px 10px;
  font-size: 16px;
  font-size: 1rem;
  font-family: "haynesadjustmedium", sans-serif;
}
body.haynes-dark-green .content-container #hod-products .hod-product .field-type-commerce-price,
body.node-type-product-display-haynes-on-demand .content-container #hod-products .hod-product .field-type-commerce-price {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "haynesadjustmedium", sans-serif;
  position: absolute;
  bottom: 90px;
  left: 10px;
}
body.haynes-dark-green .content-container #hod-products .hod-product .subscription-duration,
body.node-type-product-display-haynes-on-demand .content-container #hod-products .hod-product .subscription-duration {
  position: absolute;
  bottom: 60px;
  left: 10px;
  font-size: 16px;
  font-size: 1rem;
  font-family: "haynesadjustlight", sans-serif;
}
body.haynes-dark-green .content-container #hod-products .hod-product .form-submit,
body.node-type-product-display-haynes-on-demand .content-container #hod-products .hod-product .form-submit {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f8e81e;
  width: 100%;
  font-style: normal;
  font-family: "haynesadjustbold", sans-serif;
  text-align: left;
  text-indent: 43px;
  padding: 10px;
  height: auto;
  background-image: url(../img/add-round.svg);
  background-repeat: no-repeat;
  background-position: 15px 6px;
  background-size: 28px 28px;
}
body.haynes-dark-green .content-container #hod-products .hod-product .form-submit.no-svg, .no-svg body.haynes-dark-green .content-container #hod-products .hod-product .form-submit,
body.node-type-product-display-haynes-on-demand .content-container #hod-products .hod-product .form-submit.no-svg, .no-svg
body.node-type-product-display-haynes-on-demand .content-container #hod-products .hod-product .form-submit {
  background-image: url(../img/add-round.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.haynes-dark-green .content-container #hod-products .hod-product .form-submit.no-svg, .no-svg body.haynes-dark-green .content-container #hod-products .hod-product .form-submit,
  body.node-type-product-display-haynes-on-demand .content-container #hod-products .hod-product .form-submit.no-svg, .no-svg
  body.node-type-product-display-haynes-on-demand .content-container #hod-products .hod-product .form-submit {
    background-image: url(../img/add-round@2x.png);
  }
}
body.haynes-dark-green .content-container #hod-products h4,
body.node-type-product-display-haynes-on-demand .content-container #hod-products h4 {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0;
  padding: 0;
  font-family: "haynesadjustbold", sans-serif;
  clear: both;
}

.hod-comparison h1,
.hod-comparison .breadCrumb {
  display: none;
}
.hod-comparison .container {
  padding: 0;
}
.hod-comparison .hod-comparison-content .header {
  background: #667576;
  color: white;
  position: relative;
  padding: 20px 290px 20px 20px;
  min-height: 300px;
  border-bottom: 0px none;
}
.hod-comparison .hod-comparison-content .header h2 {
  font-size: 58px;
  line-height: 1.1em;
  text-transform: uppercase;
  margin: 0;
}
.hod-comparison .hod-comparison-content .header .image {
  position: absolute;
  width: 250px;
  bottom: 0;
  right: 0;
}
.hod-comparison .hod-comparison-content .header .image img {
  max-width: 250px;
  height: auto;
}
.hod-comparison .hod-comparison-content .header .model {
  color: #f8e81e;
}
.hod-comparison .hod-comparison-content .header .year_string {
  border-bottom: 1px solid white;
  display: inline-block;
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 20px;
}
.hod-comparison .hod-comparison-content .header .ap_link {
  font-size: 36px;
}
.hod-comparison .hod-comparison-content .header .ap_link a {
  color: white;
  text-decoration: none;
}
.hod-comparison .hod-comparison-content .time-difficulty {
  padding: 20px 0;
  border-bottom: 2px solid #667576;
}
.hod-comparison .hod-comparison-content .time-difficulty .cell {
  color: #667576;
  vertical-align: top;
  display: inline-block;
}
.hod-comparison .hod-comparison-content .time-difficulty .cell .label {
  font-size: 14px;
  font-weight: bold;
}
.hod-comparison .hod-comparison-content .time-difficulty .cell .value {
  font-size: 19px;
}
.hod-comparison .hod-comparison-content .time-difficulty .hod-time {
  padding: 0 20px;
}
.hod-comparison .hod-comparison-content .time-difficulty .hod-time .value {
  margin-top: 7px;
}
.hod-comparison .hod-comparison-content .time-difficulty .hod-difficulty.has-time {
  border-left: 1px solid #667576;
  padding-left: 20px;
}
.hod-comparison .hod-comparison-content .time-difficulty .hod-difficulty .value {
  background: url("../img/dots.png") no-repeat;
  background: none, url("../img/dots.svg") no-repeat;
  overflow: hidden;
  text-indent: -999px;
  display: block;
  width: 72px;
  height: 12px;
  margin-top: 14px;
  position: relative;
}
.hod-comparison .hod-comparison-content .time-difficulty .hod-difficulty .value.d-1 {
  background-position-y: -14px;
}
.hod-comparison .hod-comparison-content .time-difficulty .hod-difficulty .value.d-2 {
  background-position-y: -28px;
}
.hod-comparison .hod-comparison-content .time-difficulty .hod-difficulty .value.d-3 {
  background-position-y: -42px;
}
.hod-comparison .hod-comparison-content .time-difficulty .hod-difficulty .value.d-4 {
  background-position-y: -56px;
}
.hod-comparison .hod-comparison-content .time-difficulty .hod-difficulty .value.d-5 {
  background-position-y: -70px;
}
.hod-comparison .hod-comparison-content .formats {
  border-top: 16px solid #f8e81e;
  padding: 40px 20px;
}
.hod-comparison .hod-comparison-content .formats .availability {
  padding: 20px 20px 40px 20px;
  border-left: 3px solid #da291c;
  background: #f4f4f4;
}
.hod-comparison .hod-comparison-content .formats .availability .intro {
  font-size: 24px;
}
.hod-comparison .hod-comparison-content .formats .availability p {
  font-size: 18px;
}
.hod-comparison .hod-comparison-content .formats .availability .hmaa_link a {
  background: #8ec63f;
}
.hod-comparison .hod-comparison-content .formats .availability div.info_link a {
  background: #f8e81e;
  background-image: url(../img/ico-cart.svg);
  background-size: 18px 18px;
  padding-left: 35px;
  background-position: 10px 50%;
  background-repeat: no-repeat;
}
.hod-comparison .hod-comparison-content .formats .availability div.info_link a.no-svg, .no-svg .hod-comparison .hod-comparison-content .formats .availability div.info_link a {
  background-image: url(../img/ico-cart.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .hod-comparison .hod-comparison-content .formats .availability div.info_link a.no-svg, .no-svg .hod-comparison .hod-comparison-content .formats .availability div.info_link a {
    background-image: url(../img/ico-cart@2x.png);
  }
}
.hod-comparison .hod-comparison-content .formats .availability .hmaa_link,
.hod-comparison .hod-comparison-content .formats .availability .info_link {
  margin-top: 15px;
}
.hod-comparison .hod-comparison-content .formats .availability .hmaa_link a,
.hod-comparison .hod-comparison-content .formats .availability .info_link a {
  font-size: 15px;
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  color: black;
}

body.node-type-abstract-procedure, body.ondemand-landing-page {
  /* Layout */
  background-color: #829c9d;
}
body.node-type-abstract-procedure .container, body.ondemand-landing-page .container {
  width: 100% !important;
  padding: 0;
  background-color: #829c9d;
}
body.node-type-abstract-procedure .right-container, body.ondemand-landing-page .right-container {
  width: 25%;
  float: right;
  height: auto;
  display: block;
}
@media (max-width: 768px) {
  body.node-type-abstract-procedure .right-container, body.ondemand-landing-page .right-container {
    display: none;
  }
}
body.node-type-abstract-procedure .right-container .abstract-info,
body.node-type-abstract-procedure .right-container .abstract-popular, body.ondemand-landing-page .right-container .abstract-info,
body.ondemand-landing-page .right-container .abstract-popular {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 35px;
}
body.node-type-abstract-procedure .right-container a, body.ondemand-landing-page .right-container a {
  color: white;
}
body.node-type-abstract-procedure .right-container h4, body.ondemand-landing-page .right-container h4 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #FFF;
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  padding-bottom: 5px;
  margin-bottom: 8px;
}
body.node-type-abstract-procedure .right-container ul, body.ondemand-landing-page .right-container ul {
  list-style: none;
  padding: 0px;
}
body.node-type-abstract-procedure .right-container ul li, body.ondemand-landing-page .right-container ul li {
  margin-bottom: 8px;
}
body.node-type-abstract-procedure .right-container ul li a, body.ondemand-landing-page .right-container ul li a {
  text-decoration: none;
}
body.node-type-abstract-procedure .right-container .node-pod, body.ondemand-landing-page .right-container .node-pod {
  font-size: 14px;
  font-size: 0.875rem;
  color: white;
  padding: 0;
  background: transparent none;
  font-weight: normal;
  margin-top: 8px;
}
body.node-type-abstract-procedure .right-container .node-pod:first-of-type, body.ondemand-landing-page .right-container .node-pod:first-of-type {
  margin-top: 15px;
}
body.node-type-abstract-procedure .right-container .node-pod h2, body.ondemand-landing-page .right-container .node-pod h2 {
  display: none;
}
body.node-type-abstract-procedure .right-container .node-pod .field-name-body, body.node-type-abstract-procedure .right-container .node-pod p, body.node-type-abstract-procedure .right-container .node-pod a, body.ondemand-landing-page .right-container .node-pod .field-name-body, body.ondemand-landing-page .right-container .node-pod p, body.ondemand-landing-page .right-container .node-pod a {
  font-size: 14px;
  font-size: 0.875rem;
  color: white;
  padding: 0;
  background: transparent none;
  font-weight: normal;
}
body.node-type-abstract-procedure .right-container .node-pod p, body.ondemand-landing-page .right-container .node-pod p {
  margin-bottom: 8px;
}
body.node-type-abstract-procedure .content-container, body.ondemand-landing-page .content-container {
  background: #FFF;
}
@media (min-width: 768px) {
  body.node-type-abstract-procedure .content-container, body.ondemand-landing-page .content-container {
    width: 75%;
    float: left;
  }
}
body.node-type-abstract-procedure .header, body.ondemand-landing-page .header {
  background-color: #e8e9e4;
}
body.node-type-abstract-procedure .highlighted-region, body.ondemand-landing-page .highlighted-region {
  z-index: 9999;
  position: relative;
}
body.node-type-abstract-procedure .hod-intro, body.ondemand-landing-page .hod-intro {
  padding: 10px 10px 0 10px;
  background-color: #829c9d;
}
body.node-type-abstract-procedure .hod-intro .subtitle, body.ondemand-landing-page .hod-intro .subtitle {
  color: #fff;
}
body.node-type-abstract-procedure .hod-intro h4, body.ondemand-landing-page .hod-intro h4 {
  color: #fff;
}
body.node-type-abstract-procedure .wrapper > .insideView:before,
body.node-type-abstract-procedure .wrapper > .insideView:after, body.ondemand-landing-page .wrapper > .insideView:before,
body.ondemand-landing-page .wrapper > .insideView:after {
  display: none;
}
body.node-type-abstract-procedure .breadCrumb, body.ondemand-landing-page .breadCrumb {
  background-color: #829c9d;
}
@media (min-width: 768px) {
  body.node-type-abstract-procedure .breadCrumb, body.ondemand-landing-page .breadCrumb {
    padding-left: 0;
    padding-right: 0;
  }
}
body.node-type-abstract-procedure .hod-container, body.ondemand-landing-page .hod-container {
  overflow: hidden;
}
body.node-type-abstract-procedure .paragraphs-items h4.subtitle, body.ondemand-landing-page .paragraphs-items h4.subtitle {
  margin-top: -5px;
}
body.node-type-abstract-procedure .entity-paragraphs-item, body.ondemand-landing-page .entity-paragraphs-item {
  clear: both;
  margin-bottom: 30px;
  display: block;
  overflow: hidden;
}
body.node-type-abstract-procedure .brightcove-video, body.ondemand-landing-page .brightcove-video {
  margin: 30px 0 15px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
body.node-type-abstract-procedure .brightcove-video .field-name-field-paragraph-title h2, body.ondemand-landing-page .brightcove-video .field-name-field-paragraph-title h2 {
  margin: 0 0 10px 0;
}
body.node-type-abstract-procedure .brightcove-video .brightcove-video-inner, body.ondemand-landing-page .brightcove-video .brightcove-video-inner {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  body.node-type-abstract-procedure .brightcove-video .brightcove-video-inner,
  body.node-type-abstract-procedure .brightcove-video .field-name-field-paragraph-body, body.ondemand-landing-page .brightcove-video .brightcove-video-inner,
  body.ondemand-landing-page .brightcove-video .field-name-field-paragraph-body {
    width: 50%;
    display: inline-block;
  }
}
@media (min-width: 768px) {
  body.node-type-abstract-procedure .brightcove-video .text_left .brightcove-video-inner, body.ondemand-landing-page .brightcove-video .text_left .brightcove-video-inner {
    float: left;
  }
  body.node-type-abstract-procedure .brightcove-video .text_left .field-name-field-paragraph-body .field-items, body.ondemand-landing-page .brightcove-video .text_left .field-name-field-paragraph-body .field-items {
    padding-left: 15px;
  }
  body.node-type-abstract-procedure .brightcove-video .text_left .field-name-field-paragraph-body .field-items p:first-child, body.ondemand-landing-page .brightcove-video .text_left .field-name-field-paragraph-body .field-items p:first-child {
    margin-top: 0px;
  }
}
body.node-type-abstract-procedure .brightcove-video .free_clip, body.ondemand-landing-page .brightcove-video .free_clip {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  color: #fff;
  padding: 15px 25px;
  background: #667576;
}
body.node-type-abstract-procedure .brightcove-video .finished-content, body.ondemand-landing-page .brightcove-video .finished-content {
  display: none;
}
body.node-type-abstract-procedure .brightcove-video .video-js, body.ondemand-landing-page .brightcove-video .video-js {
  width: 100%;
  height: 300px;
}
body.node-type-abstract-procedure .insideView .call-to-action, body.ondemand-landing-page .insideView .call-to-action {
  padding: 15px;
  margin-bottom: 15px;
  clear: both;
  text-align: center;
}
body.node-type-abstract-procedure .insideView .call-to-action p, body.ondemand-landing-page .insideView .call-to-action p {
  margin-top: 0;
}
body.node-type-abstract-procedure .insideView .call-to-action p:last-child, body.ondemand-landing-page .insideView .call-to-action p:last-child {
  margin-bottom: 0;
}
body.node-type-abstract-procedure .insideView .call-to-action .call-to-action-link a, body.ondemand-landing-page .insideView .call-to-action .call-to-action-link a {
  background: #f8e81e;
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  padding: 15px 50px;
  font-weight: bold;
  display: inline-block;
}
body.node-type-abstract-procedure .insideView .call-to-action .call-to-action-link a:after, body.ondemand-landing-page .insideView .call-to-action .call-to-action-link a:after {
  content: '';
  display: inline-block;
  height: 12px;
  width: 14px;
  margin-left: 5px;
  position: relative;
  background: url("../img/btn-arrow-down.png") no-repeat;
  background: none, url("../img/btn-arrow-down.svg") no-repeat;
  margin-top: 2px;
}
body.node-type-abstract-procedure .insideView .call-to-action.has-info, body.ondemand-landing-page .insideView .call-to-action.has-info {
  background: #f3f4f1;
  min-height: 46px;
}
body.node-type-abstract-procedure .insideView .call-to-action.has-info .call-to-action-link, body.ondemand-landing-page .insideView .call-to-action.has-info .call-to-action-link {
  margin-bottom: 15px;
  margin-left: 15px;
}
@media (min-width: 768px) {
  body.node-type-abstract-procedure .insideView .call-to-action.has-info .call-to-action-link, body.ondemand-landing-page .insideView .call-to-action.has-info .call-to-action-link {
    float: right;
    width: 45%;
    margin-bottom: 0;
  }
}
body.node-type-abstract-procedure .insideView .call-to-action.has-info .field-name-field-paragraph-body, body.ondemand-landing-page .insideView .call-to-action.has-info .field-name-field-paragraph-body {
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0 15px;
  text-align: left;
}
@media (min-width: 768px) {
  body.node-type-abstract-procedure .insideView .call-to-action.has-info .field-name-field-paragraph-body, body.ondemand-landing-page .insideView .call-to-action.has-info .field-name-field-paragraph-body {
    width: 55%;
  }
}
body.node-type-abstract-procedure .hod_warning, body.ondemand-landing-page .hod_warning {
  margin: 15px;
  min-height: 140px;
  background: #f89f21;
}
body.node-type-abstract-procedure .hod_warning h3, body.ondemand-landing-page .hod_warning h3 {
  padding: 15px;
  border-bottom: 1px solid #fff;
  font-size: 18px;
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  body.node-type-abstract-procedure .hod_warning .warning-icon, body.ondemand-landing-page .hod_warning .warning-icon {
    width: 54px;
    height: 54px;
    display: block;
    float: left;
    background: url("../img/warning.png") no-repeat;
    background: none, url("../img/warning.svg") no-repeat;
    margin: 0 15px 15px 15px;
  }
}
body.node-type-abstract-procedure .hod_warning .field-name-field-warning-message, body.ondemand-landing-page .hod_warning .field-name-field-warning-message {
  padding: 0 15px 15px 15px;
  line-height: 24px;
}
body.node-type-abstract-procedure .paragraphs-item-image-with-text, body.ondemand-landing-page .paragraphs-item-image-with-text {
  padding: 15px;
}
body.node-type-abstract-procedure .paragraphs-item-image-with-text .field-name-field-paragraph-title h2, body.ondemand-landing-page .paragraphs-item-image-with-text .field-name-field-paragraph-title h2 {
  margin: 0px;
}
body.node-type-abstract-procedure .paragraphs-item-image-with-text .subtitle, body.ondemand-landing-page .paragraphs-item-image-with-text .subtitle {
  font-style: italic;
  color: #999999;
}
@media (min-width: 768px) {
  body.node-type-abstract-procedure .paragraphs-item-image-with-text .field-name-field-image,
  body.node-type-abstract-procedure .paragraphs-item-image-with-text .field-name-field-paragraph-body, body.ondemand-landing-page .paragraphs-item-image-with-text .field-name-field-image,
  body.ondemand-landing-page .paragraphs-item-image-with-text .field-name-field-paragraph-body {
    width: 50%;
    display: inline-block;
  }
}
body.node-type-abstract-procedure .paragraphs-item-image-with-text .field-name-field-image img,
body.node-type-abstract-procedure .paragraphs-item-image-with-text .field-name-field-paragraph-body img, body.ondemand-landing-page .paragraphs-item-image-with-text .field-name-field-image img,
body.ondemand-landing-page .paragraphs-item-image-with-text .field-name-field-paragraph-body img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  body.node-type-abstract-procedure .paragraphs-item-image-with-text .img_left .field-name-field-image, body.ondemand-landing-page .paragraphs-item-image-with-text .img_left .field-name-field-image {
    float: left;
  }
  body.node-type-abstract-procedure .paragraphs-item-image-with-text .img_left .field-name-field-paragraph-body .field-items, body.ondemand-landing-page .paragraphs-item-image-with-text .img_left .field-name-field-paragraph-body .field-items {
    padding-left: 15px;
  }
  body.node-type-abstract-procedure .paragraphs-item-image-with-text .img_left .field-name-field-paragraph-body .field-items p:first-child, body.ondemand-landing-page .paragraphs-item-image-with-text .img_left .field-name-field-paragraph-body .field-items p:first-child {
    margin-top: 0px;
  }
  body.node-type-abstract-procedure .paragraphs-item-image-with-text .img_right .field-name-field-image, body.ondemand-landing-page .paragraphs-item-image-with-text .img_right .field-name-field-image {
    float: right;
  }
  body.node-type-abstract-procedure .paragraphs-item-image-with-text .img_right .field-name-field-paragraph-body .field-items, body.ondemand-landing-page .paragraphs-item-image-with-text .img_right .field-name-field-paragraph-body .field-items {
    padding-right: 15px;
  }
  body.node-type-abstract-procedure .paragraphs-item-image-with-text .img_right .field-name-field-paragraph-body .field-items p:first-child, body.ondemand-landing-page .paragraphs-item-image-with-text .img_right .field-name-field-paragraph-body .field-items p:first-child {
    margin-top: 0px;
  }
}
body.node-type-abstract-procedure .paragraphs-item-text, body.ondemand-landing-page .paragraphs-item-text {
  margin-left: 0;
  margin-right: 0;
}
body.node-type-abstract-procedure .paragraphs-item-text .cta-red, body.ondemand-landing-page .paragraphs-item-text .cta-red {
  color: #da291c;
}
body.node-type-abstract-procedure .paragraphs-item-text table, body.ondemand-landing-page .paragraphs-item-text table {
  overflow-x: auto;
  min-height: 0.01%;
  width: 100%;
  margin-bottom: 15px;
  border: none;
  table-layout: fixed;
  max-width: 100%;
  background-color: #FFF;
}
body.node-type-abstract-procedure .paragraphs-item-text table > thead > tr > th,
body.node-type-abstract-procedure .paragraphs-item-text table > thead > tr > td,
body.node-type-abstract-procedure .paragraphs-item-text table > tbody > tr > th,
body.node-type-abstract-procedure .paragraphs-item-text table > tbody > tr > td,
body.node-type-abstract-procedure .paragraphs-item-text table > tfoot > tr > th,
body.node-type-abstract-procedure .paragraphs-item-text table > tfoot > tr > td, body.ondemand-landing-page .paragraphs-item-text table > thead > tr > th,
body.ondemand-landing-page .paragraphs-item-text table > thead > tr > td,
body.ondemand-landing-page .paragraphs-item-text table > tbody > tr > th,
body.ondemand-landing-page .paragraphs-item-text table > tbody > tr > td,
body.ondemand-landing-page .paragraphs-item-text table > tfoot > tr > th,
body.ondemand-landing-page .paragraphs-item-text table > tfoot > tr > td {
  padding: 15px;
  vertical-align: top;
  border-top: 1px solid #f3f4f1;
}
body.node-type-abstract-procedure .paragraphs-item-text table > thead > tr > th, body.ondemand-landing-page .paragraphs-item-text table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #f3f4f1;
}
body.node-type-abstract-procedure .paragraphs-item-text table > caption + thead > tr:first-child > th,
body.node-type-abstract-procedure .paragraphs-item-text table > caption + thead > tr:first-child > td,
body.node-type-abstract-procedure .paragraphs-item-text table > colgroup + thead > tr:first-child > th,
body.node-type-abstract-procedure .paragraphs-item-text table > colgroup + thead > tr:first-child > td,
body.node-type-abstract-procedure .paragraphs-item-text table > thead:first-child > tr:first-child > th,
body.node-type-abstract-procedure .paragraphs-item-text table > thead:first-child > tr:first-child > td, body.ondemand-landing-page .paragraphs-item-text table > caption + thead > tr:first-child > th,
body.ondemand-landing-page .paragraphs-item-text table > caption + thead > tr:first-child > td,
body.ondemand-landing-page .paragraphs-item-text table > colgroup + thead > tr:first-child > th,
body.ondemand-landing-page .paragraphs-item-text table > colgroup + thead > tr:first-child > td,
body.ondemand-landing-page .paragraphs-item-text table > thead:first-child > tr:first-child > th,
body.ondemand-landing-page .paragraphs-item-text table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
body.node-type-abstract-procedure .paragraphs-item-text table > tbody + tbody, body.ondemand-landing-page .paragraphs-item-text table > tbody + tbody {
  border-top: 2px solid #f3f4f1;
}
body.node-type-abstract-procedure .paragraphs-item-text table > tbody > tr:nth-child(odd) > td,
body.node-type-abstract-procedure .paragraphs-item-text table > tbody > tr:nth-child(odd) > th, body.ondemand-landing-page .paragraphs-item-text table > tbody > tr:nth-child(odd) > td,
body.ondemand-landing-page .paragraphs-item-text table > tbody > tr:nth-child(odd) > th {
  background-color: #f3f4f1;
}
@media (min-width: 768px) {
  body.node-type-abstract-procedure .paragraphs-item-text table, body.ondemand-landing-page .paragraphs-item-text table {
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  body.node-type-abstract-procedure .paragraphs-item-text table > .table, body.ondemand-landing-page .paragraphs-item-text table > .table {
    margin-bottom: 0;
  }
  body.node-type-abstract-procedure .paragraphs-item-text table > .table > thead > tr > th,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table > thead > tr > td,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table > tbody > tr > th,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table > tbody > tr > td,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table > tfoot > tr > th,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table > tfoot > tr > td, body.ondemand-landing-page .paragraphs-item-text table > .table > thead > tr > th,
  body.ondemand-landing-page .paragraphs-item-text table > .table > thead > tr > td,
  body.ondemand-landing-page .paragraphs-item-text table > .table > tbody > tr > th,
  body.ondemand-landing-page .paragraphs-item-text table > .table > tbody > tr > td,
  body.ondemand-landing-page .paragraphs-item-text table > .table > tfoot > tr > th,
  body.ondemand-landing-page .paragraphs-item-text table > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered, body.ondemand-landing-page .paragraphs-item-text table > .table-bordered {
    border: 0;
  }
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > thead > tr > th:first-child,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > thead > tr > td:first-child,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > tbody > tr > th:first-child,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > tbody > tr > td:first-child,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > tfoot > tr > th:first-child,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > tfoot > tr > td:first-child, body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > thead > tr > th:first-child,
  body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > thead > tr > td:first-child,
  body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > tbody > tr > th:first-child,
  body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > tbody > tr > td:first-child,
  body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > tfoot > tr > th:first-child,
  body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > thead > tr > th:last-child,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > thead > tr > td:last-child,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > tbody > tr > th:last-child,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > tbody > tr > td:last-child,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > tfoot > tr > th:last-child,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > tfoot > tr > td:last-child, body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > thead > tr > th:last-child,
  body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > thead > tr > td:last-child,
  body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > tbody > tr > th:last-child,
  body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > tbody > tr > td:last-child,
  body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > tfoot > tr > th:last-child,
  body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > tbody > tr:last-child > th,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > tbody > tr:last-child > td,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > tfoot > tr:last-child > th,
  body.node-type-abstract-procedure .paragraphs-item-text table > .table-bordered > tfoot > tr:last-child > td, body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > tbody > tr:last-child > th,
  body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > tbody > tr:last-child > td,
  body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > tfoot > tr:last-child > th,
  body.ondemand-landing-page .paragraphs-item-text table > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
body.node-type-abstract-procedure .content-container, body.ondemand-landing-page .content-container {
  padding-bottom: 30px;
  padding-top: 15px;
}
body.node-type-abstract-procedure .content-container > .paragraphs-items, body.ondemand-landing-page .content-container > .paragraphs-items {
  padding: 0 15px;
}
body.node-type-abstract-procedure .content-container > .paragraphs-items a, body.ondemand-landing-page .content-container > .paragraphs-items a {
  color: #da291c;
}
body.node-type-abstract-procedure .content-container .haynes-search-block, body.ondemand-landing-page .content-container .haynes-search-block {
  clear: both;
  margin: 30px 15px 0px 15px;
  padding: 15px;
  width: initial;
  background: #829c9d;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
body.node-type-abstract-procedure .content-container .haynes-search-block.haynes-ap-search form > div, body.ondemand-landing-page .content-container .haynes-search-block.haynes-ap-search form > div {
  margin-right: 10px;
}
body.node-type-abstract-procedure .content-container .haynes-search-block.haynes-ap-search .form-radios, body.ondemand-landing-page .content-container .haynes-search-block.haynes-ap-search .form-radios {
  display: none;
}
body.node-type-abstract-procedure .content-container .haynes-search-block label, body.ondemand-landing-page .content-container .haynes-search-block label {
  display: none;
}
body.node-type-abstract-procedure .content-container .haynes-search-block form, body.ondemand-landing-page .content-container .haynes-search-block form {
  margin: auto;
  width: 100%;
}
@media (max-width: 980px) {
  body.node-type-abstract-procedure .content-container .haynes-search-block form, body.ondemand-landing-page .content-container .haynes-search-block form {
    display: inline-block;
  }
}
body.node-type-abstract-procedure .content-container .haynes-search-block form select, body.ondemand-landing-page .content-container .haynes-search-block form select {
  background-color: #f8f8f8;
  padding-right: 40px;
  font-weight: lighter;
}
body.node-type-abstract-procedure .content-container .haynes-search-block form #haynes-search-year-wrapper-1,
body.node-type-abstract-procedure .content-container .haynes-search-block form #haynes-search-make-wrapper-1,
body.node-type-abstract-procedure .content-container .haynes-search-block form #haynes-search-model-wrapper-1,
body.node-type-abstract-procedure .content-container .haynes-search-block form #haynes-search-variant-wrapper-1, body.ondemand-landing-page .content-container .haynes-search-block form #haynes-search-year-wrapper-1,
body.ondemand-landing-page .content-container .haynes-search-block form #haynes-search-make-wrapper-1,
body.ondemand-landing-page .content-container .haynes-search-block form #haynes-search-model-wrapper-1,
body.ondemand-landing-page .content-container .haynes-search-block form #haynes-search-variant-wrapper-1 {
  width: 49%;
  margin-bottom: 2%;
  float: left;
  display: block;
}
@media (min-width: 980px) {
  body.node-type-abstract-procedure .content-container .haynes-search-block form #haynes-search-year-wrapper-1,
  body.node-type-abstract-procedure .content-container .haynes-search-block form #haynes-search-make-wrapper-1,
  body.node-type-abstract-procedure .content-container .haynes-search-block form #haynes-search-model-wrapper-1,
  body.node-type-abstract-procedure .content-container .haynes-search-block form #haynes-search-variant-wrapper-1, body.ondemand-landing-page .content-container .haynes-search-block form #haynes-search-year-wrapper-1,
  body.ondemand-landing-page .content-container .haynes-search-block form #haynes-search-make-wrapper-1,
  body.ondemand-landing-page .content-container .haynes-search-block form #haynes-search-model-wrapper-1,
  body.ondemand-landing-page .content-container .haynes-search-block form #haynes-search-variant-wrapper-1 {
    width: 22%;
    margin-right: 2%;
    margin-bottom: 0;
  }
}
body.node-type-abstract-procedure .content-container .haynes-search-block form #haynes-search-year-wrapper-1,
body.node-type-abstract-procedure .content-container .haynes-search-block form #haynes-search-model-wrapper-1, body.ondemand-landing-page .content-container .haynes-search-block form #haynes-search-year-wrapper-1,
body.ondemand-landing-page .content-container .haynes-search-block form #haynes-search-model-wrapper-1 {
  margin-right: 2%;
}
body.node-type-abstract-procedure .content-container .haynes-search-block form #edit-submit--5, body.ondemand-landing-page .content-container .haynes-search-block form #edit-submit--5 {
  float: right;
}
@media (min-width: 980px) {
  body.node-type-abstract-procedure .content-container .haynes-search-block form #edit-submit--5, body.ondemand-landing-page .content-container .haynes-search-block form #edit-submit--5 {
    margin-right: 2%;
  }
}

@media (max-width: 768px) {
  .checklist {
    display: inline-block;
  }
}
.checklist .list-inline {
  margin: 0px;
  padding: 0px;
}
.checklist .list-inline li {
  list-style: none;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .checklist .list-inline li {
    width: 48%;
    display: inline-block;
  }
}
.checklist .checklist-list li {
  vertical-align: top;
  padding-right: 10px;
}
.checklist .checklist-list li .icon {
  width: 27px;
  height: 27px;
  display: block;
  float: left;
  background: url("../img/checkmarker.png") no-repeat;
  background: none, url("../img/checkmarker.svg") no-repeat;
  margin: -5px 5px 0 0;
  position: relative;
}

.page-user-cas {
  /*
  .wrapper .insideView {
  	@include displayFlexbox;	
  	@include flexFlow(row, wrap);
  }
  */
}
.page-user-cas.page-user-cas-my-orders .container, .page-user-cas.page-user-cas-order-history .container, .page-user-cas.page-user-cas-my-library .container, .page-user-cas.page-user-cas-my-haynes .container {
  display: inline-block;
}
.page-user-cas.page-user-cas-my-orders .container a, .page-user-cas.page-user-cas-order-history .container a, .page-user-cas.page-user-cas-my-library .container a, .page-user-cas.page-user-cas-my-haynes .container a {
  color: #da291c;
}
.page-user-cas .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 70%;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 890px) {
  .page-user-cas .container {
    width: 100%;
  }
}
.page-user-cas .rightContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 30%;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0;
}
.page-user-cas .rightContainer .back-link {
  display: none;
}
.page-user-cas .rightContainer .showUser li {
  margin-bottom: 5px;
}
.page-user-cas .rightContainer .showUser li a {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "haynesadjustbold", sans-serif;
  text-decoration: none;
  color: #3d3935;
  text-transform: uppercase;
}
.page-user-cas .rightContainer .showUser li a:hover {
  color: #da291c;
}
@media only screen and (max-width: 890px) {
  .page-user-cas .rightContainer {
    width: 100%;
    display: block;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    -o-flex-order: -1;
    order: -1;
    margin-top: 10px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
  }
  .page-user-cas .rightContainer .showUser, .page-user-cas .rightContainer .menu, .page-user-cas .rightContainer ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .page-user-cas .rightContainer li li a {
    padding: 0 10px;
  }
}
.page-user-cas .showUser a {
  text-decoration: none;
}
.page-user-cas .action-links {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 25px;
  width: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
  -o-flex-basis: 50%;
  flex-basis: 50%;
}
.page-user-cas .action-links a {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-flex-item-align: center;
  align-self: center;
  height: auto;
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  font-size: 1rem;
}
.page-user-cas .action-links a:hover {
  background: #f8e81e;
}

#block-system-user-menu .rightContainer li a, .page-user-cas .rightContainer .showUser li a {
  font-family: 'haynesadjustmedium';
}
#block-system-user-menu .rightContainer li a.active-trail, .page-user-cas .rightContainer .showUser li a.active-trail {
  color: #da291c;
}

.my-subscriptions ul li img {
  box-shadow: none;
}
.my-subscriptions .extra {
  line-height: 1.4em;
}
.my-subscriptions .links {
  margin-top: 0.5em;
}
.my-subscriptions a.renew, .my-subscriptions a.remove-from-subscriptions {
  font-size: 1em;
  padding: 0.2em 0.4em;
  font-family: "haynesadjustmedium", sans-serif;
}
.my-subscriptions a.renew:hover, .my-subscriptions a.remove-from-subscriptions:hover {
  background: #f8e81e;
}

#my-haynes-account-change-email-form fieldset#edit-password {
  margin-top: 40px;
}

.field-type-addressfield {
  line-height: 1.4em;
}

.page-user-manage-address .container form .address-container .actions a, .page-user-cas-addressbook .addressbook-links a {
  margin-top: 1em;
  font-size: 1em;
  padding: 0.2em 0.4em;
  font-family: "haynesadjustmedium", sans-serif;
}
.page-user-manage-address .container form .address-container .actions a:hover, .page-user-cas-addressbook .addressbook-links a:hover {
  background: #f8e81e;
}

.page-user-cas-wishlist table th:first-child img, .page-user-cas-wishlist table td:first-child img {
  box-shadow: none !important;
}

.page-user-cas-wishlist th {
  font-family: "haynesadjustbold", sans-serif;
  font-size: 1em !important;
}

.page-user-cas-wishlist table th.views-field-commerce-price, .page-user-cas-wishlist table td.views-field-commerce-price {
  text-align: left !important;
}

.manage-newsletter-table th {
  font-family: "haynesadjustbold", sans-serif;
}

.page-user-email-preferences td a {
  font-family: "haynesadjustmedium", sans-serif;
}
.page-user-email-preferences td a:hover {
  background: #f8e81e;
}

.page-user-cas-wishlist table th, .page-user-cas-wishlist table td {
  vertical-align: top;
  padding: 0;
  font-size: 12px;
  font-size: 0.75rem;
}
.page-user-cas-wishlist table th:first-child, .page-user-cas-wishlist table td:first-child {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.page-user-cas-wishlist table th:first-child img, .page-user-cas-wishlist table td:first-child img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7) ;
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7) ;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7) ;
  border: 3px solid #fff;
  margin-right: 20px;
}
.page-user-cas-wishlist table th input[type=submit].form-submit, .page-user-cas-wishlist table td input[type=submit].form-submit {
  font-size: 12px;
  font-size: 0.75rem;
  background-image: url(../img/ico-cart.svg);
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: 8px center;
  font-family: "haynesadjustlight", sans-serif;
  height: 22px;
  border: 1px solid #e0e0e0;
  width: 133px;
}
.page-user-cas-wishlist table th input[type=submit].form-submit.no-svg, .no-svg .page-user-cas-wishlist table th input[type=submit].form-submit, .page-user-cas-wishlist table td input[type=submit].form-submit.no-svg, .no-svg .page-user-cas-wishlist table td input[type=submit].form-submit {
  background-image: url(../img/ico-cart.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .page-user-cas-wishlist table th input[type=submit].form-submit.no-svg, .no-svg .page-user-cas-wishlist table th input[type=submit].form-submit, .page-user-cas-wishlist table td input[type=submit].form-submit.no-svg, .no-svg .page-user-cas-wishlist table td input[type=submit].form-submit {
    background-image: url(../img/ico-cart@2x.png);
  }
}
.page-user-cas-wishlist table th.views-field-commerce-price, .page-user-cas-wishlist table td.views-field-commerce-price {
  width: 70px;
  text-align: right;
  padding-right: 10px;
}
.page-user-cas-wishlist table th.views-field-timestamp, .page-user-cas-wishlist table td.views-field-timestamp {
  width: 85px;
  text-align: left;
  padding-left: 10px;
}
.page-user-cas-wishlist table th.views-field-add-to-cart-form, .page-user-cas-wishlist table td.views-field-add-to-cart-form {
  width: 133px;
}
.page-user-cas-wishlist table th a, .page-user-cas-wishlist table td a {
  text-decoration: none;
  color: #3d3935;
  font-family: "haynesadjustbold", sans-serif;
}
.page-user-cas-wishlist table th a.unflag-action, .page-user-cas-wishlist table td a.unflag-action {
  margin-top: 10px;
  display: block;
  height: auto;
  font-family: "haynesadjustlight", sans-serif;
  background-image: url(../img/ico-remove-fav.svg);
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: 8px center;
  padding-left: 35px;
}
.page-user-cas-wishlist table th a.unflag-action.no-svg, .no-svg .page-user-cas-wishlist table th a.unflag-action, .page-user-cas-wishlist table td a.unflag-action.no-svg, .no-svg .page-user-cas-wishlist table td a.unflag-action {
  background-image: url(../img/ico-remove-fav.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .page-user-cas-wishlist table th a.unflag-action.no-svg, .no-svg .page-user-cas-wishlist table th a.unflag-action, .page-user-cas-wishlist table td a.unflag-action.no-svg, .no-svg .page-user-cas-wishlist table td a.unflag-action {
    background-image: url(../img/ico-remove-fav@2x.png);
  }
}
.page-user-cas-wishlist table th a.unflag-action:hover, .page-user-cas-wishlist table td a.unflag-action:hover {
  background-image: url(../img/ico-remove-fav.svg);
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: 8px center;
}
.page-user-cas-wishlist table th a.unflag-action:hover.no-svg, .no-svg .page-user-cas-wishlist table th a.unflag-action:hover, .page-user-cas-wishlist table td a.unflag-action:hover.no-svg, .no-svg .page-user-cas-wishlist table td a.unflag-action:hover {
  background-image: url(../img/ico-remove-fav.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .page-user-cas-wishlist table th a.unflag-action:hover.no-svg, .no-svg .page-user-cas-wishlist table th a.unflag-action:hover, .page-user-cas-wishlist table td a.unflag-action:hover.no-svg, .no-svg .page-user-cas-wishlist table td a.unflag-action:hover {
    background-image: url(../img/ico-remove-fav@2x.png);
  }
}
.page-user-cas-wishlist table th {
  padding-bottom: 15px;
}
.page-user-cas-wishlist table td {
  padding-bottom: 20px;
}
.page-user-cas-wishlist table td.views-field-title > a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.page-user-cas-wishlist table td.views-field-title > a img {
  margin-right: 20px;
}

.page-user-cas-addressbook #commerce-addressbook-billing-default {
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  -o-flex-basis: 100%;
  flex-basis: 100%;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.page-user-cas-addressbook h1 {
  width: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
  -o-flex-basis: 50%;
  flex-basis: 50%;
}
.page-user-cas-addressbook .field-name-field-customer-phone-number {
  height: 15px;
}
.page-user-cas-addressbook .field-name-field-customer-phone-number .field-label,
.page-user-cas-addressbook .field-name-field-customer-phone-number label {
  display: inline-block;
  width: 150px;
  font-family: "haynesadjustmedium", sans-serif;
}
.page-user-cas-addressbook .field-name-field-customer-phone-number .field-items {
  display: inline-block;
}
.page-user-cas-addressbook .addressbook-links {
  margin: 5px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}
.page-user-cas-addressbook .addressbook-links a {
  margin-right: 10px;
  height: auto;
  text-transform: capitalize;
}
.page-user-cas-addressbook .item-list ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  -ms-flex-item-align: flex-start;
  align-self: flex-start;
}
.page-user-cas-addressbook .item-list ul li {
  width: 48.4848485%;
}
@media only screen and (max-width: 580px) {
  .page-user-cas-addressbook .item-list ul li {
    width: 100%;
  }
}
.page-user-cas-addressbook .item-list ul li .field-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  -o-flex-flow: column wrap;
  flex-flow: column wrap;
  margin-bottom: 20px;
}

#commerce-addressbook-billing-default,
#commerce-addressbook-billing-list {
  width: 100%;
}

.page-user-cas-addressbook-billing-create form,
.page-user-cas-addressbook-billing-edit form {
  width: 100%;
}
@media only screen and (max-width: 477px) {
  .page-user-cas-addressbook-billing-create form input[type=text],
  .page-user-cas-addressbook-billing-create form select,
  .page-user-cas-addressbook-billing-edit form input[type=text],
  .page-user-cas-addressbook-billing-edit form select {
    width: 100%;
  }
}
.page-user-cas-addressbook-billing-create .field-name-field-customer-phone-number label,
.page-user-cas-addressbook-billing-edit .field-name-field-customer-phone-number label {
  font-family: "haynesadjustbold", sans-serif;
  width: 32.608695652%;
}
.page-user-cas-addressbook-billing-create .form-actions,
.page-user-cas-addressbook-billing-edit .form-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 50px;
}
.page-user-cas-addressbook-billing-create .form-actions span,
.page-user-cas-addressbook-billing-edit .form-actions span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  margin-left: 10px;
}
.page-user-cas-addressbook-billing-create .form-actions span a,
.page-user-cas-addressbook-billing-edit .form-actions span a {
  font-size: 16px;
  font-size: 1rem;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-flex-item-align: center;
  align-self: center;
  line-height: 30px;
}

.item-list-pager {
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.item-list-pager .pager {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.item-list-pager .pager li {
  display: inline-block;
  background: #f4f4f4;
  font-style: normal;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  padding: 5px 10px 0 10px;
  height: 30px;
  font-family: "haynesadjustlight", sans-serif;
  margin-right: 10px;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  color: #404040;
}
.item-list-pager .pager li.current {
  background: #c1c1c1;
}
.item-list-pager .pager li a {
  text-decoration: none;
  color: #3d3935;
}

@media only screen and (min-width: 930px) {
  .rightContainer #block-menu-menu-my-account--2 {
    margin-top: 30px;
  }
}

.block-commerce-checkout-progress {
  width: 1010px;
}
.block-commerce-checkout-progress .active {
  color: #da291c;
}
@media only screen and (max-width: 920px) {
  .block-commerce-checkout-progress {
    width: 100%;
  }
}
.block-commerce-checkout-progress ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.block-commerce-checkout-progress ul li {
  padding: 0;
  color: white;
  text-align: center;
  text-transform: uppercase;
  text-indent: 7px;
  font-size: 12px;
  margin: 0 5px;
  line-height: 35px;
  height: 35px;
  position: relative;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
  background: #667475;
}
@media only screen and (min-width: 468px) {
  .block-commerce-checkout-progress ul li {
    text-indent: 0;
  }
}
@media only screen and (min-width: 468px) and (max-width: 979px) {
  .block-commerce-checkout-progress ul li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1010px) {
  .block-commerce-checkout-progress ul li {
    font-size: 18px;
  }
}
.block-commerce-checkout-progress ul li.active, .block-commerce-checkout-progress ul li.done {
  background: #8ec63f;
  color: white;
  font-weight: normal;
}
.block-commerce-checkout-progress ul li.active:after, .block-commerce-checkout-progress ul li.done:after {
  border-left-color: #8ec63f;
}
.block-commerce-checkout-progress ul li:after {
  left: 100%;
  z-index: 3;
  border-color: transparent transparent transparent #667475;
}
.block-commerce-checkout-progress ul li:before {
  left: 0;
  z-index: 2;
  border-color: transparent transparent transparent white;
}
.block-commerce-checkout-progress ul li:before, .block-commerce-checkout-progress ul li:after {
  top: 0;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-style: solid;
  border-width: 17.5px 0 17.5px 7px;
}
.block-commerce-checkout-progress ul li.last {
  margin-right: 1px;
}
.block-commerce-checkout-progress ul li.last:after {
  display: none;
}
.block-commerce-checkout-progress ul li.first:before {
  display: none;
}

@media only screen and (max-width: 660px) {
  #commerce-checkout-form-review .pane-title td {
    font-size: 16px;
    font-size: 1rem;
    padding: 0 !important;
  }
}
.checkout_review .wrapper,
.page-checkout .wrapper,
.page-cart .wrapper {
  margin-left: 10px;
  margin-right: 10px;
  width: auto;
}
@media only screen and (min-width: 930px) {
  .checkout_review .wrapper,
  .page-checkout .wrapper,
  .page-cart .wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
.checkout_review .commerce-line-item-views-form,
.page-checkout .commerce-line-item-views-form,
.page-cart .commerce-line-item-views-form {
  width: 100%;
}
.checkout_review .flexbox-container table th, .checkout_review .flexbox-container table td,
.page-checkout .flexbox-container table th,
.page-checkout .flexbox-container table td,
.page-cart .flexbox-container table th,
.page-cart .flexbox-container table td {
  vertical-align: top;
  padding: 0;
  font-size: 12px;
  font-size: 0.75rem;
}
.checkout_review .flexbox-container table th:first-child, .checkout_review .flexbox-container table td:first-child,
.page-checkout .flexbox-container table th:first-child,
.page-checkout .flexbox-container table td:first-child,
.page-cart .flexbox-container table th:first-child,
.page-cart .flexbox-container table td:first-child {
  padding-right: 20px;
}
.checkout_review .flexbox-container table th:first-child img, .checkout_review .flexbox-container table td:first-child img,
.page-checkout .flexbox-container table th:first-child img,
.page-checkout .flexbox-container table td:first-child img,
.page-cart .flexbox-container table th:first-child img,
.page-cart .flexbox-container table td:first-child img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #fff;
}
.checkout_review .flexbox-container table th.views-field-quantity, .checkout_review .flexbox-container table td.views-field-quantity,
.page-checkout .flexbox-container table th.views-field-quantity,
.page-checkout .flexbox-container table td.views-field-quantity,
.page-cart .flexbox-container table th.views-field-quantity,
.page-cart .flexbox-container table td.views-field-quantity {
  text-align: center;
  width: 90px;
}
.checkout_review .flexbox-container table th.views-field-quantity input[type=text], .checkout_review .flexbox-container table td.views-field-quantity input[type=text],
.page-checkout .flexbox-container table th.views-field-quantity input[type=text],
.page-checkout .flexbox-container table td.views-field-quantity input[type=text],
.page-cart .flexbox-container table th.views-field-quantity input[type=text],
.page-cart .flexbox-container table td.views-field-quantity input[type=text] {
  width: 50%;
  text-align: center;
}
.checkout_review .flexbox-container table th.views-field-edit-quantity, .checkout_review .flexbox-container table td.views-field-edit-quantity,
.page-checkout .flexbox-container table th.views-field-edit-quantity,
.page-checkout .flexbox-container table td.views-field-edit-quantity,
.page-cart .flexbox-container table th.views-field-edit-quantity,
.page-cart .flexbox-container table td.views-field-edit-quantity {
  width: 130px;
  text-align: right;
}
.checkout_review .flexbox-container table th.views-field-edit-quantity input[type=text], .checkout_review .flexbox-container table td.views-field-edit-quantity input[type=text],
.page-checkout .flexbox-container table th.views-field-edit-quantity input[type=text],
.page-checkout .flexbox-container table td.views-field-edit-quantity input[type=text],
.page-cart .flexbox-container table th.views-field-edit-quantity input[type=text],
.page-cart .flexbox-container table td.views-field-edit-quantity input[type=text] {
  width: 50% !important;
}
.checkout_review .flexbox-container table th.views-field-commerce-unit-price, .checkout_review .flexbox-container table td.views-field-commerce-unit-price,
.page-checkout .flexbox-container table th.views-field-commerce-unit-price,
.page-checkout .flexbox-container table td.views-field-commerce-unit-price,
.page-cart .flexbox-container table th.views-field-commerce-unit-price,
.page-cart .flexbox-container table td.views-field-commerce-unit-price {
  width: 70px;
  text-align: right;
}
.checkout_review .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price, .checkout_review .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price,
.page-checkout .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price,
.page-checkout .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price,
.page-cart .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price,
.page-cart .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price {
  color: #3d3935;
  font-family: "haynesadjustlight", sans-serif;
}
.checkout_review .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount, .checkout_review .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount,
.page-checkout .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount,
.page-checkout .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount,
.page-cart .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount,
.page-cart .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount {
  color: #636363;
  background-image: url(../img/price-line.svg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.checkout_review .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg .checkout_review .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount, .checkout_review .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg .checkout_review .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount,
.page-checkout .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
.page-checkout .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount,
.page-checkout .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
.page-checkout .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount,
.page-cart .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
.page-cart .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount,
.page-cart .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
.page-cart .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount {
  background-image: url(../img/price-line.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .checkout_review .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg .checkout_review .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount, .checkout_review .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg .checkout_review .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount,
  .page-checkout .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
  .page-checkout .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount,
  .page-checkout .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
  .page-checkout .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount,
  .page-cart .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
  .page-cart .flexbox-container table th.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount,
  .page-cart .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount.no-svg, .no-svg
  .page-cart .flexbox-container table td.views-field-commerce-unit-price .field-type-commerce-price.price-multiple .field:first-child .price-amount {
    background-image: url(../img/price-line@2x.png);
  }
}
.checkout_review .flexbox-container table th .haynes-part-number, .checkout_review .flexbox-container table td .haynes-part-number,
.page-checkout .flexbox-container table th .haynes-part-number,
.page-checkout .flexbox-container table td .haynes-part-number,
.page-cart .flexbox-container table th .haynes-part-number,
.page-cart .flexbox-container table td .haynes-part-number {
  font-family: "haynesadjustlight", sans-serif;
  color: #636363;
  margin-bottom: 10px;
}
.checkout_review .flexbox-container table th .views-field-line-item-title,
.checkout_review .flexbox-container table th .views-field-line-item-title a, .checkout_review .flexbox-container table td .views-field-line-item-title,
.checkout_review .flexbox-container table td .views-field-line-item-title a,
.page-checkout .flexbox-container table th .views-field-line-item-title,
.page-checkout .flexbox-container table th .views-field-line-item-title a,
.page-checkout .flexbox-container table td .views-field-line-item-title,
.page-checkout .flexbox-container table td .views-field-line-item-title a,
.page-cart .flexbox-container table th .views-field-line-item-title,
.page-cart .flexbox-container table th .views-field-line-item-title a,
.page-cart .flexbox-container table td .views-field-line-item-title,
.page-cart .flexbox-container table td .views-field-line-item-title a {
  text-decoration: none;
  color: #3d3935;
  font-family: "haynesadjustbold", sans-serif;
}
.checkout_review .flexbox-container table th,
.page-checkout .flexbox-container table th,
.page-cart .flexbox-container table th {
  padding-bottom: 15px;
}
.checkout_review .flexbox-container table td,
.page-checkout .flexbox-container table td,
.page-cart .flexbox-container table td {
  padding-bottom: 20px;
}
@media only screen and (max-width: 660px) {
  .checkout_review .flexbox-container table,
  .page-checkout .flexbox-container table,
  .page-cart .flexbox-container table {
    width: 100% !important;
  }
  .checkout_review .flexbox-container table.checkout-review .pane-data-full,
  .page-checkout .flexbox-container table.checkout-review .pane-data-full,
  .page-cart .flexbox-container table.checkout-review .pane-data-full {
    padding: 0;
  }
  .checkout_review .flexbox-container table thead tr,
  .page-checkout .flexbox-container table thead tr,
  .page-cart .flexbox-container table thead tr {
    margin: 0 !important;
  }
  .checkout_review .flexbox-container table thead .views-field-commerce-total,
  .page-checkout .flexbox-container table thead .views-field-commerce-total,
  .page-cart .flexbox-container table thead .views-field-commerce-total {
    display: none;
  }
  .checkout_review .flexbox-container table tbody tr,
  .page-checkout .flexbox-container table tbody tr,
  .page-cart .flexbox-container table tbody tr {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
  .checkout_review .flexbox-container table tbody tr td:nth-child(1),
  .page-checkout .flexbox-container table tbody tr td:nth-child(1),
  .page-cart .flexbox-container table tbody tr td:nth-child(1) {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .checkout_review .flexbox-container table tbody tr td.views-field-edit-quantity,
  .page-checkout .flexbox-container table tbody tr td.views-field-edit-quantity,
  .page-cart .flexbox-container table tbody tr td.views-field-edit-quantity {
    width: 40%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
  }
  .checkout_review .flexbox-container table tbody tr td.views-field-edit-quantity [class^="form-item-edit-quantity-"],
  .checkout_review .flexbox-container table tbody tr td.views-field-edit-quantity [class*="form-item-edit-quantity-"],
  .page-checkout .flexbox-container table tbody tr td.views-field-edit-quantity [class^="form-item-edit-quantity-"],
  .page-checkout .flexbox-container table tbody tr td.views-field-edit-quantity [class*="form-item-edit-quantity-"],
  .page-cart .flexbox-container table tbody tr td.views-field-edit-quantity [class^="form-item-edit-quantity-"],
  .page-cart .flexbox-container table tbody tr td.views-field-edit-quantity [class*="form-item-edit-quantity-"] {
    width: 25%;
  }
  .checkout_review .flexbox-container table tbody tr td.views-field-edit-quantity [class^="form-item-edit-quantity-"] input[type=text],
  .checkout_review .flexbox-container table tbody tr td.views-field-edit-quantity [class*="form-item-edit-quantity-"] input[type=text],
  .page-checkout .flexbox-container table tbody tr td.views-field-edit-quantity [class^="form-item-edit-quantity-"] input[type=text],
  .page-checkout .flexbox-container table tbody tr td.views-field-edit-quantity [class*="form-item-edit-quantity-"] input[type=text],
  .page-cart .flexbox-container table tbody tr td.views-field-edit-quantity [class^="form-item-edit-quantity-"] input[type=text],
  .page-cart .flexbox-container table tbody tr td.views-field-edit-quantity [class*="form-item-edit-quantity-"] input[type=text] {
    width: 100% !important;
    text-align: center;
  }
  .checkout_review .flexbox-container table tbody tr td.views-field-edit-quantity:before,
  .page-checkout .flexbox-container table tbody tr td.views-field-edit-quantity:before,
  .page-cart .flexbox-container table tbody tr td.views-field-edit-quantity:before {
    content: "Quantity:";
    margin-right: 10px;
  }
}
@media only screen and (max-width: 660px) {
  .checkout_review table.commerce-price-formatted-components,
  .checkout_review .view table.cols-5 tbody tr,
  .page-checkout table.commerce-price-formatted-components,
  .page-checkout .view table.cols-5 tbody tr,
  .page-cart table.commerce-price-formatted-components,
  .page-cart .view table.cols-5 tbody tr {
    border-bottom: 1px solid #e0e0e0;
  }
  .checkout_review .view-footer table tr,
  .page-checkout .view-footer table tr,
  .page-cart .view-footer table tr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-bottom: 0;
  }
  .checkout_review .cart_contents,
  .page-checkout .cart_contents,
  .page-cart .cart_contents {
    border: 0 !important;
  }
}
.checkout_review .submit-form,
.checkout_review .delete-button input[type=submit],
.page-checkout .submit-form,
.page-checkout .delete-button input[type=submit],
.page-cart .submit-form,
.page-cart .delete-button input[type=submit] {
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  float: left;
  text-align: center;
  padding: 2px 5px;
  height: auto;
  cursor: pointer;
  margin-right: 10px;
}
@media only screen and (max-width: 660px) {
  .checkout_review .submit-form,
  .checkout_review .delete-button input[type=submit],
  .page-checkout .submit-form,
  .page-checkout .delete-button input[type=submit],
  .page-cart .submit-form,
  .page-cart .delete-button input[type=submit] {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .checkout_review .submit-form,
  .page-checkout .submit-form,
  .page-cart .submit-form {
    margin-right: 95px;
  }
  .checkout_review .delete-button input[type=submit],
  .page-checkout .delete-button input[type=submit],
  .page-cart .delete-button input[type=submit] {
    margin-right: 0;
  }
}

.page-cart .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 70%;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 890px) {
  .page-cart .container {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .page-cart .container {
    margin-top: 20px;
  }
}
.page-cart .rightContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 30%;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 890px) {
  .page-cart .rightContainer {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .page-cart .rightContainer {
    margin-top: 20px;
  }
}
.page-cart .leftContainer {
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  -o-flex-order: 3;
  order: 3;
}

.commerce-line-item-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}

.haynes-checkout-proceed-to-checkout-block {
  margin-top: 15px;
}
@media only screen and (max-width: 890px) {
  .haynes-checkout-proceed-to-checkout-block {
    border-top: 1px solid #e0e0e0;
  }
}
.haynes-checkout-proceed-to-checkout-block .container {
  width: 100%;
}
.haynes-checkout-proceed-to-checkout-block .container .inner {
  width: 100%;
}
.haynes-checkout-proceed-to-checkout-block .container .title {
  font-family: "haynesadjustbold", sans-serif;
  margin-bottom: 10px;
}
.haynes-checkout-proceed-to-checkout-block .container .proceed-to-checkout .proceed-to-checkout-button {
  font-size: 16px;
  font-size: 1rem;
  width: 100%;
  text-align: center;
  padding: 5px;
  height: auto;
  cursor: pointer;
  background: #f8e81e;
}
.haynes-checkout-proceed-to-checkout-block .container .proceed-to-checkout .proceed-to-checkout-button:hover {
  background: #e0e0e0;
}
.haynes-checkout-proceed-to-checkout-block .container .shopping-cart-summary {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}
.haynes-checkout-proceed-to-checkout-block .container .payment-methods {
  border: 1px solid #e0e0e0;
  background: #f4f4f4;
  padding: 10px;
  padding-bottom: 15px;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 890px) {
  .haynes-checkout-proceed-to-checkout-block .container .payment-methods {
    width: 100%;
  }
}
.haynes-checkout-proceed-to-checkout-block .container .payment-methods img {
  display: block;
  width: 240px;
  height: auto;
  margin-top: 15px;
}
.haynes-checkout-proceed-to-checkout-block .container .payment-methods img.first {
  margin-top: 0;
}
.haynes-checkout-proceed-to-checkout-block .container .payment-methods .subtitle {
  font-family: "haynesadjustmedium", sans-serif;
  margin-bottom: 5px;
}

.terms_conditions .form-required {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}
.terms_conditions .form-required input[type=checkbox] {
  margin-top: 4px;
  margin-right: 4px;
}
.terms_conditions .form-required label {
  width: auto !important;
}

.haynes-checkout-you-might-also-like-block {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  border-top: 1px solid #e0e0e0;
  margin-top: 15px;
}
.haynes-checkout-you-might-also-like-block > label {
  width: 100%;
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1rem;
}
.haynes-checkout-you-might-also-like-block .product {
  width: 30%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1020px) {
  .haynes-checkout-you-might-also-like-block .product {
    width: 50%;
  }
}
@media only screen and (max-width: 700px) {
  .haynes-checkout-you-might-also-like-block .product {
    width: 100%;
  }
}
.haynes-checkout-you-might-also-like-block .product .field-type-image {
  display: inline-block;
}
.haynes-checkout-you-might-also-like-block .product .content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

@media only screen and (max-width: 660px) {
  #edit-commerce-payment-payment-method {
    width: 100% !important;
  }
}
#commerce-checkout-form-checkout {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
#commerce-checkout-form-checkout small {
  display: block;
}
#commerce-checkout-form-checkout label {
  margin: 0.5em 0 0.3em 0;
}
#commerce-checkout-form-checkout label[for=edit-customer-profile-shipping-commerce-customer-profile-copy], #commerce-checkout-form-checkout label[for=edit-terms-conditions-haynes-checkout-agree-terms-pane-field] {
  margin: 0;
}
@media only screen and (max-width: 490px) {
  #commerce-checkout-form-checkout input[type=text],
  #commerce-checkout-form-checkout select {
    width: 100%;
  }
}
#commerce-checkout-form-checkout .cart_contents {
  width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  -o-flex-basis: 100%;
  flex-basis: 100%;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  -o-flex-order: -1;
  order: -1;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px;
}
#commerce-checkout-form-checkout #edit-customer-profile-billing,
#commerce-checkout-form-checkout #customer-profile-billing-ajax-wrapper {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  -o-flex-order: 2;
  order: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}
#commerce-checkout-form-checkout #customer-profile-shipping-ajax-wrapper,
#commerce-checkout-form-checkout #customer-profile-billing-ajax-wrapper {
  width: 47.91667%;
  -webkit-flex-basis: 47.91667%;
  -moz-flex-basis: 47.91667%;
  -ms-flex-basis: 47.91667%;
  -o-flex-basis: 47.91667%;
  flex-basis: 47.91667%;
}
#commerce-checkout-form-checkout #customer-profile-shipping-ajax-wrapper {
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  -o-flex-order: 3;
  order: 3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}
#commerce-checkout-form-checkout #edit-customer-profile-billing .form-required select,
#commerce-checkout-form-checkout #edit-customer-profile-billing .form-required input[type=text],
#commerce-checkout-form-checkout #customer-profile-billing-ajax-wrapper .form-required select,
#commerce-checkout-form-checkout #customer-profile-billing-ajax-wrapper .form-required input[type=text],
#commerce-checkout-form-checkout #customer-profile-shipping-ajax-wrapper .form-required select,
#commerce-checkout-form-checkout #customer-profile-shipping-ajax-wrapper .form-required input[type=text] {
  width: 100%;
  border: 1px solid #e0e0e0;
}
@media only screen and (max-width: 890px) {
  #commerce-checkout-form-checkout #edit-customer-profile-billing,
  #commerce-checkout-form-checkout #customer-profile-billing-ajax-wrapper,
  #commerce-checkout-form-checkout #customer-profile-shipping-ajax-wrapper {
    width: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
    -o-flex-basis: 100%;
    flex-basis: 100%;
    padding: 0;
  }
}
#commerce-checkout-form-checkout .terms_conditions {
  -webkit-order: 5;
  -moz-order: 5;
  -ms-flex-order: 5;
  -o-flex-order: 5;
  order: 5;
  width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  -o-flex-basis: 100%;
  flex-basis: 100%;
  margin-bottom: 20px;
}
#commerce-checkout-form-checkout .terms_conditions label {
  width: 50%;
}

.checkout-buttons {
  border: 0;
  -webkit-order: 6;
  -moz-order: 6;
  -ms-flex-order: 6;
  -o-flex-order: 6;
  order: 6;
  width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  -o-flex-basis: 100%;
  flex-basis: 100%;
}
.checkout-buttons .checkout-back {
  font-size: 16px;
  font-size: 1rem;
}
.checkout-buttons .button-operator {
  display: none;
}
.checkout-buttons .fieldset-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}

.page-checkout table.commerce-price-formatted-components td.component-title {
  width: 100%;
}

.page-checkout table.commerce-price-formatted-components td, .page-checkout table.commerce-price-formatted-components td {
  padding: 0 0 10px 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.page-checkout table.commerce-price-formatted-components td hr, .page-checkout table.commerce-price-formatted-components td hr {
  width: 100%;
  border: 0;
  height: 1px;
  background: #da291c;
}

@media only screen and (max-width: 555px) {
  .form-item-commerce-shipping-shipping-service label {
    width: 80% !important;
  }
  .form-item-commerce-shipping-shipping-service small {
    display: block;
  }
}
.checkout-help {
  border: 1px solid #ad2116;
  background: #e4382c;
  color: #fff;
  margin: 20px 0;
  padding: 10px;
  font-family: "haynesadjustbold", sans-serif;
  text-align: center;
}

@media only screen and (max-width: 530px) {
  .checkout_review .view-footer table {
    width: 100%;
  }
}
.page-checkout-complete .container a {
  color: #da291c;
}

.haynes_checkout_review_order .review-address {
  max-width: 400px;
  min-width: 300px;
  margin: 20px 20px 0 0;
  float: left;
  border-top: 1px solid #da291c;
  position: relative;
  padding-top: 10px;
}
.haynes_checkout_review_order .review-address h4 {
  background: white;
  top: -11px;
  padding: 0 10px;
  margin: 0 0 0 10px;
  display: inline-block;
  position: absolute;
  font-size: 16px;
}
.haynes_checkout_review_order .review-address p {
  padding-left: 20px;
}
.haynes_checkout_review_order .checkout-review-table {
  clear: both;
  border-top: 1px solid #da291c;
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
  float: left;
  width: 100%;
}
.haynes_checkout_review_order .checkout-review-table h4 {
  background: white;
  top: -11px;
  padding: 0 10px;
  margin: 0 0 0 10px;
  display: inline-block;
  position: absolute;
  font-size: 16px;
}
.haynes_checkout_review_order .checkout-review-table th {
  display: none;
}
.haynes_checkout_review_order .checkout-review-table a {
  color: #312145;
  text-decoration: none;
}
.haynes_checkout_review_order .checkout-review-table tr {
  border-bottom: 1px solid #ddd;
}
.haynes_checkout_review_order .checkout-review-table tr td {
  padding: 15px 0;
  font-size: 14px;
}
.haynes_checkout_review_order .checkout-review-table tr td:last-child {
  text-align: right;
}
.haynes_checkout_review_order .checkout-review-table tr td:first-child {
  width: 50%;
  padding-right: 10px;
}
@media only screen and (min-width: 468px) {
  .haynes_checkout_review_order .checkout-review-table tr td:first-child {
    width: auto;
  }
}
.haynes_checkout_review_order .checkout-review-table tr .product,
.haynes_checkout_review_order .checkout-review-table tr .checkout-review-total {
  font-family: "haynesadjustbold", sans-serif;
}
.haynes_checkout_review_order .checkout-review-table .sticky-enabled {
  margin: 20px 0;
}
.haynes_checkout_review_order .checkout-review-table .sticky-enabled tbody {
  border-top: 1px solid #ddd;
}
.haynes_checkout_review_order .checkout-discount-total {
  color: #8ec63f;
}
.haynes_checkout_review_order .voucher-offer {
  float: left;
  clear: both;
}
.haynes_checkout_review_order .payment-holder {
  display: block;
}
.haynes_checkout_review_order .payment-holder .payment-solution {
  padding: 10px;
  background: #f4f4f4;
  display: inline-block;
}
.haynes_checkout_review_order .payment-holder .payment-click {
  display: none;
}
@media only screen and (min-width: 930px) {
  .haynes_checkout_review_order .payment-holder {
    float: right;
  }
}
.haynes_checkout_review_order .payment-holder .payment-logos span {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
  text-align: center;
}

form .terms_conditions {
  float: left;
  width: 100%;
  clear: both;
  margin: 20px 0;
}

#haynes-checkout-login-form fieldset {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
  width: 85%;
}
@media only screen and (min-width: 930px) {
  #haynes-checkout-login-form fieldset {
    width: 46%;
  }
}
#haynes-checkout-login-form fieldset#edit-login {
  margin-right: 5%;
}
#haynes-checkout-login-form fieldset#edit-login p, #haynes-checkout-login-form fieldset#edit-login .form-submit, #haynes-checkout-login-form fieldset#edit-login .register-link {
  margin-left: 36%;
}
#haynes-checkout-login-form fieldset#edit-login p {
  margin-top: 0;
}
#haynes-checkout-login-form fieldset#edit-login p.intro {
  margin: 0 0 20px 0;
}
#haynes-checkout-login-form fieldset#edit-login p a {
  color: #312145;
}
#haynes-checkout-login-form fieldset#edit-guest .form-submit {
  margin-top: 20px;
}
#haynes-checkout-login-form fieldset#edit-guest .message {
  color: #da291c;
}
#haynes-checkout-login-form fieldset#edit-guest .form-submit,
#haynes-checkout-login-form fieldset#edit-guest .message {
  margin-left: 36%;
  display: block;
}
#haynes-checkout-login-form fieldset#edit-guest p {
  margin-top: 0;
  line-height: 1.4em;
}
#haynes-checkout-login-form fieldset .register-link {
  display: block;
  margin-bottom: 20px;
  text-align: center;
  text-decoration: none;
}
#haynes-checkout-login-form fieldset .register-link, #haynes-checkout-login-form fieldset .form-submit {
  background-color: #f8e81e;
  border: 1px solid #f8e81e;
  width: 60%;
  font-family: "haynesadjustmedium", sans-serif;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #312145;
}
#haynes-checkout-login-form fieldset .form-item-login-email input,
#haynes-checkout-login-form fieldset .form-item-guest-email input,
#haynes-checkout-login-form fieldset .form-item-login-password input {
  width: 60%;
}
#haynes-checkout-login-form fieldset .form-item-login-email label, #haynes-checkout-login-form fieldset .form-item-login-email input,
#haynes-checkout-login-form fieldset .form-item-guest-email label,
#haynes-checkout-login-form fieldset .form-item-guest-email input,
#haynes-checkout-login-form fieldset .form-item-login-password label,
#haynes-checkout-login-form fieldset .form-item-login-password input {
  display: inline-block;
}
#haynes-checkout-login-form fieldset .form-item-login-email input,
#haynes-checkout-login-form fieldset .form-item-guest-email input,
#haynes-checkout-login-form fieldset .form-item-login-password input {
  border: 1px solid #ddd;
}
#haynes-checkout-login-form fieldset .form-item-login-email label,
#haynes-checkout-login-form fieldset .form-item-guest-email label,
#haynes-checkout-login-form fieldset .form-item-login-password label {
  width: 30%;
  margin-right: 5%;
  text-align: right;
}

.commerce_payment .fieldset-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  position: relative;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  -o-flex-flow: column wrap;
  flex-flow: column wrap;
}
.commerce_payment .fieldset-wrapper .form-radios {
  margin-right: 20px;
  width: 25%;
}
.commerce_payment .fieldset-wrapper .form-radios label {
  width: auto;
}
.commerce_payment .fieldset-wrapper #payment-details {
  width: 100%;
}
.commerce_payment .fieldset-wrapper #payment-details .commerce-credit-card-expiration {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.commerce_payment .fieldset-wrapper #payment-details .commerce-credit-card-expiration .form-item-commerce-payment-payment-details-credit-card-exp-year select {
  width: 168px;
}
.commerce_payment .fieldset-wrapper #payment-details .commerce-credit-card-expiration .form-item-commerce-payment-payment-details-credit-card-exp-month {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.commerce_payment .fieldset-wrapper #payment-details .commerce-credit-card-expiration .form-item-commerce-payment-payment-details-credit-card-exp-month label {
  width: 344px;
}
.commerce_payment .payment-holder {
  margin-top: 10px;
  position: relative;
}
.commerce_payment .messages .insideView {
  margin-left: 30px;
}

.braintree_dropin {
  width: 100%;
}
.braintree_dropin #edit-commerce-payment-payment-method {
  display: none;
}

.paypoint_gateway_hosted .payment-solution {
  display: none;
}
.braintree_dropin .payment-solution {
  width: 87%;
  height: 40px;
  position: absolute;
  top: 0;
  left: 115px;
  font-family: "haynesadjustlight", sans-serif;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.braintree_dropin .payment-solution .payment-logos,
.braintree_dropin .payment-solution .payment-click {
  height: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.braintree_dropin .payment-solution .payment-logos span {
  margin-right: 10px;
}
@media only screen and (max-width: 710px) {
  .braintree_dropin .payment-solution {
    position: static;
    width: 100%;
    height: auto;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .braintree_dropin .payment-solution .payment-click {
    order: 2;
    margin-bottom: 5px;
  }
  .braintree_dropin .payment-solution .payment-logos {
    margin-bottom: 20px;
    order: 1;
  }
}

.checkout-completion-message {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 20px;
}
.checkout-completion-message .image {
  width: 100px;
  height: auto;
  margin-right: 10px;
  border: 0;
}
.checkout-completion-message .image img {
  width: 100px;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #fff;
}
.checkout-completion-message a span {
  color: #3d3935;
  font-size: 16px;
  font-size: 1rem;
  font-family: "haynesadjustbold", sans-serif;
}
.checkout-completion-message .text-container {
  width: 76%;
  margin-left: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.checkout-completion-message .text-container a {
  text-decoration: none;
}
.checkout-completion-message .text-container .links {
  margin-top: 40px;
}
.checkout-completion-message .text-container .links a {
  padding: 10px 20px;
  font-size: 17px;
}

.haynes-checkout-shipping-form .haynes_checkout_basket_summary {
  display: none;
  background: #eee;
}
@media only screen and (min-width: 1010px) {
  .haynes-checkout-shipping-form .haynes_checkout_basket_summary {
    display: inline-block;
  }
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary h4 {
  padding: 15px 10px;
  margin: 0;
  font-size: 16px;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary legend {
  float: left;
  clear: both;
  display: block;
  padding: 0 0 10px 0;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary legend span {
  padding: 0;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary table {
  border-bottom: 1px solid #ccc;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary table td {
  padding: 0 10px 10px 10px;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary table td:first-child {
  padding-right: 0;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary table th {
  display: none;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary table, .haynes-checkout-shipping-form .haynes_checkout_basket_summary .shipping, .haynes-checkout-shipping-form .haynes_checkout_basket_summary .discount {
  border-bottom: 1px solid #ccc;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary a {
  text-decoration: none;
  color: #312145;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary .fieldset-wrapper {
  padding: 5px 0;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary .total, .haynes-checkout-shipping-form .haynes_checkout_basket_summary .shipping, .haynes-checkout-shipping-form .haynes_checkout_basket_summary .discount {
  padding: 10px;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary .discount {
  color: #8ec63f;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary .total {
  font-weight: bold;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary .amount {
  float: right;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary .basket-price {
  min-width: 80px;
  text-align: right;
}
.haynes-checkout-shipping-form .haynes_checkout_basket_summary .basket-price > span {
  display: inline-block;
  margin-right: 0;
  float: right;
  clear: both;
}
.haynes-checkout-shipping-form .shipping-invalid {
  padding: 10px;
  margin: 10px 0;
  background: #f8e81e;
}
.haynes-checkout-shipping-form .street-block label.element-invisible {
  display: inline-block;
  position: relative !important;
  height: auto;
}
.haynes-checkout-shipping-form .form-required label {
  width: auto;
  margin-bottom: 10px;
}
@media only screen and (min-width: 468px) {
  .haynes-checkout-shipping-form .form-required label {
    margin-bottom: 0;
  }
}
.haynes-checkout-shipping-form .customer_profile_billing,
.haynes-checkout-shipping-form .customer_profile_shipping {
  margin-bottom: 20px;
}
.haynes-checkout-shipping-form .customer_profile_billing input[type=submit],
.haynes-checkout-shipping-form .customer_profile_shipping input[type=submit] {
  margin: 10px 0;
}
.haynes-checkout-shipping-form .customer_profile_shipping input[type=submit] {
  margin-bottom: 25px;
}
.haynes-checkout-shipping-form .messages.error li {
  display: none;
}
.haynes-checkout-shipping-form .messages.error li:first-child {
  display: block;
}

#commerce-shipping-service-ajax-wrapper,
.haynes-checkout-shipping-form .customer_profile_billing,
#customer-profile-shipping-ajax-wrapper,
#customer-profile-billing-ajax-wrapper {
  display: inline-block;
}
#commerce-shipping-service-ajax-wrapper .customer_profile_billing,
.haynes-checkout-shipping-form .customer_profile_billing .customer_profile_billing,
#customer-profile-shipping-ajax-wrapper .customer_profile_billing,
#customer-profile-billing-ajax-wrapper .customer_profile_billing {
  width: 100%;
}
#commerce-shipping-service-ajax-wrapper select,
.haynes-checkout-shipping-form .customer_profile_billing select,
#customer-profile-shipping-ajax-wrapper select,
#customer-profile-billing-ajax-wrapper select {
  background-image: url(../img/btn-select-white.svg);
  background-size: 30px 30px;
  background-color: transparent;
}
#commerce-shipping-service-ajax-wrapper select.no-svg, .no-svg #commerce-shipping-service-ajax-wrapper select,
.haynes-checkout-shipping-form .customer_profile_billing select.no-svg, .no-svg
.haynes-checkout-shipping-form .customer_profile_billing select,
#customer-profile-shipping-ajax-wrapper select.no-svg, .no-svg
#customer-profile-shipping-ajax-wrapper select,
#customer-profile-billing-ajax-wrapper select.no-svg, .no-svg
#customer-profile-billing-ajax-wrapper select {
  background-image: url(../img/btn-select-white.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #commerce-shipping-service-ajax-wrapper select.no-svg, .no-svg #commerce-shipping-service-ajax-wrapper select,
  .haynes-checkout-shipping-form .customer_profile_billing select.no-svg, .no-svg
  .haynes-checkout-shipping-form .customer_profile_billing select,
  #customer-profile-shipping-ajax-wrapper select.no-svg, .no-svg
  #customer-profile-shipping-ajax-wrapper select,
  #customer-profile-billing-ajax-wrapper select.no-svg, .no-svg
  #customer-profile-billing-ajax-wrapper select {
    background-image: url(../img/btn-select-white@2x.png);
  }
}
#commerce-shipping-service-ajax-wrapper select, #commerce-shipping-service-ajax-wrapper input,
.haynes-checkout-shipping-form .customer_profile_billing select,
.haynes-checkout-shipping-form .customer_profile_billing input,
#customer-profile-shipping-ajax-wrapper select,
#customer-profile-shipping-ajax-wrapper input,
#customer-profile-billing-ajax-wrapper select,
#customer-profile-billing-ajax-wrapper input {
  border: 1px solid #ddd;
}
#commerce-shipping-service-ajax-wrapper small,
.haynes-checkout-shipping-form .customer_profile_billing small,
#customer-profile-shipping-ajax-wrapper small,
#customer-profile-billing-ajax-wrapper small {
  display: block;
}
#commerce-shipping-service-ajax-wrapper label,
.haynes-checkout-shipping-form .customer_profile_billing label,
#customer-profile-shipping-ajax-wrapper label,
#customer-profile-billing-ajax-wrapper label {
  width: 130px;
  text-align: right;
  margin-right: 10px;
}
#commerce-shipping-service-ajax-wrapper .commerce_shipping input,
#commerce-shipping-service-ajax-wrapper .form-item-customer-profile-shipping-commerce-customer-profile-copy-radios input,
#commerce-shipping-service-ajax-wrapper .form-item-customer-profile-shipping-commerce-customer-profile-copy input,
.haynes-checkout-shipping-form .customer_profile_billing .commerce_shipping input,
.haynes-checkout-shipping-form .customer_profile_billing .form-item-customer-profile-shipping-commerce-customer-profile-copy-radios input,
.haynes-checkout-shipping-form .customer_profile_billing .form-item-customer-profile-shipping-commerce-customer-profile-copy input,
#customer-profile-shipping-ajax-wrapper .commerce_shipping input,
#customer-profile-shipping-ajax-wrapper .form-item-customer-profile-shipping-commerce-customer-profile-copy-radios input,
#customer-profile-shipping-ajax-wrapper .form-item-customer-profile-shipping-commerce-customer-profile-copy input,
#customer-profile-billing-ajax-wrapper .commerce_shipping input,
#customer-profile-billing-ajax-wrapper .form-item-customer-profile-shipping-commerce-customer-profile-copy-radios input,
#customer-profile-billing-ajax-wrapper .form-item-customer-profile-shipping-commerce-customer-profile-copy input {
  width: 40px;
}
#commerce-shipping-service-ajax-wrapper .commerce_shipping label,
#commerce-shipping-service-ajax-wrapper .form-item-customer-profile-shipping-commerce-customer-profile-copy-radios label,
#commerce-shipping-service-ajax-wrapper .form-item-customer-profile-shipping-commerce-customer-profile-copy label,
.haynes-checkout-shipping-form .customer_profile_billing .commerce_shipping label,
.haynes-checkout-shipping-form .customer_profile_billing .form-item-customer-profile-shipping-commerce-customer-profile-copy-radios label,
.haynes-checkout-shipping-form .customer_profile_billing .form-item-customer-profile-shipping-commerce-customer-profile-copy label,
#customer-profile-shipping-ajax-wrapper .commerce_shipping label,
#customer-profile-shipping-ajax-wrapper .form-item-customer-profile-shipping-commerce-customer-profile-copy-radios label,
#customer-profile-shipping-ajax-wrapper .form-item-customer-profile-shipping-commerce-customer-profile-copy label,
#customer-profile-billing-ajax-wrapper .commerce_shipping label,
#customer-profile-billing-ajax-wrapper .form-item-customer-profile-shipping-commerce-customer-profile-copy-radios label,
#customer-profile-billing-ajax-wrapper .form-item-customer-profile-shipping-commerce-customer-profile-copy label {
  width: 500px;
  max-width: 60%;
  text-align: left;
  font-family: "haynesadjustmedium", sans-serif;
  font-weight: normal;
}
@media only screen and (min-width: 1010px) {
  #commerce-shipping-service-ajax-wrapper,
  .haynes-checkout-shipping-form .customer_profile_billing,
  #customer-profile-shipping-ajax-wrapper,
  #customer-profile-billing-ajax-wrapper {
    width: 68%;
  }
  #commerce-shipping-service-ajax-wrapper small,
  .haynes-checkout-shipping-form .customer_profile_billing small,
  #customer-profile-shipping-ajax-wrapper small,
  #customer-profile-billing-ajax-wrapper small {
    width: 500px;
    margin-top: 9px;
  }
  #commerce-shipping-service-ajax-wrapper select, #commerce-shipping-service-ajax-wrapper input,
  .haynes-checkout-shipping-form .customer_profile_billing select,
  .haynes-checkout-shipping-form .customer_profile_billing input,
  #customer-profile-shipping-ajax-wrapper select,
  #customer-profile-shipping-ajax-wrapper input,
  #customer-profile-billing-ajax-wrapper select,
  #customer-profile-billing-ajax-wrapper input {
    width: 400px;
  }
}

@media only screen and (min-width: 1010px) {
  .haynes_checkout_basket_summary {
    width: 28%;
    margin-left: 3%;
    border-top: 0px none;
  }
  .haynes_checkout_basket_summary fieldset {
    border-top: 0px none;
  }
  .haynes_checkout_basket_summary legend {
    display: none;
  }
  .haynes_checkout_basket_summary legend {
    padding: 5px 10px;
  }

  #customer-profile-billing-ajax-wrapper,
  .haynes_checkout_basket_summary {
    display: inline-block;
    vertical-align: top;
  }
}
.haynes-checkout-shipping-form-online #customer-profile-shipping-ajax-wrapper,
.haynes-checkout-shipping-form-online #commerce-shipping-service-ajax-wrapper {
  display: none;
}

.commerce-customer-profile-copy {
  display: none;
}

.page-checkout-review > .messages.error,
.page-checkout-shipping > .messages.error {
  display: none;
}

#haynes-checkout-cart-ajax-wrapper {
  width: 100%;
}
#haynes-checkout-cart-ajax-wrapper legend {
  display: none;
}
#haynes-checkout-cart-ajax-wrapper fieldset {
  border-top: 0px none;
}
#haynes-checkout-cart-ajax-wrapper table {
  width: 100%;
}
#haynes-checkout-cart-ajax-wrapper table th {
  border-bottom: 1px solid #999999;
  font-size: 18px;
  padding-bottom: 8px;
}
#haynes-checkout-cart-ajax-wrapper table tbody tr td {
  padding: 10px 0;
  width: 80px;
}
#haynes-checkout-cart-ajax-wrapper table tbody tr td:first-child {
  width: auto;
}
#haynes-checkout-cart-ajax-wrapper table tbody .cart-display .image {
  display: none;
}
@media only screen and (min-width: 468px) {
  #haynes-checkout-cart-ajax-wrapper table tbody .cart-display {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
  }
  #haynes-checkout-cart-ajax-wrapper table tbody .cart-display .image {
    display: block;
  }
}
#haynes-checkout-cart-ajax-wrapper table tbody .cart-display .text a {
  color: #312145;
  text-decoration: none;
  font-size: 14px;
  display: block;
}
@media only screen and (min-width: 468px) {
  #haynes-checkout-cart-ajax-wrapper table tbody .cart-display .text a {
    padding: 0 10px;
  }
}
#haynes-checkout-cart-ajax-wrapper table tbody .price-cell > span {
  float: left;
  clear: both;
}
#haynes-checkout-cart-ajax-wrapper table tbody select {
  border: 1px solid #f4f4f4;
  background-color: transparent;
  width: 70px;
  background-image: url(../img/btn-select-white.svg);
  background-size: 30px 30px;
  margin-bottom: 5px;
}
#haynes-checkout-cart-ajax-wrapper table tbody select.no-svg, .no-svg #haynes-checkout-cart-ajax-wrapper table tbody select {
  background-image: url(../img/btn-select-white.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #haynes-checkout-cart-ajax-wrapper table tbody select.no-svg, .no-svg #haynes-checkout-cart-ajax-wrapper table tbody select {
    background-image: url(../img/btn-select-white@2x.png);
  }
}
#haynes-checkout-cart-ajax-wrapper table tbody select.online {
  display: none;
}
#haynes-checkout-cart-ajax-wrapper table tbody .checkout-remove {
  cursor: pointer;
}
#haynes-checkout-cart-ajax-wrapper table tbody [class^="form-item-haynes-checkout-update-cart-table-rows-"] {
  max-width: 70px;
}
#haynes-checkout-cart-ajax-wrapper table tbody [class^="form-item-haynes-checkout-update-cart-table-rows-"] label {
  font-weight: normal;
}

#block-haynes-checkout-haynes-checkout-payment-methods {
  float: right;
  clear: both;
}
#block-haynes-checkout-haynes-checkout-payment-methods .container {
  padding: 0;
}

#commerce-checkout-form-checkout .haynes_checkout_summary_minus_shipping,
.haynes_checkout_summary_minus_shipping {
  width: 100%;
}
#commerce-checkout-form-checkout .haynes_checkout_summary_minus_shipping label,
.haynes_checkout_summary_minus_shipping label {
  float: left;
  margin: 0;
}
#commerce-checkout-form-checkout .haynes_checkout_summary_minus_shipping .total,
.haynes_checkout_summary_minus_shipping .total {
  float: right;
}

.page-user-cas-my-orders .intro {
  padding: 10px 10px 5px 10px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  color: #333;
  background: #e8e9e4;
}
.page-user-cas-my-orders .intro a {
  color: #da291c;
}

.page-user-cas-my-orders table,
.page-user-cas-order-history table {
  margin-top: 20px;
}
.page-user-cas-my-orders table td,
.page-user-cas-order-history table td {
  font-size: 14px;
  font-size: 0.875rem;
  padding-bottom: 5px;
}
.page-user-cas-my-orders .views-field-order-number a,
.page-user-cas-order-history .views-field-order-number a {
  color: #da291c;
}
.page-user-cas-my-orders .order-metadata,
.page-user-cas-order-history .order-metadata {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.page-user-cas-my-orders .order-metadata div,
.page-user-cas-order-history .order-metadata div {
  margin-bottom: 5px;
}
.page-user-cas-my-orders .order-metadata div label,
.page-user-cas-order-history .order-metadata div label {
  display: inline-block;
  width: 200px;
}
.page-user-cas-my-orders .field-type-commerce-line-item-reference table th, .page-user-cas-my-orders .field-type-commerce-line-item-reference table td,
.page-user-cas-order-history .field-type-commerce-line-item-reference table th,
.page-user-cas-order-history .field-type-commerce-line-item-reference table td {
  vertical-align: top;
  padding: 0;
  font-size: 12px;
  font-size: 0.75rem;
}
.page-user-cas-my-orders .field-type-commerce-line-item-reference table th:first-child img, .page-user-cas-my-orders .field-type-commerce-line-item-reference table td:first-child img,
.page-user-cas-order-history .field-type-commerce-line-item-reference table th:first-child img,
.page-user-cas-order-history .field-type-commerce-line-item-reference table td:first-child img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #fff;
}
.page-user-cas-my-orders .field-type-commerce-line-item-reference table th.views-field-quantity, .page-user-cas-my-orders .field-type-commerce-line-item-reference table th.views-field-edit-quantity, .page-user-cas-my-orders .field-type-commerce-line-item-reference table td.views-field-quantity, .page-user-cas-my-orders .field-type-commerce-line-item-reference table td.views-field-edit-quantity,
.page-user-cas-order-history .field-type-commerce-line-item-reference table th.views-field-quantity,
.page-user-cas-order-history .field-type-commerce-line-item-reference table th.views-field-edit-quantity,
.page-user-cas-order-history .field-type-commerce-line-item-reference table td.views-field-quantity,
.page-user-cas-order-history .field-type-commerce-line-item-reference table td.views-field-edit-quantity {
  text-align: center;
  width: 90px;
}
.page-user-cas-my-orders .field-type-commerce-line-item-reference table th.views-field-quantity input[type=text], .page-user-cas-my-orders .field-type-commerce-line-item-reference table th.views-field-edit-quantity input[type=text], .page-user-cas-my-orders .field-type-commerce-line-item-reference table td.views-field-quantity input[type=text], .page-user-cas-my-orders .field-type-commerce-line-item-reference table td.views-field-edit-quantity input[type=text],
.page-user-cas-order-history .field-type-commerce-line-item-reference table th.views-field-quantity input[type=text],
.page-user-cas-order-history .field-type-commerce-line-item-reference table th.views-field-edit-quantity input[type=text],
.page-user-cas-order-history .field-type-commerce-line-item-reference table td.views-field-quantity input[type=text],
.page-user-cas-order-history .field-type-commerce-line-item-reference table td.views-field-edit-quantity input[type=text] {
  width: 50%;
  text-align: center;
}
.page-user-cas-my-orders .field-type-commerce-line-item-reference table th.views-field-commerce-unit-price, .page-user-cas-my-orders .field-type-commerce-line-item-reference table td.views-field-commerce-unit-price,
.page-user-cas-order-history .field-type-commerce-line-item-reference table th.views-field-commerce-unit-price,
.page-user-cas-order-history .field-type-commerce-line-item-reference table td.views-field-commerce-unit-price {
  width: 70px;
  text-align: right;
}
.page-user-cas-my-orders .field-type-commerce-line-item-reference table th .haynes-part-number, .page-user-cas-my-orders .field-type-commerce-line-item-reference table td .haynes-part-number,
.page-user-cas-order-history .field-type-commerce-line-item-reference table th .haynes-part-number,
.page-user-cas-order-history .field-type-commerce-line-item-reference table td .haynes-part-number {
  font-family: "haynesadjustlight", sans-serif;
  color: #636363;
}
.page-user-cas-my-orders .field-type-commerce-line-item-reference table th .views-field-line-item-title,
.page-user-cas-my-orders .field-type-commerce-line-item-reference table th .views-field-line-item-title a, .page-user-cas-my-orders .field-type-commerce-line-item-reference table td .views-field-line-item-title,
.page-user-cas-my-orders .field-type-commerce-line-item-reference table td .views-field-line-item-title a,
.page-user-cas-order-history .field-type-commerce-line-item-reference table th .views-field-line-item-title,
.page-user-cas-order-history .field-type-commerce-line-item-reference table th .views-field-line-item-title a,
.page-user-cas-order-history .field-type-commerce-line-item-reference table td .views-field-line-item-title,
.page-user-cas-order-history .field-type-commerce-line-item-reference table td .views-field-line-item-title a {
  text-decoration: none;
  color: #3d3935;
  font-family: "haynesadjustbold", sans-serif;
}
.page-user-cas-my-orders .field-type-commerce-line-item-reference table th,
.page-user-cas-order-history .field-type-commerce-line-item-reference table th {
  padding-bottom: 15px;
}
.page-user-cas-my-orders .field-type-commerce-line-item-reference table td,
.page-user-cas-order-history .field-type-commerce-line-item-reference table td {
  padding-bottom: 20px;
}
.page-user-cas-my-orders .field-name-commerce-order-total table .component-type-commerce-price-formatted-amount,
.page-user-cas-order-history .field-name-commerce-order-total table .component-type-commerce-price-formatted-amount {
  background: none;
}
.page-user-cas-my-orders .field-name-commerce-order-total table td, .page-user-cas-my-orders .field-name-commerce-order-total table td,
.page-user-cas-order-history .field-name-commerce-order-total table td,
.page-user-cas-order-history .field-name-commerce-order-total table td {
  padding: 0 0 10px 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.page-user-cas-my-orders .field-name-commerce-order-total table td hr, .page-user-cas-my-orders .field-name-commerce-order-total table td hr,
.page-user-cas-order-history .field-name-commerce-order-total table td hr,
.page-user-cas-order-history .field-name-commerce-order-total table td hr {
  width: 100%;
  border: 0;
  height: 1px;
  background: #da291c;
}
.page-user-cas-my-orders .field-name-commerce-customer-shipping,
.page-user-cas-order-history .field-name-commerce-customer-shipping {
  border-top: 1px solid #e0e0e0;
  margin-top: 10px;
  padding-top: 10px;
}
.page-user-cas-my-orders .field-name-commerce-customer-shipping,
.page-user-cas-my-orders .field-name-commerce-customer-billing,
.page-user-cas-order-history .field-name-commerce-customer-shipping,
.page-user-cas-order-history .field-name-commerce-customer-billing {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.page-user-cas-my-orders .field-name-commerce-customer-shipping label,
.page-user-cas-my-orders .field-name-commerce-customer-billing label,
.page-user-cas-order-history .field-name-commerce-customer-shipping label,
.page-user-cas-order-history .field-name-commerce-customer-billing label {
  margin-bottom: 5px;
}
.page-user-cas-my-orders .field-name-field-customer-phone-number .field-label,
.page-user-cas-order-history .field-name-field-customer-phone-number .field-label {
  display: inline-block;
  width: 150px;
  font-family: "haynesadjustmedium", sans-serif;
}
.page-user-cas-my-orders .field-name-field-customer-phone-number .field-items,
.page-user-cas-order-history .field-name-field-customer-phone-number .field-items {
  display: inline-block;
}

.views-field-order-number a {
  color: #da291c;
}

#haynes-vouchers-code-form {
  padding: 0 20px;
  margin-bottom: 4em;
}
#haynes-vouchers-code-form.single-redemption .row.mmy {
  display: none;
}
#haynes-vouchers-code-form .ebay {
  padding: 0 40px;
}
#haynes-vouchers-code-form .ebay ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #d6d9d9;
}
#haynes-vouchers-code-form .ebay ::-moz-placeholder {
  /* Firefox 19+ */
  color: #d6d9d9;
}
#haynes-vouchers-code-form .ebay :-ms-input-placeholder {
  /* IE 10+ */
  color: #d6d9d9;
}
#haynes-vouchers-code-form .ebay :-moz-placeholder {
  /* Firefox 18- */
  color: #d6d9d9;
}
#haynes-vouchers-code-form .ebay h2 {
  font-size: 31.27px;
  font-size: 1.95438rem;
}
#haynes-vouchers-code-form .ebay p {
  margin-top: 0;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 24px;
}
#haynes-vouchers-code-form .ebay .form-item-pin input[type=text], #haynes-vouchers-code-form .ebay .form-item-code input[type=text] {
  border: 3px solid #f89f20;
  height: 60px;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 0.5em;
  color: #000000;
}
#haynes-vouchers-code-form .ebay .form-item-pin input[type=text]#edit-pin, #haynes-vouchers-code-form .ebay .form-item-code input[type=text]#edit-pin {
  width: 150px;
}
@media only screen and (max-width: 650px) {
  #haynes-vouchers-code-form .ebay .form-item-pin input[type=text], #haynes-vouchers-code-form .ebay .form-item-code input[type=text] {
    margin-bottom: 1em;
  }
}
#haynes-vouchers-code-form .ebay .form-item-pin label, #haynes-vouchers-code-form .ebay .form-item-code label {
  display: none;
}
#haynes-vouchers-code-form .ebay input[type=password],
#haynes-vouchers-code-form .ebay input[type=text] {
  border: 1px solid #999;
  height: 42px;
  color: #000;
}
#haynes-vouchers-code-form .ebay .password-strength,
#haynes-vouchers-code-form .ebay .password-confirm {
  margin-top: 0px;
}
#haynes-vouchers-code-form .ebay select {
  border: 1px solid #999;
  height: 42px;
  background-position-y: 6px;
  background-color: #FFF;
  background-image: url(../img/btn-select-white.svg);
  background-size: 30px 30px;
}
#haynes-vouchers-code-form .ebay select.no-svg, .no-svg #haynes-vouchers-code-form .ebay select {
  background-image: url(../img/btn-select-white.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #haynes-vouchers-code-form .ebay select.no-svg, .no-svg #haynes-vouchers-code-form .ebay select {
    background-image: url(../img/btn-select-white@2x.png);
  }
}
#haynes-vouchers-code-form h2 {
  font-size: 1.6rem;
  clear: both;
}
@media only screen and (max-width: 650px) {
  #haynes-vouchers-code-form h2 {
    font-size: 1.3rem;
  }
}
#haynes-vouchers-code-form p {
  font-weight: "haynesadjustbold", sans-serif;
  margin-top: 0;
}
#haynes-vouchers-code-form label {
  font-size: 1.1em;
  margin: 1em 0 0.5em 0;
}
#haynes-vouchers-code-form input {
  font-family: "haynesadjustlight_italic", sans-serif;
}
#haynes-vouchers-code-form input[type=text] {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
#haynes-vouchers-code-form .title-row {
  position: relative;
}
#haynes-vouchers-code-form .title-row h1 {
  font-size: 4em;
  border-bottom: 3px solid black;
  padding-bottom: 0.1em;
}
@media only screen and (max-width: 650px) {
  #haynes-vouchers-code-form .title-row h1 {
    font-size: 3em;
  }
}
@media only screen and (min-width: 920px) {
  #haynes-vouchers-code-form .title-row .manual-float {
    background: url(../img/cover2.png) no-repeat bottom right;
    height: 300px;
    position: absolute;
    bottom: 3px;
    right: 0;
    width: 250px;
    height: 200px;
  }
  #haynes-vouchers-code-form .title-row .manual-float.trial {
    display: none;
  }
  #haynes-vouchers-code-form .title-row .manual-float.ebay {
    background: url("../img/ebay-branding.png") no-repeat top right !important;
    height: 91px;
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 161px;
  }
}
@media only screen and (min-width: 650px) {
  #haynes-vouchers-code-form .column,
  #haynes-vouchers-code-form .form-item-pin, #haynes-vouchers-code-form .form-item-code .form-item-signup-password .form-required {
    width: 48%;
    margin-right: 4%;
    float: left;
  }
  #haynes-vouchers-code-form .column:nth-child(2), #haynes-vouchers-code-form .column.form-item-signup-password-pass2,
  #haynes-vouchers-code-form .form-item-pin:nth-child(2),
  #haynes-vouchers-code-form .form-item-pin.form-item-signup-password-pass2, #haynes-vouchers-code-form .form-item-code .form-item-signup-password .form-required:nth-child(2), #haynes-vouchers-code-form .form-item-code .form-item-signup-password .form-required.form-item-signup-password-pass2 {
    margin-right: 0;
    clear: none;
  }
  #haynes-vouchers-code-form .column:nth-child(2).form-item-signup-password-pass1, #haynes-vouchers-code-form .column.form-item-signup-password-pass2.form-item-signup-password-pass1,
  #haynes-vouchers-code-form .form-item-pin:nth-child(2).form-item-signup-password-pass1,
  #haynes-vouchers-code-form .form-item-pin.form-item-signup-password-pass2.form-item-signup-password-pass1, #haynes-vouchers-code-form .form-item-code .form-item-signup-password .form-required:nth-child(2).form-item-signup-password-pass1, #haynes-vouchers-code-form .form-item-code .form-item-signup-password .form-required.form-item-signup-password-pass2.form-item-signup-password-pass1 {
    margin-right: 4%;
  }
}
#haynes-vouchers-code-form .column img,
#haynes-vouchers-code-form .form-item-pin img, #haynes-vouchers-code-form .form-item-code .form-item-signup-password .form-required img {
  width: 100%;
}
#haynes-vouchers-code-form .confirm-parent, #haynes-vouchers-code-form .password-parent {
  width: 100%;
}
#haynes-vouchers-code-form .form-item-pin input[type=text], #haynes-vouchers-code-form .form-item-code input[type=text] {
  border: 2px solid #f89f20;
  padding: 0.5em 1em;
  height: 60px;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 0.5em;
}
#haynes-vouchers-code-form .form-item-pin input[type=text]#edit-pin, #haynes-vouchers-code-form .form-item-code input[type=text]#edit-pin {
  width: 150px;
}
@media only screen and (max-width: 650px) {
  #haynes-vouchers-code-form .form-item-pin input[type=text], #haynes-vouchers-code-form .form-item-code input[type=text] {
    margin-bottom: 1em;
  }
}
#haynes-vouchers-code-form .form-item-pin label, #haynes-vouchers-code-form .form-item-code label {
  display: none;
}
#haynes-vouchers-code-form .login-fields a {
  display: block;
  font-family: "haynesadjustbold", sans-serif;
}
#haynes-vouchers-code-form .login-fields a, #haynes-vouchers-code-form span.highlight, #haynes-vouchers-code-form p a {
  color: #f89f20;
}
#haynes-vouchers-code-form .login-fields a, #haynes-vouchers-code-form a.system-requirements, #haynes-vouchers-code-form [id^="edit-submit"], #haynes-vouchers-code-form #edit-submit-pin, #haynes-vouchers-code-form .choose-voucher-product, #haynes-vouchers-code-form .more-info {
  display: block;
  font-family: "haynesadjustbold", sans-serif;
  color: black;
  text-align: center;
  text-decoration: none;
}
#haynes-vouchers-code-form .active .choose-voucher-product {
  background-color: #f8e820;
}
#haynes-vouchers-code-form a.system-requirements, #haynes-vouchers-code-form .choose-voucher-product, #haynes-vouchers-code-form .more-info {
  background-color: #e9ebeb;
  font-size: 1.2em;
  padding: 1em;
  margin-bottom: 1em;
}
#haynes-vouchers-code-form a.system-requirements:hover, #haynes-vouchers-code-form .choose-voucher-product:hover, #haynes-vouchers-code-form .more-info:hover {
  background-color: #f8e820;
}
@media only screen and (max-width: 650px) {
  #haynes-vouchers-code-form a.system-requirements, #haynes-vouchers-code-form .choose-voucher-product, #haynes-vouchers-code-form .more-info {
    font-size: 1em;
  }
}
#haynes-vouchers-code-form [id^="edit-submit"] {
  background-color: #f8e820;
  border: none !important;
  width: 100%;
  height: auto;
  font-size: 1.5em;
  padding: 0.5em;
  margin: 1em 0;
  display: inline-block;
  white-space: normal;
}
#haynes-vouchers-code-form [id^="edit-submit"]:hover {
  background-color: #e9ebeb;
}
@media only screen and (max-width: 650px) {
  #haynes-vouchers-code-form [id^="edit-submit"] {
    margin-bottom: 2em;
    font-size: 1.1em;
  }
}
#haynes-vouchers-code-form .mmy {
  padding-bottom: 3em;
}
#haynes-vouchers-code-form .mmy #haynes-search-year-wrapper,
#haynes-vouchers-code-form .mmy #haynes-search-make-wrapper,
#haynes-vouchers-code-form .mmy #haynes-search-bundle-wrapper,
#haynes-vouchers-code-form .mmy #haynes-search-model-wrapper {
  min-width: 125px;
  max-width: 450px;
  float: left;
  margin-right: 1em;
}
@media only screen and (max-width: 650px) {
  #haynes-vouchers-code-form .mmy #haynes-search-year-wrapper,
  #haynes-vouchers-code-form .mmy #haynes-search-make-wrapper,
  #haynes-vouchers-code-form .mmy #haynes-search-bundle-wrapper,
  #haynes-vouchers-code-form .mmy #haynes-search-model-wrapper {
    float: none;
    width: 100%;
    margin-bottom: 1em;
  }
}
#haynes-vouchers-code-form .mmy #haynes-search-year-wrapper select,
#haynes-vouchers-code-form .mmy #haynes-search-make-wrapper select,
#haynes-vouchers-code-form .mmy #haynes-search-bundle-wrapper select,
#haynes-vouchers-code-form .mmy #haynes-search-model-wrapper select {
  padding: 0 35px 0 10px;
}
#haynes-vouchers-code-form .mmy #edit-submit-mmy {
  display: none;
}
#haynes-vouchers-code-form .mmy select {
  background-color: white;
  border: 1px solid #ddd;
}
#haynes-vouchers-code-form input[type=password],
#haynes-vouchers-code-form input[type=text] {
  border: 1px solid #ddd;
}
#haynes-vouchers-code-form .messages {
  margin-top: 1em;
  font-weight: "haynesadjustbold", sans-serif;
}
#haynes-vouchers-code-form .messages.error {
  background: none;
  padding: 0;
  border: 0px none;
}
#haynes-vouchers-code-form .messages.error ul li {
  border: none;
  color: #e91b27;
  padding-left: 30px;
  margin: 1em 0;
  font-family: "haynesadjustbold", sans-serif;
  background: url(../img/error-x.png) no-repeat left center #fff;
}
#haynes-vouchers-code-form .messages.error ul li .ajax-error {
  padding-left: 0;
  background: none;
}
#haynes-vouchers-code-form .messages ul {
  margin-left: 0;
}
#haynes-vouchers-code-form .messages ul li {
  list-style-type: none;
}
#haynes-vouchers-code-form #mmy-product-list article {
  max-width: 25%;
  margin-right: 2%;
  float: left;
}
@media only screen and (max-width: 650px) {
  #haynes-vouchers-code-form #mmy-product-list article {
    max-width: 100%;
  }
}
#haynes-vouchers-code-form #mmy-product-list article img {
  max-width: 100%;
  margin: 0.5em auto;
  height: auto;
}
#haynes-vouchers-code-form #mmy-product-list article a.colorbox {
  display: none;
}
#haynes-vouchers-code-form #mmy-product-list article h2 {
  font-size: 1.1rem;
}
#haynes-vouchers-code-form #mmy-product-list article .choose-voucher-product, #haynes-vouchers-code-form #mmy-product-list article .more-info {
  width: auto;
  cursor: pointer;
}
#haynes-vouchers-code-form #mmy-product-list article .choose-voucher-product a, #haynes-vouchers-code-form #mmy-product-list article .more-info a {
  color: black;
  text-decoration: none;
}
#haynes-vouchers-code-form .ajax-progress-throbber {
  text-align: center;
  font-size: 1.3em;
  padding: 1em 1.5em 1em 1em;
  background-color: white;
  border-radius: 30px;
  box-shadow: 5px 5px 50px 4px rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 40%;
  left: 50%;
  margin-top: -40px;
  margin-left: -100px;
}
#haynes-vouchers-code-form .ajax-success {
  color: #6e9933;
  background: url(../img/tick.png) no-repeat left center #fff;
  border: none;
  padding-left: 30px;
  margin: 1em 0;
  font-family: "haynesadjustbold", sans-serif;
}
#haynes-vouchers-code-form .ajax-error {
  border: none;
  color: #e91b27;
  padding-left: 30px;
  margin: 1em 0;
  font-family: "haynesadjustbold", sans-serif;
  background: url(../img/error-x.png) no-repeat left center #fff;
}
#haynes-vouchers-code-form .row {
  clear: both;
}
#haynes-vouchers-code-form .form-item-signup-password > label {
  display: none;
}
#haynes-vouchers-code-form .form-item-signup-password .password-suggestions {
  clear: both;
}
#haynes-vouchers-code-form .signup-fields .row, #haynes-vouchers-code-form .login-fields .row {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
#haynes-vouchers-code-form .signup-fields .row:after, #haynes-vouchers-code-form .login-fields .row:after {
  content: ' ';
  display: block;
  width: 100%;
  float: left;
  clear: both;
}
#haynes-vouchers-code-form .captcha {
  margin: 15px 0;
}
#haynes-vouchers-code-form .form-item-signup-optin input, #haynes-vouchers-code-form .form-item-signup-optin label {
  display: inline-block;
  margin-right: 5px;
}
#haynes-vouchers-code-form .login-fields a {
  text-align: left;
  margin-top: 0.5em;
}
#haynes-vouchers-code-form .login-fields a:hover {
  color: #f89f20;
}
#haynes-vouchers-code-form .login-submit-holder input {
  background-color: #f8e820;
  border: none !important;
  width: 100%;
  height: auto;
  font-size: 1.5em;
  padding: 0.5em;
  margin: 1em 0;
  display: inline-block;
  white-space: normal;
  display: block;
  font-family: "haynesadjustbold", sans-serif;
  color: black;
  text-align: center;
  text-decoration: none;
  padding: 0.5em 3em;
}
#haynes-vouchers-code-form .login-submit-holder input:hover {
  background-color: #e9ebeb;
}
@media only screen and (max-width: 650px) {
  #haynes-vouchers-code-form .login-submit-holder input {
    margin-bottom: 2em;
    font-size: 1.1em;
  }
}
#haynes-vouchers-code-form .signup-header-row h2, #haynes-vouchers-code-form .signup-header-row .login-submit-holder {
  display: inline-block;
  vertical-align: middle;
}
#haynes-vouchers-code-form .switch {
  cursor: pointer;
}
#haynes-vouchers-code-form .selection-row {
  margin-top: 35px;
  float: left;
  clear: both;
}
#haynes-vouchers-code-form .selection-row div {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}
#haynes-vouchers-code-form .selection-row .image {
  max-width: 20%;
}
#haynes-vouchers-code-form .selection-row .image img {
  max-width: 100%;
  height: auto;
}
#haynes-vouchers-code-form .selection-row .intro {
  margin-right: 40px;
}
#haynes-vouchers-code-form .selection-row .header {
  max-width: 200px;
  border-bottom: 0px none;
}
#haynes-vouchers-code-form .selection-row .header h2 {
  font-size: 18px;
  margin-top: 0;
}
#haynes-vouchers-code-form .form-item-login-type {
  display: none;
}
#haynes-vouchers-code-form .pin-intro {
  font-family: "haynesadjustbold", sans-serif;
}
#haynes-vouchers-code-form .pin-intro p {
  margin-bottom: 0.3em;
}

.voucher-product-lightbox {
  padding-right: 10px;
}
.voucher-product-lightbox h2 {
  color: #f89f20;
  font-size: 1.5em;
}

.vouchers-thank-you {
  padding: 0 20px;
}
.vouchers-thank-you h1 {
  font-size: 4em;
  border-bottom: 3px solid black;
  padding-bottom: 0.1em;
}
@media only screen and (max-width: 650px) {
  .vouchers-thank-you h1 {
    font-size: 3em;
  }
}
.vouchers-thank-you article h2 {
  font-size: 1.3em;
}
.vouchers-thank-you article .col {
  vertical-align: top;
  float: left;
}
.vouchers-thank-you article .right-col {
  width: 60%;
  max-width: 600px;
  margin-left: 20px;
  position: relative;
  min-height: 235px;
}
@media only screen and (max-width: 650px) {
  .vouchers-thank-you article .right-col {
    width: 100%;
    min-height: 0;
    margin-left: 0;
  }
}
.vouchers-thank-you article .mol-view-now {
  color: black;
  display: block;
  font-family: "haynesadjustbold", sans-serif;
  color: black;
  text-align: center;
  text-decoration: none;
  background: #f8e820;
  font-size: 1.2em;
  padding: 1em;
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 650px) {
  .vouchers-thank-you article .mol-view-now {
    position: static;
  }
}

.voucher-minimal.page-ebay .header {
  border-bottom-width: 3px;
  height: 110px;
}

.voucher-minimal .supplier-image {
  text-align: center;
  margin-bottom: 20px;
}
.voucher-minimal .supplier-image img {
  display: inline-block;
}
@media only screen and (min-width: 930px) {
  .voucher-minimal .supplier-image {
    display: none;
  }
}
.voucher-minimal #block-views-sub-menu-strip-sub-menu-strip, .voucher-minimal .btn-search, .voucher-minimal .mb-container {
  display: none;
}
.voucher-minimal .subscribe {
  background: white;
  border-top: 3px solid #da291c;
  padding-top: 20px;
}
.voucher-minimal .subscribe ul {
  margin-left: 10px;
  margin-right: 10px;
  color: black;
  font-family: "haynesadjustbold", sans-serif;
}
@media only screen and (min-width: 650px) {
  .voucher-minimal .subscribe ul {
    display: flex;
    justify-content: space-between;
  }
}
.voucher-minimal .subscribe ul li a {
  color: black;
  text-decoration: none;
}
.voucher-minimal .wrapper {
  background-image: url(../img/engine-bg.jpg);
  background-size: cover;
  margin-bottom: 0;
}
.voucher-minimal .wrapper:after {
  height: 0;
}
.voucher-minimal .footer {
  height: auto;
}
.voucher-minimal .footer .footer-copyright {
  margin: 0;
}

.region-au #haynes-vouchers-code-form .title-row .manual-float {
  display: none;
}

.subscribe {
  background: #da291c;
  height: 40px;
  color: #fff;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.subscribe label {
  font-family: "haynesadjustmedium", sans-serif;
  width: 135px;
}
@media only screen and (max-width: 470px) {
  .subscribe label {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.subscribe input[type=text] {
  border-right: 1px solid #f4f4f4;
}
.subscribe input[type=submit] {
  padding-left: 35px;
  background-image: url(../img/ico-mailinglist.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  border-left: 0;
}
.subscribe * {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.subscribe .haynes-newsletter-signup-block {
  height: 40px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.subscribe .haynes-newsletter-signup-block form label {
  display: none;
}
@media only screen and (max-width: 470px) {
  .subscribe form {
    width: 60%;
  }
  .subscribe input[type=submit] {
    padding: 0;
    background-image: none;
    width: 60px;
    text-align: center;
  }
}

.footer {
  padding-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  background: #fff;
}
@media only screen and (min-width: 930px) {
  .footer {
    margin-left: 0;
    margin-right: 0;
  }
}
.footer .insideView .hgw-git-version {
  font-size: 10px;
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}
.footer h2 {
  display: none;
}
.footer a {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "haynesadjustmedium", sans-serif;
  line-height: 1.5em;
}
.footer a:hover {
  color: #da291c;
}
.footer .footer-copyright {
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
.footer .footer-copyright #block-haynes-custom-haynes-custom-copyright {
  display: inline-block;
}
.footer .footer-column {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
}
.footer .footer-column nav li {
  margin-bottom: 8px;
}
.footer .footer-column nav li.copyright {
  display: none;
}
.footer .footer-column.footer-column-1, .footer .footer-column.footer-column-4 {
  width: 100%;
}
.footer .footer-column.footer-column-2, .footer .footer-column.footer-column-3 {
  width: 48%;
}
.footer .footer-column.footer-column-2 {
  margin-right: 3%;
}
.footer .footer-column.footer-column-4 ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (min-width: 930px) {
  .footer .footer-column.footer-column-1 {
    width: 37%;
  }
  .footer .footer-column.footer-column-2, .footer .footer-column.footer-column-3, .footer .footer-column.footer-column-4 {
    width: 20%;
    margin-right: 0;
  }
  .footer .footer-column.footer-column-4 ul {
    display: inline-block;
  }
}
.footer .footer-column #block-haynes-newsletter-haynes-newsletter-signup label {
  margin-bottom: 10px;
}
.footer .footer-column #block-haynes-newsletter-haynes-newsletter-signup #haynes-newsletter-signup-block-form {
  border-radius: 10px !important;
  background: #f4f4f4;
  display: inline-block;
}
.footer .footer-column #block-haynes-newsletter-haynes-newsletter-signup #haynes-newsletter-signup-block-form label {
  display: none;
}
.footer .footer-column #block-haynes-newsletter-haynes-newsletter-signup #haynes-newsletter-signup-block-form .form-item-email,
.footer .footer-column #block-haynes-newsletter-haynes-newsletter-signup #haynes-newsletter-signup-block-form input[name=email],
.footer .footer-column #block-haynes-newsletter-haynes-newsletter-signup #haynes-newsletter-signup-block-form input[type=submit] {
  display: inline-block;
}
.footer .footer-column #block-haynes-newsletter-haynes-newsletter-signup #haynes-newsletter-signup-block-form input[name=email] {
  background: transparent none;
}
.footer .footer-column #block-haynes-newsletter-haynes-newsletter-signup #haynes-newsletter-signup-block-form input[type=submit] {
  background-color: #e8e9e4;
  text-transform: uppercase;
  border-radius: 10px !important;
}
.footer .footer-column #block-menu-menu-footer-connect-with-us {
  margin: 15px 0;
}
.footer .footer-column #block-menu-menu-footer-connect-with-us ul li {
  display: inline-block;
  margin-right: 10px;
}
.footer .footer-column #block-menu-menu-footer-connect-with-us ul a {
  background-repeat: no-repeat !important;
  text-indent: -99999px;
  background: #3d3935;
  background-position: 10px 10px;
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 20px;
}
.footer .footer-column #block-menu-menu-footer-connect-with-us ul li.facebook a {
  background-image: url(../img/social-white/ico-facebook.svg);
  background-size: 15px 15px;
}
.footer .footer-column #block-menu-menu-footer-connect-with-us ul li.facebook a.no-svg, .no-svg .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.facebook a {
  background-image: url(../img/social-white/ico-facebook.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.facebook a.no-svg, .no-svg .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.facebook a {
    background-image: url(../img/social-white/ico-facebook@2x.png);
  }
}
.footer .footer-column #block-menu-menu-footer-connect-with-us ul li.message-board a {
  background-image: url(../img/social-white/ico-message-board.svg);
  background-size: 15px 15px;
}
.footer .footer-column #block-menu-menu-footer-connect-with-us ul li.message-board a.no-svg, .no-svg .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.message-board a {
  background-image: url(../img/social-white/ico-message-board.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.message-board a.no-svg, .no-svg .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.message-board a {
    background-image: url(../img/social-white/ico-message-board@2x.png);
  }
}
.footer .footer-column #block-menu-menu-footer-connect-with-us ul li.twitter a {
  background-image: url(../img/social-white/ico-twitter.svg);
  background-size: 15px 15px;
}
.footer .footer-column #block-menu-menu-footer-connect-with-us ul li.twitter a.no-svg, .no-svg .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.twitter a {
  background-image: url(../img/social-white/ico-twitter.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.twitter a.no-svg, .no-svg .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.twitter a {
    background-image: url(../img/social-white/ico-twitter@2x.png);
  }
}
.footer .footer-column #block-menu-menu-footer-connect-with-us ul li.youtube a {
  background-image: url(../img/social-white/ico-youtube.svg);
  background-size: 15px 15px;
}
.footer .footer-column #block-menu-menu-footer-connect-with-us ul li.youtube a.no-svg, .no-svg .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.youtube a {
  background-image: url(../img/social-white/ico-youtube.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.youtube a.no-svg, .no-svg .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.youtube a {
    background-image: url(../img/social-white/ico-youtube@2x.png);
  }
}
.footer .footer-column #block-menu-menu-footer-connect-with-us ul li.pinterest a {
  background-image: url(../img/social-white/ico-pinterest.svg);
  background-size: 15px 15px;
}
.footer .footer-column #block-menu-menu-footer-connect-with-us ul li.pinterest a.no-svg, .no-svg .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.pinterest a {
  background-image: url(../img/social-white/ico-pinterest.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.pinterest a.no-svg, .no-svg .footer .footer-column #block-menu-menu-footer-connect-with-us ul li.pinterest a {
    background-image: url(../img/social-white/ico-pinterest@2x.png);
  }
}
@media only screen and (max-width: 500px) {
  .footer .footer-column #block-menu-menu-footer-connect-with-us ul .message-board {
    display: none;
  }
}

.haynes_product_key {
  border-radius: 10px;
  background-color: #f3f4f1;
  padding: 15px 10px;
}
.haynes_product_key h4 {
  margin: 0px 0 10px 0;
  font-size: 16px;
  font-size: 1rem;
}
.haynes_product_key .key_icon {
  margin-bottom: 15px;
}
.haynes_product_key .key_icon:last-child {
  margin-bottom: 0px;
}
.haynes_product_key .key_icon .content {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media (min-width: 768px) and (max-width: 980px) {
  .haynes_product_key .key_icon .content {
    display: block;
  }
}
.haynes_product_key .key_icon .icon {
  width: 40px;
  display: inline-block;
  text-indent: -999px;
  overflow: hidden;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50% 80%;
  margin-right: 5px;
}
@media (min-width: 768px) and (max-width: 980px) {
  .haynes_product_key .key_icon .icon {
    display: block;
  }
}
.haynes_product_key .key_icon .icon.ondemand {
  background-image: url(../img/ico-model-ondemand.svg);
}
.haynes_product_key .key_icon .icon.ondemand.no-svg, .no-svg .haynes_product_key .key_icon .icon.ondemand {
  background-image: url(../img/ico-model-ondemand.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .haynes_product_key .key_icon .icon.ondemand.no-svg, .no-svg .haynes_product_key .key_icon .icon.ondemand {
    background-image: url(../img/ico-model-ondemand@2x.png);
  }
}
.haynes_product_key .key_icon .icon.print {
  background-image: url(../img/ico-model-print.svg);
}
.haynes_product_key .key_icon .icon.print.no-svg, .no-svg .haynes_product_key .key_icon .icon.print {
  background-image: url(../img/ico-model-print.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .haynes_product_key .key_icon .icon.print.no-svg, .no-svg .haynes_product_key .key_icon .icon.print {
    background-image: url(../img/ico-model-print@2x.png);
  }
}
.haynes_product_key .key_icon .icon.digital {
  background-image: url(../img/ico-model-digital.svg);
}
.haynes_product_key .key_icon .icon.digital.no-svg, .no-svg .haynes_product_key .key_icon .icon.digital {
  background-image: url(../img/ico-model-digital.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .haynes_product_key .key_icon .icon.digital.no-svg, .no-svg .haynes_product_key .key_icon .icon.digital {
    background-image: url(../img/ico-model-digital@2x.png);
  }
}

.block-haynes-dealer-locator form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.block-haynes-dealer-locator label {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: "haynesadjustbold", sans-serif;
  line-height: 36px;
  color: #3d3935;
}
.block-haynes-dealer-locator input[type=text] {
  width: 80.930232558%;
}
.block-haynes-dealer-locator input[type=submit] {
  border-left: 0;
}

.node-blog.node-teaser h2 {
  font-size: 26px;
  font-weight: normal;
}
.node-blog.node-teaser a {
  color: #3d3935;
}
.node-blog.node-teaser .metadata {
  margin-bottom: 10px;
  color: #636363;
}
.node-blog.node-teaser .metadata .author, .node-blog.node-teaser .metadata .date {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #3d3935;
}
.node-blog.node-teaser .metadata .field-name-field-tags {
  display: inline;
}
.node-blog.node-teaser .metadata .field-name-field-tags .field-items, .node-blog.node-teaser .metadata .field-name-field-tags .field-item {
  display: inline;
}
.node-blog.node-teaser .metadata .field-name-field-tags .field-item {
  margin-right: 5px;
}
.node-blog.node-teaser .field-name-field-blog-header-image,
.node-blog.node-teaser .field-name-field-short-description {
  margin: 0 0 10px 0;
}
.node-blog.node-teaser .node-readmore {
  float: right;
  padding: 0;
}
.node-blog.node-teaser .node-readmore a {
  height: auto;
  line-height: 30px;
  font-family: "haynesadjustbold", sans-serif;
}

.procedures-search {
  border-bottom: 1px solid #EEE;
  padding-bottom: 15px;
  margin-bottom: 15px;
  text-decoration: none;
  color: #3d3935;
}
.procedures-search .field-name-field-haynes-model-image {
  width: 200px;
  height: auto;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 15px;
}
.procedures-search .field-name-field-haynes-model-image img {
  width: 100%;
  height: auto;
}
.procedures-search .details {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.procedures-search .details .ondemand-details {
  width: 200px;
  display: block;
  float: left;
  margin-right: 15px;
  height: 80px;
  margin-bottom: 15px;
}
.procedures-search .details .ondemand-details:hover .price,
.procedures-search .details .ondemand-details:hover .ondemand-logo {
  background-color: #f8e81e;
}
.procedures-search .details .search-logo {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #ddd;
}
.procedures-search .details .search-logo span {
  display: inline-block;
  line-height: 34px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding-left: 55px;
}
.procedures-search .details .search-logo.ondemand span {
  background-image: url(../img/ico-model-ondemand.svg);
}
.procedures-search .details .search-logo.ondemand span.no-svg, .no-svg .procedures-search .details .search-logo.ondemand span {
  background-image: url(../img/ico-model-ondemand.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .procedures-search .details .search-logo.ondemand span.no-svg, .no-svg .procedures-search .details .search-logo.ondemand span {
    background-image: url(../img/ico-model-ondemand@2x.png);
  }
}
.procedures-search .details .search-logo.print span {
  background-image: url(../img/ico-model-print.svg);
}
.procedures-search .details .search-logo.print span.no-svg, .no-svg .procedures-search .details .search-logo.print span {
  background-image: url(../img/ico-model-print.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .procedures-search .details .search-logo.print span.no-svg, .no-svg .procedures-search .details .search-logo.print span {
    background-image: url(../img/ico-model-print@2x.png);
  }
}
.procedures-search .details .search-logo.online span {
  background-image: url(../img/ico-model-digital.svg);
}
.procedures-search .details .search-logo.online span.no-svg, .no-svg .procedures-search .details .search-logo.online span {
  background-image: url(../img/ico-model-digital.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .procedures-search .details .search-logo.online span.no-svg, .no-svg .procedures-search .details .search-logo.online span {
    background-image: url(../img/ico-model-digital@2x.png);
  }
}
.procedures-search .details h4 {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "haynesadjustbold", sans-serif;
  color: #333333;
  text-decoration: none;
  margin: 0px;
  height: 38px;
}
.procedures-search .details .ownership {
  color: #8ec63f;
}
.procedures-search .details .price {
  font-family: "haynesadjustbold", sans-serif;
  text-align: center;
  background: #eee;
  padding: 5px 0;
  height: 36px;
}

.haynes-grid .col-7 {
  width: 130px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 20px 20px 0;
}

.abstract-procedures a {
  text-decoration: none;
}
.abstract-procedures a img {
  width: 130px;
  height: 130px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.abstract-procedures a h4 {
  font-size: 0.875rem;
  font-family: "haynesadjustbold", sans-serif;
  color: #3d3935;
  text-decoration: none;
  margin: 5px 0 0 0;
}
.abstract-procedures a h4 a {
  color: #3d3935;
  text-decoration: none;
}
.abstract-procedures a .price {
  color: #BFBFBF;
  margin-top: 10px;
}

.node-pod {
  padding-bottom: 15px;
}
.node-pod .pod-left {
  padding-right: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.node-pod > .content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
}
.node-pod > .content > div {
  width: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
  -o-flex-basis: 50%;
  flex-basis: 50%;
}
.node-pod a {
  text-decoration: none;
  color: #3d3935;
}
.node-pod h2 {
  margin: 0 0 8px 0;
  font-weight: normal;
  font-family: "haynesadjustlight", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
}
.node-pod .field-name-body {
  font-weight: bold;
  font-size: 26px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
}
.node-pod .field-name-body p {
  margin: 0;
  padding: 0;
}
.node-pod .pod-cta-holder a {
  background: #8ec63f;
  padding: 11px;
  border-radius: 12px;
  font-size: 16px;
  font-size: 1rem;
  display: block;
}
.node-pod .pod-cta-holder a:hover {
  background: #fff200;
}
.node-pod .field-name-field-image img {
  max-width: 100%;
  height: auto;
}

.product-search-listing {
  position: relative;
  text-decoration: none;
  color: #3d3935;
}
.product-search-listing .field-name-field-haynes-model-image {
  width: 175px;
  height: auto;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 15px;
}
@media (max-width: 980px) {
  .product-search-listing .field-name-field-haynes-model-image {
    top: 0px;
    bottom: 0px;
    height: 107px;
    margin-top: auto;
    margin-bottom: auto;
  }
}
.product-search-listing .field-name-field-haynes-model-image img {
  width: 100%;
  height: auto;
}
@media (min-width: 980px) {
  .product-search-listing h4.mobile {
    display: none;
  }
}
.product-search-listing .details {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
@media (max-width: 980px) {
  .product-search-listing .details h4 {
    display: none;
  }
}
@media (min-width: 980px) {
  .product-search-listing .details h4 {
    max-width: 476px;
  }
}
.product-search-listing .details .ap-count {
  background: #f8e81e;
  padding: 5px 0;
  text-align: center;
  font-family: "haynesadjustbold", sans-serif;
  font-size: 13px;
}
.product-search-listing .details .ap-count span {
  text-decoration: underline;
}
.product-search-listing .details .product-details {
  width: 160px;
  display: block;
  margin-bottom: 10px;
  color: #3d3935;
  text-decoration: none;
}
@media (min-width: 980px) {
  .product-search-listing .details .product-details {
    float: left;
    margin-right: 10px;
  }
}
.product-search-listing .details .product-details:hover .price,
.product-search-listing .details .product-details:hover .ondemand-logo,
.product-search-listing .details .product-details:hover .search-logo {
  background-color: #f8e81e;
}
.product-search-listing .details .search-logo {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #ddd;
}
.product-search-listing .details .search-logo span {
  display: inline-block;
  line-height: 34px;
  background-repeat: no-repeat;
  background-position: 0px 50%;
  padding-left: 45px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #3d3935;
}
.product-search-listing .details .search-logo.ondemand span {
  background-image: url(../img/ico-model-ondemand.svg);
}
.product-search-listing .details .search-logo.ondemand span.no-svg, .no-svg .product-search-listing .details .search-logo.ondemand span {
  background-image: url(../img/ico-model-ondemand.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .product-search-listing .details .search-logo.ondemand span.no-svg, .no-svg .product-search-listing .details .search-logo.ondemand span {
    background-image: url(../img/ico-model-ondemand@2x.png);
  }
}
.product-search-listing .details .search-logo.print span {
  padding-left: 25px;
  background-image: url(../img/ico-model-print.svg);
}
.product-search-listing .details .search-logo.print span.no-svg, .no-svg .product-search-listing .details .search-logo.print span {
  background-image: url(../img/ico-model-print.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .product-search-listing .details .search-logo.print span.no-svg, .no-svg .product-search-listing .details .search-logo.print span {
    background-image: url(../img/ico-model-print@2x.png);
  }
}
.product-search-listing .details .search-logo.online span {
  background-image: url(../img/ico-model-digital.svg);
}
.product-search-listing .details .search-logo.online span.no-svg, .no-svg .product-search-listing .details .search-logo.online span {
  background-image: url(../img/ico-model-digital.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .product-search-listing .details .search-logo.online span.no-svg, .no-svg .product-search-listing .details .search-logo.online span {
    background-image: url(../img/ico-model-digital@2x.png);
  }
}
.product-search-listing .details h4 {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "haynesadjustmedium", sans-serif;
  color: #3d3935;
  text-decoration: none;
  margin: 0px 0 25px 0;
}
.product-search-listing .details h4 a {
  color: #3d3935;
  text-decoration: none;
}
.product-search-listing .details .ownership {
  color: #8ec63f;
}
.product-search-listing .details .price {
  font-family: "haynesadjustbold", sans-serif;
  text-align: center;
  background: #eee;
  padding: 5px 0;
  color: #3d3935;
  text-decoration: none;
}
.product-search-listing .details .price .meta-price-info {
  display: none;
}
.product-search-listing .details .price .field-name-commerce-price,
.product-search-listing .details .price .field-type-commerce-price-element,
.product-search-listing .details .price .commerce-product-field {
  display: inline-block;
}
.product-search-listing .details .price .price-multiple .commerce-price-savings-formatter-list {
  font-family: "haynesadjustmedium", sans-serif;
  background-image: url(../img/price-line.svg);
  background-size: 42px 16px;
  margin-right: 5px;
}
.product-search-listing .details .price .price-multiple .commerce-price-savings-formatter-list.no-svg, .no-svg .product-search-listing .details .price .price-multiple .commerce-price-savings-formatter-list {
  background-image: url(../img/price-line.png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .product-search-listing .details .price .price-multiple .commerce-price-savings-formatter-list.no-svg, .no-svg .product-search-listing .details .price .price-multiple .commerce-price-savings-formatter-list {
    background-image: url(../img/price-line@2x.png);
  }
}
.product-search-listing .details .price .price-multiple .commerce-price-savings-formatter-price {
  color: #da291c;
}
.product-search-listing.has-chilton .details, .product-search-listing.has-clymer .details {
  max-width: 345px;
}
.product-search-listing.has-chilton h4, .product-search-listing.has-clymer h4 {
  clear: both;
  margin-top: 0;
}
.product-search-listing.has-chilton .extra-logo, .product-search-listing.has-clymer .extra-logo {
  width: 100%;
  height: 30px;
  display: block;
}
.product-search-listing.has-chilton .extra-logo > div, .product-search-listing.has-clymer .extra-logo > div {
  margin: 0 10px 10px 0;
  text-indent: -99999px;
  width: 115px;
  height: 45px;
  float: right;
}
@media only screen and (min-width: 1010px) {
  .product-search-listing.has-chilton .extra-logo, .product-search-listing.has-clymer .extra-logo {
    width: 115px;
    float: right;
  }
  .product-search-listing.has-chilton .extra-logo .clymer-logo-inner, .product-search-listing.has-clymer .extra-logo .clymer-logo-inner {
    float: none;
    width: 100%;
    height: 52px;
  }
}
.product-search-listing.has-chilton .clymer-logo .clymer-logo-inner, .product-search-listing.has-clymer .clymer-logo .clymer-logo-inner {
  background: url(../img/clymer-manuals.png) no-repeat top left;
  background-size: contain;
}
.product-search-listing.has-chilton .chilton-logo .chilton-logo-inner, .product-search-listing.has-clymer .chilton-logo .chilton-logo-inner {
  background: url(../img/chilton-manuals.png) no-repeat top left;
  background-size: contain;
}
@media only screen and (min-width: 1010px) {
  .product-search-listing .details,
  .product-search-listing .model-image {
    margin-top: 20px;
  }
  .product-search-listing .model-image {
    display: inline-block;
  }
}
.product-search-listing a {
  text-decoration: none;
}

.view-id-blog_landing_page_other .item-list-pager {
  text-align: center;
  width: 100%;
}
.view-id-blog_landing_page_other .item-list-pager .pager {
  display: inline-block;
}
.view-id-blog_landing_page_other .item-list-pager .pager li {
  padding: 0;
  line-height: 30px;
  background: none;
  border: 0px none;
  font-size: 17px;
  font-size: 1.0625rem;
}
.view-id-blog_landing_page_other .item-list-pager .pager li.current {
  color: #da291c;
}
.view-id-blog_landing_page_other .item-list-pager .pager li.current a {
  color: #da291c;
}
.view-id-blog_landing_page_other .item-list-pager .pager li a {
  padding: 5px 10px 0 10px;
  white-space: nowrap;
  text-decoration: underline;
}
@media only screen and (max-width: 620px) {
  .view-id-blog_landing_page_other .item-list-pager .pager li {
    display: none;
  }
  .view-id-blog_landing_page_other .item-list-pager .pager li.first, .view-id-blog_landing_page_other .item-list-pager .pager li.last, .view-id-blog_landing_page_other .item-list-pager .pager li.previous, .view-id-blog_landing_page_other .item-list-pager .pager li.next {
    display: inline-block;
  }
  .view-id-blog_landing_page_other .item-list-pager .pager li.first.current, .view-id-blog_landing_page_other .item-list-pager .pager li.last.current, .view-id-blog_landing_page_other .item-list-pager .pager li.previous.current, .view-id-blog_landing_page_other .item-list-pager .pager li.next.current {
    display: none;
  }
}
.view-id-blog_landing_page_other .item-list-pager {
  display: inline-block;
}
.view-id-blog_landing_page_other .item-list-pager .pager {
  display: inline-block;
}
.view-id-blog_landing_page_other .item-list-pager .pager li {
  margin-bottom: 10px;
}

@media only screen and (min-width: 930px) {
  .tips-1 {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 468px) {
  .tips-1 .block-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.tips-1 .block-inner .views-row {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 468px) {
  .tips-1 .block-inner .views-row {
    margin-right: 3%;
    width: 48.25%;
  }
  .tips-1 .block-inner .views-row:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 930px) {
  .tips-1 .block-inner .views-row {
    width: 48.5%;
    margin-right: 3%;
  }
  .tips-1 .block-inner .views-row:nth-child(2n) {
    margin-right: 3%;
  }
  .tips-1 .block-inner .views-row:nth-child(2n) {
    margin-right: 0;
  }
}
.tips-1.para-block .block-inner .views-row {
  padding-bottom: 10px;
}
.tips-1 .views-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  padding-bottom: 15px;
  border-bottom: 1px solid #da291c;
}
.tips-1 .views-row > div {
  display: none;
}
.tips-1 .views-row > div.col-left, .tips-1 .views-row > div.col-right {
  display: block;
}
.tips-1 .views-row .col-right {
  padding: 0 10px;
}
.tips-1 .views-field-field-blog-landing-image img {
  height: 150px;
  width: 150px;
}
.tips-1 .views-field-title {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "haynesadjustbold", sans-serif;
}

@media only screen and (min-width: 468px) {
  .tips-3 .item-list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.tips-3 .item-list ul li {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 468px) {
  .tips-3 .item-list ul li {
    margin-right: 3%;
    width: 48.25%;
  }
  .tips-3 .item-list ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 930px) {
  .tips-3 .item-list ul li {
    width: 48.5%;
    margin-right: 3%;
  }
  .tips-3 .item-list ul li:nth-child(2n) {
    margin-right: 3%;
  }
  .tips-3 .item-list ul li:nth-child(2n) {
    margin-right: 0;
  }
}
.tips-3 .view-content .item-list ul li {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.tips-3 .view-content .item-list ul li .views-field-created {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  -o-flex-order: 2;
  order: 2;
}
.tips-3 .view-content .item-list ul li .views-field-title {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  -o-flex-order: 1;
  order: 1;
  font-size: 1.2em;
  line-height: 1.3em;
  font-family: "haynesadjustmedium", sans-serif;
}

.tips-1 .views-field-created,
.tips-3 .views-field-created {
  font-family: "haynesadjustlight_italic", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
.tips-1 .views-field-title,
.tips-3 .views-field-title {
  margin-bottom: 5px;
}
.tips-1 .views-field-title a,
.tips-3 .views-field-title a {
  text-decoration: none;
  color: #3d3935;
}

.blog-category-view-page .wrapper .insideView {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
}
.blog-category-view-page .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 890px) {
  .blog-category-view-page .container {
    width: 70%;
  }
}
@media only screen and (max-width: 890px) {
  .blog-category-view-page .container {
    width: 640px;
  }
}
@media only screen and (max-width: 640px) {
  .blog-category-view-page .container {
    width: 100%;
  }
}
.blog-category-view-page .rightContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 30%;
  padding-left: 10px;
  padding-right: 10px;
}
.blog-category-view-page h1 {
  flex-basis: auto;
  height: auto;
  font-size: 30px;
}
.blog-category-view-page h1 .tutorial-archive {
  font-weight: normal;
  font-family: "haynesadjustitalic", sans-serif;
}
.blog-category-view-page .flexbox-container img {
  max-width: 100%;
  height: auto;
}
.blog-category-view-page .flexbox-container > .container {
  display: block;
}
.blog-category-view-page .flexbox-container > .container .views-row {
  border-bottom: 1px solid #da291c;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.blog-category-view-page .flexbox-container > .container .views-row:after {
  content: ' ';
  display: block;
  clear: both;
}

#block-views-blog-latest-block-2 .views-field-title, #block-views-blog-latest-block-2 .views-field-created, #block-views-blog-latest-block-3 .views-field-title, #block-views-blog-latest-block-3 .views-field-created {
  display: inline;
}
#block-views-blog-latest-block-2 .views-field-title, #block-views-blog-latest-block-3 .views-field-title {
  margin-right: 5px;
}
#block-views-blog-latest-block-2 .views-field-title a, #block-views-blog-latest-block-3 .views-field-title a {
  text-decoration: none;
  color: #3d3935;
  font-family: "haynesadjustbold", sans-serif;
}
#block-views-blog-latest-block-2 .views-field-created, #block-views-blog-latest-block-3 .views-field-created {
  font-family: "haynesadjustlight_italic", sans-serif;
}
#block-views-blog-latest-block-2 .views-field-field-blog-header-image, #block-views-blog-latest-block-3 .views-field-field-blog-header-image {
  margin-bottom: 5px;
}
#block-views-blog-latest-block-2 .views-row, #block-views-blog-latest-block-3 .views-row {
  margin-bottom: 20px;
}