/* X-SMALL XS (Mobiles, up to 768px) */
/*==========================================================================================================================================================================*/
@media (min-width: 0px)
{
html body
{
margin-top:12px;
background-color: #f0f0f0;
}
.FixedTopMenu
{
     position:fixed; 
     width:100%; 
     top:0; 
     z-index:5000;
}
h1, h2, h3, h4
{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
display: block;
margin-bottom: 5px;
color: #084a9b;
}
h1
{
font-size: 28px;
}
h3
{
font-size: 20px;
}
a
{
color: #084a9b;
text-decoration: none;
}
a:hover
{
text-decoration: none;
color: #084a9b;
}

#SelectedVehicleBarContainerSub
{
    background-color: #f0f0f0 !important;
}

.FeedbackListBG
{
    background-image: url('../../crprf2/images/homepage/FEEDBACKLISTBG.jpg');
    background-repeat: repeat-x;
    background-size: contain;
    padding: 20px 15px;
}

.FeedbackItem
{
    padding: 15px 0px;
    background-color: #fff;
}

.FeedbackItem .table
{
    border: none !important;
}

.Trash i
{
    padding: 14px 0px;
}

.mail-item
{
    position: relative;
    display: block;
    padding: 10px 15px;
}

.messageDetail
{
    padding: 10px 15px !important;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
}

.mail-row
{
    margin-bottom: -1px;
    border: 1px solid #ddd;
}

.mail-row:hover, .mail-row:hover .mail-item
{
    background-color: #f2f2f2;
}

.active
    {
        background-color: #f2f2f2 !important;
        cursor: pointer;
    }

.NumberPlateHistory {
    width: 100%;
    font-size: 18px;
    background: #fdd83f url('../../crprf2/images/header/GB_PLATE_ICON.jpg') no-repeat left top;
    background-size: contain;
    border-radius: 3px;
    padding: 5px;
    text-align: center;
    font-weight: 800;
    border: 1px solid #494949;
    display: inline-block !important;
    color: #000;
    margin-bottom: 3px;
}

.VehicleDropMenuHistory p
{
    font-size: 11px;
    font-weight: 500;
    height: 40px;
    overflow: hidden;
}

.VehicleDropMenuHistory
{
    padding: 20px 10px;
}

.btn-buy
{
    font-size: 20px !important;
    padding: 20px 20px !important;
}

.ProductInfoPanel
{
    margin-bottom: 20px;
}

.FlagButton
{
    padding: 2px 4px 0px 4px;
    border: 1px solid #ccc;
    height: 35px;
    width: 42px;
}

.FlagButton:hover
{
    background-color: #ccc;
}

.SelectedFlag
{
    background-color: red;
}
.NavBasket > a
{
    margin-left:15px;
    margin-right:-15px; !important;
}

.typeahead
{
    top: 0px !important;
}

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
}

.priceDisplaySettings
{
    margin: 0;
    padding: 5px;
    display: none;
    z-index: 81;
    width: 400px;
    color: #333;
}
.col-xs-5ths {
    width: 20%;
    float: left;
}
.NumberPlate
{
    width: 100%;
    font-size: 26px;
}

.VehicleYearSelect
{
    background-color: #fff;
}

#VehicleSelectorAccordion
{
    padding: 5px;
}
#VehicleSelectorAccordion > .panel-primary > .mobileRegRow > .panel-heading
{
    background-color: #fff;
    color: #084a9b;
}

.panel-primary > .panel-heading
{
    background-color: #f0f0f0;
    color: #084a9b;
}

.panel-primary
{
    border: 1px solid #084a9b;
}

.panel-title>a
{
    display: block;
}

.mobileRegRow > .panel-heading > span
{
    display: block;
    background-color: #f0f0f0;
}

.panel-group .panel
{
    border-radius: 0px;
}

.panel-group .panel+.panel
{
    margin-top: 0px;
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
    border-top: 0px;
    background-color: #f0f0f0;
}
.panel-group {
    margin-bottom: 0px;
}
.extraPriceButton
{
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    padding: 5px;
    background-color: #084a9b;
    color: #fff;
    margin-top: 5px;
}

.CmsNav
{
    padding: 5px;
}

#infscr-loading img
{
    display: none !important;
}
.PartListDesc
{
    font-size: 14px !important;
    line-height: 16px !important;
}
.popover-feedback
{
    margin-left: auto !important;
    margin-right: auto !important;
    z-index: 996;
    width: 100% !important;
}

.alert-anger
{
    margin: 10px 0px;
    background-color: #bb0000;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none !important;
}

.pdf-thumb-box {
  display: inline-block !important;
  position: relative !important;
  overflow: hidden;
}
.pdf-thumb-box-overlay {
  display: none;
}
.pdf-thumb-box a:hover .pdf-thumb-box-overlay {
  display: inline;
  text-align: center;
  position: absolute;
  transition: background 0.2s ease, padding 0.8s linear;
  background-color: rgba(8, 74, 155, 0.5);
  color: #fff;
  width: 100%;
  height: 100%;
  left:0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.pdf-thumb-box-overlay span {
  position: relative;
  top: 42%;
  font-size: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.wrapper {
  width: 100%;
  /* whatever width you want */
  display: inline-block;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.wrapper:after {
  padding-top: 80%;
  display: block;
  content: '';
}
.main {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* fill parent */
  background-color: #fff;
  /* let's see it! */
  color: white;
  background-size: contain;
  background-repeat:no-repeat;
  background-position-x:center;
  background-position-y:center;
}

#ShopByVehicleMenuMarkImage
{
    height: 100%;
}
.toggle.btn
{
    min-height: 0px !important;
    min-width: 0px !important;
    width: 55px !important;
    height: 33px !important;
    margin: -2px 5px 0px 10px;
    border: 1px solid #084a9b !important;
    border-radius: 3px !important;
}

.toggle-on, .toggle-off, .toggle-on:hover, .toggle-off:hover
{
    background-color: #f0f0f0;
    padding: 5px !important;
}

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

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

.toggle-handle
{
    background-color: #084a9b;
}

.toggle-handle:hover
{
    background-color: #084a9b;
}

.popover-content-feedback {
    padding: 0px 0px 6px 0px !important;
    text-align: center !important;
    font-size: 12px !important;
    margin-top: -3px !important;
}

.popover-feedback
{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);
}

.OETitle,
.TradeTitle,
.SuperTradeTitle,
.FactorTitle,
.ResellerTitle
{
    font-size: 11px !important;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    color: #084a9b;
}

.PriceInfoOE,
.PriceInfoTrade,
.PriceInfoRetail,
.PriceInfoFactor,
.PriceInfoReseller,
.PriceInfoECPDoes
{
    text-align: center;
    border: 1px solid #084a9b;
}

.well > h3
{
    margin-top: 0px;
    margin-bottom: 10px;
}

.FeedbackScoreBarHolder > span
{
    float: right;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.HomeImg
{
    opacity: 1.0;
}

.HomeImg:hover
{
    opacity: 0.8;
}
.price2
{
font-size: 20px;
color: #084a9b;
font-weight: bold;
line-height: 20px;
}
.back-to-top
{
cursor: pointer;
position: fixed;
bottom: 45px;
right:15px;
font-size: 14px;
display:none;
z-index: 1050;
}
#popupWindowContent
{
max-height: none !important;
}
#home-rotator
{
margin: 15px 0px 0px 0px;
}
.SearchMenu, .BasketMenu
{
color: #084a9b;
font-size: 36px;
margin-top: 22px;
}
.SearchMenu
{
border-right: 1px solid #084a9b;
}
#makesList, #modelsList, #stylesList, #airconListForReg, #transmissionListForReg, #fuelsListForReg
{
margin-bottom: 10px;
}

#VRMAccordionOne .switch-toggle
{
    display: none !important;
}
.ExtraPrice
{
font-size: 12px;
font-weight: bold;
color: #084a9b;
}
.ExtraPriceTitle
{
font-size: 10px;
}
.ExtraDetail
{
border: 1px solid #084a9b;
margin: 0px 0px 4px 5px;
}
.PartsImg
{
height: same-as-width;
}
td.PricePromise a
{
color: #bb0000 !important;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 13px;
text-decoration: none !important;
display: block;
padding: 4px 0px;
}
td.PricePromise a:hover
{
color: #ffffff !important;
text-decoration: none !important;
background-color: #bb0000;
cursor: pointer;
}
.DistLogo
{
width: 562px;
height: 56px;
}
.DistLogoImage
{
max-height: 56px;
width: auto;
}
.QtyDisc
{
margin-bottom: 5px !important;
background-color: #084a9b;
padding: 5px;
color: #fff;
}
.QtyDisc label
{
font-family: 'Roboto Condensed', sans-serif;
font-weight: 800;
text-transform: uppercase;
}
.alert
{
padding: 8px 10px !important;
}
.alert-error
{
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.form-inline .form-group
{
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.filter-container
{
width: 100%;
position: fixed;
text-align: center;
z-index: 1012;
top: 80px;
left: 0;
}
.btn-breadcrumb
{
padding: 0px 2px 0px 6px;
margin-right: 5px;
background-color: #084a9b;
border: transparent;
color: #fff;
font-weight: 800;
font-size: 15px;
}
.btn-breadcrumb:hover
{
background-color: transparent;
border: transparent;
color: #084a9b;
cursor: pointer;
}
.btn-breadcrumb:hover .fa-check-circle:before
{
content: "\f057";
color: #bb0000;
}
.alert-promo:hover .fa-check-circle:before
{
content: "\f057";
color: #bb0000;
}
.btn-filter
{
background-color: #084a9b;
color: #fff;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
z-index: 999;
top: 78px;
padding: 5px 10px;
text-transform: uppercase;
border-radius: 27px !important;
text-align: center;
}
.btn-filter:hover
{
text-decoration: none;
color: #fff;
background-color: #83a4cd;
}
.SearchText
{
display: block;
color: #fff;
text-align: center;
font-size: 12px;
margin-top: 20px;
}
.Footer
{
padding: 20px 0px;
background-color: #084a9b;
color: #fff;
font-size: 12px;
margin-top: 30px;
}
.Footer a
{
color: #fff;
text-decoration: none;
}
.Footer a:hover
{
color: #dae4f0;
}
.LeftContent
{
padding-left: 0px;
}
.RightContent
{
padding-right: 0px;
}
#search {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 177px;
background-color: #084a9b;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
}
#search.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
z-index: 5003;
}
#search input[type="search"] {
width: 100%;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
font-weight: 400;
text-align: center;
border: 0px;
margin: 0px auto;
margin-top: 60px;
padding-left: 30px;
padding-right: 30px;
outline: none;
height: 39px;
}
#search .btn {
margin-top: 60px;
}
#search .close {
position: fixed;
display: block;
top: 0px;
right: 5px;
color: #fff;
opacity: 1;
padding: 10px 17px;
font-size: 27px;
z-index: 999;
}
.BasketBadge
{
display: inline-block;
position: absolute;
right: 5px;
top: 0px;
min-width: 10px;
padding: 5px 8px;
font-size: 15px;
font-weight: 400;
color: #fff;
line-height: 1;
vertical-align: top;
white-space: nowrap;
text-align: center;
background-color: #90bf4c;
border-radius: 18px;
}
.VRMDetails
{
padding: 5px;
background-color: #084a9b;
color: #fff;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 15px;
display: block;
text-align: center;
}
.VehicleYearContainer
{
padding: 10px;
}
.VehicleYearSelect
{
padding: 10px;
margin: 10px;
border: 1px solid #ddd;
}
.VehicleYearSelect:hover
{
border: 1px solid #084a9b;
}
.VehicleFitsTitle
{
padding: 5px;
background-color: #084a9b;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
display: block;
text-align: center;
}
.VehicleAlsoFitsLink
{
display: block;
padding: 5px;
}
.dropdown-menu>li>a
{
display: block;
padding: 3px 20px;
clear: both;
line-height: 1.42857143;
color: #084a9b;
white-space: nowrap;
font-size: 14px;
border-radius: 0px;
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus
{
border-radius: 0px;
color: #084a9b;
}
.dropdown-menu
{
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0px 0px 0px;
margin: 0;
list-style: none;
font-size: 14px;
background-color: #fff;
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box;
}
.QtySelector
{
width: 100%;
padding: 10px 0px;
text-align: center;
display: block;
}
.QtySelect
{
text-align: center;
width: 130px;
margin-left: auto;
margin-right: auto;
}
.ProductListPricingButtons
{
padding: 5px 0px;
}
.Pad0
{
padding-left: 0px;
padding-right: 0px;
}
.PartsListBG
{
background-color: #ffffff;
border: 1px solid #ccc;
border-top: 4px solid #084a9b;
padding: 15px;
margin: 0px 0px 10px 0px;
}

.VehicleDropMenuContainer
{
    min-height: 152px;
    height: inherit !important;
}
.PartListDesc
{
color: #084a9b;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 22px;
display: block;
line-height: 22px;
padding-bottom: 14px;
}
.VehicleYearTitle
{
    color: #084a9b;
    font-size: 14px;
    display: block;
    line-height: 22px;
    font-weight: 400;
}
.PartsListBG .table>tbody>tr>th
{
font-size: 10px;
}
.table
{
border-top: 4px solid #084a9b;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td
{
vertical-align: middle !important;
padding: 7px !important;
}
.table>tbody>tr>th
{
color: #084a9b;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
}

.FeedbackItem .table>tbody>tr>td, .FeedbackItem .table>tbody>tr>th
{
    padding: 2px !important;
}

.price
{
color: #084a9b;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 28px;
}
.vat
{
font-size: 10px;
}
.btn-imp-blue
{
background-color: #084a9b !important;
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 15px;
border-radius: 0 !important;
border: 0 !important;
}
.btn-imp-orange
{
background-color: #fb9828 !important;
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 15px;
border-radius: 0 !important;
border: 0 !important;
}
.btn-imp-red
{
background-color: #d9534f !important;
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 15px;
border-radius: 0 !important;
border: 0 !important;
white-space: normal;
}
.btn-xl
{
padding: 20px 10px;
font-size: 18px !important;
margin-top: 10px !important;
}
.btn-payment
{
position: relative;
border: none;
border-radius: 0;
background: transparent;
box-sizing: border-box;
padding: 0;
line-height: 0;
padding-right: 54px;
color: #ffffff;
text-decoration: none;
width: 100%;
margin-bottom: 10px;
}
a.btn-payment:link, a.btn-payment:visited
{
color: #ffffff;
}
.btn-payment span
{
text-transform: uppercase;
position: relative;
display: block;
float: left;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
line-height: 22px;
font-weight: 600;
padding: 12px 0px 12px 0px;
background: #90bf4c;
width: 100%;
}
.btn-payment strong
{
top: 0;
right: 0;
font-size: 20px;
padding: 13px 0px;
position: absolute;
background: #084a9b;
width: 54px;
}
.btn-payment:hover span
{
background: #084a9b;
color: #ffffff;
}
.btn-payment:hover strong
{
background: #90bf4c;
}
.ReviewTotalPrice
{
font-size: 28px;
color: #084a9b;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
font-weight: 800;
}
.counter-display a
{
color: #084a9b !important;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 13px;
text-decoration: none !important;
margin: 10px 0px;
display: block;
}
.btn-back-bar
{
padding: 10px 0px;
border-bottom: 1px solid #ccc;
}
.btn:hover, .goVrm:hover
{
opacity: 0.8;
}
.btn
{
font-family: 'Montserrat', sans-serif;
font-weight: 400;
text-transform: uppercase;
border-radius: 0 !important;
}
.btn-margin
{
margin: 5px 0px;
}

.btn-bold
{
font-weight: 800;
}
.btn-imp-green
{
background-color: #90bf4c !important;
color: #ffffff !important;
font-family: 'Montserrat', sans-serif;
font-weight: 700 !important;
text-transform: uppercase;
font-size: 15px;
border-radius: 0 !important;
border: 0 !important;
}
.goVrm
{
background-color: #90bf4c !important;
color: #ffffff !important;
font-family: 'Montserrat', sans-serif;
font-weight: 700 !important;
text-transform: uppercase;
font-size: 15px;
border-radius: 0 !important;
border: 0 !important;
padding: 6px 14px;
}
.textEnter
{
padding-right: 5px;
}
.btn-imp-blue:hover, .btn-imp-green:hover
{
color: #fff;
}
.green
{
color: #90bf4c !important;
}
.red
{
color: #bb0000 !important;
}
.orange
{
color: #fb9828 !important;
}
.greenBG
{
background-color: #90bf4c !important;
color: #fff;
}
.add-to-basket-title
{
color: #ffffff;
font-size: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
padding: 20px;
display: block;
}
.HeaderLink
{
padding: 12px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 18px;
color: #ffffff;
background-color: #054c9c;
display: block;
}
.ProductCategoryNav
{
margin-right: 0px;
font-family: 'Open Sans', sans-serif;
}
.ProductCategoryNav a.HeaderLink
{
display: block;
padding: 10px 10px;
margin-bottom: 5px;
margin-top: 5px;
background: #517fb2 url('../../crashrepairparts/images/leftnav/top_left_filter.png') right no-repeat;
color: #cdddee;
border-radius: 3px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 15px;
}
.ProductCategoryNav a:hover.HeaderLink
{
display: block;
padding: 10px 10px;
margin-bottom: 5px;
background: #517fb2 url('../../crashrepairparts/images/leftnav/top_left_remove.png') right no-repeat;
color: #ffffff;
text-decoration: none;
}
.ProductCategoryNav ul {
background-color: #f2f2f2;
margin-bottom: 0px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-left: 0px;
}
.ProductCategoryNav ul li a
{
display: block;
padding: 10px 10px;
font-size: 14px;
border-top: 1px solid #ccc;
background-color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
.ProductCategoryNav ul li
{
list-style: none;
}
.ProductCategoryNav ul li a.Selected
{
font-weight: bold;
background-color: #517fb2;
}
.ProductCategoryNav ul li a.AllPartsLink
{
font-weight: bold;
}
.ProductCategoryNav ul li a:hover
{
color: #054C9C;
background: #ebf4ff url('../../crashrepairparts/images/leftnav/left_filter.png') right no-repeat;
text-decoration: none;
}
/* CMS Nav */
.CmsNav
{
margin-right: 0px;
}
.CmsNav ul {
background-color: #f2f2f2;
margin-bottom: 0px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-left: 0px;
}
.CmsNav ul li
{
list-style: none;
}
.CmsNav ul li a
{
display: block;
padding: 10px 10px;
font-size: 14px;
border-top: 1px solid #ccc;
background-color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
.CmsNav ul li a.selected:link, ul li a.selected:visited, ul li a.selected:hover, ul li a.selected:active
{
list-style-position: inherit;
list-style-type: none;
background: #ebf4ff url('../../crashrepairparts/images/leftnav/left_nav_arrow.png') right no-repeat;
border-top: 1px solid #cadaee;
border-bottom: 1px solid #cadaee;
margin-top: -1px;
color: #054C9C;
}
.CmsNav ul li a.selected
{
background: #ebf4ff url('../../crashrepairparts/images/leftnav/left_nav_arrow.png') right no-repeat;
border-top: 1px solid #cadaee;
border-bottom: 1px solid #cadaee;
}
.CmsNav ul li a:hover
{
color: #054C9C;
background: #ebf4ff url('../../crashrepairparts/images/leftnav/left_nav_arrow.png') right no-repeat;
}
.BlueBG
{
background-color: #084a9b;
}
/* Fixed position examples */
#sb-site.top-padding {
padding-top: 50px;
}
.fixed-top {
position: fixed;
top: 0;
width: 100%;
background-color: #084a9b;
z-index: 1012;
}
.PartsListContainer
{
margin-top: 20px;
}
.pagination
{
margin: 0px 0px 10px 0px;
border-radius: 0px !important;
}
.fixed-top span.sb-toggle-left {
float: left;
color: white;
z-index: 999;
}
#fixed-top {
position: fixed;
top: 0;
width: 100%;
background-color: #084a9b;
z-index: 4;
}
#fixed-top span.sb-toggle-left {
float: left;
color: white;
z-index: 999;
}
.MobileNavIcon
{
font-size: 26px;
color: #fff;
padding: 18px 7px 18px 7px;
display: inline-block;
transition: 0.3s;
background-color: #83a4cd;
}
.MobileNavIcon:hover
{
background-color: #83a4cd;
transition: 0.3s;
}
.MobileNavIcon:active
{
background-color: #084a9b;
}
a.MobileNavIcon:hover, a.MobileNavIcon:link, a.MobileNavIcon:visited, a.MobileNavIcon:active
{
text-decoration: none;
color: #fff !important;
}
.MobileNavIcon:selected
{
background-color: #83a4cd;
}
.MobileLogo
{
display: initial;
padding: 12px 0px 12px 0px;
max-width: 132px;
}
html body
{
margin-top: 74px;
}
#fixed-top span.sb-toggle-right {
float: right;
color: white;
z-index: 999;
}
.admin-toolbar
{
display: none;
}
.VehicleMenuTitle, .VehicleMenuTitleHistory
{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-align: center;
display: block;
margin-bottom: 5px;
font-size: 22px;
color: #084a9b;
text-transform: uppercase;
}

.VehicleDropMenuHistory p, .VehicleDropMenuHistoryWithMakes p
{
    font-size: 11px;
    font-weight: 500;
    height: 40px;
    overflow: hidden;
}

.VehicleDropMenuHistory, .VehicleDropMenuHistoryWithMakes
{
    padding: 20px 10px;
    display: block;
}

.carousel-control
{
position: absolute;
top: 45%;
left: 0px;
bottom: auto;
width: 6%;
opacity: 0.5;
font-size: 20px;
color: #FFF;
text-align: center;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
vertical-align: 240px;
margin-top: auto;
margin-bottom: auto;
}
.carousel-control.left, .carousel-control.right
{
background-image: none;
}
.carousel-indicators
{
bottom: 0px;
}
.breadcrumb
{
margin-bottom: 10px;
}
.NumberPlate
{
width: 176px;
font-size: 15px;
background: #fdd83f url('../../crprf2/images/header/GB_PLATE_ICON.jpg') no-repeat left top;
background-size: contain;
border-radius: 3px;
padding: 5px;
text-align: center;
font-weight: 800;
border: 1px solid #494949;
display: inline-block !important;
color: #000;
}
.dd-container
{
    display: inline-block;
    width: 74px !important;
}

.dd-select
{
    width: 74px !important;
    border-radius: 2px;
    border: solid 1px #ccc;
    position: relative;
    cursor: pointer;
    padding: 0px;
}
.dd-selected-image
{
    float: none;
}
.White
{
color: #fff;
}
.VehicleMenuList
{
list-style: none;
padding: 0px;
}
.VehicleMenuItem
{
padding: 2px;
}
.VehicleMenuItem > button
{
font-size: 12px;
}
.VehicleDropMenuContainer, .VehicleDropMenuHistoryContainer
{
border-left: 1px solid #ccc;
border-bottom: 4px solid #084a9b;
border-right: 1px solid #ccc;
border-radius: 0px;
}
.VehicleDropMenuTitle
{
font-family: 'Open Sans', sans-serif;
font-weight: 800;
font-size: 18px;
display: block;
}
.VehicleDropMenuContent
{
padding: 10px;
}
.DarkBlueBG
{
background-color: #084a9b;
}
.WhiteBG
{
background-color: #fff;
}
.ChooseManufacturerButton
{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
display: inline-block;
color: #084a9b;
text-decoration: none;
padding: 16px;
font-size: 15px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #f0f0f0;
}
.SelectedVehicleBar
{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
display: inline-block;
color: #084a9b;
text-decoration: none;
padding: 16px;
font-size: 15px;
border-left: 1px solid #ccc;
background-color: #f0f0f0;
text-transform: uppercase;
}
#SelectedVehicleBreadCrumb
{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
display: inline-block;
color: #084a9b;
text-decoration: none;
padding: 14px;
font-size: 15px;
text-transform: uppercase;
}
.ChooseRegButton
{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
display: inline-block;
color: #084a9b;
text-decoration: none;
padding: 10px 16px;
font-size: 15px;
border-right: 0px solid #ccc;
background-color: #f0f0f0;
margin-left: -4px;
}
.ChooseRegGoButton
{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
display: inline-block;
color: #084a9b;
text-decoration: none;
padding: 14px;
font-size: 18px;
border-right: 1px solid #ccc;
background-color: #f0f0f0;
margin-left: -4px;
}
.ShowHideButton
{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
display: inline-block;
color: #084a9b;
text-decoration: none;
padding: 14px;
font-size: 18px;
border-left: 1px solid #ccc;
background-color: #f0f0f0;
}
.ResetVehicle
{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
display: inline-block;
color: #084a9b;
text-decoration: none;
padding: 16px;
font-size: 15px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #f0f0f0;
text-transform: uppercase;
}
.ChooseManufacturerButton a:focus, .ChooseManufacturerButton a:active, .ChooseManufacturerButton a:selected
{
margin-bottom: -1px;
text-decoration: none;
}
.ChooseManufacturerButton:hover, .ChooseRegGoButton:hover, .ResetVehicle:hover, .ChooseRegButton:hover, .ShowHideButton:hover
{
text-decoration: none;
background-color: #fff;
cursor: pointer;
}
.VehicleBarContainer, .SelectedVehicleBarContainer
{
background-color: #f0f0f0;
color: #084a9b;
border-bottom: 1px solid #ccc;
}
.TermsCheckbox
{
font-size: 12px !important;
}
.navbar
{
margin-bottom: 0px;
border: 0px solid transparent;
}
.modal-header
{
background-color: #084a9b;
border-bottom: 0px solid #e5e5e5;
border-radius: 5px 5px 0 0;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
min-height: 16.4286px;
padding: 15px;
text-transform: uppercase;
font-weight: 800 !important;
font-size: 14px;
}
.dropdown-menu
{
font-size: 13px;
min-width: 210px;
}
.dropdown-header
{
display: block;
padding: 3px 0px;
font-size: 14px;
line-height: 1.42857;
color: #084a9b;
text-transform: uppercase;
font-weight: 800;
}
.btn-top5
{
margin-top: 5px;
}
.btn-green
{
color: #fff;
background-color: #90bf4c;
border: 0;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: 800;
transition: 0.3s;
}
.btn-green:hover
{
color: #fff;
background-color: #72993d;
transition: 0.3s;
}
.btn-orange
{
color: #fff;
background-color: #fbab50;
border: 0;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: 800;
transition: 0.3s;
}
.btn-orange:hover
{
color: #fff;
background-color: #fb9828;
transition: 0.3s;
}
.btn-home
{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
position: absolute;
bottom: 8px;
background-color: #fff;
padding: 8px 0px 8px 0px;
width: 40%;
margin-left: 27%;
text-align: center;
transition: 0.3s;
}
.btn-home:hover
{
text-decoration: none;
background-color: #dae4f0;
transition: 0.3s;
}
.HomePadOuter
{
padding: 4px;
}
.HomePad
{
padding: 3px;
}
.Pad0
{
padding: 0px 0px 0px 0px;
}
body
{
font-family: 'Open Sans', sans-serif;
}
.dropdown-menu>li>a:hover
{
background-color: #dae4f0;
border-radius: 4px;
}
.navbar-nav>li>a:hover
{
color: #084a9b !important;
transition: 0.3s;
background-color: #fff !important;
}
.navbar-nav>li>a:focus
{
color: #084a9b !important;
transition: 0.3s;
background-color: #fff !important;
}
.dropdown-menu
{
border: 10px solid #fff;
}
.Logo
{
position: absolute;
margin-left: 0px;
max-width: 190px;
width: 100%;
}
.navbar-brand
{
width: 280px;
padding: 10px !important;
}
.SearchBoxContainer
{
width: 320px;
margin-right: 0px;
margin-top: 12px;
}
.SearchBox
{
width: 242px
}
.HeaderBar
{
background-color: #084a9b;
height: 94px;
}
.navbar-default .navbar-nav>li>a
{
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 13px;
text-align: center;
}
.MenuRight
{
border: 1px solid #fff;
border-radius: 5px;
font-size: 26px;
color: #fff;
margin-bottom: 5px;
}
.MenuIcon
{
font-size: 24px;
}
.MenuIconText
{
font-size: 13px !important;
}
.dropdown-menu
{
left: 0;
right: inherit;
}
.DropdownRight
{
right: 0;
left: inherit;
}
.NavBasket > a {
    margin-left: 15px;
    margin-right: -15px !important;
}
.NavContact1, .NavContact1 > a
{
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: #fff;
height: 30px;
font-size: 14px;
margin-right: 15px;
line-height: 30px;
text-align: right;
float: right;
}
.NavContact2, .NavContact2 > a
{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #fff;
height: 30px;
font-size: 20px;
text-align: right;
float: right;
}
}
@media (max-width: 767px)
{
.Pad0-xs
{
padding-left: 0px !important;
padding-right: 0px !important;
}
}
@media (max-width: 991px)
{
.ProductCategoryNav
{
margin: 10px !important;
}

}
/* SMALL SM (tablets, 768px and up) */
/*==========================================================================================================================================================================*/
@media (min-width: 768px)
{
    
    html body {
    margin-top: 80px;
}

.typeahead
{
    top: 36px !important;
}
    
.MobileNavIcon
{
font-size: 30px;
color: #fff;
padding: 15px;
display: inline-block;
}
.col-sm-5ths 
{
    width: 20%;
    float: left;
}
.CmsNav
{
    padding: 0px;
}
.HomePad
{
padding: 8px;
}
.PartsListBG .table>tbody>tr>th
{
font-size: 12px;
}
.admin-toolbar
{
display: block;
}
.LogoBG
{
position: absolute;
top: -30px;
margin-left: -50px;
}
.Logo
{
position: absolute;
margin-left: 20px;
}
.HeaderBar
{
background-color: #084a9b;
}
.NavTabs>li>a
{
padding: 8px 10px 12px 10px;
border-radius: 0px;
margin: 0px;
transition: 0.0s;
line-height: 17px;
font-size: 15px !important;
color: #fff;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
border-top: 4px solid #084a9b;
}
}
/* MEDIUM MD (desktops, 992px and up) */
/*==========================================================================================================================================================================*/
@media (min-width: 992px)
{
html body
{    
margin-top: 30px;
}
.col-md-5ths
{
    width: 20%;
    float: left;
}

.VehicleYearTitle
{
    font-size: 22px;
}
.NumberPlate
{
    width: 176px;
    font-size: 15px;
}
.PartListDesc
{
    font-size: 20px !important;
}
.HeaderBar
{
background-color: #fff;
height: 94px;
}
.admin-toolbar
{
display: none;
}
.SearchBoxContainer
{
width: 400px;
margin-right: 30px;
margin-top: 12px;
}
.SearchBox
{
width: 300px;
}
.navbar-nav>li>a
{
padding: 7px 6px 8px 6px;
border-radius: 0px;
margin: 0px;
transition: 0.3s;
line-height: 16px;
font-size: 14px !important;
}
.NavTabs>li>a
{
padding: 8px 8px 12px 8px;
font-size: 14px !important;
}
}
/* LARGE LG (large desktops, 1200px and up) */
/*==========================================================================================================================================================================*/
@media (min-width: 1200px)
{
    
.col-lg-5ths
{
    width: 20%;
    float: left;
}
.SearchBoxContainer
{
width: 400px;
margin-right: 80px;
margin-top: 12px;
}
.SearchBox
{
width: 300px;
}
.NavTabs>li>a
{
padding: 8px 16px 12px 16px;
border-radius: 0px;
margin: 0px;
transition: 0.0s;
line-height: 17px;
font-size: 15px !important;
color: #fff;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
border-top: 4px solid #084a9b;
}
.NavTabs>li>a:hover
{
border-top: 4px solid #428bca;
transition: 0.0s;
background-color: #fff;
color: #084a9b;
}
.NavTabs > li.active > a
{
border-top: 4px solid #428bca;
transition: 0.0s;
background-color: #f0f0f0;
color: #084a9b;
}
.admin-toolbar
{
display: block;
}
}