body
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    background: #e2e2e2;
    padding-bottom: 32px;
    padding-bottom: 0px;
}

.ie9 .hide-ie9
{
    display: none;
}

.panel.panel-default.catalogue-side-rotator{
    margin-bottom: 20px;
}

.panel.panel-default.catalogue-categories.expandable{
    margin: 4px 0 18px 0;
}

.catalogue-categories.expandable .panel-body
{
    display: none;
}

a
{
    color: #004892;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

a:hover
{
    color: #F49422;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    text-decoration: none;
}

.alert a
{
    color: inherit;
    font-weight: bold;
}

.alert a:hover
{
    color: inherit;
    text-decoration: underline;
}

input[type=radio]
{
    margin: 0px;
}

label.radio
{
    margin-left: 20px;
}

.checkbox label {
    color: #000000;
    font-weight: bold;
}

.form-horizontal label.radio
{
    vertical-align: middle;
    line-height: 16px;
}

h1, h2 ,h3 ,h4 ,h5 {
    font-weight: bold;
}

.mb15 {
    margin-bottom: 15px;
}

.mb5 {
    margin-bottom: 5px;
}

.print-page-comments {
    display: none;
}

.hidden
{
    display: none;
}

img
{
    max-height: 100%;
    max-width: 100%;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5,.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1,.col-sm-10, .col-sm-11, .col-sm-12,.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10,.col-xs-11, .col-xs-12, .col-xs-2,.col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

/* QUESTION LIST/FAQ */

.question-list .answer {
    padding: 0 15px;
}

.question-list .toggle-target h3 {
    text-indent: -12px;
    margin-left: 12px;
}

.question-list .toggle-target h3:before
{
    content: "+ ";
}

.question-list .toggle-target.open h3:before
{
    content: "- ";
}

/* QUESTION LIST/FAQ END */

form label, label
{
    color: #000000;
}

form dd label
{
    color: #000000;
}

.tabular-pop{
  font-size: 14px;
  font-weight: 900;
  padding-top: 5rem;
}

.form-inline label
{
    color: #000000;
    margin-right: 15px;
}

.form-horizontal .form-label
{
    width: 25%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    text-align: right;
    padding-right: 15px;
    line-height: 34px;
    vertical-align: middle;
    margin-bottom: 0px;
    color: #004892;
}

.form-horizontal .form-group
{
    margin-left: 0px;
    margin-right: 0px;
}
.form-horizontal .form-element
{
    width: 75%;
    float: left;
    line-height: 34px;
    vertical-align: middle;
}

.form-horizontal .form-element div:first-child
{
    padding-left: 0px;
}

.form-horizontal .form-element div:last-child
{
    padding-right: 0px;
}

.form-control {
    height: 32px;
    padding: 6px 8px;
}

.form-control.input-sm {
    height: 30px;
    padding: 5px 5px;
}

#modal-confirm
{
	z-index: 1200;
}

#modal-basket-add
{
    z-index: 1200;
}

#modal-basket-add .modal-dialog
{
    width: 850px;
}

#modal-compare .modal-dialog
{
    width: 80%;
}

#modal-basket-add button
{
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 13px;
    margin-left: 10px;
}

#modal-basket-add .modal-footer
{
    padding-bottom: 5px;
}

.modal-body h2
{
    color: #004892;
    font-weight: normal;
    font-size: 25px;
}

.modal-body img
{
    max-height: 100%;
    max-width: 100%;
}

.showlinefeeds
{
    white-space: pre-line;
}

.answer h6{
  font-size: 14px;
  padding: 1px 0;
  line-height: 1.5;
}

/*** jQuery UI Override ***/

.ui-widget-header {
    border: 1px solid #009dcc;
    background: #009dcc;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #52CAEF;
    background: #CCE3EA;
    font-weight: bold;
    color: #009DCC;
}

/*** jQuery UI Override END ***/

/**************** HOMEPAGE *****************/
.homepage-icon
{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    max-width: 124px;
    width: 100%;
    height: 90px;
    display: block;
    margin: auto;
    line-height: 0;
    font-size: 0;
    color: transparent;
}

.homepage-icon:hover{
    opacity: 0.8;
}

.wds pre {
    background: url("/images/wds-document.png") center;
    background-size: 100% auto;
    background-position-y: 0;
}

.fps pre {
    background: url("/images/fps-document.png") center;
    background-size: 100% auto;
    background-position-y: 0;
}

.sign-holder {
    min-height: 428px;
}

.sign-post-404 {
    position: absolute;
    top: 0;
    right: 0;
    height: 500px;
}

.hide-duplicates .swiper-slide-duplicate {
    display: none;
}

.information-panel {
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    border-radius: 0px;
    border: 0;
}

.information-panel .panel-body {
    font-size: 14px;
}

.information-panel .product-bullets {
    padding: 0 20px;
}

.information-panel .panel-heading {
    border-bottom: solid 1px #ddd;
}

#perfect-partners {
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    border-radius: 0px;
    border: 0;
}

#perfect-partners.panel-carousel .swiper-slide a {
    color: #000000;
    line-height: 1.2;
}

#perfect-partners .ribbon-result {
    margin-top: 0;
}

#perfect-partners .panel-heading {
    border-bottom: solid 1px #ddd;
    height: 40px;
}

#perfect-partners .carousel-image {
    margin-bottom: 10px;
}

#perfect-partners .carousel-info {
    margin-bottom: 10px;
    font-size: 14px;
}

#perfect-partners .carousel-price {
    font-size: 14px;
}

.associated-prev {
    left: 0;
    cursor: pointer;
}

.associated-next {
    right: 0;
    cursor: pointer;
}

.btn-primary.btn-wds-switch {
    background-color: #009bcc;
    color: #fff;
    border: none;
    padding: 5px 10px;
}

.btn-primary.btn-wds-switch:hover, .btn-primary.btn-wds-switch:active, .btn-primary.btn-wds-switch:focus {
    background-color: #0081A5;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.btn-primary.btn-fps-switch {
    background-color: #58595b;
    color: #fff;
    padding: 5px 10px;
    border: none;
}


/**************** END HOMEPAGE *************/

#account-search-selected
{
    float: right;
    font-style: italic;
    margin-left: 10px;
}

#account-search-selected.feedback-account-search-selected
{
    position: absolute;
    right: 0;
    margin-top: 32px;
    margin-right: 20px;
}

#suggest-dropdown
{
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    min-width: 210px;
    display: none;
}

#suggest-dropdown ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#suggest-dropdown ul a
{
    padding: 4px 8px;
    display: block;
}

#suggest-dropdown ul a:hover, #suggest-dropdown ul a.selected
{
    background-color: #004892;
    color: #FFFFFF;
}

footer
{
    background: url("/images/footer-repeat-new.png") repeat;
    width: 100%;

    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.4);
    box-shadow: 0 1px 10px rgba(0,0,0,0.4);

    font-size: 0;
    position: relative;
}

.footer-left
{
    height: 104px;
    width: 400px;
    float: left;
	margin-left: calc();
}

.footer-left ul {
    padding: 32px 0;
    margin: 0;
    list-style: none;
}

.footer-left ul > li {
    display: inline-block;
    margin-left: 15px;
}

@media (max-width: 850px)
{
    #modal-basket-add .modal-dialog
    {
        width: auto;
    }
}

@media (max-width: 767px){
    .footer-left ul > li{
        display: block;
    }
}

.footer-left ul > li > a {
    color: #ECECEC;
    text-decoration: none;
    font-size: 14px;
}

.footer-right
{
    background: url("/images/footer-right-new.png") no-repeat right;
    height: 100px;
    width: 221px;
    float: right;
    overflow: hidden;
    margin-top: 4px;
}

@media (max-width: 570px){
    .footer-right
    {
        background: url("/images/footer-right-new.png") no-repeat left;
        float: left;
        margin-left: 15px;
    }
}

/*@media (max-width: 767px){
    .footer-left ul > li{
        display: block;
    }
}*/

/* conflicts with BS3
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container
{
    width: 1040px;
}
*/


.container-fluid
{
    max-width: 1200px;
}

.container-fluid h1:first-child
{
    margin-top: 0;
}

.fdrive-wrapper h2
{
    font-size: 22px;
    margin-top: 0px;
}

h2.title.order-confirmation-title {
    font-size: 18px;
    font-weight: bold;
}

/* Buttons */
:focus
{
    outline: none;
}

.btn
{
    /*color: #000000;*/
    text-shadow: none;
    /*background: #E7E8E9;*/

    border-color: #000 #000 #000;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

    box-shadow: 0 0 0;

    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.btn.glyphicon
{
    top: 0px;
    padding: 0px 12px;
    height: 32px;
    vertical-align: middle;
    line-height: 31px;
}

.btn.btn-sm.glyphicon
{
    height: 30px;
    line-height: 26px;
}

#buy-from-form
{
    display: inline-block;
}

.input-group .form-control
{
    border-left: none;
}

.input-group .form-control:first-child
{
    border-left: 1px solid #ccc;
}

.input-group .input-group-btn button
{
    border-left: none;
}

.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled]
{
    /* color: #000000; */
    /* background-color: #FFFFFF; */
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.btn.btn-link
{
    background: transparent;
    border: 0px;
    padding: 0px 8px 0px 0px;
    text-decoration: underline;
    font-weight: normal;
    color: #004892;
    font-size: 12px;
}

.btn-inverse
{
    color: #FFFFFF;
    text-shadow: none;
    background: #000000;

    border-color: #000 #000 #000;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled]
{
    color: #FFFFFF;
    background-color: #333333;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active
{
    z-index: auto;
}

.ui-tabs
{
    margin-bottom: 15px;
    background: #ECECEC;
}

.ui-tabs .ui-tabs-panel
{
    background: #FFFFFF;
}

.btn-primary
{
    color: #fff;
    text-shadow: none;
    background: #004892;

    border-color: #000 #000 #000;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled]
{
    color: #004892;
    background-color: #FFFFFF;
    border: 1px solid #004892;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.btn-wds
{
    background: #009dcc;
    color: #fff;
    text-shadow: none;

    border-color: #000 #000 #000;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.btn-wds:hover, .btn-wds:active, .btn-wds.active, .btn-wds:focus, .btn-wds.disabled, .btn-wds[disabled]
{
    color: #fff;
    background-color: #0081A5;
    border-color: #000 #000 #000;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.btn-secondary
{
    color: #f49422;
    text-shadow: none;
    background: #FFFFFF;

    border-color: #f49422;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.active, .btn-secondary.disabled, .btn-secondary[disabled]
{
    color: #fff;
    background-color: #f49422;
    border-color: #f49422;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.btn-purple {
    color: #fff;
    text-shadow: none;
    background: #69479C;

    border-color: #69479C;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.btn-purple:hover, .btn-purple:active, .btn-purple:focus, .btn-purple.active, .btn-purple.disabled, .btn-purple[disabled] {
    color: #69479C;
    background-color: #fff;
    border-color: #69479C;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.btn-navigate
{
    background-image: url("/images/navigate-arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
}

.btn-lg
{
    font-size: 16px;
}

.btn-xs
{
    font-size: 11px;
    line-height: 20px;
}

.input-xs
{
    font-size: 10px;
    line-height: 20px;
    height: 25px;
    padding: 2px 6px;
}

.btn-action
{
    background: url("/images/button-caret.png") 9px 7px no-repeat #004892;
    padding-left: 18px;
}

.btn-action:hover
{
    background: url("/images/button-caret.png") 9px 7px no-repeat #FFFFFF;
}

.btn-radio {
    color: #f49422;
    background-color: #fff;
    text-shadow: none;
    border: 1px solid #f49422!important;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;

    padding: 10px 12px!important;

    height: 35px!important;
    line-height: 1!important;

    box-shadow: 0 0 0 rgba(0,0,0,0)!important;
}

.btn-radio:hover,
.btn-radio:active,
.btn-radio:focus,
.btn-radio.active,
.btn-radio.disabled,
.btn-radio[disabled] {
    color: #fff;
    background-color: #f49422;

    box-shadow: 0 0 0 rgba(0,0,0,0)!important;
}

.vrm-matched {
    font-weight: bold!important;
    color: #009bcc;
}

.vrm-ribbon-container {
    margin-left: -20px;
}

.vrm-ribbon {
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 13px!important;
    background-color: #009bcc;
    font-weight: normal;
    text-transform: uppercase;
    padding: 10px;
}

.vrm-ribbon:after
{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    top: 100%;
    border-width: 5px 5px;
    border-style: solid;
    border-color: #006180 #006180 transparent transparent;
}

.oe-matched {
    font-weight: bold!important;
    color: #f49422;
}

.oe-ribbon-container {
    margin-left: -20px;
}

.oe-ribbon {
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 13px!important;
    background-color: #f49422;
    font-weight: normal;
    text-transform: uppercase;
    padding: 10px;
}

.oe-ribbon:after
{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    top: 100%;
    border-width: 5px 5px;
    border-style: solid;
    border-color: #76385a #76385a transparent transparent;
}

/* Edit inline */

.edit-overlay {
    margin: -6px -16px;
    padding: 6px 16px;
}

.edit-overlay:hover {
    background: url(/images/fa-edit.png) center center no-repeat;
    background-size: contain;
    margin: -8px -18px;
    border: 2px dashed #B0B0B0;
    cursor: pointer;
}

.edit-overlay:hover>div {
    opacity: 0.4!important;
}

.inline-edit-icon {
    font-size: 2em;
    background: 0 0;
    border: 0;
    padding: 0;
    float: right!important;
    line-height: 10px;
}

/* End edit inline */

/* Upload */

.filepicker-text {
    font-size: 14px;
    line-height: 34px;
    color: #000000;
}

.filepicker-select {
    position: relative;
    overflow: hidden;
}

.filepicker-select input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/* New Style Buttons */

.basket-actions .btn,
.table-two .btn,
.order-confirmation .btn,
.catalogue .btn {
    font-size: 14px;
    padding: 5px 18px;

    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
}


.catalogue .btn.mode-selected
{
    color: #004892;
}
/* Sidebar toggles */

.vehicle-history .panel-heading .panel-title .fa {
    color: #004892;
    cursor: pointer;
    margin-top: 2px;
}

.vehicle-history .panel-body {
    display: none;
}

.order-options-toggle .panel-heading .panel-title .fa {
    color: #004892;
    cursor: pointer;
    margin-top: 2px;
}

.order-options-toggle .panel-body {
    display: none;
}


/* CCA Special buttons (Have shadows) */

.basket-actions .btn-default,
.table-two .btn-default,
.order-confirmation .btn-default {
    color: #5f5f5f;
    border: 1px solid #b4b4b4;
    background: rgb(209, 209, 209);
}

.basket-actions .btn-primary,
.table-two .btn-primary {
    color: #ffffff;
    border: 1px solid #004892;
}

.basket-actions .btn-primary[disabled],
.table-two .btn-primary[disabled] {
    color: #ffffff;
    background: #9ad1c8;
    border: 1px solid #8cbdb6;
}

.basket-actions .pull-right.btn {
    margin-left: 15px;
}


/* General CCA Buttons */

.catalogue .btn-default {
    color: #5f5f5f;
    border: 1px solid #b4b4b4;
    background: rgb(209, 209, 209);

    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

.catalogue .btn-primary {
    color: #ffffff;
    border: 1px solid #004892;

    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

.catalogue .btn-warning {
    color: #ffffff;
    border: 1px solid #d58c25;

    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

.dropdown a.current-page {
    background: #f49422;
    font-weight: bold!important;
}

.dropdown a.current-page-cvlogix {
    background: #E3272B;
    font-weight: bold!important;
}

.part-image {
    text-align: center;
}

.part-image-btn {
    cursor: pointer!important;
}

.part-docs {
    text-align: center;
}

.part-docs-btn {
    cursor: pointer;
}

.datatable-thumb
{
    max-height: 70px;
    max-width: 300px;
}
/* Pagination */
.pagination>li>a {
    color: #004892;
    font-size: 12px;
    border-color: #ddd;
}

.pagination>li>a:hover {
    color: #F49422;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.pagination .active>a,
.pagination .active>span,
.pagination .active>a:hover {
    background-color: #f5f5f5;
    color: #999;
    border-color: #ddd;
}

.pagination .disabled>span,
.pagination .disabled>a,
.pagination .disabled>a:hover {
    color: #999;
    cursor: default;
    background-color: #ffffff;
}

.pagination.spots
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.pagination.spots ul {
    padding: 0;
}

.pagination.spots ul>li {
    display: inline-block;
}

.pagination.spots ul>li>a,
.pagination.spots ul>li>span
{
    background: url("/images/page-off.png") no-repeat center transparent;
    border: none;
    padding: 6px;
    overflow: hidden;
    text-indent: -1000px;
    width: 12px;
    height: 12px;
    font-size: 0;
    color: #000000;
}


/* IE8 fails on this so needs to be separate from above */

.catalogue-carousels  .swiper-pagination-clickable {
    display: inline-block;
}

.catalogue-carousels .panel-carousel
{
    display: none;
}

#featured-products-carousel, #promotional-products-carousel
{
    max-height: 347.84px;
}
.swiper-pagination-bullet
{
    background: #b0b0b;
    border: none;
    padding: 6px;
    overflow: hidden;
    text-indent: -1000px;
    width: 12px;
    height: 12px;
    font-size: 0;
    color: #000000;
    margin: 2px 4px 0px 0px;
}

.swiper-pagination-bullet-active
{
    background: #004892;
    overflow: hidden;
    text-indent: -1000px;
    border: none;
    font-size: 1px;
    color: #004892;
}

.cca .swiper-pagination-bullet-active
{
    background: #f5862a;
}

.leisure .swiper-pagination-bullet-active
{
    background: #99c53c;
}

.cvlogix .swiper-pagination-bullet-active
{
    background: #E3272B;
}

.spots div.dataTables_paginate ul.pagination
{
    margin-top: 10px;
}

.spots .pagination
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: 5px;
}

.btn-secondary.all-orders {
    display: inline-block;
    width: auto;
    padding-left: 45px;
    padding-right: 45px;
}

.spots .pagination li>a, .spots .pagination li>span
{
    background: url("/images/small-spot-off.png") no-repeat transparent;
    height: 7px;
    width: 8px;
    border: 0px;
    overflow: hidden;
    text-indent: 1000px;
    padding: 0px;
    margin: 0px 8px;
}

.spots .pagination .active>a, .spots .pagination .active>span
{
    background: url("/images/small-spot-on.png") no-repeat transparent;
}

.spots .pagination li:first-child>a, .spots ul .pagination li:first-child>span
{
    background: url("/images/spot-prev.png") no-repeat transparent;
    border: 0px;
    overflow: hidden;
    text-indent: 1000px;
    width: 4px;
    height: 8px;
    padding: 0px;
}

.spots .pagination li:last-child>a, .spots ul .pagination li:last-child>span
{
    background: url("/images/spot-next.png") no-repeat transparent;
    border: 0px;
    overflow: hidden;
    text-indent: 1000px;
    width: 4px;
    height: 8px;
    padding: 0px;
}

/* Tables */
.last-table
{
    margin-bottom: 0px;
}

.table-bordered
{
    background: #FFFFFF;
}

.table-bordered th
{
    color: #FFFFFF;
    background-color: #004892;
}

td.right, th.right
{
    text-align: right;
}

td.center
{
    text-align: center;
}

.data-table-small *
{
    font-size: 11px;
}

table.dataTable thead {
    background-color: #004892;
}

table.dataTable thead .sorting_desc,
th.sorting_desc
{
    background: url("/images/column-desc.png") right 10px center no-repeat #004892;
}

table.dataTable thead .sorting_asc,
th.sorting_asc
{
    background: url("/images/column-asc.png") right 10px center no-repeat #004892;
}

/* Banners */
a.banner
{
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 20px;
}

a.gen-banner
{
    display: block;
    max-width: 100%;
    max-height: 100%;
}

a.gen-banner img
{
    max-width: 100%;
    max-height: 100%;
}

a.homepage-banner
{
    margin: auto auto 20px auto;
}

div.banner-with-tagline
{
    min-height: 330px;
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    padding: 0;
}

div.banner-with-tagline a.gen-banner img
{
    margin-bottom: 15px;
}

div.banner-with-tagline h3
{
    font-size: 13px;
    color: #004892;
    font-weight: normal;
    margin: 0px;
}

div.banner-with-tagline p
{
    line-height: 1;
}

div.banner-with-tagline img {
    width: 100%;
}

.banner-tagline {
    margin-left: 10px;
}

.homepage-icons div
{
    text-align: center;
}

/* Navigation */
.navbar {
    min-height: 30px;
    border:0;

    filter: none;
    background: #004892;
    min-height: 30px;
    border-bottom: 3px solid #F49422;
    border-width: 0px 0px 3px;

    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.4);
    box-shadow: 0 1px 10px rgba(0,0,0,0.4);
}

.navbar.wds-navbar {
    background: #009bcc;
}

.applicated-part.part-v7match .well
{
    background: #d9ffcc;
}

.applicated-part.part-v8match .well
{
    background: #b3ecff;
}

.applicated-part.oe-match .well
{
    border: 5px solid #f49422;
}

/* Mobile Navigation */
@media (max-width: 767px) {
    .navbar-toggle {
        display: block;
        background: transparent;
        border: none;
        width: 100%;
        color: #004892;
        font-family: DINWeb-Bold, Arial, sans-serif;
        font-size: 2em;
        text-transform: uppercase;
        line-height: 2em;
        padding: 0;
        margin:0;
        text-align: left;
    }

    .rotator-controls ul {
        white-space: nowrap;
        overflow: hidden;
    }

    .catalogue-categories .dropdown-menu.third-level {
        left: 0!important;
        position: relative!important;
    }

    .catalogue-categories .dropdown-menu.third-level li a {
        background-color: #E2E2E2!important;
    }

    .catalogue-categories .dropdown-menu.third-level li a:hover {
        background-color: #D4D4D4!important;
    }

    .product-detail .product-image {
        height: auto!important;
    }

    .product-detail .image-column {
        width: 100%!important;
        margin-bottom: 15px;
    }

    .product-detail .desc-column {
        width: 100%!important;
    }

    .navbar-nav .open .dropdown-menu {
        padding: 0 15px;
    }

    .mobile-compare-btn {
        margin-top: -2px!important;
        margin-bottom: 10px!important;
        margin-right: 0!important;
        float: right!important;
    }

    .buy-from-holder {
        float: none!important;
    }

    .row-xs {
        margin-left: -10px;
        margin-right: -10px;
    }

    .navbar-collapse .navbar-nav {
        overflow-x: hidden;
    }

    .navbar-toggle .logo {
        background: url("/images/fdrive-logo.png") no-repeat;
        background-size: contain;
    }

    .navbar .nav > li {
        background: transparent;
    }

    .navbar .nav > li > a {
        font-size: 18px!important;
        padding-left: 50px!important;
        padding: 10px 5px 10px 50px!important;
    }

    .navbar-logo {
        font-weight: bold;
        font-style: italic;
        line-height: 2em;
        color: #004892;
    }

    .navbar-logo-white {
        color: #fff;
    }

    .zoomContainer {
        display: none;
    }

    .logo-sup {
        font-size: 11px;
        top: -11px;
        left: 5px;
    }

    .search-result .compare-product.mobile-list {
        margin-left: -10px!important;
    }

    .search-result .list-image-holder {
        margin-bottom: 15px;
    }

    .product-detail .product-actions {
        margin-bottom: 0!important;
    }

    .navbar-nav>li>.dropdown-menu.menu-horizontal {
        width: 100%!important;
    }

    .basket-adder .form-control {
        padding: 5px;
    }

    .catalogue-carousels.product-recently-viewed {
        margin-top: 20px;
    }

    .catalogue-filters {
        display: none;
    }

    .product-detail .product-information {
        margin: 20px 0 20px 0!important;
    }

    .product-detail .product-subtitle, .product-detail .product-prices {
        font-size: 16px!important;
    }

    strong {
        font-weight: 200;
    }

    .product-detail .product-title {
        font-size: 17px;
    }

    .pager-parts {
        padding-left: 0;
        margin-bottom: 15px!important;
    }

    .pager-parts .btn {
        padding-left: 35px;
        padding-right: 35px;
        display: inline;
    }

    .search-result .result-actions {
        margin-left: auto!important;
        margin-right: auto!important;
    }

    .catalogue-header .container-fluid {
        padding: 0;
        margin: 0;
    }

    .catalogue-categories .panel-body {
        display: none;
    }

    .hamburger-menu {
        float: right;
        text-align: right;
        font-size: 1.8em;
    }

    .mam-filter-results {
        display: none;
    }

    .mam-filter-heading {
        background-color: #D0D2D3!important;
    }

    .mam-mobile-image {
        text-align: center;
        margin-bottom: 20px;
    }

    .mam-part-spec {
        margin: 4px 0;
    }

    .mam-product-price-now {
        margin: 5px 0!important;
    }

    .detail-toggle {
        color: #004892;
        font-size: 17px;
        font-weight: normal;
        cursor: pointer;
    }

    .detail-toggle-down {
        display: none;
    }

    .mam-product-basket-adder .form-group {
        display: inline-block;
    }

    .mam-product-basket-adder-holder {
        text-align: left!important
    }

    .applicated-part .stock-holder {
        text-align: left!important;
        padding-left: 0;
    }

    .components .info-header {
        margin-bottom: 15px;
    }

    .customer-menu {
        padding: 0 10px;
    }

    .dropdown-menu.menu-horizontal {
        position: static!important;
    }

    .menu-horizontal li {
        float: none!important;
        background: transparent!important;
    }

    .menu-horizontal li > a {
       height: auto!important;
    }

    .fdrive-wrapper {
        margin-top: 15px;
    }

    .container-fluid.mobile-nav-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }

    .mobile-icon > div {
        text-align: center;
    }

    .mobile-icon .messages a {
        background: url(/images/message.png) center no-repeat;
        padding-left: 42px;
        position: relative;
    }

    .mobile-icon .basket a {
        background: url(/images/mini-cart.png) center no-repeat;
        padding-left: 42px;
        position: relative;
    }

    .mobile-icon .logged-in a {
        background: url(/images/logged-in-peep.png) center no-repeat;
        padding-left: 42px;
        position: relative;
    }

    .mobile-icon span.counter {
        background: url(/images/message-dot-new.png) center no-repeat;
        width: 10px;
        height: 10px;
        color: #FFFFFF;
        text-align: center;
        font-size: 9px;
        display: block;
        position: absolute;
        line-height: 10px;
        vertical-align: middle;
        font-weight: bold;
        top: 4px;
        left: 28px;
    }

    .mobile-icon {
        background: url(/images/menu-separator.png) right center no-repeat;
    }

    .mobile-icon {
        background: url(/images/menu-separator.png) right center no-repeat;
    }

    .search-bar .title {
        display: none;
    }

    .search-bar form {
        float: none!important;
        text-align: left!important;
        width: 100%!important;
        padding: 0!important;
    }

    .search-bar .form-inline input {
        width: 49%;
        margin-right: 0;
        float: right;
    }

    .search-bar .form-inline select {
        width: 100%;
        margin-left: 0;
        float: left;
    }

    .search-bar .form-inline button {
        float: clear;
        margin: 10px 0 15px 0;
        width: 100%;
    }

    .dropdown-submenu .dropdown-menu {
        margin: 0!important;
        padding-left:10px;
    }

    .catalogue-categories .dropdown-menu.second-level {
        position: relative;
        left: 0;
        margin-bottom: 15px;
        box-shadow: 0 0;
    }
}

@media (max-width: 767px){
    .components-tabs.nav-pills>li.active>a{
        color: #000000 !important;
        background: none !important;
        border: none !important;
    }
    .components-tabs.nav-pills>li.active>a:after, .components-tabs.nav-pills>li.active>a:before, .components-tabs.nav-pills>li>a:after, .components-tabs.nav-pills>li>a:before{
        border: none !important;
        background: none !important;
    }
    .components-tabs.nav-pills>li>a{
        padding: 3px 0 3px 0 !important;
        border: none !important;
        background: none !important;
        text-align: left !important;
    }
    .components-tabs.nav-pills>li>a:hover{
        opacity: 0.7;
    }
    .components-tabs.nav-pills{
        background: none !important;
        box-shadow: none;
    }
    .nav-pills>li{
        width: 100%;
    }

    #search-form .parts-search-flex {
        flex: 0 0 100%!important;
        padding: 0!important;
        margin-bottom: 10px!important;
    }

    #search-form .search-type-flex {
        flex: 0 0 100%!important;
        margin-bottom: 0!important;
        order: 2;
    }

    #search-form .btn-flex {
        order: 3;
    }

    div.search-bar {
        margin: 0!important;
    }
}

.banner-with-tagline p{
    margin-top: 10px;
}

.customer-menu .navbar-nav > li
{
    position: static;
}

.navbar-fixed-top .navbar-inner, .navbar-inner
{
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.3);
    box-shadow: 0 1px 10px rgba(0,0,0,0.3);
}


.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
   max-height: 480px;
}

.navbar-collapse {
    padding-left: 0;
}

.navbar .nav > li
{
    background: url(/images/menu-separator.png) right center no-repeat;
}

.navbar .ordering-accounts
{
    display: inline-block;
    font-size: 12px;
}

.navbar .ordering-accounts select
{
    font-size: 12px;
    height: 30px;
}

.wds-navbar .nav > li {
    background: none;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent;
}

.navbar .nav.pull-right > li
{
    /*background: url(/images/menu-separator.png) left center no-repeat;*/
}

.navbar .nav > li > a,
.navbar .nav > li > span
{
    padding: 5px 20px;
    text-shadow: none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 100;
    -webkit-transition: color 100ms linear;
    -moz-transition: color 100ms linear;
    -o-transition: color 100ms linear;
    -ms-transition: color 100ms linear;
    transition: color 100ms linear;
    display: block;
}

#user-changed
{
    display: none;
    position: absolute;
    top: 200%;
    width: 150px;
    padding: 15px;
    background: #FFFFFF;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    border: #004892 solid 6px;
    text-align: center;
    -webkit-box-shadow: 0 0px 18px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0px 18px rgba(0,0,0,0.2);
    box-shadow: 0 0px 18px rgba(0,0,0,0.2);
}

#user-changed:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -15px;
    left: 26px;
}

#user-changed:before
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 19px 19px;
    border-color: #004892 transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: -24px;
    left: 22px;
}

.vat-footer
{
    margin-top: 15px;
    text-align: center;
}

.vat-footer p
{
    margin-bottom: 0px;
}

.nav > li.impersonate-change a
{
    background: url(/images/account-switch.png) 16px 7px no-repeat;
    padding-left: 42px;
}

.nav > li a.impersonate-off
{
    display: inline-block;
    color: #FFFFFF;
}

.nav > li a.impersonate-off:hover
{
    color: #CCCCCC;
}

.nav > li.basket-countdown
{
    display: none;
}

.nav > li.basket-countdown a
{
    background: url(/images/countdown.png) 16px 3px no-repeat;
    padding-left: 47px;
}

.nav > li.logged-in > a
{
    background: url(/images/logged-in-peep.png) 16px 7px no-repeat;
    padding-left: 42px;
}

.nav > li.log-out > a
{
    background: url(/images/log-out.png) 16px 7px no-repeat;
    padding-left: 42px;
}

.nav > li.basket a.dropdown-toggle
{
    background: url(/images/mini-cart.png) 16px 7px no-repeat;
    padding-left: 42px;
    position: relative;
}

.nav > li.messages > a
{
    background: url(/images/message.png) 16px 7px no-repeat;
    padding-left: 42px;
    position: relative;
}

.nav > li span.counter
{
    background: url(/images/message-dot-new.png) center no-repeat;
    width: 10px;
    height: 10px;
    color: #FFFFFF;
    text-align: center;
    font-size: 9px;
    display: block;
    position: absolute;
    line-height: 10px;
    vertical-align: middle;
    font-weight: bold;
    top: 4px;
    left: 28px;
}

.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle
{
    background-color: #004892;
    color: #FFFFFF;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
    z-index: 2;
}

.navbar .nav > li > a:focus, .navbar .nav>li>a:hover
{
    color: #004892;
    background-color: #FFFFFF;
}

.navbar .nav li.dropdown>.dropdown-toggle .caret
{
    background: url(/images/caret-new.png) no-repeat;
    width: 7px;
    height: 5px;
    border: 0px;
}

.navbar .nav li.dropdown>.dropdown-toggle .caret-white
{
    background: url(/images/caret-white.png) no-repeat;
    width: 7px;
    height: 5px;
    border: 0px;
}


/* Customer Menu */
.customer-menu.navbar
{
    border-radius: 0px;
}

.navbar.customer-menu .nav li.dropdown.open>.dropdown-toggle, .navbar.customer-menu .nav li.dropdown.active>.dropdown-toggle, .navbar.customer-menu .nav li.dropdown.open.active>.dropdown-toggle
{
    background-color: transparent;
    color: #FFFFFF;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/* Menus */
.dropdown-menu
{
    border-radius: 4px;
    top: 24px;
    z-index: 1;
}

.dropdown-menu li>a
{
    color: #000000;
    font-size: 12px;
    padding: 4px 15px;
}

.dropdown-menu li>a.btn
{
    color: #FFFFFF;
}

.dropdown-menu li>a:hover, .dropdown-menu li>a:focus,
.dropdown-menu .active>a,.dropdown-menu .active>a:hover
{
    color: #FFFFFF;
    background: #AAAAAA;
}

.navbar-nav>li>.dropdown-menu
{
    border: 0px;
    border-top: 6px solid #004892;
    border-radius: 0px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    background: #F3F3F5;
    z-index: 1010;
}

.navbar-nav>li>.dropdown-menu .dropdown-menu
{
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #777777;
    margin-top: -5px;
    margin-left: 0px;
}

.navbar .nav>li>.dropdown-menu .dropdown-menu li > a
{
    color: #FFFFFF;
}

.dropdown-menu:hover>a
{
    background: #999999;
}

.navbar-nav>li>.dropdown-menu:before, .navbar-nav>li>.dropdown-menu:after
{
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.navbar-nav>li>.dropdown-menu.menu-horizontal
{
    border: none;
    margin-top: 3px;
    border-radius: 0px;
    top: 100%;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: #004892;
}

.navbar.customer-menu .nav>li>.dropdown-menu.menu-horizontal:before
{
    top: 0px;
    left: 20px;
    border-bottom: 0px;
    border-right: 7px solid transparent;
    border-top: 7px solid #004892;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,0.2);
}

.navbar-nav>li>.dropdown-menu.menu-horizontal:after
{
    border: none;
    top: 0px;
    left: 20px;
    border-bottom: 0px;
    border-right: 7px solid transparent;
    border-top: 7px solid #004892;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,0.2);
    /* content: ''; */
}

.vrm-menu-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.dropdown-menu.menu-horizontal li a.vrm-link-before {
    flex: 0 0 auto;
    padding: 0 60px;
    font-size: 13px;
    color: white;
    font-weight: bold;
}

.vrm-menu-flex .vrm-search label {
    font-size: 11px;
    color: #FFFFFF;
}

.vrm-menu-flex .vrm-search .vrm-credit-value {
    font-size: 11px;
	color: #FFFFFF;
}

.vrm-menu-flex .vrm-search .buy-vrm-credits {
    color: #ffffff;
}

.vrm-menu-flex .vrm-search input {
    display: inline-block;
    width: calc(100% - 120px);
}

.vrm-menu-flex .vrm-search .btn-secondary {
    display: inline-block;
    width: auto;
    float: right;
    margin-top: 5px;
    border-color: #ffffff;
    color: #444444;
}

.vrm-menu-flex .vrm-search .btn-secondary:hover {
    background-color: #eaeaea;
    border-color: #eaeaea;
    color: #444444;
}


.vrm-menu-flex .vrm-search.parts-menu > .row {
    margin-bottom: 0;
}

.vrm-menu-flex .vrm-menu-row {
    width: 385px;
}

.quantity-entered, .quantity-required
{
    font-weight: bold;
}

.menu-horizontal .vrm-menu-box {
    flex: 1;
    padding: 5px 15px 0;
}

.menu-horizontal li.vrm-menu {
    width: 500px;
}

.menu-horizontal li
{
    float: left;
    width: 170px;
}

.menu-horizontal li:last-child
{
    background: none;
}

.dropdown-menu.menu-horizontal li>a
{
    display: block;
    height: 85px;
    line-height: 70px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    transition: none;
    font-size: 13px;
    padding: 6px 30px;
}

.dropdown-submenu:hover>a
{
    background: #999;
    color: #fff;
}


.dropdown-menu.menu-horizontal li>a:hover, .dropdown-menu.menu-horizontal li>a:focus, .dropdown-submenu.menu-horizontal:hover>a, .dropdown-menu.menu-horizontal .active>a, .dropdown-menu.menu-horizontal .active>a:hover
{
    background: inherit;
    text-decoration: underline;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-submenu > .dropdown-menu:hover {
    background-color: #999999;
}

/* Titles */
h1
{
    color: #000000;
    font-size: 24px;
}

h1 span
{
    color: #004892;
}

div.search-bar
{
    height: 76px;
    margin: 0 -10px;
}

.search-bar a.title
{
    display: block;
    background: url("/images/fdrive-logo-new.png") no-repeat;
    width: 193px;
    height: 31px;
    float: left;
    margin: 25px 0px 0px 10px;
}

div.search-bar form
{
    float: right;
    margin-top: 25px;
    text-align: right;
}

div.search-bar label.search-type, div.search-bar label.search-type input
{
    vertical-align: baseline;
    font-size: 12px;
    margin-right: 0px;
    margin-top: 4px;
}

div.search-bar label.search-type input
{
    margin-right: 4px;
    margin-left: 14px;
}

div.search-bar .form-control.input-sm
{
    height: 35px;
}

div.search-bar button
{
    padding: 5px 40px;
    height: 35px;
}

#search-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
}

#search-form .search-type-flex {
    flex: 0 0 auto;
}

#search-form .parts-search-flex {
    flex: 1;
    padding: 0 10px;
}

#search-form .btn-flex {
    flex: 0 0 auto;
}

.green-focus {
    border: 1px solid #004892;
}

.green-focus:focus {
    border-color: #004892;
}

#update-parts #search-parts {
    margin-left: 10px;
}


input#parts-search, input#sli_search_1
{
    width: 100%;
    border: 1px solid #004892;
}

.sidebar-nav .nav-header
{
    border: 1px solid #BCBEC0;
    padding: 0px;
    background: #f6f6f6;
    background: -moz-linear-gradient(top,  #f6f6f6 0%, #dddedf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#dddedf));
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#dddedf 100%);
    background: -o-linear-gradient(top,  #f6f6f6 0%,#dddedf 100%);
    background: -ms-linear-gradient(top,  #f6f6f6 0%,#dddedf 100%);
    background: linear-gradient(to bottom,  #f6f6f6 0%,#dddedf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dddedf',GradientType=0 );
}

.sidebar-nav .nav-list
{
    margin-bottom: 32px;
}

.nav-header h3
{
    border: 1px solid #FFFFFF;
    padding: 8px 24px;
    margin: 0px;
    font-size: 12px;
    line-height: normal;
    text-transform: none;
    background: url("/images/sidemenu-title-background.png") 12px 14px no-repeat;
    color: #000000;
}

.sidebar-nav .nav-list > li > a
{
    padding: 4px 26px;
    color: #000000;
    border-bottom: 1px solid #EDEDED;

    -webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

/* Buyers Guide */
.buyers-guide-image
{
    margin-bottom: 15px;
}

/* Dashboard */
#hero-carousel
{
    margin-bottom: 20px;
}

.hero-swiper-pagination
{
    clear: both;
    text-align: center;
}

.shadowed
{
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    border-radius: 0px;
}

.headed-well, .well, .headed-well-large
{
    position: relative;
    background: #ffffff;
    border: 0px;
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    border-radius: 0px;
    padding: 15px;
}

.headed-well h2
{
    background: #004892;
    color: #FFFFFF;
    text-align: center;
    padding: 6px;
    margin: -15px -15px 10px -15px;
    font-size: 12px;
    line-height: normal;
}

.headed-well-large
{
    padding: 20px;
}

.headed-well-large h2
{
    background: #f2f2f2;
    padding: 25px 38px;
    font-size: 12px;
    margin: -20px -20px 15px -20px;
    color: #004892;
    border-bottom: 1px solid #e3e4e5;
}

.part-well h2
{
    margin: 0px 0px 30px 0px;
    font-size: 15px;
    font-weight: normal;
    color: #333;
}

.trans-headed-well {
    font-size: 13px;
    color: #727476;
}

@media (min-width: 768px) {

    .dl-horizontal dt {
        width: 120px;
    }

    .dl-horizontal dd {
        margin-left: 150px;
    }

}

.trans-headed-well h2
{
    color: #004892;
    text-align: left;
    padding: 6px;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    border-bottom: 1px solid #F1F2F4;
    margin: -8px 0px 16px 0px;
    padding: 0px 0px 4px 0px;
    position: relative;
}

.trans-headed-well h2 span.sub-title
{
    position: absolute;
    top: 0px;
    right: 0px;
    color: #333333;
}

.trans-headed-well h3
{
    color: #004892;
    font-size: 14px;
    line-height: normal;
    margin: 0px;
    padding: 0px;
    height: 48px;
}

@media (min-width: 768px) {

    #update-your-details,
    #update-business-details {
        position: absolute;
        right: 20px;
        top: 50px;
    }

    #change-your-password,
    #add-business-principal {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }

}

h2.title
{
    color: #004892;
    font-size: 14px;
    margin: 0px 0px 10px 15px;
    font-weight: normal;
}

.hero-article .article-date
{
    font-weight: bold;
}

.article-image
{
    margin: 0px 20px 20px 0px;
}

.information
{
    font-size: 14px;
    margin: 10px 0px;
}
.product-focus h2
{
    line-height: normal;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 4px 0px;
    font-size: 13px;
    font-weight: normal;
    border-bottom: 1px solid #EBEBEC;
}

.product-focus h3
{
    line-height: normal;
    color: #004892;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
}

.product-focus h4
{
    line-height: normal;
    color: #000000;
    font-size: 10px;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.product-focus h5
{
    line-height: normal;
    color: #000000;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

.product-focus h6
{
    line-height: normal;
    color: #000000;
    font-size: 12px;
    margin: 0px 0px 8px 0px;
    padding: 0px;
    font-weight: normal;
}

.product-focus a
{
    margin-top: 8px;
}

.product-focus a.more-info
{
    display: block;
    border-top: 1px solid #CCCCCC;
    color: #000000;
    padding: 4px 0px 0px 10px;
    margin-top: 8px;
    line-height: normal;
    background: url(/images/more-info-arrow.png) no-repeat left 9px;
}

.catalogue-list
{
    margin: 0px;
    padding: 0px;

    list-style-type: none;
}

.catalogue-list li h5
{
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    line-height: normal;
}

.catalogue-list li > div
{
    font-weight: bold;
    line-height: normal;
}

.catalogue-filters .panel-body,
#sli-filters .panel-body {
    max-height: 254px;
    overflow-y: auto;
}

#catalogue-filters h5 {
    margin-bottom: 11px;
}

#fdrive_frame
{
    background: url(/images/iframe-loader.gif) no-repeat center 50px;
}

.permissions-fieldset
{
    display: none;
}

.navbar .nav>li>.dropdown-menu#quick-basket
{
    min-height: 100px;
    min-width: 224px;
    background: #FFFFFF;
}

#quick-basket-content
{
    max-height: 368px;
    padding-right: 16px;
    overflow: auto;
    overflow-x: hidden;
}

.quick-basket .btn-mini
{
    padding: 3px 5px;
    clear: none;
    margin-left: 8px;
}

.quick-basket li>a.btn.remove-all
{
    color: #000;
}

span.quick-basket-counter
{
    display: none;
}

span.quick-basket-counter.show
{
    display: block;
}

.quick-basket h3
{
    font-size: 11px;
    line-height: normal;
    padding: 0px;
    margin: 0px;
}

.quick-basket
{
    padding: 0px 12px;
    list-style-type: none;
    margin-left: 0px;
}

.quick-basket li
{
    padding: 4px 0px;
    border-bottom: #E7E8E9 1px solid;
    position: relative;
    width: 300px;
}

.quick-basket li:last-child
{
    border-bottom: none;
}

.navbar .nav>li>.dropdown-menu#quick-basket.loaded
{
    background: #FFFFFF;
}

.quick-basket li label
{
    font-size: 11px;
    font-weight: bold;
}

.quick-basket li span
{
    color: #000000;
    font-weight: bold;
}

.quick-basket li div.image-holder
{
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 5px;
}

.quick-basket li div.image-holder img
{
    max-width: 35px;
    max-height: 35px;
    border: 1px solid #E7E8E9;
}

.quick-basket li div.info-holder
{
    float: left;
    width: 182px;
}

.quick-basket li div.info-holder span, .quick-basket li div.info-holder h4
{
    color: #004892;
}

.quick-basket li div.info-holder *
{
    font-size: 11px;
}

.quick-basket li h4
{
    line-height: normal;
    padding: 0px;
    margin: 0px 0px 4px;
}

.quick-basket li a.remove
{
    position: absolute;
    right: 0px;
    top: 22px;
    background: url(/images/remove-product.png) center no-repeat;
    width: 22px;
    height: 22px;
    text-indent: -100%;
    overflow: hidden;
    padding: 0px;
}

/********************************** PARTS */
.feedback-banner-home
{
    display: block;
}

.feedback-banner-home img
{
    width: 100%;
    max-width: 100%;
}

.parts-menu .panel
{
    padding: 0px;
    border: 0px;
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    border-radius: 0px;
    margin-bottom: 0px;
}

.parts-menu .panel.buyers-guide .input-group-btn:last-child>.btn.btn-secondary
{
    border: 1px solid #f49422;
    margin: 0px;
}

.parts-menu .panel.buyers-guide .input-group .form-control:first-child
{
    border-right: 0px;
}

.parts-menu > .row
{
    margin-bottom: 20px;
}

.parts-menu #extra-vehicles
{
    display: none;

}
.parts-menu .vehicle-search .row
{
    margin-bottom: 0px;
}

.parts-menu .panel-heading
{
    border-radius: 0px;
}

.parts-menu .panel-title
{
    color: #000000;
    font-size: 17px;
    font-weight: normal;
}

.parts-menu .ordering-accounts
{
    margin-bottom: 15px;
}

.parts-menu.wds-mode-menu .panel-heading
{
    background-color: #009dcc;
}

.parts-menu.wds-mode-menu .panel-heading .panel-title
{
    color: #FFFFFF;
}

.parts-menu  .panel-body
{
    border-top: 1px solid #e7e7e7;
    line-height: 20px;
}

.parts-menu .quick-basket .panel-body
{
    background: url("/images/quick-basket.png") 20px center no-repeat;
    background-position: 15% 45%;
}

.parts-menu .quick-basket .basket-total
{
    color: #000000;
}

.parts-menu ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.parts-menu ul li a
{
    color: #004892;
    font-size:13px;
}

.parts-menu ul li a:hover
{
    color: #666666;
}

.parts-menu label
{
    color: #444444;
}

.parts-menu .vrm-entry
{
    width: 100%;
    height: 44px;
    border: 0px;
    background: url(/images/vrm-plate.png) no-repeat center;
    background-size: contain;
    display: block;
    padding: 6px 6px 6px 40px;
    font-family: UkNumberPlate;
    font-size: 30px;
    margin-bottom: 15px;
}

.parts-menu .vrm-entry.disabled
{
    background: url(/images/vrm-plate-disabled.png) no-repeat center;
}

.vehicle-detail div
{
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fdrive-wrapper .quick-add-holder .quick-add-part-code
{
    width: 70%;
}

.fdrive-wrapper .quick-add-holder .quick-add-product
{
    width: 70%;
}

.fdrive-wrapper .quick-add-holder .quick-add-quantity
{
    width: 30%;
}

.fdrive-wrapper .parts-menu .quick-add-holder .input-group
{
    margin-top: 5px;
}

.fdrive-wrapper .search-holder
{
    margin-bottom: 10px;
}

.exhaust-image h2
{
    margin-bottom: 0px;
}

.part-note-none
{
    background: url("/images/note-none.png") no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}

.part-note
{
    background: url("/images/note.png") no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}

.part-search-title
{
    font-size: 17px;
}

.search-cross-ref-text
{
    text-align: center;
    font-weight: bold;
}

ul.brandselect {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}

ul.brandselect li {
    display: inline-block;
}

ul.brandselect li:first-child label[class="checkbox"] {
    padding-left: 0;
}

ul.brandselect li label[class="checkbox"] {
    padding-left: 22px;
    font-size: 12px;
}

ul.brandselect li input[type="checkbox"] {
    margin-left: 10px;
    float: right;
}

.part-list
{
    font-size: 12px;
    color: #000000;
    background: #ffffff;
}

.part-list td > input
{
    width: 60px;
}

.part-list td .form-control.quantity
{
    display: inline-block;
}

.part-list thead tr th {
    padding-top: 20px!important;
}

.part-list .last-td {
    padding: 5px!important;
}

.part-list .note-td {
    padding: 5px 10px!important;
}

.search-cross-ref-text button
{
    margin-left: 10px;
}

.part-list thead>tr>th {
    border-bottom: solid 2px #c3c3c3;
}

.part-list button {
    padding: 2px 4px;
}

.part-list input {
    font-size: 11px;
    height: 30px;
}

.part-list th, .part-list td
{
    vertical-align: middle;
}

.part-list .part-name {
    text-transform: capitalize;
}

.table.part-list>tbody>tr.alternatives>td
{
    background-color: #CBD8D6;
    border-bottom: solid 1px #666;
}

.table.part-list>tbody>tr.alternatives-top>td
{
    border-top: 3px solid #58595b;
}

.table.part-list>tbody>tr.alternatives-bottom>td
{
    border-bottom: 3px solid #58595b;
}

.part-list td.part-code, .part-list td.part-price
{
    font-weight: bold;
}

.part-list .stock
{
    width: 30px;
    background-size: 30px 30px;
}

.part-list>tbody>tr>td, .part-list>tbody>tr>th, .part-list>tfoot>tr>td, .part-list>tfoot>tr>th, .part-list>thead>tr>td, .part-list>thead>tr>th {
    padding: 10px 5px;
}

.table.part-list>tbody>tr>td
{
    border-top: none;
    border-bottom: 1px solid #bbb;
    vertical-align: middle;
}

.table.part-list>tbody>tr.quantity-break-parent>td
{
    /*border-bottom: none;*/
}

.part-list .glyphicon {
    color: #004892;
}

.part-list .text-center {
    width: 90px;
}

/*
 * Additional non-component export styles
 */
.noncomponent-fieldlist .ms-container {
    width: 434px;
}

.noncomponent-fieldlist .ms-container .ms-selectable,
.noncomponent-fieldlist .ms-container .ms-selection {
    width: 175px;
}

.noncomponent-fieldlist .ms-container .buttons {
    float: left;
    padding-left: 22px;
    padding-top: 56px;
}

.noncomponent-fieldlist .ms-container .buttons button {
    display: block;
    width: 3em;
    margin: 10px 0;
}

.surcharge
{
    font-size: 10px;
    font-style: italic;
    margin-top: 4px;
    margin-bottom: 0px;
}

.components h4, .vehicle-search-col h4
{
    color: #004892;
    font-size: 12px;
}

.company-stock
{
    font-size: 10px;
}

.please-call
{
    font-size: 10px;
    font-style: italic;
}

.please-call a
{
    font-weight: bold;
    color: inherit;
}


.product-groups {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.product-groups .product-group-outer {
    flex: 0 0 25%;
    padding: 5px;
}

@media(max-width: 1199px){
    .product-groups .product-group-outer {
        flex: 0 0 33.33333%;
    }
}

@media(max-width: 991px){
    .product-groups .product-group-outer {
        flex: 0 0 50%;
    }
}

@media(max-width: 767px){
    .product-groups .product-group-outer {
        flex: 0 0 100%;
    }
}

.product-groups .product-group {
    height: 100%;
}

.product-group .product-group-inner {
    background-color: #ffffff;
    padding: 10px;
    height: 100%;
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
}

.product-group .product-group-inner h4 {
    margin-top: 0;
    color: #004892;
    font-size: 17px;
}

.product-group .product-group-inner ul a, .vehicle-list a {
    display: block;
    padding: 2px 8px;
    margin: 0px -8px;
    color: #000000;
    font-size: 13px;
}

.product-group:nth-child(4n)
{
    border-right: none;
}

.vehicle-search-col:last-child
{
    border-right: none;
}

.vehicle-list
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.vehicle-list a, .product-groups ul a
{
    display: block;
    padding: 2px 8px;
    margin: 0px -8px;
    color: #000000;
}

.vehicle-list a:hover, .product-groups ul a:hover, .vehicle-list a.active
{
    background-color: #004892;
    color: #FFFFFF;
}

.vehicle-list a.active
{
    text-decoration: none;
}

.btn-product-group
{
    margin-bottom: 10px;
}

.product-groups ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;

}

.modal .application-thumb-holder {
    margin-bottom: 0!important;
}

.modal .info-header
{
    margin-top: 20px!important;
    margin-bottom: 0!important;
}

.info-header, .components .info-header
{
    font-size: 12px;
    color: #000000;
    margin-top: 0px;
    vertical-align: middle;
}

.info-header .label, .components .info-header .label
{
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

.find-help-text
{
    margin-bottom: 15px;
}

.mam-part-count
{
    margin-bottom: 15px;
    text-align: center;
}

.filter
{
    float: left;
    margin-right: 10px;
    margin-bottom: 4px;
}

.filter label
{
    display: block;
}

.application-thumb-holder
{
    text-align: center;
    margin-bottom: 15px;
}

.applicated-thumb
{
    max-width: 100%;
    max-height: 100%;
}

.applicated-thumb-mobile
{
    max-width: 100%;
    max-height: 100%;
}

.model-type-row
{
    margin-bottom: 5px;
}

.applicated-part .part-note, .applicated-part .part-note-none
{
    padding-left: 25px;
    color: #000000;
}

.applicated-part .well
{
    padding-left: 0px;
    padding-right: 0px;
}

.catalogue .applicated-expand
{
    background: #FFFFFF;
    padding: 5px 8px;
    font-size: 12px;
    margin-right: 4px;
}

.applicated-part .quantity
{
    width: 60px;
}

.back-to-top {
    display: none;
    position: fixed;
    bottom: 15px;
    opacity: 0.5;
    cursor: pointer;
    right: 15px;
    font-size: 16px;
    color: #FFFFFF;
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.11);
    z-index: 1000;
    border: solid 2px #FFFFFF;
    background: #004892;
    padding: 18px;
}

.back-to-top-smooth {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;
}

.back-to-top:hover {
    display: block;
    bottom: 20px;
    opacity: 1;
}

.applicated-part .checkbox label {
    padding-left: 0;
}

.applicated-part h3, .applicated-part a.title
{
    font-size: 17px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}

.applicated-part h5
{
    font-size: 12px;
    margin: 0px 0px 5px 0px;
    font-weight: normal;
}

.applicated-part h6
{
    font-size: 12px;
    margin: 0px;
    font-weight: normal;
}

.applicated-part .info-header
{
    line-height: normal;
    height: auto;
    margin-bottom: 0px;
}

.applicated-part .price-now
{
    color: #000;
    font-size: 22px;
    font-weight: 600;
    margin-top: -4px;
}

.applicated-part .unit-text
{
    color: #000000;
    font-size: 12px;
}

.applicated-notes
{
    margin-top: 15px;
}

.applicated-note
{
    margin-bottom: 0px;
}

.applicated-note-label
{
    background: #e2e2e2;
    color: #000000;
    border: 1px solid #FFFFFF;
    border-right: 0px;
    padding: 2px 8px;
}

.applicated-note-text
{
    background: #f2f2f3;
    color: #0081a5;
    border: 1px solid #FFFFFF;
    padding: 2px 8px;

    overflow-wrap: break-word;
    word-wrap: break-word;

     -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
}

.note-line
{
    margin: 0px;
}

.associated-part-item .note-line .applicated-note-label, .associated-part-item .note-line .applicated-note-text
{
    vertical-align: top;
    font-weight: normal;
}

.associated-part-item .applicated-notes
{
    margin-bottom: 10px;
}

.associated-parts
{
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #e7e7e7;
    text-align: right;
}

.associated-parts label
{
    display: block;
}

/* No results */
.lost-sale-type-list
{
    list-style-type: none;
    padding: 0;
}

.lost-sale-type-list li input
{
    margin-right: 5px;
}

.lost-sale-type-list li label
{
    font-weight: normal;
    font-size: 12px;
}

.lost-sale-type-list li textarea
{
    margin-bottom: 10px;
    height: 100px;
    display: none;
}

.lost-sales-thanks
{
    font-weight: bold;
    color: #009900;
    padding: 8px;
    text-align: center;
    display: none;
    font-size: 14px;
}

/* End no results */

/*********************/
/***** CATALOGUE *****/
/*********************/

/*
Bootstrap Overrides
 */

.catalogue .panel
{
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    border-radius: 0px;
    border: 0;
}

.favourite-select .selectpicker.btn-default {
    background-color: #e2e2e2;
}

.catalogue .panel-heading
{
    background-color: #bbb;
    color: #000000;
    border-bottom: 0;
    border-radius: 0;
}

.catalogue .panel-title
{
    font-size: 15px;
    font-weight: normal;
}

.catalogue .panel-body ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.catalogue .panel-body ul > li > a {
    color: #000000;
}

.catalogue .panel-body ul.dropdown-menu > li.disabled > a {
    color: #777;
}

.has-feedback label~.form-control-feedback {
    top:22px;
}

/*.form-control {
    border-radius: 0;
    -webkit-box-shadow: inset 0px -1px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px -1px 10px 1px rgba(0,0,0,0.3);
    box-shadow: inset 0px -1px 10px 1px rgba(0,0,0,0.3);
}*/

.list-group {
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    border-radius: 0px;
    border: 0;
    font-size: 15px;
    color: #000000;
}

.list-group .list-group-item {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    line-height: 26px;
}

.list-group .list-group-item:first-child {
    border-top: 0;
}

.list-group .list-group-item:last-child {
    border-bottom: 0;
}

.list-group .list-group-item a {
    color: #004892;
    font-weight: bold;
}

.list-group .list-group-item .btn {
    padding: 4px 16px;
    margin-right: 12px;
}

.list-group .list-group-item input {
    height: 30px;
}

.list-group .list-group-item .glyphicon {
    top: 20px;
    font-size: 17px;
    color: #A2A2A2;
    float: right;
}

.list-group .list-group-item .remove-action
{
    float: right;
}

.list-group .list-group-item .remove-action .glyphicon
{
    top: 8px;
}

.btn {
    border-radius: 0;
    font-weight: bold;
}

.btn-primary {
    background-color: #004892;
    border-color: #004892;
}

.catalogue .btn-primary:hover {
    background-color: #34AD9D;
}

/* Tabs (Requires class .tab-panel in <div role="tabpanel">) */

.tab-panel {
    background: #fff;
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    border-radius: 0px;
    border: 0;
    padding: 0px !important;
}

.tab-panel.product-detail
{
    margin-bottom: 20px;
}

.tab-panel .tab-pane {
    padding: 15px 30px;
}

.tab-panel .nav-tabs {
    border-bottom: 2px solid #eeeff0;
    padding: 0 15px;
}

.tab-panel .nav-tabs > li {
    margin: 0;
}

.tab-panel .nav-tabs > li > a,
.tab-panel .nav-tabs > li:hover > a,
.tab-panel .nav-tabs > li:focus > a {
    border: 0;
    border-bottom: 2px solid transparent;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    padding: 6px 15px;
    margin-bottom: -1px;
}

.tab-panel .nav-tabs > li.active > a {
    border: 0;
    border-bottom: 2px solid #37bcab;
    color: #37bcab;
    padding: 6px 15px;
    margin-bottom: -1px;
}

.tab-panel .nav-tabs > li > a::before {
    content: " ";
    opacity: 0;

    -webkit-transition: all 50ms linear;
    -moz-transition: all 50ms linear;
    -o-transition: all 50ms linear;
    -ms-transition: all 50ms linear;
    transition: all 50ms linear;
}

.tab-panel .nav-tabs > li.active > a::before {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #37bcaa transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    right: 45%;
    opacity: 1;
}


/* Modals */

.modal-header .close {
    color: #333;
    font-size: 26px;
    opacity: 0.8;
}

.modal-header .close:hover {
    opacity: 1;
}

.modal-content {
    padding: 0 25px;
}

.modal-header {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.modal-body {
    padding: 15px 0;
}

.modal-footer {
    padding: 15px 0;
    border-top: 1px solid #ccc;
}

/*
Bootstrap Overrides END
 */

.no-pad { padding: 0!important; }
.no-pad-l { padding-left: 0!important; }
.no-pad-r { padding-right: 0!important; }

.divider {
    border-top: 1px solid #D7D7D7;
    margin: 15px 0;
}

.catalogue h5 {
    color: #004892;
}

.btn-layout {
    background-color: #ffffff;
    padding: 12px 10px 8px 13px!important;
    margin: 0 0 8px 16px;
    font-size: 18px!important;
    color: #d1d3d4;
    border-color: #E8E8E8!important;

    -webkit-box-shadow: 2px 3px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 3px 6px rgba(0,0,0,0.2);
    box-shadow: 2px 3px 6px rgba(0,0,0,0.2);
}

.btn-layout:focus,
.btn-layout:hover {
    color: #A0A0A0;
}

.catalogue-categories .panel-heading {
    cursor: pointer;
}

.catalogue-categories .panel-body {
    padding: 0;
}

.catalogue-categories ul {
    padding: 0px;
    border-bottom: 1px solid #e5e5e5;
}

.catalogue-categories ul > li {
    position: relative;
    font-size: 13px;
    font-weight: 600;
}

.catalogue-categories ul > li:first-child
{
    padding-top: 6px;
}

.catalogue-categories ul > li:last-child
{
    padding-bottom: 6px;
}

.catalogue-categories .dropdown:hover {
    background-color: #f4f4f4;

    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
}

.catalogue-categories .dropdown:hover > a,
.catalogue-categories .dropdown:hover > a > span {
    color: #004892;
}

.catalogue-categories ul > li > a {
    color: #737373;
    display: block;
    text-decoration: none;
    font-weight: normal;
    padding: 2px 0px 2px 15px;
}

.catalogue-categories ul > li > a > span {
    float: right;
    font-size: 20px;
    line-height: 19px;
    color: #b1b1b1;
    padding: 0 7px 0px 0px;
}

.catalogue-categories .dropdown-menu {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    width: 100%;

    left: 275px;
    top: 0;
}

.catalogue-categories .dropdown-submenu>a:after {
    display: none;
}

/*.catalogue-categories .dropdown:hover > .dropdown-menu {
    display: block;
}*/

.catalogue-categories .dropdown-menu.second-level {
    z-index: 1000;
    -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
    padding: 0px;
    margin-left: 10px;
}

.catalogue-categories .dropdown-menu.second-level li
{
    margin: 0px;
    padding: 0px;
}

.catalogue-categories .dropdown-menu.second-level li a, .catalogue-categories .dropdown-menu.third-level li a
{
    background-color: #f4f4f4;
    padding: 4px 0px 4px 15px;
}

.catalogue-categories .dropdown-menu.second-level > li:hover > a, .catalogue-categories .dropdown-menu.third-level > li:hover > a,
.catalogue-categories .dropdown-submenu:hover {
    background-color: #e8e8ea;
    color: #004892;

}

.catalogue-categories .dropdown-menu.third-level {
    -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
    left: 275px;
    padding: 0px;
    margin-left: 10px;
    height: auto;
}

.catalogue-categories .single-level-menu li a:hover
{
    text-decoration: underline;
}


.catalogue-categories .single-level-menu li.dropdown a:hover
{
    text-decoration: none;
}

.catalogue-categories .quick-add {
    padding: 12px;
}

.catalogue-categories .dropdown-submenu:hover>.dropdown-menu {
    display: none;
}

.catalogue-header.fixed-header {
    position: fixed;
    top: 33px;
    z-index: 100;
    background-color: #fff;
    padding: 15px 4% 5px 15px;
    margin-left: 0px;
    border-bottom: 2px solid #B3B3B3;
    left: 0;
    right: 0;
}

.quick-add .has-error input {
    -webkit-box-shadow: inset 0px 0px 4px rgba(187, 25, 21, 0.75);
    box-shadow: inset 0px 0px 4px rgba(187, 25, 21, 0.75);
}

.quick-add .text-danger {
    color: #a94442!important;
}

/*
/* Hero Rotator
 */

.catalogue-rotator
{
}

.catalogue-rotator .viewport {
    overflow: hidden;
    position: relative;
    height: 460px;
    z-index: 1;
}

.catalogue-rotator .overview,
.catalogue-side-rotator .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 100%;
    left: 0;
    top: 0;
}

.catalogue-rotator .overview li,
.catalogue-side-rotator .overview li {
    float: left;
    margin: 0;
    text-align: center;
    padding: 0;
}

.catalogue-rotator .overview a,
.catalogue-side-rotator .overview a {
    display: block;
}

.catalogue-rotator .overview img,
.catalogue-side-rotator .overview img {
    width: 100%;
}

.catalogue-rotator .panel-body {
    padding: 0;
}

.catalogue-side-rotator .viewport {
    overflow: hidden;
    position: relative;
    height: 252px;
    z-index: 1;
}

.catalogue-side-rotator .panel-body {
    padding: 0;
}

.rotator-bar {
    background: url(/images/rotator-bar.png);
}

.rotator-controls {
    margin-top: -12px;
}

.rotator-controls h5 {
    letter-spacing: 0.4px;
    color: #004892;
    margin-bottom: 5px;
    display: inline;
}

.rotator-controls p {
    color: #000000;
}

.rotator-controls ul {
    margin: 0 0 -15px 0;
    padding: 14px 0 8px 0;
    border-top: 1px solid #e5e5e5;
}

.rotator-controls ul > li {
    display: inline-block;
    list-style-type: none;
    width: 33.3333%;
    vertical-align: top;
}

.rotator-controls .rotator-bar {
    background: #004892;
    background-position: 0 0;
    border: 0;
    display: block;
    height: 6px;
    position: relative;
    top: 6px;
    z-index: 2;

    -webkit-transition:background-position 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:background-position 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition:background-position 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition:background-position 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.rotator-controls ul > li > a,
.rotator-controls ul > li > a:hover,
.rotator-controls ul > li > a:focus {
    display:inline-block;
    padding: 0 10px 0 10px;
    width: 100%;
    text-decoration: none;
}

/*
/* Carousels
 */

.catalogue-carousels .panel {
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    border-radius: 0px;
    border: 0;
}

.catalogue-carousels .carousel-title {
    color: #004892;
    margin: 0px;
    float: left;
}

.catalogue-carousels .dropdown-menu {
    z-index: 10;
    left: 5px;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #F4F4F4;
    z-index: 999;
}

.catalogue-carousels .dropdown-menu li:first-child {
    padding: 5px 0 0;
}

.catalogue-carousels .dropdown-menu li:last-child {
    padding: 0 0 5px;
}

.catalogue-carousels .dropdown-menu li > a {
    color: #737373;
    padding: 1px 10px;
    font-size: 14px;
    white-space: normal;
}

.catalogue-carousels .dropdown-menu li > a:hover {
    background: #DADADA;
}

.catalogue-carousels .panel-title.open {
    background-color: #004892;
    color: #fff;
    padding: 5px 15px 10px 10px;
    margin: -5px -15px -10px -10px;

    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.catalogue-carousels .panel-title.open > a {
    text-decoration: none;
}

.catalogue-carousels .panel-title.open > a:hover {
    color: #fff;
    text-decoration: none;
}

.catalogue-carousels .product-price {
    font-weight: 400;
    font-size: 16px;
}

.catalogue-carousels .product-price .price-was {
    color: #ffa500;
    text-decoration: line-through;
}

.slide-details .product-price-was .inner-was {
    color: #ffa500;
    text-decoration: line-through;
    font-style: normal!important;
}

.slide-details .product-price-was .inner-now {
    color: initial;
    font-style: italic!important;
}

.slide-details .product-price-qb {
    font-style: normal!important;
}

.catalogue-carousels .product-price .price-now {
    color: #004892;
}

.panel-carousel {
    position: relative;
}

.panel-carousel .panel-heading {
    background-color: #fff;
}

.panel-carousel .panel-title{
    color: #004892;
    font-weight: normal;
}

.panel-carousel .carousel-filter {
    float: left;
}

.panel-carousel .carousel-filter span.glyphicon {
    color: #000000;
    font-size: 12px;
}

.panel-carousel .carousel-controls {
    float: right;
}

.panel-carousel .carousel-controls a {
    color: #000000;
}

.panel-carousel .carousel-dot {
    background: url("/images/carousel-dots.png") -8px;
    width: 7px;
    height: 8px;
    display: inline-block;
    margin: 0 3px 4px 3px;
}

.panel-carousel .carousel-dot.active {
    background: url("/images/carousel-dots.png");
    width: 8px;
}

.panel-carousel .carousel-dot.prev {
    background: url("/images/chevron-left.png");
    width: 10px;
    height: 14px;
    margin: 0 2px;
}

.panel-carousel .carousel-dot.next {
    background: url("/images/chevron-right.png");
    width: 10px;
    height: 14px;
    margin: 0 3px;
}

.panel-carousel .buttons {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    padding: 4px 7px;

    /*background-color: #c6c8ca;*/
    background-color: #b4b4b4;
    color: #fff;
    font-size: 26px;

    z-index: 2;

    opacity: 0;

    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.panel-carousel .swiper-slide h4
{
    font-size: 14px;
    margin: 0px;
    height: 35px;
    font-weight: normal;
}

.panel-carousel .swiper-slide h5
{
    font-size: 14px;
    font-style: italic;
}
.panel-carousel .swiper-slide h5.price-loaded
{
    color: #000000;
    font-style: normal;
}

.panel-carousel .panel-body:hover > .buttons {
    opacity: 0.8;
    background-color: #b4b4b4;
}

.panel-carousel .buttons.prev {
    left: 0;
}

.panel-carousel .buttons.next {
    right: 0;
}

.panel-carousel .carousel-seeall {
    margin-right: 10px;
    font-size: 13px;
    text-decoration: underline;
    vertical-align: top;
    display: inline-block;
}

@media (max-width: 468px) {
    .panel-carousel .carousel-seeall {
        margin-right: 2px;
        font-size: 11px;
    }
}

.new-ribbon {
    background: #009bcc;
}

.promo-ribbon {
    background: #ffb307;
}

.bulk-ribbon {
    background: #f49422;
}

.new-tag {
    color: #009bcc;
    font-weight: bold;
    font-style: italic;
}

.promo-tag {
    color: #ffb307;
    font-weight: bold;
    font-style: italic;
}

.bulk-tag {
    color: #f49422;
    font-weight: bold;
    font-style: italic;
}

.corner-ribbon {
    width: 100px;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 24px;
    letter-spacing: 1px;
    color: #ffffff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* Different positions */

.corner-ribbon.top-left{
    top: 15px;
    left: -23px!important;
    right: initial;
    position: absolute;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-left-secondary{
    top: 32px;
    left: -31px!important;
    width: 150px;
    left: initial;
    position: absolute;
    transform: rotate(45deg);
    -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
    top: 15px;
    right: -23px!important;
    left: initial;
    position: absolute;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


.panel-carousel .swiper-slide {
    padding: 10px;
    overflow: hidden;
}

.panel-carousel .swiper-slide.three-products {
    width: 33%;
}

.panel-carousel .swiper-slide.six-products {
    width: 16.66%;
}

.slide-details {
    margin-top: 10px;
}

.slide-details .product-price-nowas {
    height: 15px;
}

@media (max-width: 468px) {
    .panel-carousel .panel-title a {
        font-size: 14px;
    }
}

.panel-carousel .swiper-slide p {
    margin-top: 5px;
    margin-bottom: 0;
    color: #000000;
    font-size: 14px;
    line-height: 1.3;
}

@media (max-width: 468px) {
    .panel-carousel .swiper-slide p {
        font-size: 14px;
    }
}

.panel-carousel .swiper-slide p.price {
    color: #004892;
}

.panel-carousel .swiper-slide a {
    display: block;
    color: initial;
}

.panel-carousel .swiper-slide img {
    width: 100%;
}

.panel-carousel .swiper-slide .vertical-slide {
    height: 100px;
}

.panel-carousel .swiper-slide .vertical-slide a {
    display: inline-block;
    width: 33%;
    margin-top: 12px;
}

.panel-carousel .swiper-slide .vertical-slide a img {
    padding-right: 5px;
}

.panel-carousel .swiper-slide .vertical-slide p {
    display: inline-block;
    width: 65%;
    margin: 0;
}

/* Alternative Carousel with basket add */

.panel-carousel-basket .selectpicker {
    position: absolute;
    top: -15px;
}

.panel-carousel-basket .carousel-image {
    float: left;
    width: 33.3333%;
    margin-bottom: 8px;
}

.panel-carousel-basket .carousel-info {
    float: right;
    width: 66.6666%;
    padding-left: 10px;
    font-size: 14px;
    text-align: left;
    line-height: 1.3;
}

.panel-carousel-basket .carousel-basket {
    border-top: 1px solid #D7D7D7;
    padding-top: 12px;
    width: 100%;
    clear: both;
}

.panel-carousel-basket .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 184px!important;
}

body > .bootstrap-select.btn-group .dropdown-menu {
    min-width: 184px!important;
    top: 15px;
}

.download-list {
    padding: 0;
    list-style: none;
}

.download-list > li > a {
    color: #004892;
    margin-bottom: 10px;
    font-size: 14px;
}

.download-list > li > a > span.download-icon {
    background: url(/images/download.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 18px;
    margin: 0 0 -2px 10px;
}

/*
Catalogue Search
 */

.options-available
{
    background: url("/images/options.png") left center no-repeat;
    padding-left: 30px;
    margin-bottom: 6px;
    display: block;
}

.grid-view .options-available
{
    position: absolute;
    top: 8px;
}

.search-selections .panel-body {
    padding: 0;
}

.search-selections .list-group {
    margin: 0;
    font-size: 13px;
}

.search-selections .list-group > li {
    border: 0;
    border-top: 1px dashed #D1D3D4;
    color: #000000;
    padding: 5px 15px;
}

.search-selections .list-group > li:first-child {
    border:0
}

.search-selections .list-group > li > a {
    font-size: 16px;
    color: #b1b1b1;
    line-height: 14px;
}

.search-selections .list-group > li > a > span {
    margin-top: 6px;
}

.search-selections .list-group > li > a:hover {
    color: #004892;
}

/*********** Applicated Products **********/
.applicated-group h2
{
    color: #000000;
}

.applicated-banner
{
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
}

.table.applicated-range>tbody>tr>td
{
    vertical-align: middle;
    padding: 12px 18px;
    text-align: center;
}

.table.applicated-range>tbody>tr>td.range-name
{
    text-align: left;
}

.table.applicated-range>thead>tr>th
{
    padding: 12px;
    text-align: center;
    color: #000000;
    font-weight: bold;
}

.table.applicated-range>thead>tr>th.range-name
{
    text-align: left;
}

.range-feature-yes
{
    background: url(/images/stock-yes.png) no-repeat center;
    width: 25px;
    height: 25px;
    margin: auto;
}

.range-feature-no
{
    background: url(/images/stock-no.png) no-repeat center;
    width: 25px;
    height: 25px;
    margin: auto;
}

.table.applicated-range>tbody>tr>td.product-range-cell
{
    height: auto;
    padding: 0px;
}

div.product-range-holder
{
/*    position: absolute;
    left: 10px;*/
    visibility: none;
    background: #f0f0f1;
    white-space: normal;
}

div.product-range-holder
{
    display: none;
}

div.applicated-range-detail
{
    background-color: #F9F9F9;
}

div.applicated-range-detail h3
{
    background: #0081a5;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 10px;
}

div.applicated-range-detail h4
{
    color: #000000;
    margin: 0px 0px 10px 0px
}

div.applicated-range-detail img
{
    max-width: 100%;
    height: 150px;
}

div.range-detail-image-holder
{
    text-align: center;
    height: 150px;
}

div.applicated-range-detail
{
    padding: 15px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    text-align: left;
}

div.applicated-range-detail .search-result .result-basket
{
    border-bottom: none;
}

p.applicated-technical-note
{
    border: 1px solid #cacaca;
    padding: 4px;
    background: #FFFFFF;
}

p.applicated-technical-note label
{
    font-weight: bold;
    margin-bottom: 0px;
}

.applicated-all
{
    margin-bottom: 15px;
    margin-right: 10px;
}

.cca-icon {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 15px;
    height: 15px;
}

.cca-icon-plus {
    background: url(/images/plus.png);
}

.cca-icon-minus {
    background: url(/images/minus.png);
}

.cca-icon-cross {
    background: url(/images/cross.png);
}

.cca-checkbox input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
}

.cca-checkbox {
    width: 100%;
    margin: 10px 2px 15px 0;
    position: relative;
    color: #000000;
    height: 14px;
    line-height: 13px;
}

.cca-checkbox label {
    cursor: pointer;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    border: 1px solid #9B9B9B;
    min-height: 0;
    padding-left: 0;
}

.cca-checkbox label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #7C7E80;
    top: 2px;
    left: 2px;
}

.cca-checkbox label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.5;
}

.cca-checkbox input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.cca-checkbox span {
    font-weight: normal;
    color: #7c7e80;
    text-indent: -4px;
    padding-left: 4px;
    display: block;
    margin-left: 24px;
    width: 70px;
    height: 30px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}
.catalogue .panel-body ul.categories li.active > a {
    color: #004892;
}

.search-checkboxes ul > li {
    display: inline;
    float: left;
    width: 50%;
}

.search-textfilters ul > li {
    display: inline;
    float: left;
    width: 100%;
}

.search-textfilters .cca-checkbox label span {
    width: 180px;
}

.search-summary {
    font-weight: normal;
    font-size: 15px;
}

.suggestions h5
{
    color: #000000;
    margin: 0px;
    font-size: 12px;
    display: inline-block;
    margin-right: 4px;
}

.suggestions a
{
    color: #000000;
    margin-right: 4px;
}

.suggestions a:hover
{
    text-decoration: underline;
}

.search-result {
    color: #000000;
    margin-bottom: 20px;
}

.search-result .panel {
    margin-bottom: 0;
}

.search-result .result-title {
    font-weight: bold;
    font-size: 17px;
    margin: 0px 0px 4px 0px;
}

.search-result .result-title a
{
    color: inherit;
}

.search-result .result-subtitle {
    font-weight: 600;
      font-size: 12px;
}

.search-result .result-prices {
    font-weight: 400;
    font-size: 17px;
}

.search-result .result-prices .price-was {
    color: #f5862a;
    text-decoration: line-through;
    margin-left: 5px;
    font-weight: 600;
}

.search-result .result-prices .price-now {
    color: #000;
    font-weight: 600;
    font-size: 22px;
}

.search-result .result-prices.variant-result-prices {
    margin-bottom: 23px;
}

.search-result .result-prices .price-now .from-text {
    font-size: 16px;
}

.search-result .result-delivery {
    min-height: 80px;
}

.search-result .compare-product {
    font-weight: 400;
    font-size: 13px;
    margin-left: 10px;
}

.search-result .compare-text {
    font-size: 12px;
}

.result-stock {
    font-size: 12px;
    line-height: 40px;
    display: inline-block;
    padding-left: 24px;
    position: relative;
    margin-right: 4px;
}

.result-stock.in-stock {
    color: #7acbbd;
}

.result-stock.out-of-stock {
    color: #777777;
}

.grid-view .result-stock {
    line-height: 32px;
    font-size: 10px;
}

.result-stock .in-stock-icon,
.result-stock .out-of-stock-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: -10px;
}

.result-stock .in-stock-icon {
    background: url(/images/stock-yes.png) no-repeat center center;
}

.result-stock .out-of-stock-icon {
    background: url(/images/stock-no.png) no-repeat center center;
}

.grid-view .search-result .result-stock .in-stock-icon,
.grid-view .search-result .result-stock .out-of-stock-icon {
    height: 34px;
}

.fav-result .basket-confirmation {
    margin-top: 15px;
    height: 30px;
    width: 30px;
    background: url(/images/cart-36-xxl.png) center no-repeat;
    background-size: contain;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

.search-result .basket-confirmation {
    margin-right: 48px;
    margin-top: 5px;
    padding-top: 5px;
    font-size: 14px;
    color: #f49422;
    background: url(/images/cart-36-xxl.png) no-repeat left center;
    background-size: 24px 24px;
    padding-left: 35px;
    vertical-align: middle;
    float: right;
    display: inline-block;
}

.fdrive-wrapper > div.container-fluid, body > .navbar >  div.container-fluid, .fdrive-wrapper > .container-fluid .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.fdrive-wrapper > header > div.container-fluid {
    padding-left: 10px;
    padding-right: 10px;
}

body > .navbar >  div.container-fluid div.collapse {
    padding-left: 0px;
}

.search-result .result-basket {
    border-bottom: 1px solid #d1d3d4;
    padding-bottom: 15px;
    margin-right: 0;
}

.list-view .result-basket .add-to-basket {
    margin-left: 15px;
}

.search-result .result-actions {
    margin-top: 15px;
    margin-left: -15px;
}

.search-result .result-basket .basket-quantity {
    padding-right: 0;
}

.grid-view .img-responsive {
    margin: 17px auto 15px auto;
}

.grid-view .result-prices {
    margin: 0;
    padding-top: 10px;
    border-top: 1px solid #DEDEDE;
}

.grid-view .result-basket {
    border: 0;
    padding-bottom: 0;
}

.compare-container {
    height: 97px;
}

.grid-view .result-title {
    margin: 6px 0 3px;
    text-overflow: ellipsis;
}

.grid-view .compare-product {
    margin: 0 0 12px;
}

.grid-view .search-result .panel {
    min-height: 374px;
}

.more-results
{
    background: url(/images/iframe-loader.gif) center no-repeat;
    padding-top: 120px;
    text-align: center;
    color: #555555;
    font-size: 18px;
}

#chooseOptionModal .more-results
{
    margin-bottom: 20px;
}

/*
/* CCA Comparison Page
 */

.comparison-table .comparison-image img {
    display: inline-block;
    width: 75%;
    padding-bottom: 10px;
}

.comparison-table .comparison-image a {
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    color: #000000;
}

.comparison-table {
    font-size: 14px;
    color: #000000;
    width: 850px;
}

.comparison-table .comparison-price {
    font-size: 14px;
    color: #004892;
}

.comparison-table .comparison-price .was-price {
    color: #f47756;
    text-decoration: line-through;
}

.comparison-table .comparison-stock p {
    margin: 0;
    font-size: 13px;
}

.comparison-table .comparison-stock .in-stock {
    color: #004892;
    font-size: 14px;
}

.comparison-table .comparison-stock .out-of-stock {
    color: #bf1e2d;
    font-size: 14px;
}

.comparison-table .comparison-actions input {
    width: 35%;
}

.comparison-table .comparison-actions button {
    margin-left: 5%;
    width: 60%;
}

.comparison-table .comparison-description {
    font-size: 12px;
}

.comparison-table tbody > tr > th {
    padding: 12px 0 12px 0;
    font-size: 16px;
    color: #000000;
    width: 20%;
}

.comparison-table tbody > tr > td {
    padding: 15px 8px 12px 8px;
}

.comparison-table tbody > tr:first-child th,
.comparison-table tbody > tr:first-child td {
    border-top: 0;
}


/*
/* CCA Comparison Page END
 */

/*
Bootstrap Select Overrides (To be moved somewhere else)
 */

.bootstrap-select > .btn {
    background-color: #e7e8e9;
    border: 1px solid #d0d1d3;
    color: #000000;
    padding: 4px 10px;
}

.bootstrap-select .glyphicon {
    top: 2px;
    font-size: 14px;
    margin-right: 5px;
    color: #000000;
}

.bootstrap-select .glyphicon-star,
.bootstrap-select .glyphicon-asterisk {
    color: #f49422;
}

.bootstrap-select .glyphicon-ok {
    color: #4eb851;
}

.bootstrap-select .dropdown-menu {
    border-radius: 0px;
    top: 31px;
    padding: 0;
}

.bootstrap-select ul > li {
    margin: 0;
    color: #000000;
}

.bootstrap-select .dropdown-menu li>a:hover,
.bootstrap-select .dropdown-menu li>a:focus {
    background-color: #D8D8D8;
    color: #000000;
    outline: 0;
}

.bootstrap-select.btn-group .btn .filter-option {
    line-height: 22px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%!important;
}

.favourite-response {
    display: block;
    font-size: 14px;
    width: 100%;
    color: #000000;
    position: absolute;
}

.search-result a
{
    color: inherit;
}

.search-result .favourite-response {
    position: absolute;
    text-align: right;
    padding: 0 5px;
    bottom: -24px;
    right: 0;
    width: 400px;
    background-color: #fff;
}

.product-detail .favourite-response {
    left: 220px;
    top: 6px;
}


/* CCA overrides */
.cca .rotator-controls h5
{
    color: #f5862a;
}

.cca .rotator-controls .rotator-bar
{
    background: #f5862a;
}

.cca .catalogue-carousels .carousel-title
{
    color: #f5862a;
}

.leisure .rotator-controls h5
{
    color: #99c53c;
}

.leisure .rotator-controls .rotator-bar
{
    background: #99c53c;
}

.leisure .catalogue-carousels .carousel-title
{
    color: #99c53c;
}

.cvlogix .rotator-controls h5
{
    color: #E3272B;
}

.cvlogix .rotator-controls .rotator-bar
{
    background: #E3272B;
}

.cvlogix .catalogue-carousels .carousel-title {
    color: #E3272B;
}

/*
Bootstrap Select Overrides END
 */

.tabs
{
    width: auto;
    background-color: #FFFFFF;
    border-bottom: 1px solid #e6e7e8;

    margin: 0 0 25px 0;
}

.well .tabs
{
    margin: -15px -15px 25px -15px;
}

.tab > li
{
    padding: 15px;
}

.nav-pills>li
{
    min-width: 14%;
}

.nav-pills>li+li
{
    margin-left: 0px;
}

.tabs.nav-pills>li>a, .tabs.nav-pills>li>a:focus, .tabs.nav-pills>li>a:hover
{
    padding: 10px 15px;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 0;
    text-align: center;
    font-weight: bold;
    border-bottom: 6px solid #FFFFFF;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.tabs.nav-pills>li.active>a, .tabs.nav-pills>li.active>a:focus, .tabs.nav-pills>li.active>a:hover
{
    color: #004892;
    background-color: #FFFFFF;
    border-bottom: 6px solid #004892;
}

.tabs.nav-pills>li.active>a:focus, .tabs.nav-pills>li.active>a:hover
{
    color: #00e1c5;
    border-bottom: 6px solid #00e1c5;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.tabs.nav-pills>li.active>a:after, .tabs.nav-pills>li.active>a:focus:after, .tabs.nav-pills>li.active>a:hover:after
{
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #004892;
    position: absolute;
    left: 48%;
    bottom: -11px;
}

.tabs.nav-pills>li.active>a:focus:after, .tabs.nav-pills>li.active>a:hover:after
{
    border-top: 5px solid #00e1c5;
}

.components-tabs
{
    margin: 0 0 25px 0;
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    border-radius: 0px;
}

.components-tabs.nav-pills
{
    background-color: #FFFFFF;
    border: 0;
}

.components-tabs.nav-pills>li>a, .components-tabs.nav-pills>li>a:focus, .components-tabs.nav-pills>li>a:hover
{
    padding: 10px 15px 10px 30px;
    font-size: 12px;
    color: #000000;
    background: #FFFFFF;
    border-radius: 0;
    text-align: center;
    font-weight: bold;
    border: 1px solid #f3f3f3;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.components-tabs.nav-pills>li>a:hover
{
    background: #fafafa;
}

.components-tabs.nav-pills>li>a:after, .components-tabs.nav-pills>li>a:focus:after, .components-tabs.nav-pills>li>a:hover:after
{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18.5px 0 19.5px 16.0px;
    border-color: transparent transparent transparent #FFFFFF;
    right: -16px;
    top: 0px;
    position: absolute;
    z-index: 1000;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.components-tabs.nav-pills>li>a:hover:after
{
    border-color: transparent transparent transparent #fafafa;
}

.components-tabs.nav-pills>li>a:before, .components-tabs.nav-pills>li>a:focus:before, .components-tabs.nav-pills>li>a:hover:before
{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18.5px 0 19.5px 16.0px;
    border-color: transparent transparent transparent #f3f3f3;
    right: -17px;
    top: 0px;
    position: absolute;
    z-index: 1000;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}


.components-tabs.nav-pills>li:first-child>a, .components-tabs.nav-pills>li:first-child>a:focus, .components-tabs.nav-pills>li:first-child>a:hover
{
    padding-left: 15px;
}

.components-tabs.nav-pills>li.preselected>a, .components-tabs.nav-pills>li.preselected>a:focus, .components-tabs.nav-pills>li.preselected>a:hover
{
    color: #FFFFFF;
    background: #39b54a;
    border: 1px solid #37a544;
}

.components-tabs.nav-pills>li.preselected>a:hover
{
    background: #3cbc4d;
}

.components-tabs.nav-pills>li.preselected>a:after, .components-tabs.nav-pills>li.preselected>a:focus:after, .components-tabs.nav-pills>li.preselected>a:hover:after
{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18.5px 0 19.5px 16.0px;
    border-color: transparent transparent transparent #39b54a;
    right: -16px;
    top: 0px;
    position: absolute;
    z-index: 1000;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.components-tabs.nav-pills>li.preselected>a:hover:after
{
    border-color: transparent transparent transparent #3cbc4d;
}


.components-tabs.nav-pills>li.preselected>a:before, .components-tabs.nav-pills>li.preselected>a:focus:before, .components-tabs.nav-pills>li.preselected>a:hover:before
{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18.5px 0 19.5px 16.0px;
    border-color: transparent transparent transparent #37a544;
    right: -17px;
    top: 0px;
    position: absolute;
    z-index: 1000;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.components-tabs.nav-pills>li.active>a, .components-tabs.nav-pills>li.active>a:focus, .components-tabs.nav-pills>li.active>a:hover
{
    color: #FFFFFF;
    background: #96ce90;
    border: 1px solid #77c272;
}

.components-tabs.nav-pills>li.active>a:hover
{
    background: #9cd796;
}

.components-tabs.nav-pills>li.active>a:after, .components-tabs.nav-pills>li.active>a:focus:after, .components-tabs.nav-pills>li.active>a:hover:after
{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18.5px 0 19.5px 16.0px;
    border-color: transparent transparent transparent #96ce90;
    right: -16px;
    top: 0px;
    position: absolute;
    z-index: 1000;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.components-tabs.nav-pills>li.active>a:hover:after
{
    border-color: transparent transparent transparent #9cd796;
}

.components-tabs.nav-pills>li.active>a:before, .components-tabs.nav-pills>li.active>a:focus:before, .components-tabs.nav-pills>li.active>a:hover:before
{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18.5px 0 19.5px 16.0px;
    border-color: transparent transparent transparent #77c272;
    right: -17px;
    top: 0px;
    position: absolute;
    z-index: 1000;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.components-tabs.nav-pills>li:last-child a
{
    padding-right: 25px;
}

.components-tabs.nav-pills>li:last-child>a:before
{
    display: none;
}

.components-tabs.nav-pills>li:last-child>a:after
{
    display: none;
}

.quantity-breaks td, .quantity-breaks, 
.quantity-breaks + .tooltip > .tooltip-inner 
{
    font-weight: bold;
    color: #e0219e;
    font-size: 14px;
}

.bulk-order-message
{
    margin-top: 10px;
    font-weight: bold;
}

.fdrive-table
{
    margin: 15px -15px 15px -15px;
}

.fdrive-table .table>thead:first-child>tr:first-child>th
{
    background: #f2f2f2;
    padding: 20px 10px;
    color: #004892;
    border-top: 1px solid #e3e4e5;
    border-bottom: 1px solid #e3e4e5;
}

.fdrive-table .table > thead:first-child > tr:first-child > th:first-child
{
    padding-left: 40px;
}

.fdrive-table .table > thead:first-child > tr:first-child > th:last-child
{
    padding-right: 40px;
}

.fdrive-table .table>tbody>tr>td
{
    border-top: 0;
}

.fdrive-table table tbody tr td
{
    padding: 6px;
}

.fdrive-table table tbody tr td:first-child
{
    padding-left: 40px;
}

.fdrive-table table tbody tr td:last-child
{
    padding-right: 40px;
}

.fdrive-table table tbody tr:first-child td
{
    padding-top: 40px;
}

.fdrive-table table tbody tr:last-child td
{
    padding-bottom: 40px;
}

/*
PRODUCT LIST/GRID RIBBON
 */

.ribbon-result {
    color: #fff;
    display: inline-block;
    height: 30px;
    margin-left: -22px;
    margin-bottom: -1px;
    position: absolute;
    font-size: 14px;
    padding: 6px 16px;
    margin-top: -29px;
}

.ribbon-result:after {
    border-top: 4px solid #e5e5e5;
    border-right: 3px solid #e5e5e5;
    border-bottom: 3px solid transparent;
    border-left: 4px solid transparent;
    bottom: -7px;
    content: "";
    position: absolute;
    left: 0;
}

.ribbon-orange { background-color: #f5862a; }
.ribbon-orange:after { border-top-color: #8d5325; border-right-color: #8d5325; } /* LESS 15% darken */
.ribbon-pink { background-color: #d95398; }
.ribbon-pink:after { border-top-color: #b72872; border-right-color: #b72872; } /* LESS 15% darken */
.ribbon-purple { background-color: #69479c; }
.ribbon-purple:after { border-top-color: #462f67; border-right-color: #462f67; } /* LESS 15% darken */
.ribbon-blue { background-color: #008fc2; }
.ribbon-blue:after { border-top-color: #005776; border-right-color: #005776; } /* LESS 15% darken */
.ribbon-red { background-color: #dd0000; }
.ribbon-red:after { border-top-color: #910000; border-right-color: #910000; } /* LESS 15% darken */

.next-day-text-grid {
    font-weight: bold;
    color: #dd0000;
    font-size: 14px;
    margin: -20px 0 0;
}

.next-day-text {
    font-weight: bold;
    color: #dd0000;
    font-size: 14px;
    margin: 0;
}

.next-day-text-sm {
    font-weight: bold;
    color: #dd0000;
    font-size: 12px;
    margin: 3px 0 0;
}

.mam-product-basket-adder.with-next-day {
    margin-bottom: 5px;
}

#special-order-modal .modal-body
{
    padding-top: 8px;
}

.stock
{
    display: inline-block;
    height: 20px;
    min-width: 30px;
}

.stock-teal
{
    font-weight: bold;
    color: #004892;
}

.stock-yes-teal
{
    background-image: url(/images/stock-yes-teal.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: #004892;
}

.stock-yes
{
    vertical-align: top;
    background-image: url(/images/stock-yes.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: #39b54a;
}

.stock-no
{
	vertical-align: top;
    background-image: url(/images/stock-no.png);
    background-repeat: no-repeat;
    background-position: center center;
	background-size: 20px 20px;
    color: #bf1e2d;
}

.stock-red {
    font-weight: bold;
    color: #e30613;

}

.stock-purple {
    font-weight: bold;
    color: #69479C
}

.fa-stock-warning {
    font-size: 17px;
    color: #69479C;
}

.applicated-part .stock-holder
{
    text-align: right;
}

.applicated-part .stock
{
    /*padding-left: 40px;
    margin: 0px 0px 0px 5px;*/
}

.applicated-part .stock span
{
    color: #000000;
}

.basic-flex {
    display: flex;
    flex-wrap: wrap;
}

.basic-flex .flex-sm {
    flex: 0 0 auto;
}

.basic-flex .flex-lg {
    flex: 1;
}

.basic-flex.align-center {
    align-items: center;
}

.basket-holder
{
    margin-bottom: 20px;
}

.basket-checkout {
    margin-top: -19px;
    margin-right: -1px;
    background-color: white;
    padding: 15px;
}

.basket-checkout .basket-subtotal {
    margin-bottom: 5px;
}

.basket-checkout .basket-shipping {
    margin-bottom: 5px;
}

.basket-checkout .basket-vat-total {
    margin-bottom: 5px;
}

.basket-checkout .basket-total {
    color: #004892;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 15px;
}

.basket-notes {
    color: #000000;
    padding: 10px 0;
    margin-bottom: 20px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.basket-reserved {
    font-size: 16px;
}

.order-summary-panel {
    padding: 0 10px;
}

.order-summary-panel .order-summary-heading {
    padding: 10px 15px;
    background-color: #ffffff;
    margin-bottom: 1px;
}

.order-summary-panel .order-summary-heading .order-summary-title {
    font-weight: normal;
    font-size: 18px;
    margin: 0;
}

.order-summary-panel .order-summary-body {
    background-color: white;
    padding: 15px;
}

.order-summary-panel .order-summary-body .basic-flex {
    margin-bottom: 5px;
}

.order-summary-panel .order-summary-body .order-summary-total {
    color: #004892;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
}

.info-table
{
    color: #000000;
    font-size: 14px;
    margin: 0px;
}

.info-table input {
    width: 60px;
}

.info-table thead {
    background-color: white;
}

.info-table thead > tr > th {
    color: #000000;
    font-weight: bold;
    border-top: 0;
    padding: 16px 8px;
    font-size: 13px;
}

.info-table tbody > tr > td {
    background: #ffffff;
    padding: 16px 8px;
    vertical-align: middle;
    font-size: 13px;
}

.info-table .price {
    color: #000000;
    font-weight: bold;
}

.info-table .remove-from-basket {
    color: #8c8c8c;
    line-height: 24px;
}

.info-table .remove-from-basket:hover {
    color: #a8a8a8;
}

.info-table tbody > tr.stock-branch,
.info-table tbody > tr.stock-branch > td
{
   background-color: #DFEDEB!important;
}

.basket-actions {
    margin-bottom: 15px;
}

.form-group .basket-actions {
    margin-bottom: 0;
}

.basket-actions div,
.table-two div {
    margin-bottom: 15px;
}

.basket-actions div:first-child {
   xpadding-left: 15px;
}

.basket-actions div:last-child {
    xpadding-right: 15px;
}

.basket-actions .form-horizontal label {
    font-size: 13px;
    padding: 5px 15px 0 0;
}

.basket-actions .form-horizontal div {
    padding: 0;
}

.orderhistory-header {
    color: #000000;
    font-size: 14px;
}

.orderhistory-header p {
    margin-bottom: 7px;
}

.orderhistory-title {
    font-size: 24px;
}

.print-page {
    display: none;
}

.print-image {
    display: none;
}

.btn.btn-primary.print-lg {
    font-size: 18px;
    padding: 6px 45px;
}

.orderhistory-address {
    font-size: 12px;
    padding-bottom: 10px;
}

.orderhistory-note {
    color: #000000;
    font-size: 16px;
    margin-bottom: 20px;
}

.orderhistory-totals {
    color: #6D6D6D;
    font-size: 14px;
}

.orderhistory-results .alert {
    margin: 10px;
}

.orderhistory-results .info-table {
    background-color: #ffffff;
}

.orderhistory-results .info-table th {
    font-weight: bold;
}

.orderhistory-results .info-table .first-column {
    padding-left: 20px;
}

.orderhistory-results .info-table .last-column {
    display: flex;
    flex-wrap: wrap;
}

.orderhistory-results .info-table .last-column button {
    flex: 1;
    margin: 0 5px;
    padding: 8px 0px;
    background: #004892;
    border: solid 1px #004892;
    box-shadow: none;
    font-weight: bold;
    color: #ffffff;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}


.orderhistory-results .info-table .last-column button:hover {
    background: #F49422;
    color: #ffffff;
}

.orderhistory-results
{
    margin-bottom: 20px;
}

.orderhistory-comment-box {
    min-height: 60px;
}

.update-orders {
    padding-top: 0;
    background-color: #ffffff;
}

.update-orders input {
    width: 140px!important;
}

.ref-number {
    font-size: 24px;
    margin: 0;
}

.please-print {
    margin: 0;
    color: #f49422;
    text-align: center;
    font-size: 22px;
}

.return-request-header {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.return-request-header span {
    color: #004892;
}

td.remove-button-padding {
    text-align: right;
    padding-right: 32px!important;
}

td.shrink-td {
    width: 1px;
}

select.reason {
    padding: 5px 8px;
}

.basket-actions-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 10px 0;
}

.basket-actions-inner .basket-actions-segment {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 5px 15px 10px;
    border-width: 2px;
    border-right-style: solid;
    -webkit-border-image: -webkit-linear-gradient(transparent, #afafaf, transparent) 1 100%;
    -moz-border-image: -moz-linear-gradient(transparent, #afafaf, transparent) 1 100%;
    -o-border-image: -o-linear-gradient(transparent, #afafaf, transparent) 1 100%;
    border-image: linear-gradient(to bottom, transparent, #afafaf, transparent) 1 100%;
}

.basket-actions-inner .basket-actions-segment:last-of-type {
    border: none;
}

.basket-actions-inner .basket-actions-segment .form-group, .basket-actions-search {
    margin: 0 7.5px;
}

.basket-actions-create {
    margin: 0 7.5px;
    flex: 1;
}

@media(max-width: 1140px){
    .partno-visible .basket-actions-search {
        flex: 0 0 100%;
    }

    .partno-visible .basket-actions-create {
        flex: 0 0 100%;
    }

    .partno-visible .basket-actions-segment {
        margin-bottom: 0!important;
    }

    .partno-visible .basket-actions-search {
        flex: 0 0 100%;
        margin: 0;
    }

    .partno-visible .basket-actions-create {
        flex: 0 0 100%;
        margin: 0;
    }

    .partno-visible .basket-actions-search .btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .partno-visible .basket-actions-create .btn.btn-primary {
        width: 100%;
    }

    .partno-visible .basket-actions-part {
        flex: 0 0 100%;
        margin: 0 0 10px!important;
    }

    .partno-visible .basket-actions-searchfor {
        flex: 0 0 100%;
        margin: 0!important;
    }

    .partno-visible .basket-actions-inner .basket-actions-segment .basket-actions-part .form-group {
        margin: 0;
    }

    .partno-visible .basket-actions-inner .basket-actions-segment .basket-actions-searchfor .form-group {
        margin: 0;
    }

    .partno-visible .basket-actions-inner .basket-actions-segment .basket-actions-searchfor .form-group input {
        width: 100%!important;
    }

    .partno-visible .basket-actions-partno {
        align-self: baseline!important;
    }

    .partno-visible .basket-actions-partno #search-parts {
        margin: 0!important;
    }

    .partno-visible .basket-actions-partno #search-parts .form-group {
        margin: 0!important;
    }
}

@media(max-width: 767px){
    .basket-actions-inner .basket-actions-segment.search-segment {
        flex: 0 0 100%;
        border: none;
        margin-bottom: 5px!important;
    }
}

@media(max-width: 935px){
    .partno-hidden .basket-actions-segment {
        margin-bottom: 0!important;
    }

    .partno-hidden .basket-actions-search {
        flex: 0 0 100%;
        margin: 0;
    }

    .partno-hidden .basket-actions-create {
        flex: 0 0 100%;
        margin: 0;
    }

    .partno-hidden .basket-actions-search .btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .partno-hidden .basket-actions-create .btn.btn-primary {
        width: 100%;
    }

    .partno-hidden .basket-actions-part {
        flex: 0 0 100%;
        margin: 0 0 10px!important;
    }

    .partno-hidden .basket-actions-searchfor {
        flex: 0 0 100%;
        margin: 0!important;
    }

    .partno-hidden .basket-actions-inner .basket-actions-segment .basket-actions-part .form-group {
        margin: 0;
    }

    .partno-hidden .basket-actions-inner .basket-actions-segment .basket-actions-searchfor .form-group {
        margin: 0;
    }

    .partno-hidden .basket-actions-inner .basket-actions-segment .basket-actions-searchfor .form-group input {
        width: 100%!important;
    }
}

.basket-actions-create .btn.btn-primary {
    width: 250px;
    margin-left: auto;
    box-shadow: none;
    border: solid 1px #58595b;
    background: #58595b;
}

.basket-actions-search .btn {
    width: 250px;
}

.basket-actions-inner .basket-actions-segment.segment-fill {
    flex: 1;
}

.update-orders .basket-actions {
    background-color: #ebebec;
    margin: 0px;
    padding: 0px;
}

.update-orders .basket-actions .btn-secondary {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.update-orders input[name="from"] {
    margin-right: 10px;
}

.order-history-container {
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    background-color: #ffffff;
}

.order-history-container .first-column {
    padding-left: 15px;
}

.order-history-container td[colspan="8"] {
    padding: 25px 15px;
}

.order-history-container .info-table tbody > tr > td:first-of-type {
    padding-left: 15px;
}

.order-history-container .info-table tbody > tr:first-of-type > td {
    padding-top: 30px;
}

.order-history-container .nav-pills {
    border-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.order-history-container .order-history-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.order-history-container .order-history-header .order-history-options {
    flex: 1;
    text-align: right;
    padding: 0 30px;
}

@media(max-width: 767px){
    .order-history-container .order-history-header .order-history-options {
        flex: 0 0 100%;
        text-align: right;
        padding: 15px 30px;
        background-color: #ececec;
    }
}

.order-history-container .order-history-header .order-history-options .order-history-option {
    display: inline-block;
    margin-left: 25px;
    font-size: 16px;
}

.order-history-container .order-history-header .order-history-options .order-history-option.order-history-reset {
    font-weight: bold;
    cursor: pointer;
}

.order-history-container .order-history-header .nav-pills {
    flex: 0 0 50%;
}

@media(max-width: 767px){
    .order-history-container .order-history-header .nav-pills {
        flex: 0 0 100%;
    }
}

.order-history-container .order-history-header .nav-pills > li {
    min-width: 25%;
}

.order-history-container .nav-pills a {
    font-size: 16px!important;
}

.order-history-container .table>thead>tr>th {
    border-bottom: solid 1px #ddd;
    padding-bottom: 17px;
    padding-top: 30px;
}

.order-history-tabs {
    border-bottom: 0;
    background-color: #ffffff;
}

.order-history-tabs.nav-tabs > li {
    margin-bottom: 0;
}

.order-history-tabs.nav-tabs>li.active>a, .order-history-tabs.nav-tabs>li.active>a:focus, .order-history-tabs.nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    border-radius: 5px;
    background-color: #004892;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.order-history-tabs.nav-tabs>li>a:hover {
    border-color: transparent;
    color: #12e6cc;
}


/* Order Details Page */
.fps-van
{
    background: url(/images/fps-van.png) no-repeat center;
    background-size: contain;
    height: 123px;
}

/* Order Confirmation Page */
.order-confirmation caption
{
    background: #d1e4dc;
    color: #000000;
    padding: 25px 15px;
}

.order-confirmation tbody tr td
{
    padding: 0px 15px;
    background: #FFFFFF;
    vertical-align: middle;
    height: 70px;
}

.order-confirmation .reference
{
    color: #39b54a;
}

/*
PRODUCT DETAIL PAGE
*/

.product-detail {
    color: #000000;
    background: #FFFFFF;
    margin-bottom: 20px;
    padding: 20px;
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
}

.modal.product-detail
{
    background: transparent;
}

#special-order-modal
{
    z-index: 10000;
}

.product-detail .image-column {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    width: 37.5%;
}

.product-detail .desc-column {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    width: 62.5%;
}

.watermark-360 {
    position: absolute;
    background: transparent;
    opacity: 0.9;
}

#modal360 .flex-video {
    width: 100%;
    height: 770px;
}

.product-detail p {
    font-size: 14px;
}

.product-detail .no-stock-overall {
    font-size: 30px;
    color: #004892;
}

.product-detail .product-image {
    height: 317px;
}

.product-detail .product-image iframe {
    width: 100%;
}

.product-detail .product-image img {
    width: 100%;
}

.product-detail .product-subimages {
    padding: 0 10px 0 15px;
    margin-top: 10px;
}

.product-detail .product-subimages div {
    padding: 0 3px;
}

.product-detail .product-subimage[data-type="video"]:after {
    position: absolute;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 12px;
    left: 15px;
    content: "\e029";
    color: #fff;
}

.product-detail .product-subimage img {
    background-color: #fff;
    border: solid 1px #e7e7e7;
    padding: 1px 4px;
}

.product-detail .product-title {
    margin: 0;
}

.product-detail .product-subtitle {
    font-size: 17px;
    padding: 10px 0;
    margin-top: 0;
}

.product-detail .product-prices {
    font-weight: 600;
    font-size: 30px;
}

.product-detail .product-prices .price-was {
    color: #f5862a;
    text-decoration: line-through;
    font-size: 24px;
}

.product-detail .product-prices .price-now {
    color: #000;
    font-size: 30px;
    font-weight: 600;
    margin-right: 6px;
}

.product-detail .product-bullets {
    padding-left: 16px;
    font-size: 14px;
}

.product-detail .product-information {
    margin: 40px 0 20px 0;
}

.product-detail .product-information a {
    font-size: 17px;
}

.product-detail .product-options {
    margin-top: 15px;
}

.product-detail .product-actions {
    margin-bottom: 0px;
}

.product-detail.modal .product-actions {
    margin-bottom: 15px;
}

.product-detail .product-stock-in {
    margin-top: 15px;
    font-size: 14px;
    vertical-align: middle;
    background: url(/images/stock-yes.png) no-repeat left center;
    padding-left: 50px;
}

.product-detail .product-stock-out {
    margin-top: 15px;
    font-size: 14px;
    vertical-align: middle;
    background: url(/images/stock-no.png) no-repeat left center;
    padding-left: 50px;
}

.product-detail .product-stock p {
    margin-bottom: 0;
    line-height: 1.1;
}

.product-detail .product-stock .in-stock {
    color: #7acbbd;
}

.product-detail .product-stock .out-of-stock {
    color: #cc5c50;
}

.product-carousel .viewport {
    height: 160px;
}

.product-carousel .overview p {
    font-size: 12px;
}

.product-carousel .overview p.price {
    font-size: 14px;
}

.product-carousel .overview li {
    margin: 0 10px 0 0;
    width: 104px;
}

.carousel-vertical .viewport {
    height: 360px;
}

.carousel-vertical .carousel-subitem:first-child {
    border-top: 0;
}

.carousel-vertical .carousel-subitem {
    clear: both;
    border-top: 1px solid #e5e5e5;
    padding: 15px 0;
}

.glyphicon-spin {
    -webkit-animation: spin 2000ms infinite linear;
    animation: spin 2000ms infinite linear;
}

/*
DIRECTORY LISTINGS
*/


.directory-listing {
    -webkit-box-shadow: 2px 2px 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 15px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 15px rgba(0,0,0,0.2);
    border-radius: 0px;
    border: 0;
    background: #fff;
}

.directory-atoz {
    width: 100%;
    padding: 10px 15px 0 15px;
    border-bottom: 1px solid #DDD;
    white-space: pre;
    word-wrap: break-word;
}

.directory-atoz a,
.directory-atoz a:focus {
    position: relative;
    padding: 0 20px;
    font-size: 26px;
    font-weight: bold;
    color: #000000;
    line-height: 55px;
    text-decoration: none;
}

.directory-atoz a.disabled,
.directory-atoz a:focus.disabled {
    color: #ADADAD;
    cursor: default;
}

/* No Background Text */
.purchaseorder-notes {
    font-size: 14px;
    color: #000000;
    margin-bottom: 25px;
}

.purchaseorder-title {
    color: #000000;
}

.purchaseorder-continue.disabled {
	pointer-events: none;
}

#purchaseorder-continue-tooltip {
	pointer-events: auto;
}

@media(min-width: 768px) {
    .directory-atoz a,
    .directory-atoz a:focus {
        position: relative;
        padding: 0 7px;
        font-size: 15px;
        font-weight: bold;
        color: #000000;
        line-height: 31px;
        text-decoration: none;
    }
}

.directory-atoz a.active:after {
    content: " ";
    position: absolute;
    border-bottom: 5px solid #004892;
    width: 100%;
    left: 0;
    bottom: -8px;
}

.directory-atoz a.active:before {
    content: " ";
    position: absolute;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #004892 transparent transparent transparent;
    left: calc(50% - 4px);
    bottom: -12px;
    white-space: pre-line;
}

.directory-list {
    width: 100%;
    position: relative;
}

.directory-search {
    display: inline-block;
    width: 200px;
    height: 30px;
    margin-left: 10px;
    border: 0;
    box-shadow: none;
    border-bottom: 3px solid #004892;
    padding: 3px 3px 0 0;
    background: transparent;
}

.brands .directory-item
{
    height: 200px;
    width: 200px;
}

.brands .directory-item a
{
    display: block;
    position: relative;
    padding: 25px 40px;
    height: 160px;
}

.brands .directory-item {
    display: inline-block;
    width: 100%;

    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    text-align: center;
}

@media (min-width: 768px) {
    .brands .directory-item {
        width: 33.33333333%;
    }
}

@media (min-width: 992px) {
    .brands .directory-item {
        width: 20%;
    }
}

.brands .directory-image {
    max-width: 123px;
    max-height: 123px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.brands .directory-caption {
    text-align: center;
}

.categories .directory-item {
    display: inline-block;
    width: 50%;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

.categories .directory-item a {
    color: #939393;
    line-height: 34px;
    font-size: 16px;
}

.categories .top {
    display: inline-block;
    background: url(/images/chevron-up.png) top left no-repeat;
    padding-left: 20px;
    margin-left: 7px;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    font-style: italic;
}

.categories .top:hover
{
    text-decoration: underline;
}

@media(min-width: 768px) {
    .categories .directory-item {
        display: inline-block;
        width: 33%;

        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        -ms-transition: all .2s linear;
        transition: all .2s linear;
    }

    .categories .directory-item a {
        font-size: 14px;
        line-height: 20px;
    }
}

.categories .letter-title {
    color: #000000;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 8px;
    padding-top: 12px;
}

.categories .directory-list {
    padding: 15px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@media(min-width: 768px) {
    .basket-actions div {
        margin-bottom: 0;
    }

    .basket-actions div:first-child {
        xpadding-left: 0;
    }

    .basket-actions div:last-child {
        xpadding-right: 0;
    }

    .catalogue-categories.expandable .panel-body {
        position: absolute;
        width: 277px;
        z-index: 999;
        background-color: #ffffff;

        -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
        box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    }

    .catalogue-categories.expandable .dropdown-menu.second-level {
        left: 230px;
        top:-36px;
        width: 260px;
    }

    .catalogue-categories.expandable .dropdown-menu.third-level {
        left: 230px;
    }

    .catalogue-categories.expandable .dropdown-menu.second-level {
        left: 277px;
        top: 0px;
        width: 260px;
    }

    .catalogue-categories.expandable.hidefirst .dropdown-menu.third-level {
        left: 260px;
    }
}

/*
Stock File Form
 */

fieldset.small input {
    height: 18px;
}

fieldset.small select {
    height: 30px;
}

fieldset.small dl {
    margin: 0 0 12px 0;
}

fieldset .input-inline input {
    width: 100%;
}

fieldset .input-and {
    margin-left: 20px;
    margin-top: 4px;
    font-size: 17px;
}

.stockfile-form input {
    box-sizing: content-box;
}

.stockfile-form dl {
      margin: 26px 0;
}

.stockfile-form h4,
.stockfile-form h5 {
    color: #004892;
    text-align: left;
}

.stockfile-form label[class="checkbox"] {
    color: #666;
}

.stockfile-checkboxes {
    padding: 0 10px;
    text-align: center;
}

.stockfile-checkboxes + .stockfile-checkboxes {
    border-right: 2px solid rgb(221, 221, 221);
    padding-right: 20px;
}

.stockfile-checkboxes:last-child {
    border: 0;
    padding-right: 10px;
}

.stockfile-checkboxes h5 {
    margin-top: 0;
}

.stockfile-checkboxes input[type="checkbox"] {
    margin: 4px 0 0 12px;
    float: right;
}

.stockfile-checkboxes label[class="checkbox"] {
    text-align: right;
}

ul.stockfile-brandselect {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}

ul.stockfile-brandselect li {
    display: inline-block;
}

ul.stockfile-brandselect li:first-child label[class="checkbox"] {
    padding-left: 0;
}

ul.stockfile-brandselect li label[class="checkbox"] {
    padding-left: 22px;
    font-size: 12px;
}

ul.stockfile-brandselect li input[type="checkbox"] {
    margin-left: 10px;
    float: right;
}

/* CCA Rewrite */

.table-two > thead {
    display: block;
}

.table-two > thead > tr > th {
    padding: 12px 16px;
    border: 0;
    color: #004892;
    font-size: 15px;
}

.table-two > tbody > tr > td {
    padding: 32px 20px;
    font-size: 15px;
    color: #818385;
    line-height: 1.8;
}

.table-two > tbody > tr:first-child > td {
    border: 0;
}

.table-two > tbody {
    display: block;
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
}

.list-title {
    margin: 40px 0 30px 0;
    color: #4C4C4C;
}

.basket-actions .list-title {
    margin: 14px 0 10px 0;
}

.favourite-items .list-group-item input {
    font-size: 11px;
    height: 30px;
}

.favourite-items .list-group-item button {
  padding: 2px 4px;
}

.favourite-items .list-group-item .quantity {
    display: inline-block;
    vertical-align: middle;
    /*width: 46px;
    padding: 4px 6px;
    margin-right: 14px;*/
	width: 60px;
}

.favourite-items .list-group-item .btn {
    /*padding: 5px 20px;*/
    padding: 2px 20px;
    margin-right: 8px;
}

.favourite-items .list-group-item .add-to-basket {
    vertical-align: middle;
    display: inline;
}

.favourite-items .list-group-item {
    /*line-height: 52px;*/
    line-height: 30px;
    max-height: 78px;
	vertical-align: middle;
}

@media (max-width: 768px) {
    .favourite-items .list-group-item {
        line-height: 30px;
        max-height: 120px;
    }

    .favourite-items div {
        margin-bottom: 0;
    }

    .list-group .list-group-item a {

    }
}

.favourite-items .list-group-item .price {
    color: #004892;
    white-space: nowrap;
}

.favourite-items .list-group-item .was-price {
    color: #f47756;
    text-decoration: line-through;
}

.favourite-items .list-group-item .description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /*line-height: 21px;*/
    overflow: hidden;
    max-height: 76px;
}

.breadcrumb {
    background: transparent;
    padding: 11px 0 0 0;
}

.breadcrumb > li {
    font-size: 15px;
}

.breadcrumb > li+li:before {
    content: "\003E";
    color: #5b5c5e;
}

@media (min-width: 992px) {
    .breadcrumb-search {
        padding-left: 40px;
    }

    .breadcrumb-search #parts-search,
    .breadcrumb-search #sli_search_1,
    .breadcrumb-search #search-type {
        width: 160px;
    }

    .breadcrumb-search .form-control.input-sm,
    .breadcrumb-search button {
        height: 36px;
    }
}

@media (min-width: 1276px) {
    .breadcrumb-search {
        padding-left: 80px;
    }

    .breadcrumb-search #parts-search,
    .breadcrumb-search #sli_search_1,
    .breadcrumb-search #search-type {
        width: 200px;
    }

    .breadcrumb-search .form-control.input-sm {
        width:200px;
        height: 36px;
    }
}

.breadcrumb-search .form-control.input-sm,
.breadcrumb-search button {
    height: 36px;
}

#sli_promotional_products .price-now
{
    color: #f49422;
    font-size: 15px;
    font-weight: bold;
}

#sli-filters .sub-categories > li {
    margin-left: 15px;
}

.sli-banners {
    margin-bottom: 15px;
}

.sli-banners .banner-text
{
    padding: 14px 14px 14px 14px;
    margin: 0px;
    display: block;
}

.sli-banners .banner-text h2.sli-banner
{
    color: #000000;
    font-size: 26px;
    line-height: 26px;
    padding: 0px;
    font-weight: bold;
}

.sli-banners .banner-text h2.sli-banner-sm
{
    color: #000000;
    font-size: 22px;
    padding: 0px;
    font-weight: bold;
}

.sli-banners p
{
    padding: 0px;
    margin: 8px 0px;
    color: #FFFFFF;
    font-size: 14px;
    width: 450px;
}

.sli-banners p a
{
    color: #FFFFFF;
}

.sli-banners .btn-right
{
    float:right;
}

.btn-slibanner
{
    color: #fff;
    text-shadow: none;
    font-weight: bold;
    background: #004892;
    border-color: #000 #000 #000;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    border-radius: 4px;
    border-width: 1px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;

    padding: 8px 20px;
    background-image: url("/images/signin-arrow.png") no-repeat right 10px center;
    text-align: left;
}

.sli-banner
{
    font-family: Open Sans;
    font-size: 24px;
}

.sli-banner-sm
{
    font-family: Open Sans;
    font-size: 18px;
}

.grey
{
    color: #000000 !important;
}

.green
{
    color: #99C53C !important;
}

.white
{
    color: #ffffff !important;
}

.fps
{
    color: #004892 !important;
}

.grey
{
    color: #000000 !important;
}

.lgrey
{
    color: #BCBEC0 !important;
}

.blue
{
    color: #009CCC !important;
}

.pink
{
    color: #DC6CA7 !important;
}

.orange
{
    color: #DC6CA7 !important;
}

.green
{
    color: #DC6CA7 !important;
}

.white
{
    color: #FFFFFF !important;
}

.red
{
    color: #DA2E40 !important;
}

.yellow
{
    color: #FCEA44 !important;
}

a.fps
{
    background-color: #004892;
    color: #FFFFFF !important;
}

a.fps:hover
{
    background-color: #00A58F;
    color: #FFFFFF !important;
}

a.grey
{
    background-color: #000000;
    color: #FFFFFF !important;
}

a.grey:hover
{
    background-color: #3B3C3D;
    color: #FFFFFF !important;
}

a.lgrey
{
    background-color: #BCBEC0;
    color: #FFFFFF !important;
}

a.lgrey:hover
{
    background-color: #A2A4A5;
    color: #FFFFFF !important;
}

a.blue
{
    background-color: #009CCC;
    color: #FFFFFF !important;
}

a.blue:hover
{
    background-color: #007DA3;
    color: #FFFFFF !important;
}

a.pink
{
    background-color: #DC6CA7;
    color: #FFFFFF !important;
}

a.pink:hover
{
    background-color: #C6438B;
    color: #FFFFFF !important;
}

a.orange
{
    background-color: #F5862A;
    color: #FFFFFF !important;
}

a.orange:hover
{
    background-color: #E86E17;
    color: #FFFFFF !important;
}

a.green
{
    background-color: #99C53C;
    color: #FFFFFF !important;
}

a.green:hover
{
    background-color: #7CA334;
    color: #FFFFFF !important;
}

a.white
{
    background-color: #FFFFFF;
    color: #000000 !important;
}

a.white:hover
{
    background-color: #BCBEC0;
    color: #000000 !important;
}

a.red
{
    background-color: #DA2E40;
    color: #FFFFFF !important;
}

a.red:hover
{
    background-color: #BA1A32;
    color: #FFFFFF !important;
}

a.yellow
{
    background-color: #FCEA44;
    color: #000000 !important;
}

a.yellow:hover
{
    background-color: #D8C93C;
    color: #000000 !important;
}

.error {
    background: url(/images/red-hand.png) no-repeat;
    width: 288px;
    height: 288px;
    margin: 25px auto;
}

.error-text {
    text-align: center;
}

#restrictedPartModal p {
    font-style: italic;
    font-size: 13px;
    line-height: 22px;
}

#restrictedPartModal input[type="checkbox"] {
    position: relative;
    top: 2px;
    left: 27px;
}

.pager-parts
{
    list-style: none;
    margin: 0 auto;
    text-align: center;
}

/*
 * User form acl page
 */
#permissions .acl td
{
    padding: 4px;
}

#permissions .acl input[type="text"] {
    margin: 0;
    border-radius: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
    width: auto;
}

#permissions .acl .resource,
#permissions .acl .resource input
{
    text-align: right;

}

#permissions .acl .resource select
{
    display: inline;
}

#permissions .acl select
{
    width: auto;
}

.pager-parts li {
    display: inline-block;
    margin: 10px;
}

.pager-parts .btn {
    font-size: 14px;
    width: 240px;
}

a.price-toggle {
    display: block;
    float: right;
    background-image: url(/images/pricingbtn.png);
    background-repeat: no-repeat;
    color: #ffffff;
    height: 19px;
    margin-top: 6px;
    width: 19px;
}

a.price-toggle.prices-hidden {
    background-image: url(/images/pricingbtn_hidden.png);
    color: #004892;
}

a.price-menu {
    display: block;
    float: right;
    color: #fff;
    height: 22px;
    margin-top: -1px;
    width: 22px;
    font-size: 22px;
}

ul.dropdown-menu.fix-menu {
    border-radius: 0px;
    margin-right: -16px;
    margin-top: 8px;
    width: 180px;
    font-size: 13px;
    font-weight: bold;
}

ul.dropdown-menu.fix-menu li {
    padding-left: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 8px;
    vertical-align: middle;
}

ul.dropdown-menu.fix-menu li a {
    width: 100%;
    font-size: 13px;
    font-weight: bold;
}

ul.dropdown-menu.fix-menu li a:hover {
    background-color: #004892;
}

.loading-options {
    background: url(/images/iframe-loader.gif) left no-repeat;
    background-size: 35px 35px;
    padding: 10px 0 10px 45px;
    text-align: left;
    color: #555555;
    font-size: 18px;
}

.crossref-action {
    cursor: default;
}

.contact-button-container {
    margin-top: -7.5rem;
    width: 160px;
    display: block;
    position: fixed;
    right: 0;
    bottom: -3px;
    z-index: 100;
}

.contact-button-container > a.contact-button {
    height: 50px;
    width: 160px;
    background: url(/images/feedback.png)no-repeat;
    display: block;
    float: right;
    z-index: 5;
}

.contact-button-container:hover {
    bottom: -1px;
}

.stockfile-form ul.brandselect {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}

.stockfile-form ul.brandselect li {
    display: inline-block;
}

.stockfile-form ul.brandselect li:first-child label[class="checkbox"] {
    padding-left: 0;
}

.stockfile-form ul.brandselect li label[class="checkbox"] {
    padding-left: 22px;
    font-size: 12px;
}

.stockfile-form ul.brandselect li input[type="checkbox"] {
    margin-left: 10px;
    float: right;
}

.return-to-top
{
    background: #ffffff;
    color: #d95398;
    position: fixed;
    bottom: 0px;
    right: 40px;
    top:auto;

    text-align: center;
    padding: 8px;

    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    z-index: 100;
}

.return-to-top:hover, .return-to-top:visited, .return-to-top:focus
{
    color: #d95398;
    cursor: pointer;
}

.return-to-top p
{
    font-size: 18px;
    margin: -7px 0px 0px -1px;

}

.return-to-top .glyphicon
{
    font-size: 40px;
}

/*
 * Additional non-component export styles
 */
.noncomponentfile-form .ms-container {
    width: 434px;
}

.noncomponentfile-form .ms-container .ms-selectable,
.noncomponentfile-form .ms-container .ms-selection {
    width: 175px;
}

.noncomponentfile-form .ms-container .buttons {
    float: left;
    padding-left: 22px;
    padding-top: 56px;
}

.noncomponentfile-form .ms-container .buttons button {
    display: block;
    width: 3em;
    margin: 10px 0;
}

.noncomponentfile-form .usertab#schedule dl.form-item {
    width: 11em;
}
.noncomponentfile-form .usertab#schedule dl.form-item dt {
    float: left;
    clear: both;
}
.noncomponentfile-form .usertab#schedule dl.form-item dd {
    float: right;
}
.noncomponentfile-form .usertab#schedule dl.form-item dt label {
}

.noncomponentfile-form .usertab#schedule dl.form-item.regulartime-container,
.noncomponentfile-form .usertab#schedule dl.form-item.specifictime-container {
    margin-bottom: 0;
}
.noncomponentfile-form .usertab#schedule dl.form-item.regulartime-container dt,
.noncomponentfile-form .usertab#schedule dl.form-item.specifictime-container dt {
    display: none;
}
.noncomponentfile-form .usertab#schedule dl.form-item.regulartime-container dd,
.noncomponentfile-form .usertab#schedule dl.form-item.specifictime-container dd {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
}

/* No Product Found */

.noproductfound {
    margin-left: 15px;
}

.noproductfound p {
    font-size: 13px;
    margin: 15px 0;
}

.noproductfound div {
    padding-left: 0px;
    padding-right: 5px;
}

.noproductfound .btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.noproductfound .form-control.input-sm {
    height: initial;
}

.noproductfound input, .noproductfound button {
    margin-bottom: 30px;
    font-size: 14px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 33px;
}

.noproductfound h3 {
    color: black;
    font-size: 16px;
}

.noproductfound .phonebutton {
    width: 100%;
}

.did-you-mean {
    margin: 0 0 7px;
}

.telephone-logo
{
    background: url(/images/telephone-fdrive-new.png) no-repeat center;
    background-size: contain;

    height: 150px;
}

div.subtotal > div {
    margin-bottom: 6px;
    font-size: 14px;
}

div.subtotal .grandtotal {
    font-size: 18px;
    color: #004892;
}

.td-grandtotal {
    font-size: 18px;
    color: #004892;
}

button.add-to-basket {
    font-size: 13px;
}

button.btn.btn-primary.add-to-basket:active, button.btn.btn-primary.add-to-basket:hover, button.btn.btn-primary.add-to-basket:focus {
    background-color: #FFFFFF;
}

li.dropdown-header.add-to-basket-header {
    color: #000;
    font-weight: 600;
    padding-left: 15px;
}

ul.dropdown-menu.atb-menu-grid {
    margin-top: 7px;
    z-index: 999;
}

ul.dropdown-menu.atb-menu-list {
    margin: 8px 0px 0px 15px;
    z-index: 999;
}

ul.dropdown-menu.atb-menu-applicated-groups {
    margin: 8px 0px 0px 0px;
    z-index: 999;
}

.review-return {
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
}

.review-return .review-return-footer {
    padding: 15px 25px;
    background: #ffffff;
    border-top: solid 1px #dedede;
}

.review-return .review-return-header {
    padding: 15px 25px;
    background: #ebebec;
}

.review-return .info-table tbody > tr > td.first-column, .review-return .info-table thead > tr > th.first-column {
    padding-left: 15px;
}

.review-return .info-table .adviceno, .review-return .info-table .invoiceno {
    color: #ababab;
}


.return-request-main {
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
}

.return-request-main-header {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 15px;
}

.return-request-main-header .ref-number {
    flex: 1;
}

.return-request-main-header .returns-link {
    font-size: 17px;
    margin-right: 25px;
}

.return-request-main-body {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 15px;
    background-color: #ebebec;
}

.return-request-main-body .return-address {
    flex: 1;
    font-size: 14px;
}

.return-request-main-body .customer-details {
    flex: 0 0 auto;
    font-size: 14px;
}

.return-request-main-footer {
    padding: 25px 30px 35px;
    background-color: #ffffff;
    border-top: solid 1px #dedede;
    font-size: 14px;
}

.return-request-table .invoiceno, .return-request-table .adviceno {
    color: #ababab;
}

.return-request-table .info-table tbody > tr > td.first-column, .return-request-table .info-table thead > tr > th.first-column {
    padding-left: 15px;
}

.print-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 15px;
}

.print-line .please-print {
    flex: 1;
}

.print-line .btn {
    min-width: 100px;
}

.mt0 {
    margin-top: 0;
}

.order-history-actions #search-dates {
    display: flex;
    flex-wrap: wrap;
}

.order-history-actions .status-segment {
    flex: 1;
}

.order-history-actions .status-segment .btn {
    flex: 1;
    margin: 0 7.5px;
}

.order-history-actions #orderno {
    margin: 0;
}

.orderhistory {
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    margin-bottom: 15px;
}

.orderhistory .orderhistory-heading {
    background: white;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 15px;
}

.orderhistory .orderhistory-heading p {
    margin: 0;
    flex: 1;
}

.orderhistory .orderhistory-heading .btn {
    width: 100px;
}

.orderhistory .orderhistory-body {
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
    background-color: #ebebec;
}

.orderhistory .orderhistory-comment {
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    border-top: 1px solid rgb(221, 221, 221);
}

.orderhistory .orderhistory-body .orderhistory-address {
    font-size: 14px;
    flex: 1;
}

.orderhistory .orderhistory-body .orderhistory-details {
    font-size: 14px;
    margin-right: 100px;
}

.orderhistory .orderhistory-table .table>tfoot>tr>th, .orderhistory .orderhistory-table .table>tfoot>tr>td {
    background-color: white;
}

.orderhistory-totals .btn {
    min-width: 100px;
}

.orderhistory .orderhistory-message {
    background-color: #fff;
    display: block;
    padding: 40px;
    font-size: 16px;
}

.orderhistory .orderhistory-message strong {
    font-size: 24px;
}

.alert.alert-info {
    color: #58595b;
    background-color: #fff;
    border: 2px solid #009dcc;
    border-color: #009dcc;
}

.alert.alert-dismissable {
    padding-right: 35px;
}

.alert {
    padding: 15px;
    margin-bottom: 5px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-size: 14px;
}

.alert.alert-success {
    color: #58595b;
    background-color: #fff;
    border: 2px solid #004892;
    border-color: #004892;
}

.alert.alert-warning {
    color: #58595b;
    background-color: #fff;
    border: 2px solid #f5862a;
    border-color: #f5862a;
}


.announcement-title {
    color: #004892;
    margin: 0px;
    float: left;
}


.homepage-icons .trans-headed-announcements {
    padding: 0;
    overflow: hidden;
}

.homepage-icons .trans-headed-announcements a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
}

.homepage-icons .trans-headed-announcements div {
    text-align: left;
}

.homepage-icons .trans-headed-announcements h2 {
    margin-bottom: 10px;
    font-weight: bold;
    padding: 15px 15px 6px;
}

.homepage-icons .trans-headed-announcements .system-messages {
    max-height: 130px;
    overflow-y: auto;
    padding: 0 15px 15px;
}

.homepage-icons .trans-headed-announcements .system-messages .system-message {
    margin-bottom: 10px;
}

.homepage-icons .trans-headed-announcements .system-messages .system-message:last-of-type {
    margin-bottom: 0;
}

.homepage-icons .trans-headed-announcements .system-messages .system-message h5.message-header {
    margin: 0 0 2px;
    font-size: 12px;
}

.panel-announcement .panel-heading {
    background-color: #FFF;
}

.help-page-announcements h2 {
    margin-bottom: 0;
}

.help-page-announcements .announcement p:last-of-type {
    margin-bottom: 0;
}

.help-page-announcements .announcement {
    padding: 20px 0;
}

.help-page-announcements .announcement:last-of-type {
    padding: 20px 0 10px;
}

.hazardous-carrierrequired-part {
    font-size: 15px;
    color: #dd0000;
}

.hazardous-carrierrequired-product {
    font-size: 30px;
    color: #dd0000;
}

.rating-stars-table {
    width: 100%;
}

.rating-stars-container {
    white-space: nowrap;
    font-size: 28px;
    vertical-align: middle;
    position: relative;
}

.rating-star-mouse-mask {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
}

.rating-star-mouse-mask:hover {
    opacity: 1;
    cursor: pointer;
}

.rating-stars-container-small {
    white-space: nowrap;
    font-size: 20px;
    vertical-align: middle;
}

.rating-stars-label-text {
    vertical-align: middle;
}

.rating-stars {
    color: #004892;
}

.rating-stars-gold {
    color: gold;
}

.rating-stars-gold-hover {
    color: #af9b33;
}

.rating-stars-overall-gold {
    color: gold;
    font-size: 18px;
}

.rating-stars-link-text {
    color: #004892;
    margin-top: 10px;
    cursor: pointer;
}

.rating-stars-link-text:hover {
    color: #004892;
}

.rating-star-review-container {
    display: none;
}

.rating-star-comment {
    width: 100%;
}

.rating-star-form-container {
    padding-left: 10px;
    padding-right: 10px;
}

.rating-star-message-container {
    display: none;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    border: 2px solid #004892;
    border-radius: 4px;
}

.rating-stars-information-panel {
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    border-radius: 0px;
    border: 0;
}

.rating-stars-information-panel .panel-body {
    font-size: 14px;
}

.rating-stars-information-panel .product-bullets {
    padding: 0 20px;
}

.rating-stars-information-panel .panel-heading {
    border-bottom: solid 1px #ddd;
}

#product-rating-anchor {
    cursor: pointer;
}

.rating-overall-row {
    position: relative;
}

.rating-overall-container {
    margin-bottom: 5px;
}

.rating-overall-container .rating-stars-cell-overall .rating-stars {
    color: gold;
    font-size: 18px;
}

.rating-overall-container-text {
    color: #004892;
    font-size: 14px;
    padding-right: 10px;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.notification-column {
    height: 100%;
}

.notification-column h4 {
    color: #004892;
    font-weight: bold;
    font-size: 16px;
}

.notification-column ul {
    list-style-type: none;
    padding-left: 0px;
    margin-top: 20px;
}

.notification-column ul li {
    background: #FFFFFF no-repeat 0px 100px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-position: 10px 10px;
}

.notification-column .message-container {
    padding-left: 15px;
}

.notification-column .message-container ul {
    list-style-type: disc;
    padding-left: 18px;
    margin-top: 0;
}

.notification-column ul li .message-container {
    padding-left: 60px;
}

.notification-column .message-container h5 {
    font-weight: bold;
    font-size: 12px;
    color: #727476;
}

.notification-column .message-container div {
    font-size: 13px;
}

.notification-column ul li.message-alert {
    background-image: url("/images/message-alert.png");
}

.notification-column ul li.message-info {
    background-image: url("/images/message-info.png");
}

.notification-column ul li.message-resolved {
    background-image: url("/images/message-resolved.png");
}

.notification-column ul li.message-update {
    background-image: url("/images/message-update.png");
}

.notification-column .paginator {
    margin: 20px 10px 10px 10px;
}

.notification-column .notification-link {
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    color: #004892;
    padding: 0 5px;
}

.notification-column .notification-link-dsiabled {
    font-weight: bold;
    font-size: 13px;
    padding: 0 5px;
}

.input-group-addon.return-ref-prefix {
    border-radius: 0px;
    border-left: 1px solid #004892;
    border-top: 1px solid #004892;
    border-bottom: 1px solid #004892;
}

.timer-banner {
    position: fixed;
    width: 100%;
    background-color: #FFFFFF;
    top: 33px;
    z-index: 2;
    height: 75px;
    border-bottom: 6px solid #004892;
}

.timer-banner .timer-banner-content {
    padding-top: 11px;
    padding-left: 15px;
    padding-right: 15px;
    height: 60px;
}

.timer-banner .timer-banner-heading {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}

.timer-banner .timer-banner-text {
    color: #000000;
}

.timer-banner .timer-banner-btn {
    margin-left: 10px;
    margin-top: 6px;
}

.timer-banner .timer-banner-btn:focus
{
    background-color: #FFFFFF;
    border: 1px solid #000000;
}

.timer-banner-basket-countdown {
    background-color: #F49422!important;
    background-image: none!important;
}

.dropdown.high-zindex {
    z-index: 100;
}

.dropdown .normal-price {
    color: #FFF;
}

.dropdown .markup-price {
    color: #F49422;
}

.dropdown .hidden-price {
    color: #004892;
}

.markup-manager .btn-generic {
    width: 150px;
}

.markup-manager .btn-add {
    background-color: #009bcc;
    color: #fff;
}

.markup-manager .btn-clicked {
    pointer-events: none;
    opacity: 0.4;
}

.markup-manager .input-group span {
    border-radius: 0px;
}

.markup-message {
    display: none;
}

.row.company-branch {
    /*background-color: #DFEDEB;*/
}

.buyers-guide-link {
    color: black;
    text-decoration: underline;
}

.buyers-guide-link:hover {
    color: #666;
    text-decoration: underline;
}

.mt10 {
    margin-top: 10px;
}

.cca-phone-no {
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.cca-phone-no:hover {
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.table-stock {
    width: 100%;
    padding-bottom: 10px;
}

table .table-cell-stock {
	vertical-align: top;
    text-align: center;
    width: 24.5%; 
    padding-bottom: 5px;
	min-height: 37px;
}

.add-to-basket-menu .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}

.fa_custom_check {
    color: #F49422;
	display: block;
}

.fa_custom {
    color: #e0219e;
    display: block;
}

.trace-info
{
    font-size:24px;
    color: black;
    font-weight: bold;
}

.trace-info span
{
    color: #004892;
}

.braking-warranty-container {
    -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
   
}

.braking-warranty-container .braking-warranty-header {
    padding: 15px 25px;
    background: #ebebec;
}

.braking-warranty-container .braking-warranty-body {
    background-color: #ffffff;
}