html, body {
    margin:                     0;
    padding:                    0;
}

body {
    height:                     100%;
}

body, td, td p {
    color:                      #666;
}

table.unstyled {
    border:                     0;
    background:                 transparent !important;
    margin:                     0 0 10px 0;
    padding:                    0;
}

table.unstyled td {
    padding:                    0;
}

table.unstyled tr.even, 
table.unstyled tr.alt, 
table.unstyled tr:nth-of-type(2n) {
    background:                 #fff !important;
}

table.unstyled tr td:first-child {
    width:                      55%;
}

.rel {
    position:                   relative !important;
}

a, 
a:active,
a:link,
a:visited {
    transition:                 color 0.3s ease-in-out;
}

a.button {
    transition:                 all 0.3s ease-in-out;
}

span {
    transition:                 all 0.3s ease-in-out;
}

a:hover {
    color:                      #b70505;
}

.centered {
    text-align:                 center !important;
}

.margintop {
    margin-top:                 20px;
}

.unbordered {
    border:                     0 !important;   
}

.np {
    padding:                    0 !important;
}

.spb {
    padding-bottom:             5px !important;
}

.mpl {
    padding-left:               10px !important;
}

.mpb {
    padding-bottom:             10px !important;
}

.mmb {
    margin-bottom:              10px !important;
}

.mpt {
    padding-top:                15px !important;
}

.nmr {
    margin-right:               0 !important;
}

.spt {
    padding-top:                5px !important;
}

.spl {
    padding-left:               5px !important;
}

.lmt {
    margin-top:                 15px !important;
}

.bold {
    font-weight:                700 !important;
}

.dark {
    color:                      #555;
    font-weight:                600;
}

.red {
    color:                      #b70505;
}

.blue {
    color:                      #3da2d4 !important;
}

.white,
.white li {
    color:                      #fff;
}

.shadow {
    -moz-box-shadow:            0 0 5px 1px rgba(0,0,0,0.6);
    -webkit-box-shadow:         0 0 5px 1px rgba(0,0,0,0.6);
    box-shadow:                 0 0 5px 1px rgba(0,0,0,0.6);
}

.rounded {
    -webkit-border-radius:      5px;
    -moz-border-radius:         5px;
    -o-border-radius:           5px;
    -ms-border-radius:          5px;
    border-radius:              5px;
}

    

/* Buttons ............................................................ */

a.button {
    font-family:                'Open Sans', arial, serif;
    display:                    inline-block;
    padding:                    10px 15px 10px 15px;
    text-align:                 center;
    color:                      #fff;
    font-size:                  12px;
    font-weight:                600;
    background-color:           #ddd;
    margin:                     0 5px 5px 0;
}

.button.red {
    background-color:           #b70505;
}

.button:hover {
    background-color:           #555;
}

/* END Buttons ........................................................ */



/* Typography ......................................................... */

h2 {
    font-family:                'Open Sans', arial, serif;
    font-size:                  32px;
    font-weight:                600;
    margin:                     0;
    line-height:                36px;
    padding-bottom:             15px;
}

h3 {
    font-family:                'Open Sans', arial, serif;
    font-size:                  20px;
    font-weight:                600;
    margin:                     0;
    line-height:                26px;
    padding-bottom:             15px;
}

h4 {
    font-family:                'Open Sans', arial, serif;
    font-size:                  16px;
    font-weight:                600;
    margin:                     0;
    line-height:                22px;
    padding-bottom:             15px;
}

h6 {
    font-family:                'Open Sans', arial, serif;
    font-size:                  16px;
    font-weight:                600;
    margin:                     0;
    line-height:                28px;
    padding-bottom:             15px;
}

p, input, li, a, td {
    font-family:                arial, helvetica, serif;
    font-size:                  12px;
    font-weight:                400;
    margin:                     0;
    padding:                    0;
}

/* END Typography ..................................................... */




/* Header ............................................................. */

header {
    width:                      100%;
    height:                     110px;
}

header .page-top {
    position:                   relative;
    width:                      100%;
    height:                     100%;
    background-image:           url("../img/header-bg.png");
    background-repeat:          repeat-x;
    background-position:        0 10px;
}

span.logo-cont {
    display:                    block;
    margin:                     20px 0 0 0;
}

span.celebrate {
    position:                   absolute;
    top:                        0;
    right:                      0;
}

@media all and (max-width: 945px) {
    header {
        margin-top:             50px;
    }
}

/* END Header ......................................................... */



/* Navigation ......................................................... */

nav.top-bar {
    margin-top:                 30px;
}

nav.top-bar li a {
    border-left:                1px solid #ccc;
    line-height:                18px !important;
}

nav.top-bar li:first-child a {
    border-left:                0;
}

nav.top-bar li a:hover,
nav.top-bar li.active a {
    color:                      #b70505;
}

@media all and (max-width: 943px) {
    nav.top-bar li a {
        border:                 0 !important;
    }
    nav.top-bar {
        position:               fixed;
        top:                    0;
        width:                  100%;
        margin-top:             0;
        z-index:                1000;
    }
    .top-bar-section ul li {
	width:			50%;
	float:			left;
    }
    .top-bar-section ul li a {
	text-align:		center;
	padding:		12px 0;
	
    }
    .top-bar-section ul li.active a {
        background-color:       rgba(255, 255, 255, 0.6);
        color:                  #fff !important;
    }
    .top-bar-section ul li.active a:hover {
        color:                  #fff !important;
        background-color:       rgba(255, 255, 255, 0.3) !important;
    }
}

@media all and (min-width: 944px) {
    nav.top-bar li a:hover,
    nav.top-bar li.active a {
        color:                  #b70505 !important;
    }
    .top-bar {
        background-color:       transparent !important;
    }
    nav.top-bar li a {
        background-color:       #fff !important;
        color:                  #555 !important;
        font-weight:            700;
        font-size:              13px;
    }
    .top-bar-section ul {
        display:                table; 
        margin:                 10px auto;        
    }
    .top-bar-section ul li {
        display:                table-cell;
    }   
}

/* END Navigation ..................................................... */



/* Splash Panel ....................................................... */

.splash-panel {
    position:                   relative;
    background:                 #ccc url("../img/bg-highlighted.png") repeat;
    padding:                    30px 0 30px 0;
}

.shadow-top {
    position:                   absolute;
    top:                        0;
    left:                       0;
    width:                      100%;
    height:                     18px;
    background:                 url("../img/shadow-top.png") repeat-x;
}

.shadow-bottom {
    position:                   absolute;
    bottom:                     0;
    left:                       0;
    width:                      100%;
    height:                     18px;
    background:                 url("../img/shadow-bottom.png") repeat-x;
}

.promo {
    background:                 #fff;
    margin-bottom:              10px;
    margin-right:               10px;
    height:                     180px !important;
}

.promo:last-child {
    margin-bottom:              0;
}

.padded {
    padding:                    10px;
}

.ecu-remapping {
    position:                   relative;
    background:                 #000 url("../img/remapping.jpg") no-repeat -120px bottom;
}

.ecu-remapping img {
    position:                   absolute;
    width:                      105px;
    height:                     auto;
    bottom:                     10px;
    left:                       10px;
}

.ecu-remapping h3 {
    margin-bottom:              10px;
}

.ecu-remapping p {
    margin-bottom:              20px;
}

.ecu-remapping ul {
    margin:                     0 0 0 10px;
    padding:                    0;
}

#featured {
    height:                     376px;     
    position:                   relative;
    background-color:           #c5c5c5;
    backgound-size:             cover;
}

#featured span.info {
    position:                   absolute;
    left:                       0;
    bottom:                     0;
    width:                      100%;
    height:                     50px;
    background:                 rgba(0,0,0,0.4);
    text-indent:                15px;
}

#featured:hover {
    cursor:                     pointer;
}

#featured span.info:hover {
    background:                 rgba(0,0,0,8);
}

span.info a {
    font-size:                  12px;
    font-weight:                600;
    line-height:                50px;                 
}

.box-cars {
    background-image:           url("../img/box-cars.png");
}

.box-mot {
    background-image:           url("../img/box-mot.png");
}

.box-remapping {
    background-image:           url("../img/remapping-faqs-bg.png");
}

.box-testimonials {
    background-image:           url("../img/testimonials_bg.png");
    background-position:        center -200% !important;
}

.box-ecu-remapping {
    background-image:           url("../img/remapping-bg.jpg");
    background-position:        center center;
}

.box-love {
    height:                     auto !important;
    background-color:           #fafafa;
}

.box-approved,
.box-love {
    height:                     auto !important;
    text-align:                 center !important;
}

.box-approved img,
.box-love img {
    margin:                     0 auto !important;
}

.box-cars,
.box-mot,
.box-remapping,
.box-testimonials {
    background-repeat:          no-repeat;
    background-position:        center bottom;  
}

.cta-action {
    display:                    block; 
    position:                   absolute; 
    top:                        0; 
    left:                       0; 
    width:                      100%; 
    height:                     100%;
}

@media all and (min-width: 944px) and (max-width: 1040px) { 
    .promo {
        margin:                 0 8px 10px 8px;
    }
    #featured {
        height:                 371px !important;
    }
}

@media all and (max-width: 943px) {
    .ecu-remapping {
        height:                 371px !important;
    }
    .splash-panel {
        margin-top:             30px;
    }
    .promo {
        margin:                 0 8px 10px 8px;
    }
}

@media all and (max-width: 642px) {
    #featured {
        margin-top:             10px;
        min-height:             250px !important;
    }
    .promo {
        margin:                 0 8px 10px 8px;
    }
}

/* END Splash Panel ................................................... */



/* Bordered Panels .................................................... */

.panel-block {
    border:                     1px solid #ccc;
    padding:                    15px;
    margin:                     0 0 20px 0;
}

.find-us {
    position:                   relative;
    background-image:           url("../img/find-us.png");
    background-repeat:          no-repeat;
    background-position:        right 10px;
}

.find-us a.find {
    font-family:                'Open Sans', arial, helvetica, serif;
    font-size:                  16px;
    font-weight:                700;
    padding:                    5px 15px 5px 15px;
    position:                   absolute;
    right:                      0;
    bottom:                     45px;
    display:                    block;
    width:                      150px;
    color:                      #fff;
    background-color:           #b70505;
    -webkit-transition:         all 0.3s ease-in-out;
    -moz-transition:            all 0.3s ease-in-out;
    transition:                 all 0.3s ease-in-out;
}

.find-us a.find:hover {
    background-color:           #333;
}

.find-us .shrink {
    width:                      60%;
}

@media all and (max-width: 943px) {
    .find-us {
        background-image:       none;
    }
    .shrink {
        width:                  100% !important;
    }
}

/* END Bordered Panels ................................................ */



/* Footer ............................................................. */

footer {
    margin-top:                 30px;
    color:                      #ddd;
}

footer div.footer-content {
    border-top:                 1px solid #ddd;
    padding-top:                20px;
    margin:                     0 10px 0 10px;
}

.sub-footer {
    background:                 #555;
    padding:                    30px 0 60px 0;
    color:                      #ddd;
}

.sub-footer p {
    color:                      #ddd;
    line-height:                20px;
}

.sub-footer a {
    color:                      #fff;
    padding:                    0 5px 0 5px;
}

.sub-footer a:hover {
    text-decoration:            underline;
}

/* END Footer ......................................................... */



/* Third Party ........................................................ */

.facebook-hover {
    background-image:           url("../img/facebook-hover.png");
}

.social-slide {
	height:                     30px;
	width:                      30px;
	margin:                     0 15px 0 0;
	float:                      left;
	-webkit-transition:         all 0.3s ease-in-out;
	-moz-transition:            all 0.3s ease-in-out;
	-o-transition:              all 0.3s ease-in-out;
	-ms-transition:             all 0.3s ease-in-out;
	transition:                 all 0.3s ease-in-out;
}
.social-slide:hover {
	background-position:        0px -30px;
    -moz-box-shadow:            0 0 5px 1px rgba(0,0,0,0.6);
    -webkit-box-shadow:         0 0 5px 1px rgba(0,0,0,0.6);
    box-shadow:                 0 0 5px 1px rgba(0,0,0,0.6);
}

/* END Third Party .................................................... */



/* Banners ............................................................ */

.sub-topper {
    width:                      100% !important;
    position:                   relative;
    height:                     315px;
    background-size:            cover !important;
    border-top-left-radius:     5px;
    border-top-right-radius:    5px;
}

.sub-topper h1 {
    position:                   absolute;
    right:                      50px;
    bottom:                     20px;
    color:                      #fff;
    max-width:                  40%;
    font-size:                  28px;
    font-weight:                700;
    line-height:                32px;
}

.sub-topper.about {
    background:                 url("../img/about.jpg") no-repeat;
}

.sub-topper.ecu-remapping {
    background:                 url("../img/ecu.jpg") no-repeat;
}

.sub-topper.guarantees {
    background:                 url("../img/guarantees.jpg") no-repeat;
}

.sub-topper.mot-service {
    background:                 url("../img/mot-service.jpg") no-repeat;
}

.sub-topper.finance {
    background:                 url("../img/finance.jpg") no-repeat;
}

.sub-topper.motorhomes {
    background:                 url("../img/motorhomes.jpg") no-repeat;
}

.sub-topper.privacy-policy {
    background:                 url("../img/finance.jpg") no-repeat;
}

.sub-topper.testimonials,
.sub-topper.news {
    background:                 url("../img/finance.jpg") no-repeat;
}

h1.motor-head {
    left:                       20px !important;
}
    
@media all and (max-width: 960px) {   
    .sub-topper {
        height:                 200px !important;
    }
    .sub-topper h1 {
        max-width:              35%;
        font-size:              22px;
        line-height:            26px;
        left:                   20px;
    }
}

@media all and (max-width: 640px) {
    .sub-topper h1 {
        max-width:              60%;
        font-size:              18px;
        line-height:            22px;
        right:                  10px;
    }
}

/* END Banners ........................................................ */



/* Subpages Generic ................................................... */

.sub-body {
    position:                   relative;
    background-image:           url("../img/bg-gradient.png");
    background-repeat:          repeat-x;
    padding-top:                30px;
}

.sub-body p {
    padding-bottom:             15px;
}

.sub-cont {
    position:                   relative;
    padding:                    20px 10px 20px 10px;
    background-color:           #f5f5f5;
    border:                     1px solid #e5e5e5;
    border-bottom-left-radius:  5px;
    border-bottom-right-radius: 5px;
}

.sub-cont h2 {
    font-size:                  20px;
    font-weight:                600;
    margin:                     0;
    line-height:                26px;
    padding-bottom:             15px;
    color:                      #b70505;
}

.bordered-sections > div {
    border:                     1px solid #e5e5e5;
}

.shoutout {
    text-align:                 center;
    margin-top:                 20px;
}

.shoutout h3 {
    margin:                     0;
    padding:                    0;
}

.remap {
    background: #19a9e2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5YTllMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjZjOTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #19a9e2 0%, #026c96 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#19a9e2), color-stop(100%,#026c96)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #19a9e2 0%,#026c96 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #19a9e2 0%,#026c96 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #19a9e2 0%,#026c96 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #19a9e2 0%,#026c96 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19a9e2', endColorstr='#026c96',GradientType=0 ); /* IE6-8 */

    border-radius:              5px;
    box-sizing:                 border-box;
    clear:                      both;
    display:                    block;
    float:                      left;
    margin:                     20px 0;
    overflow:                   hidden;
    padding:                    20px;
    position:                   relative;
    text-align:                 center;
    width:                      100%;
}

.remap h3 {
    color:                      #fff;
    position:                   relative;
    text-shadow:                0 -1px #026c96;
    z-index:                    2;
    margin-top:                 10px;
}

.remap p {
    color:                      #fff;
    position:                   relative;
    z-index:                    2;
}

.remap p i {
    background:                 url("../img/arrow-link.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height:                     5px;
    margin-left:                6px;
    margin-top:                 7px;
    position:                   absolute;
    width:                      7px;
    z-index:                    3;
}

.canvas #map {
	max-width:                 100%;
	height:                    300px;
}

#map {
    border-top-left-radius:    5px;
    border-top-right-radius:   5px;
}

@media all and (max-width: 640px) {
    .bordered-sections {
        margin-top:             30px;
    }
    .sub-cont {
        border-radius:          0;
        border:                 0;
    }
}

@media all and (max-width: 960px) {
    .sub-body {
        margin-top:             20px;
    }   
}

/* END Subpages Generic ............................................... */



/* Used Cars .......................................................... */

.car-spec {
    margin:                     15px 0 20px 0;
}

.car-spec ul {
    margin:                     0;
    padding:                    8px 20px 5px 20px;
    list-style-type:            none;
    border-bottom:              1px solid #e5e5e5;
}

.car-spec ul li {
    float:                      left;
    width:                      50%;
}
    
.car-spec ul li:first-child {
    font-weight:                bold;
}
    
.car-spec ul li:nth-child(2) {
    float:                      right !important;
    text-align:                 right !important;
}

.gallery-thumbs {
    margin:                     0 0 20px 0;
}

.gallery-thumbs a {
    float:                      left;
    margin:                     0 0 5px 5px;
}

ul.specs {
    padding:                    0;
    margin-bottom:              20px;
}

ul.specs li {
    float:                      left;
    width:                      50%;
    font-weight:                600;
    padding-right:              20px;
}

@media all and (max-width: 800px) {
    ul.specs li {
        width:                  100%;
    }
}

.car-links {
    margin-top:                 30px;
}

.desc-box {
    margin:                     0;
    padding:                    20px;
    background-color:           #f5f5f5;
    border:                     1px solid #e5e5e5;
}

.desc-box h3 {
    padding:                    0;
    margin:                     0;
    color:                      #666;
}

.desc-box-alt {
    margin:                     0;
    padding:                    20px;
    background-color:           #ccc;
}

.desc-box-alt h3 {
    padding:                    0;
    margin:                     0;
}

.desc-box-alt span {
    color:                      #666;
}

.desc-box,
.desc-box-alt {
    margin-bottom:              10px;
}

.car-listing {
    position:                   relative;
    background-color:           #fff;
    border-radius:              5px;
    padding:                    10px;
    border:                     1px solid #e5e5e5;
    margin-bottom:              10px;
}

.car-listing a.view {
    position:                   absolute;
    bottom:                     5px;
    right:                      10px;
    color:                      #666;
    font-size:                  18px;
}

.pricing {
    margin-top:                 10px;
}

.pricing p {
    padding:                    0;
    margin:                     0;
}

#pagination, .MarkupPagerNav {
    clear:                      both;
    padding:                    0;
    margin:                     10px 0 10px 10px;
}

#pagination li, .MarkupPagerNav li {
    background:                 none repeat scroll 0 0 #b70505;
    color:                      #fff;
    float:                      left;
    height:                     30px;
    line-height:                30px;
    margin:                     0 10px 0 0;
    text-align:                 center;
    width:                      30px;
}

#pagination a, .MarkupPagerNav a {
    font-size:                  14px;
    color:                      #fff;
    display:                    block;
    line-height:                30px;
    text-align:                 center;
    font-weight:                700;
    -webkit-transition:         all 0.3s ease-in-out;
    -moz-transition:            all 0.3s ease-in-out;
    -o-transition:              all 0.3s ease-in-out;
    -ms-transition:             all 0.3s ease-in-out;
    transition:                 all 0.3s ease-in-out;
}

.MarkupPagerNav a:hover,
.MarkupPagerNavOn {
    background-color:           #666 !important;
    background:                 #666 !important;
}


@media all and (max-width: 960px) {
    .pricing {
        margin-top:             10px;
    }
}

@media all and (max-width: 640px) {
    .car-listing h4 {
        padding-top:            10px;
    }
    .car-listing img {
        margin:                 0 auto !important;
    }
    .car-listing {
        text-align:             center;
    }
}

@media all and (max-width: 380px) {
    .car-listing img {
        width:                  100%;
    }
}

/* END Used Cars ...................................................... */



/* Forms .............................................................. */

#contact fieldset,
#motorhomes fieldset {
    margin:                     0 0 20px 0;
    padding:                    0;
    border:                     0;
}

#contact input[type="submit"],
#motorhomes input[type="submit"] {
    margin:                     0;
    padding:                    10px 15px 10px 15px;
    border-radius:              0;
    border:                     0;
    background-color:           #666;
    color:                      #fff;
}

#contact input[type="submit"]:hover,
#motorhomes input[type="submit"]:hover {
    background-color:           #c30505;
    transition:                 all 0.3s ease-in-out;
}

small.error {
    background-color:           #c30505 !important;
}

/* END Forms .......................................................... */


.mfp-title {
    font-family:                'Open Sans', arial, serif;
    font-size:                  12px;
}



/* Print Specific Styling ............................................. */

@media print {
    .gallery-thumbs {
        display:                none;
    }
    header {
        display:                none;
    }
    nav {
        display:                none;
    }
    footer {
        display:                none;
    }
    .sub-footer {
        display:                none;
    }
    .sub-cont h2, h3 {
        font-size:              14px;
    }
    a.button {
        display:                none;
    }
    a.gallery-item img {
        width:                  250px;
        height:                 auto;
    }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    a img:after { content: " (" attr(href) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
}

/* END Print Specific Styling ......................................... */