/*Structural and basic visual styling */
/*LESS file in host site will apply specific visual styles*/
/*Colours*/
/*contact button background*/
/*Default background colour (white)*/
/*Body background colour*/
/*Body textcolour*/
/*Mobile body background*/
/*Size constants*/
/*Font-Families*/
/*Fonts*/
/* Block UI */
.blockUI.blockOverlay {
  z-index: 2000 !important;
}
.blockUI.blockMsg {
  border: none !important;
  background-color: transparent !important;
  z-index: 2001 !important;
}
.blockUI.blockMsg h1 {
  color: #fff;
  font-size: 36px;
}
.findproducts {
  float: left;
  height: 30px;
  /*.marketselector {
        position: relative;
        z-index: 25;
        padding: 0;

        & > a {
            display: block;
            text-align: left;
            text-decoration: none;
            font-size: 11px;
            font-weight: bold;
            text-transform: uppercase;
            color: @Colour_SearchBlue;
            background-color: @Colour_LightGrey;
            height: 30px;
            line-height: 30px;
            padding-left: 5%;

            &:after {
                content: '\f078';
                font-family: @FontFamily_FontAwesome;
                position: absolute;
                top: 0;
                right: 5%;
                text-decoration: none;
            }
        }

        &.open {
            & > a:after {
                content: '\f077';
            }
        }

        .expanded-content {
            position: absolute;
            background: @Colour_White;
            color: @Colour_SearchBlue;
            border-radius: 0;
            top: 100%;
            right: 0;
            border: 0;
            margin: 0;
            left: auto;
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            padding: 0;
            width: 100%;
            display: none;
            //height: 248px;
            overflow-x: hidden;
            overflow-y: scroll;

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

                li {
                    border-top: 1px solid @Colour_DarkGrey_DarkTint;
                    padding-left: 5%;
                    cursor: pointer;

                    &:hover {
                        background-color: @Colour_HoverGrey;
                    }

                    span {
                        height: 30px;
                        line-height: 30px;
                        text-transform: uppercase;
                    }
                }
            }
        }

        .expanded-content::-webkit-scrollbar {
            background: #ccc;
            width: 10px;
        }

        .expanded-content::-webkit-scrollbar-thumb {
            background-color: #47535f;
            border-radius: 10px;
        }
    }*/
}
.findproducts input[type=text] {
  height: 30px;
  line-height: 16px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #0064B1;
  background-color: #F4F4F4;
  border: none;
  float: left;
  max-width: calc(100% - 30px);
}
.findproducts input[type=submit].search-button {
  background-image: url("/Static/img/arrow-icon-yellow.png");
  height: 30px;
  float: right;
  width: 30px;
  background-color: #959595;
  background-repeat: no-repeat;
  background-position: 50%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .findproducts input[type=submit].search-button {
    background-image: url("/Static/img/arrow-icon-yellow@2x.png");
    background-size: 20px 20px;
  }
}
.findproducts .tooltip {
  background-color: #fff;
  border: 2px solid #959595;
  top: 40px !important;
  opacity: 1;
}
.findproducts .tooltip-inner {
  background-color: #fff;
  color: #0064B1;
}
.findproducts .tooltip-inner ul {
  text-align: left;
  margin: 0 0 0 20px;
  padding: 0;
}
.findproducts .tooltip-inner ul li {
  margin: 0;
  padding: 0;
}
.findproducts .tooltip.bottom .tooltip-arrow {
  margin-top: -20px;
  border-width: 10px;
  border-bottom-color: #fff;
}
.findproducts .popover {
  background-color: #fff;
  border: 2px solid #959595;
  width: 332px;
  max-width: 332px;
  border-radius: 0;
}
.findproducts .popover-title {
  font-size: 12px;
  line-height: 16px;
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-align: center;
  text-transform: none;
  background-color: #fff;
  border-bottom: 0;
}
.findproducts .popover-content {
  width: 100%;
  max-height: 100%;
}
.findproducts .search-padding {
  color: #fff;
  text-align: center;
}
.findproducts .kbasearch input[type=text] {
  max-width: calc((100% - 40px) / 2);
  float: right;
  margin-left: 5px;
}
.findproducts .vinsearch .popover {
  width: 500px;
  max-width: 500px;
}
.findproducts .vinsearch .popover-title {
  text-align: left;
}
.findproducts .sivsearch.fr {
  background: url('/Static/img/fr-plate.png') no-repeat;
  left: 10px;
  background-position: 0 -5px;
  border-left: solid 2px #FFF;
}
.findproducts .registrationsearch .form-control.gb {
  background: url('/Static/img/gb-plate.png') no-repeat;
  background-position: -1px -5px;
  padding-left: 20px;
  color: #0064B1;
  background-color: #F4F4F4;
}
.findproducts .registrationsearch .form-control.pt {
  background: url('/Static/img/pt-plate.png') no-repeat;
  background-position: -1px -5px;
  padding-left: 20px;
  color: #0064B1;
  background-color: #F4F4F4;
}
.findproducts .marketselector {
  z-index: 15;
}
.findproducts .vehicletypeselector {
  z-index: 10;
}
.findproducts .vehicletypeselector a {
  overflow: hidden;
}
.findproducts .marketselector,
.findproducts .vehicletypeselector {
  position: relative;
  padding: 0;
}
.findproducts .marketselector > a,
.findproducts .vehicletypeselector > a {
  display: block;
  text-align: left;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #0064B1;
  background-color: #F4F4F4;
  height: 30px;
  line-height: 30px;
  padding-left: 5%;
  background-image: url("/Static/img/arrow-icon-yellow-down.png");
  background: #F4F4F4 url('/Static/img/arrow-icon-yellow-down.png') no-repeat right;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .findproducts .marketselector > a,
  .findproducts .vehicletypeselector > a {
    background-image: url("/Static/img/arrow-icon-yellow-down@2x.png");
    background-size: 30px 30px;
  }
}
.findproducts .marketselector.open > a,
.findproducts .vehicletypeselector.open > a {
  background-image: url("/Static/img/arrow-icon-yellow-up.png");
  background: #F4F4F4 url('/Static/img/arrow-icon-yellow-up.png') no-repeat right;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .findproducts .marketselector.open > a,
  .findproducts .vehicletypeselector.open > a {
    background-image: url("/Static/img/arrow-icon-yellow-up@2x.png");
    background-size: 30px 30px;
  }
}
.findproducts .marketselector .expanded-content,
.findproducts .vehicletypeselector .expanded-content {
  position: absolute;
  background: #fff;
  border-radius: 0;
  top: 100%;
  right: 0;
  border: 0;
  margin: 0;
  left: auto;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 0;
  width: 100%;
  display: none;
}
.findproducts .marketselector .expanded-content ul,
.findproducts .vehicletypeselector .expanded-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.findproducts .marketselector .expanded-content ul li,
.findproducts .vehicletypeselector .expanded-content ul li {
  border-top: 1px solid #B5BABF;
  padding: 0;
  cursor: pointer;
}
.findproducts .marketselector .expanded-content ul li:hover,
.findproducts .vehicletypeselector .expanded-content ul li:hover {
  background-color: #EAEAEA;
}
.findproducts .marketselector .expanded-content ul li span,
.findproducts .vehicletypeselector .expanded-content ul li span,
.findproducts .marketselector .expanded-content ul li a,
.findproducts .vehicletypeselector .expanded-content ul li a {
  color: #0064B1;
  height: 100%;
  width: 100%;
  line-height: 30px;
  display: inline-block;
  padding-left: 5%;
  text-transform: uppercase;
}
.findproducts .marketselector .expanded-content ul li span:hover,
.findproducts .vehicletypeselector .expanded-content ul li span:hover,
.findproducts .marketselector .expanded-content ul li a:hover,
.findproducts .vehicletypeselector .expanded-content ul li a:hover {
  text-decoration: none;
}
/*Mobile*/
body.mobile .findproducts {
  height: auto;
}
body.mobile .findproducts > div {
  margin-bottom: 10px;
}
body.mobile .findproducts input[type=submit].search-button {
  background-image: url("/Static/img/arrow-icon-yellow.png");
  background-size: 30px 30px;
  background-color: #959595;
}
body.mobile .findproducts .marketselector > a,
body.mobile .findproducts .vehicletypeselector > a {
  padding-left: 2%;
}
body.mobile .findproducts .search-padding {
  display: none !important;
}
body.mobile .findproducts .vinsearch {
  padding: 0;
}
body.mobile .findproducts .sivsearch {
  padding: 0;
}
body.mobile .findproducts .registrationsearch {
  padding: 0;
}
body.mobile .findproducts .partsearch {
  padding: 0;
}

/*# sourceMappingURL=partsearch.css.map */