/* Minification failed. Returning unminified contents.
(1250,1): run-time error CSS1019: Unexpected token, found '}'
(1651,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1673,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1700,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@font-face {
    font-family: 'SansPro';
    src: url(../font/SourceSansPro-Regular.woff);
    src: url('../font/SourceSansPro-Regular.ttf?#iefix') format('embedded-opentype'), 
         url('../font/SourceSansPro-Regular.woff2') format('woff2'),
         url('../font/SourceSansPro-Regular.woff') format('woff'), 
         url('../font/SourceSansPro-Regular.ttf') format('truetype'), 
         url('../font/SourceSansPro-Regular.ttf#SourceSansPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SansProBold';
    src: url(../font/SourceSansPro-Bold.woff);
    src: url('../font/SourceSansPro-Bold.ttf?#iefix') format('embedded-opentype'), 
         url('../font/SourceSansPro-Bold.woff2') format('woff2'),
         url('../font/SourceSansPro-Bold.woff') format('woff'), 
         url('../font/SourceSansPro-Bold.ttf') format('truetype'), 
         url('../font/SourceSansPro-Bold.ttf#SourceSansProBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SansProSemiBold';
    src: url(../font/SourceSansPro-SemiBold.woff);
    src: url('../font/SourceSansPro-SemiBold.ttf?#iefix') format('embedded-opentype'), 
         url('../font/SourceSansPro-SemiBold.woff2') format('woff2'),
         url('../font/SourceSansPro-SemiBold.woff') format('woff'), 
         url('../font/SourceSansPro-SemiBold.ttf') format('truetype'), 
         url('../font/SourceSansPro-SemiBold.ttf#SourceSansProSemiBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
    margin: 0;
    font-family: SansPro;
    -webkit-text-size-adjust: 100%; 
}

h1, h2 {
    font-size: inherit;
    margin: 0;
    font-family: SansProBold;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

div.Blue {
    background-color: #1d7f6c;
}

div.Grey {
    background-color: #e6e6e6;
}

div.DarkGrey {
    background-color: #666;
}

div.White {
    background-color: white;
}

div.Green {
    background-color: #70b23d;
}

.FontUppercase {
    text-transform: uppercase;
}

.FontBlue {
    color: #1d7f6c;
}

.FontGrey {
    color: #666;
}

.FontGreen {
    color: #70b23d;
}

.hrBlue {
    border-bottom: 1px solid #1d7f6c;
    width: 105px;
}

.hrWhite {
    border-bottom: 1px solid White;
    width: 105px;
}

.FontWhite {
    color: White;
}

.FontNormal {
    font-family: SansPro;
}

.FontBold, b, strong {
    font-family: SansProBold;
}

.FontSemiBold {
    font-family: SansProSemiBold;
}

.FontRemoveUppercase {
    text-transform: none !important;
}

.XXLfont {
    font-size: 62px;
}

.XLfont {
    font-size: 47px;
}

.Lfont {
    font-size: 35px;
}

.MLLfont {
    font-size: 32px;
}

.MLfont {
    font-size: 28px;
}

.MMLfont {
    font-size: 26px;
}

.Mfont {
    font-size: 24px;
}

.MSfont {
    font-size: 22px;
}

.SMfont {
    font-size: 21px;
}

.SMMfont {
    font-size: 19px;
}

.Sfont {
    font-size: 18px;
}

.VSSfont {
    font-size: 14px;
}

.VSfont {
    font-size: 13px;
}

.VVSfont {
    font-size: 12px;
}

.TextCenter {
    text-align: center;
}

.TextLeft {
    text-align: left;
}

.TextRight {
    text-align: right;
}

.TextUnderline {
    text-decoration: underline;
}

a {
    text-decoration: underline;
    color: inherit;
}

.ButtonGreen, .ButtonShowMore, .ButtonBack {
    border: none;
    background-color: #70b23d;
    padding: 5px 11px 5px 0;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    font-family: SansProBold;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    text-align: left;
    display: block;
    background-image: Url('../Images/Button Arrow.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 12px;
    border-right: 10px solid #70b23d;
}

.RelativePos {
    position: relative;
    padding-bottom: 50px;
}

.ButtonBlue {
    border: none;
    background-color: #1d7f6c;
    padding: 15px 25px;
    border-radius: 8px;
    color: white;
    font-size: 16px;
    font-family: SansProBold;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    text-align: center;
    display: block;
    background-image: Url('../Images/Button Arrow.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 12px;
    border-right: 10px solid #1d7f6c;
    text-decoration: none;
    width: 50%;
}

    .ButtonBlue.BottomPos {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
        bottom: 25px;
    }

    .ButtonBlue:hover {
        background-color: #1b7463;
    }

.ButtonShowMore, .ButtonBack {
    background-color: #808080;
    background-size: 12px;
    padding-left: 10px;
    padding: 5px 7px 5px 10px;
}

.ButtonShowMore {
    border-right: 7px solid #808080;
}

.ButtonBack {
    border-left: 7px solid #808080;
    background-image: Url('../Images/Button Arrow Left.png');
    background-position: left;
    padding-left: 20px;
    border-right: none;
}

    .ButtonShowMore:hover {
        border-right: 7px solid #6E6E6E;
    }

    .ButtonBack:hover {
        border-left: 7px solid #6E6E6E;
    }

    .ButtonShowMore:hover, .ButtonBack:hover {
        background-color: #6E6E6E;
        cursor: pointer;
    }

.btnCloseAlert, .btnClosePopConfirm, .btnContinuePopConfirm {    
    width: 120px !important;
    margin: 25px auto 0 auto !important;
    padding: 5px 0;
    height: 44px;
    line-height: 32px;
    font-size: 20px;
    text-align: center;
    background-size: 0;

    border: none;
    background-color: #70b23d;
    border-radius: 0;
    color: white;
    font-family: SansProBold;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    display: block;
    outline: none;
}

.btnClosePopConfirm {
    background-color: #1d7f6c;
    margin-left: 10px !important;
}

.InputError, .InputSuccess {
    background-image: url('../Images/Red Cross Input.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 30px;
}

.InputSuccess {
    background-image: url('../Images/Green Tick Input.png');
}

.ButtonMangify {
    display: inline-block;
    padding: 12px 0 10px 12px;
    line-height: 19px;
    vertical-align: top;
    font-size: 17px;
    background-image: none;
}

    .ButtonMangify img {
        float: right;
        height: 20px;
        margin-left: 10px;
    }

.BoxShadowLightGrey {
    -webkit-box-shadow: 0px 0px 1px 0px #828282;
    -moz-box-shadow: 0px 0px 1px 0px #828282;
    box-shadow: 0px 0px 1px 0px #828282;
}

.BoxShadowGrey {
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
}

.BoxShadowBlue {
    -webkit-box-shadow: 0px 0px 1px 0px #5780C9;
    -moz-box-shadow: 0px 0px 1px 0px #5780C9;
    box-shadow: 0px 0px 1px 0px #5780C9;
}

.ButtonGreen.Large {
    padding: 8px 21px 8px 25px;
    font-size: 27px;
    text-transform: uppercase;
    margin-top: 20px;
    background-size: 17px;
}

.ButtonGreen:hover {
    background-color: #63A133;
    border-color: #63A133;
    cursor: pointer;
}

.btnClosePopConfirm:hover {
    background-color: #3259A1;
}

.ButtonGreen.Large div {
    margin: 10px 0 0 15px;
    border-width: 9px 0 9px 14px;
    float: none;
    display: inline-block;
}

.MobilePadding {
    padding-left: 15px;
    padding-right: 15px;
}

.Textbox, .Email, .Postcode, .PhoneNumber, .Mileage {
    border-radius: 3px;
    border: none;
    text-transform: uppercase;
    padding: 9px 15px;
    display: inline-block;
    width: 143px;
    margin-bottom: 10px;
    border: 1px solid #BDBDBD;
    color: #525252;
    -webkit-box-shadow: 0px 0px 1px 0px #BDBDBD;
    -moz-box-shadow: 0px 0px 1px 0px #BDBDBD;
    box-shadow: 0px 0px 1px 0px #BDBDBD;
}

.ButtonGrey {
    padding: 15px 10px 12px 10px;
    border: 2px solid #808080;
    border-radius: 7px;
    color: #6E6E6E;
    width: 200px;
    margin: 13px auto 20px auto;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    background-color: white;
    cursor: pointer;
}

    .ButtonGrey:hover {
        background-color: #808080;
        color: white;
    }
    
.Error, .AffiliateEnterReg, .Loading, .PopConfirm {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.22);
    z-index: 101;
    display: none;
    position: fixed;
}

    .Error > div, .PopConfirm > div, .AffiliateEnterReg > div {
        width: 80%;
        padding: 20px 20px 20px 20px;
        background-color: white;
        border: 2px solid #1d7f6c;
        margin: 0 auto;
    }

    .Error .hrBlue, .PopConfirm .hrBlue {
        margin-bottom: 15px;
    }
    
.ErrorContent > div, .PopConfirmContent > div, .AffiliateEnterReg > div {
    line-height: 32px;
    clear: both;
}

.PopConfirmButtonContainer {
    width: 254px;
    margin: 0 auto;
}

.PopConfirmButtonContainer input {
    display: inline-block;
}

.Loading {
    background-image: url('../Images/Loading.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 55px;
}

.Hidden {
    display: none;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
}

input[type="checkbox"] {
    display: none;
}

    input[type="checkbox"] + label {
        margin-right: 30px;
    }

        input[type="checkbox"] + label span {
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: -1px 18px 0 0;
            vertical-align: middle;
            background: url('../Images/Checkbox unchecked.png') left top no-repeat;
            background-size: contain;
            cursor: pointer;
        }

    input[type="checkbox"]:checked + label span {
        background: url('../Images/Green Tick.png') left top no-repeat;
        background-size: contain;
    }
 
.divScrollUp {
    width: 26px;
    height: 26px;
    position: fixed;
    transition: .6s;
    bottom: 30px;
    right: -60px;
    background-color: #9c9c9c;
    border: 7px solid #9c9c9c;
    border-top-width: 8px;
    border-bottom-width: 6px;
    border-radius: 2px;
    z-index: 5;
    opacity: .8;
    background-image: url(../images/SpriteSheet.png?v=1);
    background-position: -148px -88px;
}

    .divScrollUp:hover {
        background-color: #878787; 
        border-color: #878787;
        cursor: pointer;
    }

.divScrolledDown {
    right: 10px;
}

@media (min-width:420px) {
    .Error > div, .PopConfirm > div {
        width: 340px;
    }
}

@media (min-width:520px) {
    .Error > div, .PopConfirm > div {
        width: 440px;
    }
}   

@media (min-width:950px) {
    .ContentColumn {
        width: 950px;
        margin: 0 auto;
    }

    .MobilePadding {
        padding-left: 0;
        padding-right: 0;
    }
}

@-webkit-keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.uil-facebook-css {
    background: none;
    position: relative;
    width: 200px;
    height: 200px;
}

    .uil-facebook-css > div {
        position: absolute;
        width: 40px;
        height: 120px;
        top: 40px;
        left: 20px;
        background: #63a133;
        opacity: 0.6;
        -ms-animation: uil-facebook 1s cubic-bezier(0.01, 0.73, 0.28, 0.93) infinite;
        -moz-animation: uil-facebook 1s cubic-bezier(0.01, 0.73, 0.28, 0.93) infinite;
        -webkit-animation: uil-facebook 1s cubic-bezier(0.01, 0.73, 0.28, 0.93) infinite;
        -o-animation: uil-facebook 1s cubic-bezier(0.01, 0.73, 0.28, 0.93) infinite;
        animation: uil-facebook 1s cubic-bezier(0.01, 0.73, 0.28, 0.93) infinite;
    }

        .uil-facebook-css > div:nth-of-type(2) {
            left: 80px;
            opacity: 0.8;
            -ms-animation-delay: 0.1s;
            -moz-animation-delay: 0.1s;
            -webkit-animation-delay: 0.1s;
            -o-animation-delay: 0.1s;
            animation-delay: 0.1s;
        }

        .uil-facebook-css > div:nth-of-type(3) {
            left: 140px;
            opacity: 0.9;
            -ms-animation-delay: 0.2s;
            -moz-animation-delay: 0.2s;
            -webkit-animation-delay: 0.2s;
            -o-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }


.divHeader {
    height: 80px;
}

.divLogoHeader {
    height: 29px;
    width: 242px;
    margin: 0 auto;
    background: url(../images/SpriteSheet.png?v=1) 0 0;
}

.divHeader .ButtonGreen {
    display: none;
}

.divHeader .ContentColumn {
    padding-top: 27px;
}

.ManageAppointment {
    text-decoration: none;
}

@media (min-width:480px) {
    .divHeader .ButtonGreen {
        display: block;
        background-size: 12px;
        padding: 5px 20px 5px 10px;
    }
    
    .divLogoHeader {
        margin: initial;
        display: inline-block;
    }
}
@font-face {
    font-family: 'UKNumberPlateRegular';
    src: url(../font/mandator-webfont.eot);
    src: url('../font/mandator-webfont.eot?#iefix') format('embedded-opentype'), url('../font/mandator-webfont.woff') format('woff'), url('../font/mandator-webfont.ttf') format('truetype'), url('../font/mandator-webfont.svg#UKNumberPlateRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.divVRMSearchContainer, .divReturningContainer {
    width: 100%;
    background-color: white;
    z-index: 5;
    padding: 30px 0;
    border-bottom: 8px solid #1d7f6c;
}

.inputVRM, .divVRM {
    text-align: center;
    text-transform: uppercase;
    font-family: UKNumberPlateRegular !important;
    outline: none;
    padding-left: 30px;
    width: 230px;
    height: 68px;
    line-height: 68px;
    border: none;
    border-radius: 15px;
    font-size: 36px;
    border: 4px solid black;
    background-size: contain;
    background-image: url(../Images/VRM.png);
    background-repeat: no-repeat;
    display: block;
}

.inputVRM {
    margin: 20px auto 0 auto;
    padding: 0 0 0 26px !important;
}

.divVRM {
    width: 160px;
    height: 50px;
    font-size: 35px;
    line-height: 50px;
    border: 2px solid black;
    border-radius: 7px;
    margin: 12px auto 15px auto;
    padding-left: 16px;
}

.divVRMContainer .ButtonGreen.Large {
    margin: 13px auto 0 auto;
    width: 245px;
}

.divVRMSearchContainerScrollPadding {
    display: none;
    padding: 7px 0 !important;
    position: fixed;
    top: 0;
}

.divVRMContainerNoMargin {
    margin: 0 auto !important;
    width: 265px;
}

.inputVRMScroll {
    height: 41px !important;
    line-height: 41px !important;
    margin-top: 0 !important;
    font-size: 30px;
    padding-left: 15px !important;
    width: 190px;
    border-radius: 10px;
}

.divVRMContainerNoMargin .inputVRM {
    display: inline-block;
}

.divVRMContainerNoMargin .ButtonGreen {
    margin-top: 4px !important;
    width: 200px !important;
    font-size: 20px;
    width: 42px !important;
    padding: 8px 21px 8px 10px;
    color: transparent;
    float: right;
}

    .divVRMContainerNoMargin .ButtonGreen.Large div {
        margin-top: 0 !important;
        border-width: 7px 0 7px 11px;
    }

.divReturning {
    position: relative;
}

    .divReturning .Lfont {
        font-size: 30px;
    }

    .divReturning .SMfont {
        margin-top: 15px;
    }

.imgReturningCar {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    display: block;
}

.divReturning .ButtonGreen {
    float: none !important;
    display: block;
    margin: 25px auto 0 auto;
    padding: 9px 30px 10px 25px;
    font-size: 20px;
    width: 245px;
}

    .divReturning .ButtonGreen.Large div {
        margin: 15px 0 0 15px;
        border-width: 7px 0 7px 11px;
    }

.divReturning .Textbox {
    margin: 15px auto 0 auto;
    display: block;
    width: 100px;
}

.divReturning .FontGrey a {
    display: block;
    margin-top: 20px;
    text-decoration: none;
}

.divDifferentCar:hover {
    color: #383838;
    cursor: pointer;
}

.divReturningDirections {
    margin-top: 7px;
    display: inline-block;
}

.vehicleleft {
    margin-right: 10px;
}

.vehicleright {
    margin-left: 10px;
}

.divReturningDirections img, .divVRM {
    float: left;
}

.BlinkButton {
    animation-name: pulse;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
}

.divReturningDirections img {
    width: 25px;
    margin-top: 26px;
}

    .divReturningDirections img:hover {
        cursor: pointer;
        opacity: 0.8;
    }

@media (min-width:320px) {
    .divVRM {
        width: 170px;
    }

    .vehicleleft {
        margin-right: 15px;
    }

    .vehicleright {
        margin-left: 15px;
    }
}

@media (min-width:360px) {
    .divVRM {
        width: 200px;
    }

    .divReturningDirections img {
        width: 28px;
        margin-top: 25px;
    }
}

@-moz-keyframes pulse {
    50% {
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1.04); 
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1.04); 
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1.04); 
        transition: all 200ms ease-in;
        transform: scale(1.04);
    }
}

@-webkit-keyframes pulse {
    50% {
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1.04); 
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1.04); 
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1.04); 
        transition: all 200ms ease-in;
        transform: scale(1.04);
    }
}

@keyframes pulse {
    50% {
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1.04); 
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1.04); 
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1.04); 
        transition: all 200ms ease-in;
        transform: scale(1.04);
    }
}

@media (min-width:480px) {

    .divReturning .Textbox {
        margin: 15px 30px 0 0;
        display: inline-block;
    }

    .divReturning .ButtonGreen {
        display: inline-block;
    }
}

@media (min-width:650px) {
    .divVRM {
        margin-left: 0;
    }

    .divReturning {
        text-align: left;
    }

    .divMakeModel {
        width: 60%;
        overflow: hidden;
        height: 27px;
    }

    .imgReturningCar {
        position: absolute;
        top: 40px;
        right: 15px;
        width: 36%;
        border-radius: 50px;
    }

    .divDifferentCar {
        margin: -41px 5px 0 0;
        text-align: right;
        width: 200px;
        float: right;
        position: inherit;
    }

    .divReturning .Textbox {
        margin: 15px 10px 0 0;
    }
}

@media (min-width:720px) {
    .imgReturningCar {
        right: 43px;
    }

    .divDifferentCar {
        margin: -41px 53px 0 0;
    }

    .divVRMScroll {
        height: 59px !important;
    }

    .inputVRMScroll {
        height: 55px !important;
        line-height: 55px !important;
        font-size: 45px !important;
        border-radius: 15px;
    }

    .divVRMContainerNoMargin .ButtonGreen {
        margin-top: 8px !important;
        width: 250px !important;
        font-size: 27px;
        color: white;
        padding: 8px 21px 8px 25px;
    }

    .divVRMSearchContainerDefault {
        padding: 27px 0;
        display: inline-block;
    }

    .divReturningContainer {
        padding: 27px 0;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }

    .inputVRM {
        display: inline-block;
        margin-top: 0;
        width: 360px;
        font-size: 56px;
        padding-left: 25px;
    }

    .divVRMContainer {
        width: 680px;
        margin: 30px auto 0 auto;
    }

    .txtVRM {
        float: left;
    }

    .ButtonGreen.Large {
        margin-top: 16px;
        float: right;
    }

    .imgReturningCar {
        width: 37%;
        top: 0;
    }

    .divReturning .Textbox {
        margin: 15px 30px 0 0;
    }
}

@media (min-width:760px) {
    .imgReturningCar {
        width: 37%;
    }
}

@media (min-width:800px) {
    .imgReturningCar {
        width: 336px;
        margin-top: -20px;
    }
}

@media (min-width:850px) {
    .divDifferentCar {
        margin: -21px 53px 0 0;
        text-align: right;
        width: 305px;
        float: right;
    }
}

    .divReturning .Lfont {
        font-size: 35px;
    }

    .divReturning .MLfont {
        font-size: 28px;
        margin-top: 20px;
    }

    .divReturning .ButtonGreen {
        margin: 15px auto 0 auto;
    }
}

@media (min-width:950px) {
    .imgReturningCar {
        right: 0;
    }

    .divReturning.ContentColumn {
        width: 810px;
    }
}

.divContainer {
    max-width: 870px;
    margin: 0 auto;
    padding: 30px 15px 40px 15px;
}

.divOtherQuestions a {
    text-decoration: none;
}

.divBranchFinder {
    background-color: #e6e6e6 !important;
}

    .divBranchFinder .FontWhite {
        color: #666 !important;
    }

.divMapContainer {
    border: 2px solid #666 !important;
}

.GBMap {
    content: url('../Images/GB Map Grey.png');
}

.divOtherQuestions {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 50px;
}

.divBreadCrumbs {
    margin-top: 30px;
    text-align: left;
}

    .divBreadCrumbs > a {
        text-decoration: none;
    }

        .divBreadCrumbs > a:hover {
            color: initial;
        }

    .divBreadCrumbs > span {
        margin: 0 5px;
    }

    .divBreadCrumbs .FontGreen, .divBreadCrumbs .FontBlue {
        margin: 0;
        font-size: 17px;
    }

.divOtherQuestionsHeader {
    margin-bottom: 30px;
}

.divContent {
    padding: 30px 20px 20px 20px;
    margin: 30px auto 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

    .divContent h1 {
        text-align: center;
        font-weight: normal;
    }

.divFAQImgContainer {
    margin: 20px 0 25px 0;
}

.divContent img {
    width: 150px;
    display: block;
    margin: 0 auto;
}

.ButtonBack {
    width: 85px;
    margin: 0 auto 30px auto;
}

.NoUnderLine {
    text-decoration: none !important;
}

video {
    width: 100%;
    max-width: 400px;
    margin: 30px auto 0 auto;
    display: block;
}

.ui-autocomplete {
    border: 1px solid #B1C0DB !important;
}

    .ui-autocomplete li {
        border-bottom: 1px solid #B1C0DB !important;
    }

@media (min-width:680px) {
    .divContent {
        padding: 30px 60px 30px 20px;
        display: inline-block;
    }

    .divFAQImgContainer {
        float: left;
        width: 25%;
        margin: 0 5% 0 0;
    }

    .divContent h1 {
        text-align: left;
        float: right;
        width: 70%;
    }

    .divContent img {
        margin: 0 auto;
    }

    .divFAQText {
        margin-top: 20px;
        float: right;
        width: 70%;
    }

    video {
        max-width: 350px;
        margin-top: 0;
    }
}

@media (min-width:760px) {
    .divContent, .divBreadCrumbs {
        width: 700px;
    }

    .divBreadCrumbs {
        margin: 30px auto 0 auto;
    }
}

.imgGeo {
    height: 33px;
    margin-top: 4px;
    vertical-align: top;
    cursor: pointer;
}

.divNationWide {
    margin-top: 15px;
}

.divBranchFinderTextBox {
    margin-top: 60px;
}

.divBranchFinder {
    padding-top: 60px;
    padding-bottom: 80px;
}

.divMapContainer {
    padding: 40px 40px 30px 40px;
    border: 2px solid white;
    border-radius: 8px;
    position: relative;
    margin-top: 30px;
    text-align: center;
}

    .divMapContainer input {
        border-radius: 3px;
        border: none;
        text-transform: uppercase;
        padding: 9px 30px 9px 7px;
        -webkit-box-shadow: 0px 0px 3px 0px #5780C9;
        -moz-box-shadow: 0px 0px 3px 0px #5780C9;
        box-shadow: 0px 0px 3px 0px #5780C9;
        display: inline-block;
        width: 143px;
        margin-bottom: 10px;
        color: #525252;
        border-right: 3px solid white;
        border-left: 3px solid white;
    }

input.Hidden {
    display: none;
}

.GBMap, .divSlimDesc {
    display: none;
}

.divMapContainer ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #666666;
}

.divMapContainer ::-moz-placeholder { /* Firefox 19+ */
    color: #666666;
}

.divMapContainer :-ms-input-placeholder { /* IE 10+ */
    color: #666666;
}

.divMapContainer :-moz-placeholder { /* Firefox 18- */
    color: #666666;
}

.ButtonMangify {
    border-right-width: 14px;
    margin: 0 7px 0 1px;
}

.divInstructions {
    margin-top: 20px;
}

.ui-autocomplete {
    z-index: 0 !important;
    width: 185px!important;
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    border-top: 2px solid transparent !important;
    padding: 0;
    border: 1px solid #1d7f6c;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .ui-autocomplete li {
        list-style: none;
        margin: 0;
        padding: 9px 7px;
        border-bottom: 1px solid #1d7f6c;
        background-color: rgba(255,255,255, 0.95);
    }

    .ui-autocomplete li a {
        text-decoration: none;
        cursor: pointer;
    }

        .ui-autocomplete li:last-child {
            border-bottom: none !important;
        }

@media (min-width:480px) {
    .divMapContainer input {
        margin-right: 10px;
    }

    .divBranchFinderSearch {
        vertical-align: top;
        display: inline-block;
    }
}

@media (min-width:620px) {
    .divNationWide {
        width: 64%;
    }

    .divInstructions {
        margin-top: 39px;
    }

    .divBranchFinderTextBox {
        margin-top: 10px;
    }

    .divMapContainer input {
        margin-bottom: 0;
    }

    .divMapContainer {
        text-align: left;
    }

    .GBMap {
        position: absolute;
        right: 0;
        margin: -45px 10px 0 0;
        height: 260px;
        display: block;
    }

    .divInstructions {
        max-width: 390px;
    }
}

@media (min-width:650px) {
    .divInstructions {
        max-width: 410px;
    }
}

@media (min-width:730px) { 
    .divBranchFinderTextBox {
        margin-top: 15px;
    }

    .divMapContainer {
        width: 600px;
        margin: 30px auto 0 auto;
    }

    .GBMap {
        margin: -55px 25px 0 0;
        height: 347px;
    }
}

/* -- START VEHICLE ANIMATION FOR MOBILE BANNER -- */
#divVehicleAnimation {
    position: absolute;
    left: 50%;
    top: 0;
    height: 150px;
    width: 100%;
    /*overflow: hidden;*/
}

.divVehicleContainer {
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.divVehicleWheel {
    height: 45%;
    position: relative;
    width: 100%;
    -ms-transform: translate(182px, 185px);
    -webkit-transform: translate(182px, 185px);
    transform: translate(182px, 185px);
}

    .divVehicleWheel.back {
        -ms-transform: translate(443px, 115px);
        -webkit-transform: translate(443px, 115px);
        transform: translate(443px, 115px);
    }

.divVehicleBrakeLights {
    height: 30px;
    width: 8px;
    background: rgba(210,16,16,0.5);
    position: absolute;
    -ms-transform: translate(165px, -5px);
    -webkit-transform: translate(165px, -5px);
    transform: translate(165px, -5px);
    z-index: 99;
    opacity: 0;
    -webkit-animation: vehicle-brake-lights 9s linear infinite;
    animation: vehicle-brake-lights 9s linear infinite;
    box-shadow: -3px 0 20px 5px #d21010, -3px 0 20px 5px #d21010, -3px 0 40px 5px #fff;
}

#smoke {
    position: absolute;
    z-index: 3;
    width: 1px;
    height: 160px;
    left: 37%;
    transform: translate(150px, 0px);
    bottom: -50px;
}

@keyframes vehicle-movement {
    0% {
        -webkit-transform: translate(-1750px) skew(0deg);
        transform: translate(-1750px) skew(0deg);
    }

    40% {
        -webkit-transform: translate(-200px) skew(0deg);
        transform: translate(0px) skew(0deg);
    }

    60% {
        -webkit-transform: translate(-200px) skew(0deg);
        transform: translate(0px) skew(0deg);
    }

    100% {
        -webkit-transform: translate(0deg) skew(0deg);
        transform: translate(0px) skew(0deg);
    }
}

@keyframes wheel-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg) translate(0px, 0px);
    }

    30% {
        -webkit-transform: rotate(2080deg);
        transform: rotate(1000deg) translate(0px, 0px);
    }

    40% {
        -webkit-transform: rotate(2680deg);
        transform: rotate(2000deg) translate(0px, 0px);
    }

    60% {
        -webkit-transform: rotate(3180deg);
        transform: rotate(3000deg) translate(0px, 0px);
    }

    100% {
        -webkit-transform: rotate(5000deg);
        transform: rotate(4000deg) translate(0px, 0px);
    }
}

@keyframes vehicle-bounce {
    0%, 20%, 80% {
        -webkit-transform: translate(0, 0); /* Safari */
        transform: translate(0, 5px) rotate(0deg);
    }

    5%, 25%, 65%, 85% {
        -webkit-transform: translate(0, 80px); /* Safari */
        transform: translate(0, 2px) rotate(0deg);
    }

    10%, 30%, 70%, 90% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(0, 5px) rotate(-0.5deg);
    }

    15%, 35%, 50%, 75%, 95% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(0, -2px) rotate(0deg);
    }

    40%, 60% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(0, 5px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(0, 5px) rotate(0deg);
    }
}
/* -- END VEHICLE ANIMATION FOR MOBILE BANNER -- */

.MobileVisitBanner {
    padding: 25px 0px;
}

    .MobileVisitBanner .BannerContentContainer {
        position: relative;
        display: grid;
        grid-template-rows: 100px auto;
        grid-template-columns: 1fr;
    }

        .MobileVisitBanner .BannerContentContainer > div {
            overflow: hidden;
        }

        .MobileVisitBanner .BannerContentContainer .VehicleAnimationContainer {
            animation: vehicle-movement 5s ease-out;
            /*position: absolute;*/
        }

            .MobileVisitBanner .BannerContentContainer .VehicleAnimationContainer > .VehicleAnimationBody {
                width: 200px;
                animation: vehicle-bounce 9s linear infinite;
            }

            .MobileVisitBanner .BannerContentContainer .VehicleAnimationContainer .divVehicleWheel {
                transform: translate(60px,-30px);
            }

                .MobileVisitBanner .BannerContentContainer .VehicleAnimationContainer .divVehicleWheel.back {
                    transform: translate(-68px, -73px);
                }

                .MobileVisitBanner .BannerContentContainer .VehicleAnimationContainer .divVehicleWheel > img {
                    width: 40px;
                    animation: wheel-rotation 9s linear infinite;
                }

        .MobileVisitBanner .BannerContentContainer .divMobileVisitLink > a {
            background-image: Url('../Images/Button Arrow.png');
            background-repeat: no-repeat;
            padding: 25px 20px 25px 15px;
            font-size: 18px;
            text-transform: uppercase;
            background-position: right;
            margin: 0 auto;
            margin-top: 10px;
            max-width: 150px;
            text-decoration: none;
        }

@media (min-width:500px) {
    .divBanner {
        height: 430px;
    }

    .divBannerText {
        width: 163px;
        font-size: 20px;
        margin: 55px 0 0 -232px;
    }
}

@media (min-width:620px) {
    .divBannerText {
        width: 217px;
        font-size: 26px;
        margin: 35px 0 0 -270px;
        -webkit-transform: rotate(356deg);
        -moz-transform: rotate(356deg);
        -o-transform: rotate(356deg);
        -ms-transform: rotate(356deg);
        transform: rotate(356deg);
    }
}

@media (min-width:750px) {
    .MobileVisitBanner .BannerContentContainer {
        position: relative;
        display: grid;
        grid-template-rows: 95px;
        grid-template-columns: 210px 1fr 190px;
        line-height: 1.5;
    }
}

@media (min-width:900px) {
    .divBanner {
        height: 430px;
    }

    .MobileVisitBanner .BannerContentContainer {
        position: relative;
        display: grid;
        grid-template-rows: 95px;
        grid-template-columns: 200px 1fr 200px;
    }
}
.FooterContactUs {
    padding-top: 10px;
    margin-top: 15px;
}

.divFooter {
    padding: 40px 0;
    font-size: 12px;
}

.divFooterColumn {
    width: 50%;
    float: left;
    height: 190px;
}

.divFooterContent {
    display: inline-block;
    width: 100%;
}

.FooterHeader {
    padding-bottom: 10px;
    font-size: 14px;
}

.divFooterColumn a {
    display: block;
    text-decoration: none;
    margin-top: 15px;
    font-size: 12px;
}

    .divFooterColumn a img {
        border: none;
    }

    .divFooterColumn a:hover, .divLinks a:hover {
        color: #DEDEDE;
    }

.aSocial {
    margin-right: 10px;
    display: inline-block !important;
}

.FooterColumnNoHeight {
    height: auto;
}

.divCox {
    height: 100px;
    background-color: #F2F2F2;
}

    .divCox > div > div {
        /*float: right;*/
        margin: 0 auto;
        height: 20px;
        width: 236px;
        /*background: url(../images/SpriteSheet.png?v=1) 0 77px;*/
        background: url('../Images/Cox Automotive logo.png');
        background-repeat: no-repeat;
        padding-top: 40px;
        padding-bottom: 40px;
        background-position: center;
        cursor: pointer;
    }

.LinksLeft {
    float: left;
    width: 50%;
    margin-bottom: 15px;
}

.LinksCenter {
    width: 50%;
}

.LinksRight {
    float: right;
    width: 50%;
}

.divLinksPadding {
    padding: 20px;
}

.divLinks a {
    display: block;
    text-decoration: none;
    padding: 12px 0;
    margin: 0 10px;
    font-size: 12px;
}

.divCookieBar {
    width: 100%;
    background-color: white;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
    font-size: 12px;
    line-height: 20px;
}

    .divCookieBar .cb-enable {
        border: 1px solid grey;
        background-color: #e6e6e6;
        padding: 0 4px;
        border-radius: 3px;
        margin: 0 5px;
        text-decoration: none;
    }

        .divCookieBar .cb-enable:hover {
            background-color: #ccc;
        }

#cookie-bar-static a:hover {
    text-decoration: underline;
}

.spnRot13 {
    unicode-bidi: bidi-override;
    direction: rtl;
}

.divFooterSell, .divFooterAbout {
    height: 250px;
}

.divFooterTwitter {
    width: 28px;
    height: 29px;
    background: url(../images/SpriteSheet.png?v=1) 89px -30px;
}

.divFooterFacebook {
    width: 29px;
    height: 29px;
    background: url(../images/SpriteSheet.png?v=1) 61px -30px;
}

.divFooterPintrest {
    width: 29px;
    height: 29px;
    background: url(../images/SpriteSheet.png?v=1) 32px -30px;
}

.divFooterLinkedIn {
    width: 29px;
    height: 29px;
    background: url(../images/SpriteSheet.png?v=1) 89px -59px;
}

.divFooterYoutube {
    width: 29px;
    height: 29px;
    background: url(../images/SpriteSheet.png?v=1) 60px -59px;
}


@media (min-width:360px) {
    .divFooterColumn a {
        font-size: 13px;
    }
}

@media (min-width:660px) {
    .divCookieBar {
        font-size: 14px;
    }

    .cookiebr {
        display: none;
    }
}

@media (min-width:700px) {
    .divFooterColumn {
        width: 25%;
        float: left;
    }
}

@media (min-width:710px) {
    .LinksLeft {
        width: 30%;
    }

    .LinksCenter {
        margin: 0 auto;
        width: 30%;
    }

        .LinksCenter div {
            padding-left: 18px;
        }

    .LinksRight {
        width: 32%;
    }

    .divLinksPadding {
        padding: 20px;
    }

    .divLinks a {
        display: block;
        text-decoration: none;
        padding: 10px 0;
        border-bottom: none;
    }

    .LinksLeft a {
        padding-left: 10%;
    }
}

@media (min-width:950px) {
    .divFooter {
        padding: 50px 0;
    }

        .divFooter .ContentColumn {
            width: 900px;
        }

    .aSocial {
        float: left;
        margin: 0 5px;
    }

    .divFooterColumn {
        height: auto;
    }

        /*.divCox > div > div {
        margin: 10px 0 0 0;
    }*/

        .divFooterColumn a {
            margin-top: 5px;
        }

    .FooterHeader {
        padding-bottom: 10px;
    }
}

@media (min-width:1200px) {
    .divCookieBar {
        position: fixed;
        bottom: 0;
        border-bottom: none;
    }

    .divCookieBarBottom {
        margin-bottom: 100px;
        border-bottom: 1px solid #e6e6e6;
    }
}

