.clearfix, div#main-content.configurator span.hsnTsnSearchField {
  *zoom: 1; }
  .clearfix:before, div#main-content.configurator span.hsnTsnSearchField:before, .clearfix:after, div#main-content.configurator span.hsnTsnSearchField:after {
    display: table;
    content: "";
    line-height: 0; }
  .clearfix:after, div#main-content.configurator span.hsnTsnSearchField:after {
    clear: both; }

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

a:hover,
a:active {
  outline: 0; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
.google-maps img {
  max-width: none; }

button,
input,
select,
textarea {
  margin: 0;
  padding: 2px;
  font-size: 100%;
  vertical-align: middle; }

button,
input {
  *overflow: visible;
  line-height: normal; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer; }

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  vertical-align: top; }

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
.icon {
  width: 22px;
  height: 22px;
  display: inline-block;
  /* IE7 inline-block hack */
  *display: inline;
  *zoom: 1;
  background: url("../../images/icone.png") no-repeat top left;
  vertical-align: middle; }
  .icon.icon-checkbox:hover, .icon.icon-checkbox.active {
    background-position: -22px 0; }
  .icon.icon-radio {
    background-position: -44px 0; }
    .icon.icon-radio:hover, .icon.icon-radio.active {
      background-position: -66px 0; }
  .icon.icon-cart {
    background-position: -88px 0; }
    .icon.icon-cart:hover {
      background-position: -110px 0; }
    .icon.icon-cart.active {
      background-position: -132px 0; }
  .icon.icon-info {
    background-position: 0 -22px; }
    .icon.icon-info:hover, .icon.icon-info.active {
      background-position: -22px -22px; }
  .icon.icon-color {
    background-position: -44px -22px; }
    .icon.icon-color:hover, .icon.icon-color.active {
      background-position: -66px -22px; }
  .icon.icon-magnify {
    background-position: -88px -22px; }
    .icon.icon-magnify:hover, .icon.icon-magnify.active {
      background-position: -110px -22px; }
  .icon.icon-arrow-down {
    background-position: -132px -22px; }
    .icon.icon-arrow-down:hover, .icon.icon-arrow-down.active {
      background-position: -154px -22px; }
  .icon.icon-arrow-up {
    background-position: -176px -22px; }
    .icon.icon-arrow-up:hover, .icon.icon-arrow-up.active {
      background-position: -198px -22px; }
  .icon.icon-lens {
    background-position: -220px -22px; }
    .icon.icon-lens:hover, .icon.icon-lens.active {
      background-position: -242px -22px; }
  .icon.icon-arrow-left {
    background-position: -264px -22px; }
    .icon.icon-arrow-left:hover, .icon.icon-arrow-left.active {
      background-position: -286px -22px; }
  .icon.icon-arrow-right {
    background-position: -308px -22px; }
    .icon.icon-arrow-right:hover, .icon.icon-arrow-right.active {
      background-position: -330px -22px; }
  .icon.icon-pdf {
    background-image: url("../../images/pdf.png");
    background-position: top left; }

body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  background-color: #fff; }

a {
  color: #d50018;
  text-decoration: none; }

a:hover,
a:focus {
  color: #89000f;
  text-decoration: underline; }

.img-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }

.img-circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px; }

small {
  font-size: 85%; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

cite {
  font-style: normal; }

.muted {
  color: #999; }

a.muted:hover,
a.muted:focus {
  color: gray; }

.text-warning {
  color: #c09853; }

a.text-warning:hover,
a.text-warning:focus {
  color: #a47e3c; }

.text-error {
  color: #b94a48; }

a.text-error:hover,
a.text-error:focus {
  color: #953b39; }

.text-info {
  color: #3a87ad; }

a.text-info:hover,
a.text-info:focus {
  color: #2d6987; }

.text-success {
  color: #468847; }

a.text-success:hover,
a.text-success:focus {
  color: #356635; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center, table.modalWheelPreviewTable td.image {
  text-align: center; }

.text-justify {
  text-align: justify; }

.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eee; }

dl {
  margin-bottom: 20px; }

dt,
dd {
  line-height: 20px; }

dt {
  font-weight: bold; }

dd {
  margin-left: 10px; }

hr {
  margin: 10px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff; }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999; }

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eee; }
  blockquote p {
    margin-bottom: 0;
    font-size: 17.5px;
    font-weight: 300;
    line-height: 1.25; }
  blockquote small {
    display: block;
    line-height: 20px;
    color: #999; }
    blockquote small:before {
      content: '\2014 \00A0'; }
  blockquote.pull-right, div#main-content.configurator div#wheelsTable .stream .single-item .sizes div blockquote.button.shop, div#main-content.configurator div#wheelsTable .stream .single-item .sizes div blockquote.continue, table.modalWheelPreviewTable td.image blockquote.button {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0; }
    blockquote.pull-right p, div#main-content.configurator div#wheelsTable .stream .single-item .sizes div blockquote.button.shop p, div#main-content.configurator div#wheelsTable .stream .single-item .sizes div blockquote.continue p, table.modalWheelPreviewTable td.image blockquote.button p,
    blockquote.pull-right small,
    div#main-content.configurator div#wheelsTable .stream .single-item .sizes div blockquote.button.shop small,
    div#main-content.configurator div#wheelsTable .stream .single-item .sizes div blockquote.continue small,
    table.modalWheelPreviewTable td.image blockquote.button small {
      text-align: right; }
    blockquote.pull-right small:before, div#main-content.configurator div#wheelsTable .stream .single-item .sizes div blockquote.button.shop small:before, div#main-content.configurator div#wheelsTable .stream .single-item .sizes div blockquote.continue small:before, table.modalWheelPreviewTable td.image blockquote.button small:before {
      content: ''; }
    blockquote.pull-right small:after, div#main-content.configurator div#wheelsTable .stream .single-item .sizes div blockquote.button.shop small:after, div#main-content.configurator div#wheelsTable .stream .single-item .sizes div blockquote.continue small:after, table.modalWheelPreviewTable td.image blockquote.button small:after {
      content: '\00A0 \2014'; }

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: ""; }

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #CCCCCC;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal; }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  border-radius: 5px 5px 0 0;
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  color: white !important; }
  .popover-title:empty {
    display: none; }

.popover-content {
  padding: 9px 14px; }

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover .arrow {
  border-width: 11px; }

.popover .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right .arrow:after {
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left .arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: "alpha(opacity=0)"; }
  .tooltip.in {
    opacity: 0.8;
    filter: "alpha(opacity=80)"; }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.pull-right, div#main-content.configurator div#wheelsTable .stream .single-item .sizes div .button.shop, div#main-content.configurator div#wheelsTable .stream .single-item .sizes div .continue, table.modalWheelPreviewTable td.image .button {
  float: right !important; }

.pull-left, div#main-content.welcome .box.link.wheels a span, div#main-content.welcome .box.link.configurator a span, div#main-content.welcome .box.link.rdks a span, div.modal div.legend > strong, div.modal div.legend > span {
  float: left !important; }

.hide {
  display: none; }

.show {
  display: block; }

.invisible {
  visibility: hidden; }

.tpms-banner-box {
  position: relative;
  right: 0;
  top: 0;
  height: 140px;
  min-width: 70%;
  background: #aeaeae;
  float: right;
  margin: 0;
  padding: 10px;
  overflow: hidden; }

.tpms-banner-box h1 {
  color: #0e5888;
  font-weight: bolder;
  font-style: italic;
  font-size: 120px !important;
  line-height: 120px !important;
  text-align: center; }

.tpms-banner-box h3 {
  color: white !important;
  font-size: 21px !important;
  text-align: center; }

.tpms-collection {
  position: relative;
  width: 100%;
  list-style-type: none; }

.tpms-list-Item {
  position: relative;
  width: 256px;
  height: 256px;
  min-width: 256px;
  min-height: 256px;
  display: inline-block;
  border: 1px solid lightgray;
  padding: 5px;
  text-align: center; }

.category-preselect {
  border: 1px solid lightgray;
  min-width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 20px !important;
  color: black !important;
  padding: 50px 25px 25px 25px !important;
  border-top: 1px lightgray solid !important;
  border-bottom: 1px lightgray solid !important;
  border-right: 1px lightgray solid !important;
  border-radius: 4px !important;
  overflow: hidden;
  a {
    text-align: center;
    padding-top: 50px;
    cursor: pointer;
  }
  /*a::before {*/
  /*  content: '';*/
  /*  position: absolute;*/
  /*  inset-block: -10px;*/
  /*  inset-inline: -10px;*/
  /*}*/
}

  .category-preselect .active-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 25px;
    background: #c00; }
  .category-preselect .invisible {
    display: none; }

.bordered-left {
  border-left: 1px lightgray solid !important; }

.bordered-info-box {
  position: relative;
  max-width: 480px;
  min-height: 220px;
  padding: 10px !important;
  border: 1px lightgray solid !important;
  border-radius: 4px !important;
  overflow: hidden; }

.quantity-box {
  max-width: 25px; }

.pagination {
  list-style-type: none;
  border: none !important; }
  .pagination .active {
    text-decoration: none;
    font-weight: bolder;
    color: black !important; }
  .pagination .disabled a {
    color: lightgray !important; }
  .pagination li .active {
    color: black !important; }

.active .black {
  color: black !important; }

.pagination li {
  display: inline-block; }

.selectbox-smaller {
  max-width: 90px;
  padding-right: 4px !important; }
  .selectbox-smaller .customSelectInner {
    width: 100% !important; }

.selectbox-small {
  max-width: 150px;
  padding-right: 4px !important; }
  .selectbox-small .customSelectInner {
    width: 100% !important; }

.season-A {
  color: #c00; }

.season-W {
  color: dodgerblue; }

.season-S {
  color: gold; }

.slider-label {
  position: relative;
  width: 100%;
  list-style-type: none;
  margin-top: 5px; }

.slider-label li {
  position: relative;
  width: 14.2%;
  text-align: center;
  display: inline-block; }

.slider-label li:first-child {
  text-align: left; }

.slider-label li:last-child {
  text-align: right; }

.slider-item-third {
  width: 31% !important; }

.filter-header {
  cursor: pointer; }

.tyre-table {
  table-layout: auto;
  width: 740px !important;
  max-width: 740px;
  border: 1px solid #eee; }

.tyre-table th {
  border-bottom: 1px solid black; }

.tyre-table td {
  height: 20px;
  padding: 2px;
  border-right: 1px dotted #eee;
  border-bottom: 1px solid #eee; }

.table-border-right {
  border-right: 1px solid lightgrey; }

.table-border-left {
  border-left: 1px solid lightgrey; }

.no-wrap {
  white-space: nowrap; }

::-moz-selection {
  background-color: #d50018;
  color: #fff; }

::selection {
  background-color: #d50018;
  color: #fff; }

.title h2 {
  background-image: url("/images/ico-title.jpg");
  background-position: center left;
  background-repeat: no-repeat;
  background-color: #000;
  margin-bottom: 4px;
  padding-left: 10px;
  height: 36px;
  line-height: 36px;
  border-radius: 5px 5px 0 0;
  border: 1px solid #000;
  font-size: 14px;
  color: #fff; }

div.auto {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 0 10px 15px; }
  div.auto div.box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 950px;
    margin: 10px 5px 0;
    padding: 2px; }
    div.auto div.box.half {
      width: 470px; }
    div.auto div.box.single {
      width: 310px; }
    div.auto div.box.quad {
      width: 230px; }
    div.auto div.box.double {
      width: 630px; }
    div.auto div.box.triple {
      width: 710px; }
    div.auto div.box.center {
      margin-left: auto !important;
      margin-right: auto !important;
      float: none; }
    div.auto div.box h2 {
      background-image: url("/images/ico-title.jpg");
      background-position: center left;
      background-repeat: no-repeat;
      background-color: #000;
      margin-bottom: 4px;
      padding-left: 10px;
      height: 36px;
      line-height: 36px;
      border-radius: 5px 5px 0 0;
      border: 1px solid #000;
      font-size: 14px;
      color: #fff; }
    div.auto div.box h3 {
      background-color: #b3b3b3;
      margin-bottom: 4px;
      padding-left: 10px;
      height: 23px;
      line-height: 23px;
      font-size: 14px;
      color: #333; }
    div.auto div.box div.content {
      border: 1px solid #b0b0b0;
      border-radius: 0 0 5px 5px;
      padding-top: 2px; }
      div.auto div.box div.content.no-border {
        border: none; }
  div.auto.wide {
    padding: 0 0 15px; }
    div.auto.wide div.box {
      width: 980px;
      margin: 10px 0; }
      div.auto.wide div.box.half {
        width: 490px; }
      div.auto.wide div.box.single {
        width: 326.6666666667px; }
      div.auto.wide div.box.quad {
        width: 245px; }
      div.auto.wide div.box.double {
        width: 653.3333333333px; }
      div.auto.wide div.box.triple {
        width: 735px; }

table.table {
  width: 100%;
  text-align: center;
  border-collapse: collapse; }
  table.table tr th {
    border-bottom: 1px solid #333; }
  table.table tr td {
    height: 20px;
    padding: 5px;
  }

a.button {
  line-height: 34px; }
  a.button:hover {
    text-decoration: none; }

a.button.wide,
button.button.wide,
input.button[type="submit"].wide,
input.button[type="button"].wide {
  width: auto; }
a.button.center,
button.button.center,
input.button[type="submit"].center,
input.button[type="button"].center {
  margin-left: auto !important;
  margin-right: auto !important; }
a.button.red:hover,
button.button.red:hover,
input.button[type="submit"].red:hover,
input.button[type="button"].red:hover {
  border: 1px solid #990000;
  background: #FF2F3A;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMmYzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UyMDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JkMDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMjAyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF2F3A), color-stop(50%, #E20202), color-stop(50%, #BD0202), color-stop(100%, #E20202));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f3a', endColorstr='#e20202', GradientType=0);
  /* IE6-8 */ }
a.button.primary,
button.button.primary,
input.button[type="submit"].primary,
input.button[type="button"].primary {
  color: #fff;
  border: 1px solid #990000;
  background: #FF2F3A;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMmYzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UyMDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JkMDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMjAyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF2F3A), color-stop(50%, #E20202), color-stop(50%, #BD0202), color-stop(100%, #E20202));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f3a', endColorstr='#e20202', GradientType=0);
  /* IE6-8 */ }

.button.small {
  height: auto !important;
  line-height: 1.2em; }

#loginBox {
  border-radius: 10px !important;
  border: none !important;
}

/*
 * Loginbox
 */
#loginBox, #passwordRecoveryBox, #registerBox, #registerBoxSuccess, #passwordResetBox, #passwordRecoveryBoxSuccess {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  margin: 300px auto 0;
  padding: 10px;
  width: 400px;
  height: 330px;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 5px;
  border: 1px solid #fff; }
  #loginBox input[type="text"],
  #loginBox input[type="password"],
  #loginBox select#lang, #passwordRecoveryBox input[type="text"],
  #passwordRecoveryBox input[type="password"],
  #passwordRecoveryBox select#lang, #registerBox input[type="text"],
  #registerBox input[type="password"],
  #registerBox select#lang, #registerBoxSuccess input[type="text"],
  #registerBoxSuccess input[type="password"],
  #registerBoxSuccess select#lang, #passwordResetBox input[type="text"],
  #passwordResetBox input[type="password"],
  #passwordResetBox select#lang, #passwordRecoveryBoxSuccess input[type="text"],
  #passwordRecoveryBoxSuccess input[type="password"],
  #passwordRecoveryBoxSuccess select#lang {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.5em;
    line-height: 2.5em;
    padding-left: 0.6em;
    margin: 10px 0; }
  #loginBox .size1, #passwordRecoveryBox .size1, #registerBox .size1, #registerBoxSuccess .size1, #passwordResetBox .size1, #passwordRecoveryBoxSuccess .size1 {
    width: 65% !important; }
  #loginBox .size2, #passwordRecoveryBox .size2, #registerBox .size2, #registerBoxSuccess .size2, #passwordResetBox .size2, #passwordRecoveryBoxSuccess .size2 {
    width: 20% !important; }
  #loginBox .size3, #passwordRecoveryBox .size3, #registerBox .size3, #registerBoxSuccess .size3, #passwordResetBox .size3, #passwordRecoveryBoxSuccess .size3 {
    width: 79% !important; }
  #loginBox input[type="submit"], #passwordRecoveryBox input[type="submit"], #registerBox input[type="submit"], #registerBoxSuccess input[type="submit"], #passwordResetBox input[type="submit"], #passwordRecoveryBoxSuccess input[type="submit"] {
    width: 34%;
    height: 2.45em;
    display: inline; }
  #loginBox p.copyright, #passwordRecoveryBox p.copyright, #registerBox p.copyright, #registerBoxSuccess p.copyright, #passwordResetBox p.copyright, #passwordRecoveryBoxSuccess p.copyright {
    text-align: center; }
  #loginBox .dd-container, #passwordRecoveryBox .dd-container, #registerBox .dd-container, #registerBoxSuccess .dd-container, #passwordResetBox .dd-container, #passwordRecoveryBoxSuccess .dd-container {
    margin: 10px auto;
    border-radius: 5px;
    font-size: 20px;
    line-height: 30px; }
    #loginBox .dd-container a, #passwordRecoveryBox .dd-container a, #registerBox .dd-container a, #registerBoxSuccess .dd-container a, #passwordResetBox .dd-container a, #passwordRecoveryBoxSuccess .dd-container a {
      color: #000;
      font-weight: normal !important; }
      #loginBox .dd-container a:hover, #passwordRecoveryBox .dd-container a:hover, #registerBox .dd-container a:hover, #registerBoxSuccess .dd-container a:hover, #passwordResetBox .dd-container a:hover, #passwordRecoveryBoxSuccess .dd-container a:hover {
        text-decoration: none; }
    #loginBox .dd-container ul.dd-options li, #passwordRecoveryBox .dd-container ul.dd-options li, #registerBox .dd-container ul.dd-options li, #registerBoxSuccess .dd-container ul.dd-options li, #passwordResetBox .dd-container ul.dd-options li, #passwordRecoveryBoxSuccess .dd-container ul.dd-options li {
      width: 100%; }

#registerBoxSuccess {
  height: 100px; }

#registerBox {
  position: relative;
  width: 832px !important;
  height: 370px !important; }
  #registerBox .radioRow + .column {
    border-right: 2px solid #fff;
    padding-right: 4px; }
  #registerBox #registerForm {
    overflow: hidden;
    width: 810px;
    padding-top: 20px; }
    #registerBox #registerForm > .column {
      width: 400px;
      float: left; }
      #registerBox #registerForm > .column + .column {
        margin-left: 4px; }
  #registerBox .lang {
    float: right;
    margin-right: 3px; }
  #registerBox .button.bottom {
    position: absolute;
    right: 10px;
    bottom: 10px; }

/*
 * header content
 */
div#header div#menu div#lang div.dd-select {
  background-color: transparent !important;
  border: none !important; }
  div#header div#menu div#lang div.dd-select a.dd-selected {
    text-shadow: none;
    font-size: 0.7em;
    line-height: 30px; }
div#header div#menu div#lang ul li {
  border: none;
  height: 30px; }
  div#header div#menu div#lang ul li a {
    text-shadow: none;
    color: #000;
    height: 16px;
    line-height: 16px;
    font-size: 0.7em; }

/*
 * Main content
 */
div.arrowRotate {
  position: absolute;
  bottom: 0;
  width: 300px;
  height: 300px;
  background: url(/images/arrows-b2b.png) no-repeat; }
  div.arrowRotate.left {
    left: 0;
    background-position: bottom left; }
  div.arrowRotate.right {
    right: 0;
    background-position: bottom right; }

div#carImageZoom {
  width: 100%;
  height: 450px; }
  div#carImageZoom img {
    position: absolute;
    left: 0;
    z-index: 100;
    top: 0;
    cursor: pointer; }

div#main-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  left: 0;
  top: 144px; }
  div#main-content.welcome {
    height: 120%;
    background: url("/images/screens/FormulaHlt_GrigioCorsa_DET2_WEB.jpg") top center no-repeat transparent; }
  div#main-content.welcome.oz-it-trade1 {
    height: 120%;
    background: url("/images/screens/oz-trade1-home-background.jpg") top center no-repeat transparent; }
    div#main-content.welcome .box.link {
      position: relative;
      min-height: 170px; }
      div#main-content.welcome .box.link.wheels {
        background: url("/images/indexSearchWheel.jpg") top left no-repeat transparent; }
      div#main-content.welcome.oz-it-trade1 .box.link.wheels {
        background: url("/images/oz-trade1-index-wheel.jpg") top left no-repeat transparent; }
      div#main-content.welcome.oz-it-trade1 .box.link.configurator {
        background: url("/images/oz-trade1-index-car.jpg") top left no-repeat transparent; }
      div#main-content.welcome .box.link.configurator {
        background: url("/images/indexSearchCar.jpg") top left no-repeat transparent; }
      div#main-content.welcome .box.link.rdks {
        background: url("/images/indexRdks.jpg") top left no-repeat transparent;
        height: 325px;
        width: 946px; }
      div#main-content.welcome .box.link.rdks-ozes {
        background: url("/images/index-rdks-banner-ozes.jpg") top left no-repeat transparent;
        height: 325px;
        width: 946px; }
      div#main-content.welcome .box.link.rdks-ozfr {
        background: url("/images/index-rdks-banner-ozfr.jpg") top left no-repeat transparent;
        height: 325px;
        width: 946px; }
      div#main-content.welcome .box.link.rdks-ozuk {
        background: url("/images/index-rdks-banner-ozuk.jpg") top left no-repeat transparent;
        height: 325px;
        width: 946px; }
      div#main-content.welcome .box.link.wheels a, div#main-content.welcome .box.link.configurator a, div#main-content.welcome .box.link.rdks a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0; }
        div#main-content.welcome .box.link.wheels a span, div#main-content.welcome .box.link.configurator a span, div#main-content.welcome .box.link.rdks a span {
          margin-top: 122px;
          margin-left: 355px; }
      div#main-content.welcome .box.link:hover {
        -webkit-box-shadow: 0 0 5px 5px #d50018;
        -moz-box-shadow: 0 0 5px 5px #d50018;
        box-shadow: 0 0 5px 5px #d50018; }
  div#main-content.configurator .content {
    min-height: 300px; }
  div#main-content.configurator span.hsnTsnSearchField {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #333;
    line-height: 35px;
    position: relative;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px; }
    div#main-content.configurator span.hsnTsnSearchField label {
      width: 40px;
      height: 35px;
      float: left;
      padding-right: 5px;
      border-right: 1px solid #222;
      font-weight: bold; }
    div#main-content.configurator span.hsnTsnSearchField input[type="text"] {
      border: none !important;
      float: right;
      font-size: 1.6em;
      height: 34px;
      padding: 0;
      width: 220px;
      vertical-align: inherit; }
  .plateSearchFieldJarally {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 90%;
    height: 65px;
    background-image: url("/images/DK_common_license_plate_2009.png");
    background-size: 100%;
    margin: 10px auto; }
    .plateSearchFieldJarally input[type=text] {
      position: absolute;
      left: 36px;
      top: 3px;
      width: 240px;
      max-width: 240px;
      height: 53px;
      font-size: 2em;
      border: none; }
  div#main-content.configurator table.cocTable tr.row:hover {
    background-color: #b0b0b0; }
  div#main-content.configurator input.button {
    width: 90%;
    margin: 10px auto; }
  div#main-content.configurator div.carImage div.button.lens {
    z-index: 200;
    position: absolute;
    top: 40px;
    left: 0; }
  div#main-content.configurator div.carImage div#carImage {
    height: 360px;
    background-size: 100%; }
    div#main-content.configurator div.carImage div#carImage img {
      position: absolute;
      left: 0;
      z-index: 100;
      top: 60px;
      cursor: pointer; }
  div#main-content.configurator div.carImage div#carColors {
    display: none;
    z-index: 200;
    position: absolute;
    top: 1px;
    right: 0;
    margin-right: 125px;
    margin-left: 4px;
    font-size: 11px;
    color: #FFFFFF;
    text-shadow: 0 0 2px #000000;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background-color: #191919;
    background-color: rgba(25, 25, 25, 0.92);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000000));
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #555555;
    -webkit-box-shadow: 0 0 3px #555555;
    -moz-box-shadow: 0 0 3px #555555; }
    div#main-content.configurator div.carImage div#carColors a {
      display: inline-block;
      vertical-align: middle;
      height: 20px;
      width: 20px;
      border: 1px solid #FFFFFF;
      margin: 1px; }
  div#main-content.configurator div.carImage div#colors {
    line-height: 34px; }
  div#main-content.configurator div.carImage .info-content {
    height: 40px; }
    div#main-content.configurator div.carImage .info-content .item-selected img {
      width: 40px;
      height: 40px; }
  div#main-content.configurator div#wheelsTable {
    overflow: hidden;
    margin: 0; }
    div#main-content.configurator div#wheelsTable .found {
      margin-right: 6px; }
    div#main-content.configurator div#wheelsTable .stock {
      margin-right: 4px; }
    div#main-content.configurator div#wheelsTable .stream .single-item {
      overflow-x: hidden;
      width: 184px; }
      div#main-content.configurator div#wheelsTable .stream .single-item .sellout {
        position: absolute;
        left: 0;
        top: 0;
        width: 125px; }
      div#main-content.configurator div#wheelsTable .stream .single-item .special-offer {
        position: absolute;
        left: 0;
        top: 0;
        }      div#main-content.configurator div#wheelsTable .stream .item .special-offer {
        position: absolute;
        left: 0;
        top: 0;
         }
      div#main-content.configurator div#wheelsTable .stream .single-item div.button.lens {
        background: 0;
        border: 0;
        position: absolute;
        top: 0;
        right: 0; }
      div#main-content.configurator div#wheelsTable .stream .single-item .productImage {
        height: 145px; }
        div#main-content.configurator div#wheelsTable .stream .single-item .productImage img {
          cursor: pointer; }
      div#main-content.configurator div#wheelsTable .stream .single-item ul.list-rim li a {
        color: #333; }
        div#main-content.configurator div#wheelsTable .stream .single-item ul.list-rim li a:hover {
          text-decoration: none; }
      div#main-content.configurator div#wheelsTable .stream .single-item ul.list-rim li:hover a {
        color: #fff; }
      div#main-content.configurator div#wheelsTable .stream .single-item .sizes div {
        height: 25px;
        line-height: 25px;
        vertical-align: middle; }
        div#main-content.configurator div#wheelsTable .stream .single-item .sizes div.stock {
          width: 25px;
          height: 25px;
          float: left;
          overflow: hidden; }
          div#main-content.configurator div#wheelsTable .stream .single-item .sizes div.stock img {
            vertical-align: middle; }
        div#main-content.configurator div#wheelsTable .stream .single-item .sizes div.size, div#main-content.configurator div#wheelsTable .stream .single-item .sizes div.tpms {
          float: left; }
        div#main-content.configurator div#wheelsTable .stream .single-item .sizes div.tpms {
          width: 30px;
          text-align: center; }
        div#main-content.configurator div#wheelsTable .stream .single-item .sizes div.price {
          float: right; }
        div#main-content.configurator div#wheelsTable .stream .single-item .sizes div .button.shop {
          height: 20px;
          line-height: 20px;
          margin-left: 4px; }
        div#main-content.configurator div#wheelsTable .stream .single-item .sizes div .continue {
          border: 1px solid #990000;
          background: #FF2F3A !important;
          /* Old browsers */
          /* IE9 SVG, needs conditional override of 'filter' to 'none' */
          background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMmYzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UyMDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JkMDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMjAyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
          background: -moz-linear-gradient(top, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%);
          /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF2F3A), color-stop(50%, #E20202), color-stop(50%, #BD0202), color-stop(100%, #E20202));
          /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%);
          /* Opera 11.10+ */
          background: -ms-linear-gradient(top, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%);
          /* IE10+ */
          background: linear-gradient(to bottom, #FF2F3A 0%, #E20202 50%, #BD0202 50%, #E20202 100%) !important;
          /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f3a', endColorstr='#e20202', GradientType=0);
          /* IE6-8 */
          color: #fff !important;
          height: 20px;
          line-height: 20px;
          max-width: 24px;
          margin-left: 4px; }
  div#main-content.configurator div.checkboxes {
    width: 175px;
    margin: 0; }
    div#main-content.configurator div.checkboxes label {
      line-height: 22px;
      text-align: left; }
  div#main-content.configurator div.last-selection div.last-selection-title {
    cursor: pointer; }
  div#main-content.configurator div.last-selection div.last-selection-item-item {
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #999;
    cursor: pointer;
    padding: 10px 0 10px 2px;
    white-space: no-wrap; }
    div#main-content.configurator div.last-selection div.last-selection-item-item img {
      float: left;
      margin-right: 10px; }
    div#main-content.configurator div.last-selection div.last-selection-item-item:last-child {
      border-bottom: none;
      padding: 10px 0 0 2px; }
    div#main-content.configurator div.last-selection div.last-selection-item-item:hover {
      background: #eee; }
    div#main-content.configurator div.last-selection div.last-selection-item-item p {
      font-size: 1.2em; }
      div#main-content.configurator div.last-selection div.last-selection-item-item p span {
        font-weight: bold; }
      div#main-content.configurator div.last-selection div.last-selection-item-item p small {
        /*@include muted;*/ }
  div#main-content.configurator div.last-selection .popover {
    min-width: 250px; }
  div#main-content.contact .row {
    padding: 5px; }
    div#main-content.contact .row input, div#main-content.contact .row select, div#main-content.contact .row textarea {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%; }
  div#main-content.wheels {
    /*.button-cart .icon.icon-cart {
        left:     5px;
        position: absolute;
        top:      2px;
    }*/ }
    div#main-content.wheels .gray {
      color: #999; }
    div#main-content.wheels h1 {
      border-bottom: 1px solid #d50018;
      padding: 15px 0; }
    div#main-content.wheels div.auto {
      background-color: #FFFFFF !important; }
      div#main-content.wheels div.auto div.model {
        width: 980px;
        margin-top: 20px; }
        div#main-content.wheels div.auto div.model div {
          margin-right: 19px;
          float: left;
          width: 230px; }
          div#main-content.wheels div.auto div.model div:last-child {
            margin-right: 0; }
          div#main-content.wheels div.auto div.model div img {
            margin-bottom: 10px;
            cursor: pointer; }
    div#main-content.wheels #fixedBlock {
      position: fixed;
      top: 150px;
      background-color: #fff;
      z-index: 99; }
      div#main-content.wheels #fixedBlock .box {
        padding-top: 25px; }
    div#main-content.wheels #wheelsTable {
      margin-left: 3px !important;
      position: relative;
      top: 155px; }
      div#main-content.wheels #wheelsTable .single-item {
        height: 220px !important; }
    div#main-content.wheels .goBack {
      background-color: #d50018;
      float: left;
      font-size: 14px;
      height: 38px;
      line-height: 36px;
      padding-left: 10px;
      width: 250px;
      color: #fff; }
      div#main-content.wheels .goBack:hover {
        text-decoration: none; }
    div#main-content.wheels h2.backPlace {
      float: right;
      width: 700px;
      -webkit-border-top-left-radius: 0;
      -moz-border-radius-topleft: 0;
      border-top-left-radius: 0; }
    div#main-content.wheels a.addCart {
      background-image: url("/images/shop-icon.png");
      height: 14px;
      width: 16px;
      display: inline-table; }
      div#main-content.wheels a.addCart:hover {
        background-image: url("/images/shop-icon-over.png"); }
    div#main-content.wheels .table th {
      background: url("/images/th-background.png") repeat-x;
      color: #fff;
      padding: 5px;
      border: 1px solid #FFFFFF; }
    div#main-content.wheels .table tr.row:hover {
      background-color: #b0b0b0; }
    div#main-content.wheels #selectFilter {
      width: 960px; }
      div#main-content.wheels #selectFilter th {
        background: url("/images/th-background.png") repeat-x;
        color: #fff;
        padding: 5px;
        border: 1px solid #FFFFFF; }
    div#main-content.wheels input {
      height: 34px;
      line-height: 34px;
      padding: 0px 5px;
      width: 50px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #999; }
      div#main-content.wheels input.searchInput {
        width: 200px; }
    div#main-content.wheels .spaceHolder {
      height: 120px; }
    div#main-content.wheels .button.button-cart {
      height: 25px;
      line-height: 25px;
      margin: auto;
      position: relative;
      width: 155px; }
      div#main-content.wheels .button.button-cart:hover {
        color: #fff !important; }
  div#main-content.accessories .gray {
    color: #999; }
  div#main-content.accessories .goBack {
    background-color: #d50018;
    float: left;
    font-size: 14px;
    height: 38px;
    line-height: 36px;
    padding-left: 10px;
    width: 250px;
    color: #fff; }
    div#main-content.accessories .goBack:hover {
      text-decoration: none; }
  div#main-content.accessories #stopThisShit {
    z-index: 80;
    background-color: #FFFFFF;
    margin-top: 0px;
    padding-top: 10px; }
  div#main-content.accessories h2.backPlace {
    float: right;
    width: 700px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0; }
  div#main-content.accessories input {
    height: 34px;
    line-height: 34px;
    padding: 0px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #999; }
  div#main-content.accessories .groupSelect > a {
    position: relative; }
    div#main-content.accessories .groupSelect > a div {
      position: absolute;
      right: 15px;
      top: 50px;
      color: #000;
      font-style: italic; }
  div#main-content.accessories #SpareParts input {
    text-align: center; }
  #acDesc {

    font-weight: bold; }
  div#main-content.accessories #SpareParts table td {
    width: 325px;
    border-right: none; }
  div#main-content.accessories #SpareParts table th {
    border-bottom: 1px solid #eee; }
  div#main-content.accessories #filterForm th {
    background: url("/images/th-background.png") repeat-x;
    color: #fff;
    padding: 5px;
    border: 1px solid #FFFFFF; }
  div#main-content.accessories #filterForm td {
    border: none; }
  div#main-content.certificates div.auto {
    background-color: #FFFFFF !important; }
    div#main-content.certificates div.auto .goBack {
      background-color: #d50018;
      padding-left: 10px;
      width: 25%;
      color: #fff;
      height: 36px;
      line-height: 36px;
      font-size: 14px; }
      div#main-content.certificates div.auto .goBack:hover {
        text-decoration: none; }
      div#main-content.certificates div.auto .goBack, div#main-content.certificates div.auto .goBack + h2 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left; }
      div#main-content.certificates div.auto .goBack + h2 {
        margin-left: 1%;
        width: 74%;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0; }
    div#main-content.certificates div.auto div.model {
      width: 980px;
      margin-top: 20px; }
      div#main-content.certificates div.auto div.model div {
        margin-right: 12px;
        float: left;
        width: 230px; }
        div#main-content.certificates div.auto div.model div:last-child {
          margin-right: 0; }
        div#main-content.certificates div.auto div.model div img {
          margin-bottom: 10px;
          cursor: pointer; }
  div#main-content.cart .cartTop {
    background: #000000;
    color: #FFFFFF; }
  div#main-content.cart .c41, div#main-content.cart .positionNote {
    text-align: left;
    padding-left: 5px; }
  div#main-content.cart .addressForm input, div#main-content.cart .addressForm select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 150px; }
  div#main-content.cart .addressForm .c1 {
    text-align: left; }
  div#main-content.cart .addressForm .c2 {
    width: 20px; }
  div#main-content.cart .addressForm .c3 {
    width: 160px; }

table.modalWheelPreviewTable {
  width: 600px; }
  table.modalWheelPreviewTable h1 {
    border-bottom: 1px solid #d50018;
    padding-bottom: 10px;
    font-size: 23.1px;
    line-height: 21px; }
    table.modalWheelPreviewTable h1 small {
      font-size: 0.75em;
      color: #999; }
    table.modalWheelPreviewTable h1 span {
      font-weight: bold; }
  table.modalWheelPreviewTable td.image img {
    margin-top: 5px; }

div.modal {
  width: 100%;
  height: 100%;
  position: relative; }
  div.modal h1 {
    border-bottom: 1px solid #d50018;
    padding-bottom: 10px;
    line-height: 1.3em; }
    div.modal h1 small {
      font-size: 75%;
      color: #999; }
    div.modal h1 span {
      font-weight: bold; }
  div.modal img {
    margin-left: auto;
    margin-right: auto; }
  div.imgBlock img {
    display: block;  }
  div.modal button.selectWheel {
    width: 32px;
    height: 22px;
    margin: 0;
    padding: 0; }
 div.modal button.nad-cert-notice {
    width: 32px;
    height: 22px;
    margin: 0;
    padding: 0; }
  div.modal div.legend {
    max-height: 20px;
    width: 100%;
    position: relative; }
    div.modal div.legend > strong {
      margin-right: 5px; }
    div.modal div.legend > span {
      margin-left: 6px; }
    div.modal div.legend img {
      display: inline; }
  div.modal table, div.modal table.table-striped {
    width: 100%; }
    div.modal table thead th, div.modal table.table-striped thead th {
      background-color: #222;
      color: #fff; }
    div.modal table tbody tr:nth-child(even), div.modal table.table-striped tbody tr:nth-child(even) {
      background-color: #eee; }
    div.modal table tbody tr:nth-child(odd), div.modal table.table-striped tbody tr:nth-child(odd) {
      background-color: #c8c8c8; }

.popover .popover-title {
  background-color: #000; }

.activeFilter {
  border: 1px solid #d50018;
  background: #ffe6e9; }

option.gray {
  color: #ccc; }

option.grey {
  color: #ccc; }

.ozInput {
  border: 1px solid #676767;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.placeholder {
  color: #999; }

form#kbanr,
form#nadnr {
  padding: 10px; }
  form#kbanr input[type=submit],
  form#nadnr input[type=submit] {
    display: inline-block;
    /* IE7 inline-block hack */
    *display: inline;
    *zoom: 1; }

form#kbanr {
  float: left; }

form#nadnr {
  float: right; }

/**
 * LOADER
 */
.loader {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url("/images/ajaxLoader.gif") !important;
  background-size: auto !important; }

#pay-by-card-label p {
  padding-top: 5px; }

.payment-sum-table {
  width: 100%;
  padding: 10px; }

.payment-sum-table table {
  background: #f8f8f9;
  width: 100%;
  max-width: 620px; }

.payment-sum-table tr {
  width: 100%; }

.payment-sum-table td {
  width: 30%; }

.payment-sum-table table tr {
  border-bottom: black 1px solid; }

.payment-sum-table tr :first-child {
  width: 70%;
  text-align: center; }

.payment-sum-table tr :last-child {
  width: 70%;
  text-align: left; }

.payment-sum-table tr:last-child td:last-child {
  font-weight: bold; }

tr.border_bottom td:last-child {
  border-bottom: 1pt solid white; }

#car-tpms-details-tab-container {
  position: absolute;
  right: 0px;
  background: white;
  width: 50%;
  height: 450px;
  margin-top: 40px;
  display: none;
  overflow-y: scroll; }

#car-technical-details-tab-container {
  position: absolute;
  right: 0px;
  top: 40px;
  background: white;
  width: 50%;
  height: 450px;
  margin-top: 40px;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  table {
    thead {
      tr {
        background-color: #0e5888;

        th:first-child {
          width: 30%;
        }

        th:last-child {
          width: 70%;

        }
      }
    }
    tbody {
      tr {
        td:first-child {
          width: 30%;
        }
        td:last-child {
          width: 70%;
        }
      }
    }
  }
}

.modal-display-selector {
  position: absolute;
  right: 0px;
  width: 50%;
  margin-top: 10px; }

#button-preload-container {
  position: relative;
  width: 100px;
  height: 40px;
  min-height: 40px;
  display: block;
  float: right; }

#search-eg-abe {
  width: 90%;
  border: 1px solid black;
  border-radius: 5px;
  min-height: 30px;
  text-align: center;
}

.subscribe-fancybox {
  padding: 10px;
  background: white;
  width: 600px;
  min-height: 250px; }

.subscribe-fancybox select {
  margin-bottom: 20px;
  margin-top: 20px;
  min-width: 350px; }

.subscribe-fancybox input {
  min-width: 255px; }

#another-address-form {
  display: none; }

.breadcrumb-nav {
  letter-spacing: -1px;
  position: relative;
  height: 20px;
  min-height: 20px;
  width: 100%;
  color: #333333;
  font-size: 16px;
  background: white;
  padding: 5px;
  padding-top: 13px; }

.breadcrumb-nav ul {
  list-style-type: none; }

.breadcrumb-nav ul li {
  display: inline-block; }

.no-padding-top {
  padding-top: 0 !important; }

.white-icon {
  color: white !important; }

.category-select-no-tpms-label {
  position: absolute; font-size: 180px; margin-left: auto;
  margin-right: auto;
  top: 130px;
  left: 0;
  right: 0;
  text-align: center;
  color: #d50018;
}

.category-preselect-container {
  display: flex;
  justify-content: space-between;
}

.bordered-left {
  border-left: 1px solid lightgray; }

.countryHeader {
  text-align: left;
  font-size: smaller; }

.stockIT {
  margin-left: 6px; }

.stockITWheels {
  text-align: left;
  padding-left: 140px !important; }

.stockITCart {
  text-align: left;
  padding-left: 20px !important; }

.tooltipStock {
  position: relative; }

.tooltipStock:hover .tooltipStockText {
  display: inline; }

.tooltipStock .tooltipStockText {
  width: 180px;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  bottom: 125%;
  margin-left: -10px;
  display: none;
  transition: opacity 0.3s; }

.configuratorTooltipStock .tooltipStockText {
  left: 120%; }

.cartTooltipStock .tooltipStockText {
  left: 0;
  margin-left: -100px; }

.tpms-amount-input {
  width: 15%;
  text-align: right;
}
.stock-display-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.stock-display-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stock-color-display {
  margin-left: 2px !important;
}
#wheelsTable {
  padding-top: 5px;
}
.wheel-popup-stock > .stock-display-row {
  left: 10%
}
#prior-selected-wheels > span {
  color: red;
}
#prior-selected-wheels {
  font-weight: bold;
  font-size: 120%;
}
.last-selected-wheel {
  display: flex;
  justify-content: flex-start;
}
.last-selected-wheel:hover {
  padding-top: 10px;
  padding-bottom: 10px;
  transition: padding 0.5s;
}
.last-selected-wheel:hover > .check-mark-green {
  display: block;
}
.check-mark-green {
  position: absolute;
  right: 10px;
  color: green;
  display: none;
  font-size: 150%;
  font-weight: bold;
}
.last-selected-wheel div {
  display: flex;
  flex-direction: column;
}
.last-selected-wheel > img {
  width: 45px;
  height: 45px;
  padding-right: 10px;
}
.bold {
  font-weight: bold;
}
.wheel-icon {
  position: absolute;
  left: 0;
}
.wheel-icon-modal {
  position: absolute;
  left: 0;
  margin-top: 15px;
  margin-left: 10px!important;
}

.wheel-icon-right {
  position: absolute;
  right: 0;
}
.flex-centered {
  display: flex;
  justify-content: center;
  align-items: center;
}
.accessories-group-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.accessories-group-container > a {
  /*flex: 1 1 30%;*/
  position: relative;
  padding-top: 15px;
  color: #000;
  font-style: italic;
}
.accessory-group-header {
  position: absolute;
  bottom: 25px;
  right: 15px;
}

/*# sourceMappingURL=02-main.css.map */

.plateSearchFieldJarally input[type=text] {
  position: absolute;
  left: 36px;
  top: 3px;
  width: 240px;
  max-width: 240px;
  height: 53px;
  font-size: 2em;
  border: none
}

.hsnTsnSearchField {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  height: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #333;
  line-height: 35px;
  position: relative;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px
}
.input-search-plate {
  border: none !important;
  float: right;
  font-size: 1.6em;
  height: 34px;
  padding: 0;
  width: 220px;
  vertical-align: inherit
}
.label-search-plate {
  width: 40px;
  height: 35px;
  float: left;
  padding-right: 5px;
  border-right: 1px solid #222;
  font-weight: bold
}
span.hsnTsnSearchField label {
  width: 40px;
  height: 35px;
  float: left;
  padding-right: 5px;
  border-right: 1px solid #222;
  font-weight: bold
}
span.hsnTsnSearchField input[type="text"] {
  border: none !important;
  float: right;
  font-size: 1.6em;
  height: 34px;
  padding: 0;
  width: 220px;
  vertical-align: inherit
}
.yellow-black {
  background-color: #ffc700;
  color: #29261a;
}
.right {
  text-align: right;
}
.width-40-chars {
  width: 40ch;
}
.pagination-display {
  font-size: 15px;
  color: white !important;
  background-color: #ce061d;
  a {
    color: white !important;
  }
}
