/*-------------------- GENERIC RESETS --------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
body { 
	background-color:#000000
	}
ol, ul {
	list-style: none;
	text-align:left;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/*-------------------- GENERIC STYLES --------------------*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #101010;
	/*background-color: #1b1c1d;*/
}
#wrapper {
	width:971px;
	margin:0 auto;
}
#wrapper2 {
	width:1100px;
	margin:0 auto;
}
#outer-wrapper {
	margin:0 auto;
	width:100%;
	text-align:left;
	background-color:FFF;   
	overflow: auto;
	overflow:hidden;
}
.centre-wrapper {
	margin:0 auto;
/*	overflow: auto;*/
	width:971px;
	text-align:left;
}
.divide-wrapper-top {
	position: absolute;
	margin: 0 auto;
	width: 100%;
	text-align: left;
	overflow: auto;
	overflow: hidden;
	visibility: hidden;	
}
#bespoke-top-image{
	position: absolute;
	background-image: url(../images/home-slideshow/bespoke-vehicles.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	left: 2px;
	top: -1px;
	visibility: visible;
	z-index:-20;
}
#home-top-image{
	position: absolute;
	background-image: url(../images/home-slideshow/home.png);
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	left: 2px;
	top: -1px;
	visibility: visible;
	z-index:-20;
}
#home-top-image2{
	position: absolute;
	background-image: url(../images/home-slideshow/home-bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width:100%;
	left: 2px;
	top: 415px;
	visibility: visible;
	z-index:-100;
}

/*-------------------- TEXT STYLES --------------------*/

div {
	font-family:Arial;
	font-size: 14px;
	color:#6f6f6f;
	text-decoration:none;
	line-height:19px;
}
.text1 {
	font-size: 26px;
	font-family: GillSansStdRegular, Arial;
	color: #b2b3b4;
	font-weight: normal;
}
.text2 {
	font-family:'Gill Sans W01 Light', Arial;
	font-size: 19px;
	color: #FFF;
}
.text3 {
	font-size: 10px;
	letter-spacing:1px;
	font-family: Arial;
	color: #FFF;
	font-weight: normal;
}
.text4 {
	font-size: 30px;
	font-family: GillSansStdLight, Arial;
	letter-spacing:1px;
	line-height:1.2em;
	color: #FFF;
	font-weight: normal;
}
.text5 {
	font-size: 25px;
	font-family: GillSansStdLight, Arial;
	letter-spacing:0px;
	line-height:1.2em;
	color: #d60202;
	font-weight: normal;
}
h1 {
	font-family:'Gill Sans W01 Light', Arial;
	font-size: 25px;
	color: #CCC;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
}
h2 {
	font-family:'Gill Sans W01 Light', Arial;
	font-size: 19px;
	color: #e2e2e2;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px
}
h3 {
	font-family:'Gill Sans W01 Light', Arial;
	font-size: 35px;
	color: #CCC;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
	line-height:30px;
}
h4 {
	font-family:'Gill Sans W01 Book', Arial;
	font-size: 19px;
	color: #cb0005;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px
}
a {
	font-family: Arial;
	font-size: 14px;
	color: #FFF;
	text-decoration:none;
}
a:hover {
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration:none;
}
.link2 {
	font-family: Arial;
	font-size: 11px;
	color: #FFF;
	text-decoration: underline;	
}
link2:hover {
	font-family:  Arial;
	font-size: 11px;
	color: #FFF;
	text-decoration:none;
}
.link3 {
	font-family: Arial;
	font-size: 14px;
	color: #999;
	text-decoration: underline;	
}
link3:hover {
	font-family:  Arial;
	font-size: 11px;
	color: #897161;
	text-decoration:none;
}
.textbox {
	background-color: #333;
	border: 1px solid #444;
	font-family: Arial; 
	font-size: 13px;
	color: #FFFFFF;
	height: 19px;
	width: 205px;
	padding-left:5px;
}
.textbox2 {
	background-color: #333;
	border: 1px solid #444;
	font-family: Arial; 
	font-size: 13px;
	color: #FFFFFF;
	height: 19px;
	width: 454px;
	padding-left:5px;
}
.dropdownbox {
	background-color: #333;
	border: 1px solid #444;
	font-family: Arial;
	font-size: 13px;
	color: #FFFFFF;
	height: 23px;
	width: 212px;	
}
.textareabox {
	background-color: #333;
	border: 1px solid #444;
	font-family: Arial;
	font-size: 13px;
	color: #FFFFFF;
	height: 80px;
	width: 454px;
	padding-left:5px;
	overflow: auto;
}
.frmCol1  {
	text-align:left;
	width: 210px;
	float: left;
	margin-right: 20px;
	padding-bottom: 30px;
}
.frmCol2 {
	text-align:left;
	width: 211px;
	float: left;
	margin-left: 19px;
	padding-bottom: 30px;
}
.frmCol3 {
	text-align:left;
	width: 461px;
	float: left;
	padding-bottom: 20px;
}
.frmCol4  {
	text-align:left;
	width: 461px;
	float: left;
	padding-bottom: 30px;
}
/*-------------------- DROPDOWN NAV --------------------*/
#dropdownnav {
   margin: 0;
   padding: 0;
   padding-top:14px;
   padding-left:0px;
}
#dropdownnav li {
   list-style: none;
   float: left; 
}
#dropdownnav li a {
   display: block; /*MAKES DROPDOWN BUTTONS SAME WIDTH*/
  /* padding: 3px 8px;*/
   font-family:'Gill Sans W01 Light', Arial;
   font-size: 14px;
   letter-spacing:1px;
   padding-top:0px; 
   padding-right:8px;
   padding-bottom:0px;
   padding-left:8px;
   height:19px;
   color: #ececec;
   text-decoration: none; 
}
#dropdownnav li ul {
   display: none; 
   width: 190px; /*DROPDOWN BG WIDTH*/
   /*background-color: #fff;*/
}
#dropdownnav li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0;
   line-height:19px; 
}
#dropdownnav li:hover li, #navbar li.hover li {
   float: none; /*MAKES NAV VERTICLE*/
}
#dropdownnav li:hover li a, #navbar li.hover li a {
   background-color: #222;/*BG COLOUR ON DROPDOWN*/
   /*border-bottom: 1px solid #fff;*/
   color: #d7d7d7;/*FONT COLOUR IN DROPDOWN*/ 
}
#dropdownnav li li a:hover {
	background-color: #333; /*BG ROLLOVER COLOUR ON DROPDOWN*/


/*--------------------------FULLSCREEN GALLERY--------------------------*/
}
#wrapper-gallery {
	width:840px;
	margin:0 auto;	
	text-align:left;
	height:74px;	
	/*background:#1A1A1A;*/	
}
#wrapper-gallery2 {	
	height:74px;	
	background:#1A1A1A;	
}
#header-container-gallery {
	width:980px;
	height:74px;
	background-image:url(../images/header-bg-gallery.png);
	background-repeat: no-repeat;	
}
#nav-gallery {
	width:370px;
	height:13px;
	padding-top:41px;
	padding-bottom:20px;
	padding-left:162px;
	float: left;		
}
#nav-gallery p {
    float: left;
	font-family: Arial;
	font-size: 10px;
	color:#d8d8d8;
	text-decoration: none;
    margin-right: 15px;
	list-style:none;
}
#nav-gallery .totalslides {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #af000c;
}
#nav-gallery .text11 {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
}
#nav-gallery a {
	float: left;
	font-family: Arial;
	font-size: 10px;
	color:#fff;
	text-decoration: underline;
}
#nav-gallery a:hover {
    list-style:none;
	color: #565656;
}
#nav-gallery-back {
	width:100px;
	height:13px;
	padding-top:41px;
	padding-bottom:20px;
	float: left;		
}
#nav-gallery-back a {
	float: left;
	font-family: Arial;
	font-size: 10px;
	color:#fff;
	text-decoration: underline;
	font-weight: bold;
}
#nav-gallery-back a:hover {
    list-style:none;
	color: #565656;
}
#wheel-button-gallery {
	width:70px;
	height:30px;
	text-align:right;
	float: right;
	padding-right:160px;
	padding-top:27px;		
}
/*DO WE NEED THESE STYLES BIN LATER?*/

#show {
	cursor: pointer;     
}
#thumbnails{
	padding-left:21px;
}
#thumbnails img{
	padding-right:7px;
	padding-bottom:5px;
}
#imageview{
	
}
/*-------------------- HEADER --------------------*/

#headercontainer {
	width:971px;
	height:416px;
/*	background-image: url(../images/bg-top.jpg);
	background-repeat: no-repeat;*/
}
/*#headercontainer-bespoke {
	width:971px;
	height:416px;
}*/
#header {
	width:971px;
	height:144px;
}
#logo-header {
	width:287px;
	height:144px;
}
#newsletter-container {
	width:250px;
	height:77px;
	float:right;
	padding-top:35px;
	padding-bottom:30px;
	text-align:left;
	font-family: Arial;
    font-size: 10px;
	color:#999;
	/*background-color:#101010;*/
}
#newsletter-form-container {
	width:250px;
	height:34px;
	float:right;
	text-align:left;
}
#newsletter-button {
	width: 32px;
	height: 34px;
	float: right;
	padding-top: 5px;
}
.signuptextbox-top{
	font-family: Arial;
	margin-top: 5px;
	height: 30px;
	width: 200px;
	background: #202020;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	padding-left: 10px;
	font-size: 13px;
	font-style: normal;
	color: #969595;
	border-bottom-width: 1px;
	border-bottom-color: #464646;	
}
#social-container {
	width:307px;
	height:77px;
	float:right;
	padding-top:35px;
	padding-bottom:30px;
	text-align:right;
	font-family: Arial;
    font-size: 10px;
	color:#FFF;
}
#social-container a {
    font-family: Arial;
    font-size: 10px;
	color:#FFF;
	text-decoration: none;	
}
#social-container a:hover {
	color:#666;
	text-decoration: none;	
}
#follow-container {
	width:207px;
	height:17px;
	float:right;
	text-align:right;
}
#follow {
	width:33px;
	height:17px;
	float:right;
    font-family: Arial;
    font-size: 10px;
	color:#FFF;	
}
#facebook {
	width:17px;
	height:17px;
	padding-right:4px;
	padding-left:4px;
	float:right;
}
#twitter {
	width:17px;
	height:17px;
	float:right;
}
#nav {
	position: relative;
	width:971px;
	height:33px;
	background-image: url(../images/header-bar2.png);
	background-repeat: no-repeat;
}
#nav ul {
	height: 19px;
	background-repeat: no-repeat;
}
#nav ul li {
	color: #897161;
    float:left;
    font-family: GillSansStdRegular, Arial;
    font-size: 10px;
	height: 19px;
}
#nav li a:hover {
    list-style:none;
	color: #999;
}
/*-------------------- PAGE STYLES --------------------*/

#content-wrapper {
	width:971px;
	float:left;
	margin:0 auto;
/*	overflow: auto;*/
}
#content-wrapper-index {
	
	float:left;
/*	background-image: url(../images/home-slideshow/bespoke-vehicles.jpg);
	background-repeat: no-repeat;
	background-position:top;*/
	margin:0 auto;
/*	overflow: auto;*/
}
#content-container1 {
	width:971px;
	float: left;
	margin-top: 30px;
	background-repeat: repeat;
}
#ferrari-container {
	width:465px;
	float: right;
	margin-top: 49px;
}
#cclass-container {
	width:491px;
	float: right;
	margin-top: 44px;
}
#c63-container {
	width:520px;
	float: right;
	margin-top:0px;
}
#mclearn-container {
	width:543px;
	float: right;
	margin-top:0px;
}
#viano-container {
	width:437px;
	float: right;
	margin-top:0px;
}
#g-wagon-container {
	width:456px;
	float: right;
	margin-top:0px;
}
#defender-container {
	width:469px;
	float: right;
	margin-top:0px;
}
#xkrs-container {
	width:451px;
	float: right;
	margin-top:28px;
}
#mini-container {
	width:452px;
	float: right;
	margin-top: 0px;
}
#evoque-container {
	width:433px;
	float: right;
	margin-top: 0px;
}
#mito-container {
	width:449px;
	float: right;
	margin-top: 0px;
}
#bentley-container {
	width:415px;
	float: right;
	margin-top: 7px;
}
#title-container {
	width:421px;
	height:98px;
	float: left;
	margin-top: 54px;
}
.content-container-full {
	width:971px;
	float: left;
	padding-top:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	text-align:justify;
}
.content-container-full2 {
	width:971px;
	float: left;
	padding-top:30px;
}
.content-container-full3 {
	width:971px;
	float: left;
	font-family:'Optima LT W01 Roman';
	font-size:21px;
	letter-spacing:6px;
	color:#EEE;
	padding-top:30px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #222;
	text-align: center;
}
.content-icon4 {
	width:312px;
	height:191px;
	float: left;
}
.content-icon-container {
	width:312px;
	float: left;
	margin-right:16px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cb0005;
}
.content-icon-container2 {
	width:312px;
	float: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cb0005;
}
.content-icon {
	width:323px;
	height:370px;
	float: left;
}
.content-icon2 {
	width:323px;
	height:370px;
	float: left;
}
.content-icon3 {
	width:312px;
	height:191px;
	float: left;
}
.content-icon-title {
	width:312px;
	font-family:'Gill Sans W01 Light', Arial;
	font-size: 21px;
	color: #CCC;
	text-align:center;
	float: left;
	padding-top:10px;
	padding-bottom:20px;
}
#content-container1-col1 {
	width: 469px;
	float: left;
	padding-right: 20px;
	margin-left: 0px;
	margin-bottom: 30px;
	text-align:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #3b0c0d;
	/*	border-right-color: #333;*/
}
#content-container1-col1-2 {
	width: 469px;
	float: left;
	margin-right: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	text-align:justify;
}
#content-container1-col1-3 {
	width: 469px;
	float: left;
	margin-right: 20px;
	padding-bottom: 20px;
	text-align:justify;
}
.content-container1-col2-1 {
	width:459px;
	float: left;
	margin-left: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	text-align:justify;
}
.content-container1-col2-container {
	width:459px;
	float: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	text-align:justify;
}
.content-container1-col2-2 {
	width:459px;
	float: right;
	margin-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:justify;
}
.content-container1-col2-3 {
	width: 459px;
	float: left;
	padding-right: 0px;
	margin-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	text-align:justify;	
}
.content-container1-col2-4 {
	width: 459px;
	float: left;
	margin-left: 20px;
	padding-bottom: 20px;
}
#content-form-onpage {
	width: 469px;
	float: left;
	padding-right: 20px;
	margin-left: 0px;
	margin-bottom: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #3b0c0d;
}
#content-form-iframe {
	width: 469px;
	float: left;
	margin-right: 20px;
	padding-top:20px;	
	padding-bottom: 0px;
}
.content-form-iframe-left {
	width: 210px;
	float: left;	
	margin-right:20px;
}
.content-form-iframe-right {
	width: 230px;
	float: left;
}
#stock-btn-container {
	width:431px;
	height:44px;
	float: left;
	margin-top:43px;
}
#contact-submit-finance {
	width: 211px;
	float: left;
	margin-left: 19px;
}
#contact-submit-valuation {
	width: 211px;
	float: left;
}
.horizontal-line {
	float: left;
	background: #333;
	height: 1px;
	width: 971px;
	margin-right: 0px;
	margin-left: 0px;		
}
#horizontal-line3 {
	float: right;
	background: #333;
	height: 3px;
	width: 207px;
	margin-top: 10px;
	margin-bottom: 10px;		
}

/*-------------------- FOOTER --------------------*/

#footer-container {
	height: 402px;
	background-image: url(../images/footer-gravel-bg.png);
	background-repeat:repeat;
}
#footer-container-centre {
	width:971px;
	height: 258px;
	margin:0 auto;
	padding-top:78px;
}
#footer-top-container {
	width:971px;	
	height: 174px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
}
#footer-top {
	width:971px;	
	height: 174px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
}
#footer-top ul {
    list-style: none;
    margin: 0;
}
#footer-top li {
    float:left;
	color: #fff;
    font-family: Arial;
    font-size: 10px;
    text-decoration: none;	
}
#footer-top li a {
    color: #666;
    float: left;
    font-family: Arial;
    font-size: 10px;
    margin-right: 10px;
    text-decoration: none;
	list-style:none;	
}
#footer-top li a:hover {
    list-style:none;
	color: #fff;
}
#footer-base {
	width:971px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
}
#footer-base2 {
	width:971px;
	float: left;
	padding-top: 0px;
	padding-bottom: 15px;	
}
#address {
	height:46px;
	float: left;
	color: #979696;
    font-family: Arial;
    font-size: 10px;
	padding-right: 20px;
	margin-top: 15px;
	padding-bottom: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;	
}
#address a:hover {
	color:#fff;
	text-decoration: none;	
}
#address a {
    font-family: Arial;
    font-size: 10px;
	color:#999;
	text-decoration: none;	
}
.signuptextbox{
	height:16px;
	width: 175px;
	color: #979696;
	font-family: Arial;
	font-size: 10px;
	text-align:left;
	border-width: 0px;
	border-style: none;
	background: #050505;
	
}
#legal {
	height:46px;
	float: left;
	color: #979696;
    font-family: Arial;
    font-size: 10px;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 15px;
	padding-bottom: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;	
}
#legal a:hover {
	color:#fff;
	text-decoration: none;	
}
#legal a {
    font-family: Arial;
    font-size: 10px;
	color:#999;
	text-decoration: none;	
}
#newsletter {
	height:46px;
	width: 223px;
	float: left;
    font-family: Arial;	
	color: #979696;
    font-size: 10px;
	padding-right: 20px;	
	margin-top: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
/*	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;*/	
}
#form-outercontainer {
	height:24px;
	width: 223px;
	float: left;
	padding-top:5px;	
}
#form-container {
	height:24px;
	width: 190px;
	float: left;
	padding-right:5px;
	background-image: url(../images/form-bg.png);
	background-repeat: no-repeat;	
}
#form {
	height:16px;
	width: 177px;
	padding-totitle-containerp:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	float: left;
	color: #979696;
    font-family: Arial;
    font-size: 10px;
	text-align:left;	
}
#accreditations {
	height:34px;
	width: 138px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 27px;
	padding-bottom: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;	
}
#logo-footer {
	height:49px;
	width: 150px;
	float: left;
	padding-left: 20px;
	margin-top: 12px;
	padding-bottom: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;	
}
#credit-cards {
	height:34px;
	width: 190px;
	float: left;
	padding-left: 20px;
	padding-top: 27px;
	padding-bottom: 10px;	
}
#credit-cards-2 {
	height:34px;
	width: 170px;
	float: left;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 27px;
	padding-bottom: 10px;	
}
#copyright {
	width:760px;
	height:16px;
	float: left;
	padding-top: 20px;
	padding-bottom: 0px;
	color: #444;
    font-family: Arial;
    font-size: 10px;
	text-align:left;	
}
#abandco {
	width:180px;
	height:16px;
	float: right;
	padding-top: 20px;
	padding-bottom: 0px;
	color: #444;
    font-family: Arial;
    font-size: 10px;
	text-align:right;	
}
#abandco ul{
	text-align:right;	
}
#abandco a {
    font-family: Arial;
    font-size: 10px;
	color: #444;
	text-decoration: none;	
}
#abandco a:hover {
	color:#666;
	text-decoration: none;	
}
.clear {
	clear:both;
}