@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

@font-face{
    font-family: cg;
    src: url(../fonts/CENTURYGOTHIC.TTF);
}


@font-face{
    font-family: cgbold;
    src: url(../fonts/CENTURYGOTHIC-BOLD.TTF);
}


@font-face{
    font-family: cgitalic;
    src: url(../fonts/CENTURYGOTHIC-ITALIC.TTF);
}
@font-face {
    font-family: "UK-Number-Plate";
    font-style: normal;
    src: local("UK-Number-Plate"), local("UK-Number-Plate"), url("/fonts/UKNumberPlate.woff") format("woff");
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  font-family: cg, Arial, Helvetica, sans-serif;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 70px;
  background:#ffffff url('../images/mesh-background.jpg') top left fixed; color:#6f6f6f; font-size:15px;
  font-family: 'Lato', sans-serif;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #3a3a3a;
    margin-top: 15px;
}

a{color: #DF660D}
p{color:#fff;}
li{color: #fff;}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

@media (min-width: 768px) {

.nav { float:right; height:70px }
.navbar-default .navbar-nav > li > a {
    color: #FFF;
	height:100px;
	line-height:30px
}

}

.navbar {
    border: 1px solid transparent;
    min-height: 100px;
	border-bottom:1px solid #a7a6a7;
}
.navbar-brand {
    float: left;
    /*font-size: 18px;
    height: 100px;
    line-height: 20px;*/
    padding: 15px;

}

.navbar-default .navbar-toggle {
    /*border-color: #fff;*/
}

.navbar-default {
    background-color: #000000;
    /*border-color: #fff;*/
}

.navbar-default .navbar-nav > li > a {
    color: #FFF;
}

.navbar-collapse{border:0;
    -webkit-box-shadow: 0!important;
    box-shadow: none!important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #ffffff;
    color: #e06912;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus  { background-color:#E06C16 }

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #fff;
    color: #e06912;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: #fff;
    color: #e06912;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #fff;
    color: #e06912;
}

.dropdown-header {
    color: #fff;
	background-color:#e36794;
	font-weight: bold;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}


.dropdown-menu {
    background-color: #e06912;
}
.dropdown-menu .divider {
    background-color: #fff;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}

.divider {
    background-color: #fff;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}

.button{
   -webkit-transition-duration: 0.4s;
   -moz-transition-duration: 0.4s;
   -o-transition-duration: 0.4s;
   transition-duration: 0.4s;
}

.button:hover{
    opacity:0.6;
}


.page-header h1 { color:#FFF; font-size:1.4em; font-weight:700; text-align:center; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }

#footer-navbar ul {
    margin:0 auto;
	padding:0
}
#footer-navbar li { display:inline-block;  padding:21px 0px 21px 0px; font-size:13px; text-align:center; border-left: 1px solid #CCC; min-width:24%}
#footer-navbar ul li a { color:#FFF ; text-decoration:none; text-align:center; ; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);}
#footer-navbar li a:hover { color:#CCC}
#footer-navbar  li.first { border-left:0 }
#footer-navbar { margin:auto }

body > .container {
  padding: 10px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

.white a { color:#FFF;  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);}
.white a:hover { text-decoration:none;  }


/* products page */
.products h2 { font-size:14px; font-weight:700; margin:0 0 2px 0; color:#383838 }
h2.title { font-size:16px; font-weight:bold; margin:0 0 15px 0; color:#383838; border-bottom:1px dashed #888888; padding-bottom:5px; }
.products h3 { font-size:12px; font-weight:700; margin:2px 0 2px 0; color:#e06912 }
.products hr { margin: 5px 0 10px 0; width:100% }
.products p { font-size:12px; }
.products a { color:#707070 }
.price { color:#317bae; font-size:20px !important; font-weight:700 }
.pricepre { font-size:12px }

.product h2 { font-size:16px; font-weight:700; margin:0 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #e06912; color:#383838l; line-height:20px }
.product h3 { font-size:12px; font-weight:700; margin:0 0 2px 0; color:#317baf; line-height:15px; text-align:center }
.product .pink { color:#e06912; font-weight:700  }
.product hr{ border-top: 1px solid #e06912 }
.product select { font-size: 13px; font-weight:700 }


.btn-pink-custom {
  background-color: hsl(333, 82%, 27%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e89253", endColorstr="#e06912");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e89253), to(#e06912));
  background-image: -moz-linear-gradient(top, #e89253, #e06912);
  background-image: -ms-linear-gradient(top, #e89253, #e06912);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e89253), color-stop(100%, #e06912));
  background-image: -webkit-linear-gradient(top, #e89253, #e06912);
  background-image: -o-linear-gradient(top, #e89253, #e06912);
  background-image: linear-gradient(#e89253, #e06912);
  border-color: #ccc #ccc hsl(333, 82%, 20.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42);
  -webkit-font-smoothing: antialiased;
  width:50%;
  padding:10px;
  border-radius:10px;
  text-shadow:1px 1px 1px #000;
  font-size:18px;
    margin: auto;
}

.btn-pink-custom.red{

    background: -khtml-gradient(linear, left top, left bottom, from(#dd4b4b), to(#b50505));
    background: -moz-linear-gradient(top, #dd4b4b, #b50505);
    background: -ms-linear-gradient(top, #dd4b4b, #b50505);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd4b4b), color-stop(100%, #b50505));
    background: -webkit-linear-gradient(top, #dd4b4b, #b50505);
    background: -o-linear-gradient(top, #dd4b4b, #b50505);
    background: linear-gradient(#dd4b4b, #b50505);

    margin-top:20px;
}

/* LOGIN PAGE */
.panel-heading {
    padding: 5px 15px;
}

.panel-footer {
	padding: 1px 15px;
	color: #333;
}

.profile-img {
	width: 96px;
	height: 96px;
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}


.box_surround { border-radius:10px; border:1px solid #a7a6a7; padding:10px; background-color: rgba(0, 0, 0, 0.4); }

#reg{
    border: 0;
    background-color: #F0DD0D;
    border-style: none;
    font-family: "UK-Number-Plate",serif;
    font-size: 34pt;
    height: 61px;
    margin: auto;
    text-transform: uppercase;
    vertical-align: middle;
    width: 90%;
    max-width:262px;
    color: #000;
    background-image:url(../images/regeft.jpg);
    background-repeat: no-repeat;
    padding: 5px 5px 5px 40px;
    box-shadow: none;
    border-radius: 3px;
}


h2 { text-align:center; text-transform:uppercase; font-family:'Lato',Arial; color:#FFFFFF; font-size:25px; opacity:1 !important; }
h3 { text-align:center; text-transform:uppercase; font-family:'Lato',Arial; color:#DE660D; font-size:25px; opacity:1 !important; }
h4 { text-align:center; text-transform:uppercase; font-family:'Lato',Arial; color:#DE660D; font-size:15px; opacity:1 !important; }
h5 { text-align:left; text-transform:uppercase; font-family:'Lato',Arial; color:#DE660D; font-size:12px; opacity:1 !important; }

/************       index      *****************/
#carSearch{text-align: center;}
#carSearch select{width:90%; margin-bottom: 10px; height:40px;}
/*************      END index   ****************/


/*************      ajaxCarForm   ****************/
.ajaxCarForm .label{}
.ajaxCarForm .data{color: #de660d
}
/*************      END ajaxCarForm   ****************/


/*************      vrm-check   ****************/
.vtable{}
.vtable th{color: #de660d}
.vtable td{color: #fff}
.vtable tr.tuned{border: 2px solid green; }
.vtable tr.tuned th{}
/*************      END vrm-check   ****************/


/*************      Find a dealer   ****************/
#map p{color: #000;}
/*************      END find a dealer   ****************/

.center{text-align: center; margin: auto;}