@charset "utf-8";
/* CSS Document */


/*body */

html, body {
	background-color:#000;
	 margin:0px; 
 padding:0px;	
 overflow-x:hidden;
 
 
}


/*Loader */

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace .pace-progress {
  background-color: rgba(47, 68, 68, 0.19999999999999996);
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

/*ipad issue */

/* iPad */



/*Cusom Font */


.st_fblike_custom span {display:none};

.other_information{
width:90%;
height:200px;	
}



@font-face {
 font-family: MyCustomFont;
 src: url("talldark.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("talldark.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: 'tallhandsomeCn';
    src: url('talldark-webfont.eot');
    src: url('talldark-webfont.eot?#iefix') format('embedded-opentype'),
         url('talldark-webfont.woff') format('woff'),
         url('talldark-webfont.ttf') format('truetype'),
         url('talldark-webfont.svg#tall_dark_and_handsomeCn') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebasneue';
   src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FONTS */





h1 {
font-family: "tallhandsomeCn", Helvetica, Arial, sans-serif;
 font-size: 10em;

 letter-spacing: 0.0625em;
 color: white;
}

h2 {

font-family: "tallhandsomeCn", Helvetica, Arial, sans-serif;
font-weight: 300;
 font-size: 1.4em;
 letter-spacing: 0.0625em;
 color: #ffffff;
 margin:0;
 position:relative;
}

h3 {

font-family: "tallhandsomeCn", Helvetica, Arial, sans-serif;
font-weight: 300;
 margin:0;
}

p{
font-family: "Century Gothic", Helvetica, Arial, sans-serif;
 font-size: 12px;
 color: white;
 margin:0; 
 	
}

p.p2, p2{
font-family: "Century Gothic", Helvetica, Arial, sans-serif;
 font-size: 12px;
 color: #000000;
margin:0; 

}

p.p3, p3{
font-family: "Century Gothic", Helvetica, Arial, sans-serif;
font-size: 12px;

color:white;
margin:0; 

}










/*media queries*/



@media (min-width: 1025px) {
  #heroimage {
    background:url('../img/hero1.jpg') no-repeat center center;
	-webkit-transform: translateZ(0); 
  }
  #heroimage3 {
    background:url('../img/face1.jpg') no-repeat center center;
	-webkit-transform: translateZ(0); 
  }

  #techoverlay {
    background:url('../img/techoverlay.jpg') no-repeat center center;
	-webkit-transform: translateZ(0); 
  }
  #pdiimage {
    background:url('../img/pdishot2.jpg') no-repeat center center;
	-webkit-transform: translateZ(0); 
  }
  #designimage {
    background:url('../img/designback.jpg') no-repeat center center;
	-webkit-transform: translateZ(0); 
  }
  #pdi1 {
    background:url('../img/pdi1.jpg') no-repeat center center;
	-webkit-transform: translateZ(0); 
  }
  #pdi2 {
    background:url('../img/pdi2.jpg') no-repeat center center;
	-webkit-transform: translateZ(0); 
  }
  #pdi3 {
    background:url('../img/pdi3.jpg') no-repeat center center;
  }
  #pdi4 {
    background:url('../img/pdi4.jpg') no-repeat center center;
  }
  #pdi5 {
    background:url('../img/pdi5.jpg') no-repeat center center;
  }
  #pdi6 {
    background:url('../img/pdi6.jpg') no-repeat center center;
  }
  #pdi7 {
    background:url('../img/pdi7.jpg') no-repeat center center;
  }
  
   #rightinfocoach {
    background:url('../img/rightinfocoach.jpg') no-repeat center center;
	
  }
  #rightinfowood {
    background:url('../img/woodimage4.jpg') no-repeat center center;
  }
  #rightinfometal {
    background:url('../img/metalimage1.jpg') no-repeat center center;
  }
  #rightinfobespoke {
    background:url('../img/bespoke2.jpg') no-repeat center center;
  }
  #rightinforeginterest {
    background:url('../img/reginterestimage.jpg') no-repeat center center;
  }
  #carcreatepreview {
    background:url('../img/createpreview2.jpg') no-repeat center center;
	-webkit-transform: translateZ(0); 
  }
  #specialintroduction {
    background:url('../img/limitedtitle.png') no-repeat center center;
	-webkit-transform: translateZ(0); 
  }
  #brooklands {
    background:url('../img/brooklandshero.jpg') no-repeat center center;
	-webkit-transform: translateZ(0); 
  }
  #superdry {
    background:url('../img/superdry3w.jpg') no-repeat center center;
	-webkit-transform: translateZ(0); 
  }
  #callstoaction {
    background:url('../img/finalpic.jpg') no-repeat center center;
	-webkit-transform: translateZ(0); 
  }
  #merchimage {
    background:url('../img/merch1.jpg') no-repeat center center;
	-webkit-transform: translateZ(0); 
  }

  
}

@media (max-width: 1024px) {
    #heroimage {
    background:url('../img/hero1s.jpg') no-repeat center center;
  }
  #heroimage3 {
    background:url('../img/face1s.jpg') no-repeat center center;
  }
  #heroimage3ipad {
    background:url('../img/face1s.jpg') no-repeat center center;
  }
  #techoverlay {
    background:url('../img/techoverlays.jpg') no-repeat center center;
  }
  #pdiimage {
    background:url('../img/pdishot2s.jpg') no-repeat center center;
  }
  #designimage {
    background:url('../img/designbacks.jpg') no-repeat center center;
  }
  #pdi1 {
    background:url('../img/pdi1s.jpg') no-repeat center center;
  }
  #pdi2 {
    background:url('../img/pdi2s.jpg') no-repeat center center;
  }
  #pdi3 {
    background:url('../img/pdi3s.jpg') no-repeat center center;
  }
  #pdi4 {
    background:url('../img/pdi4s.jpg') no-repeat center center;
  }
  #pdi5 {
    background:url('../img/pdi5s.jpg') no-repeat center center;
  }
  #pdi6 {
    background:url('../img/pdi6s.jpg') no-repeat center center;
  }
  #pdi7 {
    background:url('../img/pdi7s.jpg') no-repeat center center;
  }
  #rightinfowood {
    background:url('../img/woodimage4s.jpg') no-repeat center center;
  }
  #rightinfocoach {
    background:url('../img/rightinfocoachs.jpg') no-repeat center center;
  }
  #rightinfometal {
    background:url('../img/metalimage1s.jpg') no-repeat center center;
  }
  #rightinfobespoke {
    background:url('../img/bespoke2s.jpg') no-repeat center center;
  }
  #rightinforeginterest {
    background:url('../img/reginterestimages.jpg') no-repeat center center;
  }
  #carcreatepreview {
    background:url('../img/createpreview2s.jpg') no-repeat center center;
  }
  #specialintroduction {
    background:url('../img/limitedtitles.png') no-repeat center center;
  }
  #brooklands {
    background:url('../img/brooklandsheros.jpg') no-repeat center center;
  }
  #superdry {
    background:url('../img/superdry3ws.jpg') no-repeat center center;
  }
  #callstoaction {
    background:url('../img/finalpics.jpg') no-repeat center center;
  }
  #merchimage {
    background:url('../img/merch1s.jpg') no-repeat center center;
  }

}


.selector{
 background-size: cover;
    /* The url is relative to the document, not to the css file! */
    /* Prefer absolute urls to avoid confusion. */
    -ms-behavior: url('/js/backgroundsize.min.htc');
}


.gm-style .gm-style-iw a{
color:#000000;	
}



a, img {
    border:none;
}



#owl-demo .item h3{

 font-size: 30px;
 color: #000000;
 margin:10; 
 padding:10;
 	
}

.innerowlcontent{
padding:15px;	
}

/* Navigation */

.nav{
    border-top:1px solid #ccc;
    border-width:1px 0;
    list-style:none;
    margin:0;
	
    padding:0;
    text-align:center;
}

.nav li{
    display: inline;
	cursor: pointer;
}

.nav a{
    display:inline-block;
	padding-top:15px;
    padding-right:10px;
	padding-left:10px;
	padding-bottom:20px;
	text-decoration:none;
	position:relative;
}

#navigation {
	position:fixed;
	height:50px;
	width:100%;
	bottom:0;
	z-index:1000;
	background-color:#000000;

}

.dealerpopupclose{
background: url("../img/navclose.jpg") center center repeat;
}

.confignavclose{
background: url("../img/navclose.jpg") center center repeat;
}

.upnav{
	position:fixed;
	width:50px;
	height:50px;
	bottom:50px;
	right:0px;
	z-index:2000;
}

.downnav{
	position:fixed;
	width:50px;
	height:50px;
	bottom:0px;
	right:0px;
	z-index:2000;
}

/* contact info */

#contactinfo{
border-top:1px solid #ccc;
width:100%;
height:300px;
opacity:0;
top:50px;
z-index:500;
position:absolute;
padding:15px;
background:#000000;
}

#contactinfowrapper{

width: 1024px;
height: 299px;
opacity: 1;
top: 0px;
margin-left: -512px;
left: 50%;
z-index: 500;
padding: 15px;
position: absolute;


}

#mapcontainer{
height:100%;
left:600px;
width:100%;
background-color:#000000;	
top:0px;
position:absolute;
overflow:hidden;
}

#instructions{
width:100%;
height:20%;
bottom:-30%;
z-index:300;
margin-bottom:50px;	
                background-image: url("../img/instructions.png");
                background-position: center center;
                background-repeat: no-repeat;
                background-size: auto 100%;


}


#mapcanvascontainer{
	width:100%; 
height:600px;
z-index:1001;
bottom:-600px;
position:fixed;
opacity:0;
background-color:#000000;	

}

#searchbar{
padding:15px;
background-color:#8a2422;
width:300px;
position:absolute;
top:30px;
z-index:1003;
border-bottom: 1px solid #000;
right:0px;

}

#dealerinfo{
padding:15px;
background-color:#2f4444;
width:300px;
position:absolute;
top:0px;
z-index:1002;
right:0px;
height:600px;

}

#map_canvas{
width:100%; 
height:600px;
z-index:1001;
bottom:0px;

}

#map_canvas2container{
width:100%; 
height:100%;
z-index:1001;
bottom:0px;
overflow:hidden;
left:0;

}

#map_canvas2{
width:100%; 
height:100%;
z-index:1001;
bottom:0px;
overflow:hidden;

}

/* Page overlay */




/* Scrollr css */


.skrollable {
	/*
	 * First-level skrollables are positioned relative to window
	 */
	position:fixed;

	/*
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */
	z-index:100;
	
	/*
	 * stop double scroll bar
	 */
	overflow-y:hidden;
}

.skrollr-mobile .skrollable {
	position:absolute;
}

.skrollable .skrollable {
	/*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */
	position:absolute;
}

.skrollable .skrollable .skrollable {
	/*
	 * Third-level (and below) skrollables are positioned static
	 */
	position:static;
}

#skrollr-body{
height:31000px;
background-color:#000000;	
}




/* Element on page */

#scrolllogo{

   position: absolute;
   top: 50%;
   left: 50%;
   width: 154px;
   height: 150px;
   margin-top: -20px; /* Half the height */
   margin-left: -77px; /* Half the width */
   z-index:501;
	
}

#m3wlogo{

   
   top: 50%;
   left: 50%;
   width: 600px;
   height: 500px;
   margin-top: -250px; /* Half the height */
   margin-left: -300px; /* Half the width */
   z-index:501;
	
}

#blackout{

	width:100%;
	height:100%;
	background-color:#000000;
	z-index:500;
	opacity:0.8;
	display:block;
  /* -webkit-transform: translateZ(0); */
	
}

#vin{

	width:100%;
	height:100%;
	z-index:300;
	opacity:1;
	display:block;
	left:0%;
	top:0%;
  /* -webkit-transform: translateZ(0); */
	
}

#whiteout{

	width:100%;
	height:100%;
	background-color:#f1f1f1;
	z-index:300;
	opacity:1;
	display:block;
	
}


#heroimage{
	 /* This image will be displayed fullscreen */
    position:fixed;
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:150;
	overflow-x:hidden;
	  /* -webkit-transform: translateZ(0); */

}


#herotext{
	width:30%;
	color:#f4dfc4;
	z-index:155;	
	padding:50px;
	left:0%;	
	z-index: 201;
}

#herotext h2{
	font-size:24px;
	padding:4px;
	line-height:200%;
}

#sharebutton1{
width:200px;
height:70px;
background-color:#8a2422;
left:50px;
top:0px;
position:absolute;
cursor:pointer;
z-index: 202;
}

#sharebutton1 h2{
font-size:40px;
padding:15px;
text-align:center;	
}

#sharecontentbox{
	background-color:#8a2422;
	height:100%;
	width:100%;
	bottom:100%;
	position:absolute;
	text-align:center;	
	z-index:202;
}



.inlineshares{
display:inline-block;
font-size:40px;
padding:15px;

}

.lineseparate{

  border-width: 0px;
  border-color: #ffffff;
  border-style: solid;
  background-color:  #ffffff;
  position: absolute;
  width: 4px;
  height: 170px;
  display:inline-block;
	
}

.colorhover{

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
filter: gray;
-webkit-filter: grayscale(100%);
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor:pointer;
}

.colorhover:hover{
filter: none;
-webkit-filter: grayscale(0%);	
}







.sharetitle{
padding:10px;	
}




#heroimage3{
	position:fixed;
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:40%;
    /* The Magic */
    background-size:cover;	
	width:100%;
	height:40%;
	z-index:201;
	overflow-x:hidden;
	background-position:50% 50%;
  /* -webkit-transform: translateZ(0); */
	
}

#heroimage3ipad{
	position:fixed;
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:40%;
    /* The Magic */
    background-size:cover;	
	width:100%;
	height:40%;
	z-index:201;
	overflow-x:hidden;
	   -webkit-transform: translateZ(0); 
	
}
#heroimage3overlay{
	 /* This image will be displayed fullscreen */
    background: url("../img/raster.png") left top repeat;
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:40%;
    /* The Magic */
	width:100%;
	height:40%;
	z-index:202;
	overflow-x:hidden;
	background-position:50% 50%;
	
}


#star1{
position:fixed;
left:50%;
height:150px;
width:150px;
margin-left: -375px;
margin-top:-75px;
top:-30%;
z-index:199;
}

#star2{
position:fixed;
left:50%;
height:150px;
width:150px;
margin-left: -225px;
margin-top:-75px;
top:-30%;
z-index:199;
}

#star3{
position:fixed;
left:50%;
height:150px;
width:150px;
margin-left: -75px;
margin-top:-75px;
top:-30%;
z-index:199;
}

#star4{
position:fixed;
left:50%;
height:150px;
width:150px;
margin-left: 75px;
margin-top:-75px;
top:-30%;
z-index:199;
}

#star5{
position:fixed;
left:50%;
height:150px;
width:150px;
margin-left: 225px;
margin-top:-75px;
top:-30%;
z-index:199;

}

.reviewtoggle{
	color:#ffffff;
	-webkit-transition: 0.5s linear;
        -moz-transition: 0.5s linear;
        -ms-transition: 0.5s linear;
        -o-transition:  0.5s linear;
        transition:  0.5s linear;
		cursor: pointer;
	
}

.reviewtoggle:hover{
	color:	#8a2422;
}

#reviewtitle{
height:100%;
width:70%;
position:fixed;
top:-100%;
left:15%;
z-index:202;	
}

#reviewbox{
	
width:250px;
height:100%;
background-color:#2f4444;
z-index:400;
top:0px;
position:fixed;
display:block;
margin-left:-250px;
left:0px;
	
}

.reviewitem{
display:block;	
}

.reviewitem p{
	padding:20px;
	display:block;
	color:#ffffff;
		-webkit-transition: 0.5s linear;
        -moz-transition: 0.5s linear;
        -ms-transition:  0.5s linear;
        -o-transition: 0.5s linear;
        transition: 0.5s linear;
}

.reviewitem p:hover{
	color:#000000;
		
}

.reviewitem a{
	display:block;
	height:100%;
	width:250px;
}


.reviewitem h2{
	display:block;
	background-color:#262626;
	padding:20px;
	text-align:center;
	-webkit-transition: background 0.5s linear;
        -moz-transition: background 0.5s linear;
        -ms-transition: background 0.5s linear;
        -o-transition: background 0.5s linear;
        transition: background 0.5s linear;
}

.reviewitem p:hover + h2 {
    background:#8a2422;
}

.reviewitem h2:hover{
	background-color:#8a2422;
}

.quoteandrewenglish{
	background:url('../img/quoteandrewenglish.jpg') no-repeat center center;  background-size:cover;
}

.quotemarks{
	background:url('../img/quote.jpg') no-repeat center center;  background-size:cover;
}
.quoteautocar{
	background:url('../img/quoteautocar.jpg') no-repeat center center;  background-size:cover;
}
.quoteautoexpress{
	background:url('../img/quoteautoexpress.jpg') no-repeat center center;  background-size:cover;
}
.quotechrisharris{
	background:url('../img/quotechrisharris.jpg') no-repeat center center;  background-size:cover;
}
.quoteevo{
	background:url('../img/quoteevo.jpg') no-repeat center center;  background-size:cover;
}
.quotejayleno{
	background:url('../img/quotejayleno.jpg') no-repeat center center;  background-size:cover;
}
.quoteoctane{
	background:url('../img/quoteoctane.jpg') no-repeat center center;  background-size:cover;
}






#quote1{
	
	width:20%;
	color:#FFFFFF;
	z-index:260;	
	padding:50px;
	margin-left:auto;
margin-right:auto;
	
}


#panningquote1{
	
	width:400px;
	color:#FFFFFF;
	z-index:500;	
	padding:50px;
	overflow:hidden;
	font-size: 2.5em;
	
}


#panningquote2{
	
	width:400px;
	color:#FFFFFF;
	z-index:500;	
	padding:50px;
	overflow:hidden;
	font-size: 4em;
	
	
}

#panningquote3{
	
	width:400px;
	color:#FFFFFF;
	z-index:500;	
	padding:50px;
	overflow:hidden;
	
	 font-size: 4em;
	
	
}

#panningquote4{
	
	width:400px;
	color:#FFFFFF;
	z-index:500;	
	padding:50px;
	overflow:hidden;

	font-size: 6em;
	
}

#panningquote5{
	
	width:900px;
	color:#FFFFFF;
	z-index:500;	
	padding:50px;
	overflow:hidden;
	font-size: 3em;
	
}

#historyside{
	 /* This image will be displayed fullscreen */
    background:#f1f1f1;
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
	position:fixed;
	width:50%;
	height:100%;
	z-index:520;
	overflow-x:hidden;
	top:-1px;
	  /* -webkit-transform: translateZ(0); */
	
	

}
#historyside2{
	 /* This image will be displayed fullscreen */
  
    /* Ensure the html element always takes up the full height of the browser window */
    
    /* The Magic */
	width:50%;
	height:100%;
	z-index:500;
	overflow-x:hidden;
	left:50%;
	top:45%;
	

}

#historyside2 h3{
	color:#f1f1f1;
	
}

#detailsection1{
	height:100%;
	width:100%;	
	z-index:400;
}

#detailsection2{
	background:#262626;
	width:750px;
	left:50%;
	margin-left: -375px;	
	position: absolute;
	top:45%;
}

#detailcontent{
	width:750px;
	height:0;
	overflow:hidden;
	background:#2f4444;
}

h2.detailexpand {
	font-size:60px;	
	padding:15px;
	background:#262626;
	cursor:pointer;
	height: 43px;
margin: 0px;
}

#techoverlay{
	position:fixed;
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	background-position:0% 0%;
	z-index:200;
	overflow-x:hidden;
	  /* -webkit-transform: translateZ(0); */
}

#techsection1{
	height:100%;
	width:100%;	
	z-index:400;
}

#techsection2{
	background:#262626;
	width:750px;
	left:50%;
	margin-left: -375px;	
	position: absolute;
	top:45%;
	z-index:650;
}

#techcontent{
	width:750px;
	height:0;
	overflow:hidden;
	background:#2f4444;
}

h2.techexpand {
	font-size:60px;	
	padding:15px;
	cursor:pointer;
		height: 43px;
margin: 0px;
}

#pdiimage{
	position:fixed;
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:150;
	overflow-x:hidden;
  /* -webkit-transform: translateZ(0); */
}

#designsection1{
	height:100%;
	width:100%;	
	z-index:400;
}

#designsection2{
	background:#262626;
	width:750px;
	left:50%;
	margin-left: -375px;	
	position: absolute;
	top:45%;
	z-index:650;
}

#designcontent{
	width:750px;
	height:0;
	overflow:hidden;
	background:#2f4444;
}

h2.designexpand {
	font-size:60px;	
	padding:15px;
	cursor:pointer;
		height: 43px;
margin: 0px;
}

#designimage{
	position:fixed;
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:160;
	overflow-x:hidden;
	  /* -webkit-transform: translateZ(0); */
}

#designoverlay{
    background:url('../img/designfrontsketch.png') no-repeat center center;
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:160;
	overflow-x:hidden;
  /* -webkit-transform: translateZ(0); */
}


#designunderlay{
    
    min-height:100%;

	width:100%;
	height:100%;
	z-index:159;
	overflow-x:hidden;
	background:#f6dbc2;
}


#designoverlay2{
    background:url('../img/designfrontsketch2.png') no-repeat center center;
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:160;
	overflow-x:hidden;
	  /* -webkit-transform: translateZ(0); */
}



#pdi1{
   position:fixed;
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:151;
	overflow-x:hidden;
	  /* -webkit-transform: translateZ(0); */
}

#pdi2{
 	position:fixed;
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:152;
	overflow-x:hidden;
	  /* -webkit-transform: translateZ(0); */
}
#pdi3{
	position:fixed;
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:153;
	overflow-x:hidden;
	  /* -webkit-transform: translateZ(0); */
}
#pdi4{
	position:fixed;
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:154;
	overflow-x:hidden;
  /* -webkit-transform: translateZ(0); */
}
#pdi5{
	position:fixed;
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:155;
	overflow-x:hidden;
  /* -webkit-transform: translateZ(0); */
}
#pdi6{
  	position:fixed;
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:156;
	overflow-x:hidden;
  /* -webkit-transform: translateZ(0); */
}
#pdi7{
	
	position:fixed;
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:157;
	overflow-x:hidden;
	  /* -webkit-transform: translateZ(0); */
	
}

#spec{
	
	
	width:750px;
	bottom:45%;
	z-index:300;
	right:10%;
	height:10%
	
}

#tech{
	
	
	width:750px;
	bottom:45%;
	z-index:250;
	right:10%;
	height:10%
	
}

#spectitle{
	
	background-color:rgba(0,0,0,0.8);
	width:100%;
	top:45%;
	left:0%;
	z-index:300;
	height:10%;
	color:#FFFFFF;
	
	
}

#techtitle{
	
	background-color:rgba(0,0,0,0.8);
	width:90%;
	top:45%;
	left:0%;
	z-index:249;
	height:10%;
	color:#FFFFFF;
	
	
}

#designtitle{
	
	background-color:rgba(0,0,0,0.8);
	width:90%;
	top:45%;
	left:0%;
	z-index:300;
	height:10%;
	color:#FFFFFF;
	
	
}

spectitle h2{
	padding-left:15px;	
}

#redbutton{
	
	background-color:#8a2422;
	width:10%;
	top:45%;
	left:90%;
	z-index:350;
	height:10%;
	color:#FFFFFF;
	padding:0px;
	
}


#gallery{
width:750px;
background:#000000;	
}

#videogallery{
width:750px;
background:#000000;	
}


#specinfo{
	position:fixed;	
	width:372px;
	top:0px;
	left:-372px;
	height:100%;
	z-index:400;
	background-color:#000000;
	opacity:0.5;
	
	
}

#specinfo2{
	position:fixed;	
	width:372px;
	top:0px;
	left:-372px;
	height:100%;
	z-index:400;
	background-color:#000000;
	opacity:0.5;
	
	
}

.specbtn{
	
	display:inline-block;
	background-color:#000000;
	padding:15px;
	-moz-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
	cursor:pointer;	
}

.specbtn:hover{
	background-color:#2f4444;
}

#specdesign{
	
	height:100%;
	width:20%;
	top:0%;
	left:100%;
	z-index:300;
	padding:15px;
	background-color:#000000;
}

#spectech{
	
	height:100%;
	width:20%;
	top:0%;
	left:0%;
	z-index:300;
	background-color:#000000;
}

#dealermap{

	height:100%;
	width:100%;
	top:0%;
	left:0%;
	z-index:800;
	
	
}



#progress {
	height:4px;
	background:#444;
	bottom:50px;
	z-index:1000;
	position:fixed;
}




#historycontainer{
	 /* This image will be displayed fullscreen */
    
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
   
	width:100%;
	height:100%;
	z-index:350;
	overflow-x:hidden;
	
}








#properties2{
	
	z-index:300;
	background:#096;
	left:250px;
	width:400px;
	height:200px;
	
}

#properties3{
	z-index:300;
	background:#777;
	left:650px;
	width:400px;
	height:200px;
	
}

.workerwrapper {
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
    border-spacing: 0px;
	z-index:589;
}
.workerwrapper td {
   vertical-align: middle;
   text-align: center;
   padding:0px;
    border-spacing: 0px;
	margin: 0;
   padding: 0;
}

.workerwrapper tr {
   vertical-align: middle;
   text-align: center;
   padding:0px;
    border-spacing: 0px;
	margin: 0;
   padding: 0;
}

.workerimages{
width:100%;
height:100%;
margin: 0;
   padding: 0;
  /* -webkit-transform: translateZ(0); */
}


#workerimages1{
	z-index:590;
	
}

#workerimages2{
	z-index:590;
	
}

#workerimages2text{
	z-index:591;
	
}
#workerimages1text{
	z-index:591;
	pointer-events:none;
	
}

#workerimages3text{
	z-index:600;
	
}

#workerimages4text{
	z-index:600;
	
}

#workerimages4text{
	z-index:600;
	
}
#workerimagescloud{
	z-index:600;
	
}

#workerimages6{
	z-index:650;
}

#workerimagescloud2{
	z-index:595;
	color:#FFFFFF;
}

.workerwrapper td h3{
	z-index:600;
	color:#FFFFFF;
}







.verticalleft {
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
   z-index:400;
    border-spacing: 0px;
}


.verticalleft td {
   vertical-align: middle;
   text-align: left;
   padding:0px;
    border-spacing: 0px;
	margin: 0;
   padding: 0;
}

.verticalleft tr {
   vertical-align: middle;
   text-align: left;
   padding:0px;
    border-spacing: 0px;
	margin: 0;
   padding: 0;
}

.verticalright {
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
   z-index:400;
    border-spacing: 0px;
}


.verticalright td {
   vertical-align: middle;
   text-align: right;
   padding:0px;
    border-spacing: 0px;
	margin: 0;
   padding: 0;
}

.verticalright tr {
   vertical-align: middle;
   text-align: right;
   padding:0px;
    border-spacing: 0px;
	margin: 0;
   padding: 0;
}








/*spec carousel*/



#speccontainer{
z-index:500;
width:100%;
left:0%;
height:100px;
top:55%;
display:none;
}




.customNavigation{
width:100%;
height:50px;
position:absolute;
left:0;
top:100px;
z-index:200;	
}

#historytitle{

right:50px;
height:50px;
position:absolute;
text-align:right;
opacity:0;
z-index:201;

}

#historytitle h4{
	font-family: "tallhandsomeCn", Helvetica, Arial, sans-serif;
	font-size:50px;
	color:#000;
	margin:0px;
padding:6px;
cursor:pointer;
}

a.btn.next{
position:absolute;
height:50px;
width:50px;
right:0px;
z-index:202;
cursor:pointer;
}

a.btn.prev{
position:absolute;
height:50px;
width:50px;
left:0px;
z-index:202;
cursor:pointer;
}



#specfullimage1{
	
}

/*spec carousel end*/

/*design carousel*/

#owl-demo3 .item{
  background: #000000;
  padding: 50px 0px;
  margin: 0px;
  color: #FFF;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-align: center;
 height:0px;
}

#designcontainer{
z-index:500;
width:80%;
left:20%;
	
}

#owl-demo3 .owl-controlls{
	display:none;
}
/*design carousel end*/

/*tech carousel*/

#owl-demo4 .item{
  background: #000000;
  padding: 50px 0px;
  margin: 0px;
  color: #FFF;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-align: center;
 height:0px;
}

#techcontainer{
z-index:500;
width:80%;
left:20%;
	
}

#owl-demo4 .owl-controlls{
	display:none;
}
/*tech carousel end*/

/*owl carosel */

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	height:100%;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-perspective: 1000;
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-item{
	float: left;
}
.owl-controlls .owl-page,
.owl-controlls .owl-buttons div{
	cursor: pointer;
}
.owl-controlls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}







/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}

.owl-theme .owl-controlls{
    margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controlls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controlls.clickable .owl-buttons div:hover{
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controlls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controlls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controlls .owl-page.active span,
.owl-theme .owl-controlls.clickable .owl-page:hover span{
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controlls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}





/* video css */

         	

          video {
            max-width: 100%;
            height: auto;
          }

          iframe,
          embed,
          object {
            max-width: 100%;
          }

          .videocontainer {
            width: 100%;
            margin:0px auto;
            background:#fff;
			z-index:900;
          
          }
		  
		  .videocontainer2 {
            width: 100%;
            margin:0px auto;
            
			z-index:900;
			top:0px;
          
          }
		  
		  
		
		  
		  #boxcontaineripad {
			      background:url('../img/vidfallback.jpg') no-repeat center center;
				  min-height:100%;
    /* The Magic */
    		background-size:cover;	
			height:100%;
            width: 100%;
            left:0px;
			margin-left:0px;
			z-index: 145;
			overflow:hidden;
			
          
          }

          .vendor {
            
            background: #F60;
            
          }

          .unsupported {
            background: #09F;
          }
		  
		  .deactivatevideocontrol{
			pointer-events: none; 
			z-index:100; 
		  }
		  
		  
#vid1image{
	left:0;
	top:0;
	width:1920px;
	height:1080px;
	overflow:hidden;
	z-index:1000;
}
		  
		  
blockquote {
	font-family: "Verdana", Georgia, Times, serif;
	width: 400px; /* required */
	margin: 0 auto;
	}
	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap { 
	background:  url(
	http://sandbox.sebnitu.com/jquery/quovolver/demo/images/quote-mark.png
	) no-repeat 20px 20px;
	margin: 40px 0; padding: 20px; border: 1px solid #FFF;
	
	
	}
blockquote p { margin-bottom: 10px; font-style: italic;  font-size: 20px; }

cite { font-style: normal; color:#8a2422; display: block; text-align: right; text-transform: uppercase; font-size: 1em; font-weight: bold; letter-spacing: 1px; font-family: "tallhandsomeCn", Helvetica, Arial, sans-serif; }

#wrapper { 
width: 575px; 
left: 50%;
  top: 50%;
  margin-left: -287px;
  z-index:200;
  }
  
 #quote_wrap:hover{
	background-color: rgba(0,0,0,0.5); 
	-webkit-transition: background 0.5s linear;
        -moz-transition: background 0.5s linear;
        -ms-transition: background 0.5s linear;
        -o-transition: background 0.5s linear;
        transition: background 0.5s linear;
 }
 
a { text-decoration: none; color: #ffffff;
        -webkit-transition: background 0.5s linear;
        -moz-transition: background 0.5s linear;
        -ms-transition: background 0.5s linear;
        -o-transition: background 0.5s linear;
        transition: background 0.5s linear; }
		
a:hover { 
background-color: #d1d1d1; }





.outerbox{
   
    width:100%;
    height:100%;
	top:-3px;
	position:fixed;
	left:0px;
	z-index:900;
	     
}
	.leftinfo{
	left:0%;
	width:50%;
	height:100%;
	padding-bottom:60px;
	
	}
	
	.leftinfo2{
	left:0%;
	width:100%;
	height:100%;
	padding-bottom:60px;
	
	}
	
	
	.bottompadder{
	height:110px;	
	}
	
	.rightinfo{
	left:50%;
	width:50%;
	height:100%;
	position:absolute;
	top:0%;
	}
	
	#rightinfowood{
	

   
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
    background-size:cover;	
	width:50%;
	height:100%;
	z-index:150;
	overflow-x:hidden;

	}

	#rightinfocoach{
	
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
    background-size:cover;	
	width:50%;
	height:100%;
	z-index:150;
	overflow-x:hidden;
	
	}


	#rightinfometal{
	 
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
    background-size:cover;	
	width:50%;
	height:100%;
	z-index:150;
	overflow-x:hidden;
	}
	
		#rightinfobespoke{

    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
    background-size:cover;	
	width:50%;
	height:100%;
	z-index:150;
	overflow-x:hidden;
	}
	
		#rightinforeginterest{
	
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
    background-size:cover;	
	width:50%;
	height:100%;
	z-index:150;
	overflow-x:hidden;
	}
	
.paddingbox{
margin:15px;	
}

.headerbox{
width:100%;
background-color:#262626;
}

.headerbox h2{
padding:15px;
color:#FFFFFF;
font-size:25px;
display:inline-block;
}

.headerbox p{
display:inline-block;
}


	.box{
			display: inline-block;
			position:  absolute;
			width: 100%;
			float: left;
			font-size: 12px;
			vertical-align: center;
			margin-top:auto;
			margin-bottom:auto;
			
		}
		.box:before{
			content: "";
			display: block;
			padding-top: 100%; /* initial ratio of 1:1*/
		}
		
	
		.ratio16_9:before{
			padding-top: 56.25%;
		}
		.ratiocontent{
			/* Positioning */
			position:  absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;

			/* Styling */
			background: rgba(0,102,102,0.8);
		
			text-align: center;
			vertical-align: center;
			text-transform: uppercase;
			color: #fff;
			z-index:700;
		}


.fullheightwidth{
height:100%;
width:100%;	
}

#tourinfo{
	background:#2f4444;
	height:70%;
	width:200px;
	top:0%;
	opacity:0.8;
	z-index:591;
	overflow:hidden;
}

.creambutton{
	background:#decbb3;
	height:70%;
	width:200px;
	bottom:0px;
	opacity:0.8;
	z-index:591;
}

#touropen{
padding:15px;	
   position: absolute;
   top: 90%;
   
}

#greenbar{
height:50px;
width:20%;
top:47%;
	background:#2f4444;
	z-index:591;
	left:0%;
}

#tourcontent{
display:none;
}

#tourcontent h2{
padding:15px;
}



.workerpopupheading{
top:0;
width:100%;
background:#262626;
height:65px;
}

.closebutton{
height:65px;
width:65px;
right:50%;
top:0;
background:#8a2422;	
position:absolute;
overfow:hidden;
cursor:pointer;
}

.detailclosebutton{
height:73px;
width:73px;
right:0%;
top:0;
background:#8a2422;	
position:absolute;
overfow:hidden;
cursor:pointer;
}

.designclosebutton{
height:73px;
width:73px;
right:0%;
top:0;
background:#8a2422;	
position:absolute;
overfow:hidden;
cursor:pointer;
}

.techclosebutton{
height:73px;
width:73px;
right:0%;
top:0;
background:#8a2422;	
position:absolute;
overfow:hidden;
cursor:pointer;
}

.workerpopupheading h3{
color:#ffffff;
font-size: 50px;
padding:15px;

}

#workerpopup1button{
padding:15px;
bottom:30%;
background:#8a2422;
z-index:699;
position:fixed;
height:20px;
width:130px;
left:50%;
margin-left:-100px;
cursor:pointer;

}

#workerpopup1{
width:100%;
height:100%;
background:#2f4444;
position:fixed;
top:100%;
left:0%;
z-index:700;
opacity:1;
}

#workerpopup2button{
padding:15px;
bottom:30%;
background:#8a2422;
z-index:699;
position:fixed;
height:20px;
width:130px;
left:50%;
margin-left:-100px;
cursor:pointer;

}

#workerpopup2{
width:100%;
height:100%;
background:#2f4444;
position:fixed;
top:100%;
left:0%;
z-index:700;
opacity:1;
}


#workerpopup3button{
padding:15px;
bottom:30%;
background:#8a2422;
z-index:699;
position:fixed;
height:20px;
width:130px;
left:50%;
margin-left:-100px;
cursor:pointer;
}


#workerpopup3{
width:100%;
height:100%;
background:#2f4444;
position:fixed;
top:100%;
left:0%;
z-index:700;
opacity:1;
}

#workerpopup4button{
padding:15px;
bottom:30%;
background:#8a2422;
z-index:699;
position:fixed;
height:20px;
width:130px;
left:50%;
margin-left:-100px;
cursor:pointer;
}

#workerpopup4{
width:100%;
height:100%;
background:#2f4444;
position:fixed;
top:100%;
left:0%;
z-index:700;
opacity:1;
}

#workerpopup5button{
padding:15px;
bottom:30%;
background:#8a2422;
z-index:699;
position:fixed;
height:20px;
width:130px;
left:50%;
margin-left:-100px;
cursor:pointer;
}

#workerpopup5{
width:100%;
height:100%;
background:#2f4444;
position:fixed;
top:100%;
left:0%;
z-index:700;
opacity:1;
}

#reginterestpopup{
width:100%;
height:100%;
background:#000000;
position:fixed;
top:100%;
left:0%;
z-index:900;
opacity:1;
}


#scrollpositiontext{
position:fixed;
top:0;
left:0;
z-index:3000;
background-color:#FFF;	
}




.stop-scrolling {
  height: 100%;
  overflow: hidden;
}


.galleryclosebutton{
height:65px;
width:65px;
right:0px;
top:0px;
position:absolute;
background:#8a2422;	
overfow:hidden;
z-index:3000;
}

.videoclosebutton{
height:65px;
width:65px;
right:0px;
top:0px;
position:absolute;
background:#8a2422;	
overfow:hidden;
z-index:3000;
}


.reginterestclosebutton{
height:65px;
width:65px;
right:50%;
top:0px;
position:absolute;
background:#8a2422;	
overfow:hidden;
z-index:3000;
cursor:pointer;
}

#message{
width: 220px;
height: 209px;
left: 270px;
position: absolute;
top: 52px;	
}

#email{
width:133px;	
}

#contact_form_submit{
	position: absolute;
left: 154px;
bottom: 60px;
}


.closebutton2{
height:65px;
width:65px;
right:50%;
top:0;
background:#8a2422;	
position:absolute;
overfow:hidden;
z-index:3000;
}


.closebutton3{
height:65px;
width:65px;
right:50%;
top:0;
background:#8a2422;	
position:absolute;
overfow:hidden;
z-index:3000;
}


.closebutton4{
height:65px;
width:65px;
right:50%;
top:0;
background:#8a2422;	
position:absolute;
overfow:hidden;
z-index:3000;
}

.closebutton5{
height:65px;
width:65px;
right:50%;
top:0;
background:#8a2422;	
position:absolute;
overfow:hidden;
z-index:3000;
}


#carcreatepreview{
	
	position:fixed;
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:700;
	overflow-x:hidden;
	  /* -webkit-transform: translateZ(0); */
}



#blackbox{
z-index:400;
background:#000000;
height:100%;
width:100%;
left:0%;
top:0%;
position:fixed;	
pointer-events:none;
}

#specialintroduction{
	position:fixed;
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:750;
	overflow-x:hidden;
	  /* -webkit-transform: translateZ(0); */
}

#specialintroductiontext {
	width:100%;
	text-align:center;
	height:200px;
	top:45%;
	z-index:760;
	position:fixed;
}

#specialintroductiontext h2{
	font-size:60px;
	color:#FFFFFF;
}

#specialintroductiontext .configexpand h2{
	font-size:20px;
	color:#FFFFFF;
}

#specialintroductiontext .configexpand{
	font-size:20px;
	color:#FFFFFF;
}

#limitedred{
height:100%;
overflow:visible;
left:0%;
z-index:705;	
	   -webkit-transform: translateZ(0); 
	pointer-events:none;
}

#limitedgreen{
height:100%;
overflow:visible;
left:0%;
z-index:706;	
	   -webkit-transform: translateZ(0); 
	pointer-events:none;
}













#brooklands{
	position:fixed;
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:700;
	overflow-x:hidden;
		  /* -webkit-transform: translateZ(0); */
	
	

}
#brooklandsinfocontainer{
	 /* This image will be displayed fullscreen */
   
    min-height:100%;
    /* The Magic */
   
	width:100%;
	height:100%;
	z-index:703;
	overflow-x:hidden;
	  /* -webkit-transform: translateZ(0); */ 
	
	

}

#brooklandssection2{
	background:#262626;
	width:750px;
	left:50%;
	margin-left: -375px;	
	position: absolute;
	top:30%;
	height:73px;
}

#brooklandscontent{
	width:750px;
	height:0;
	overflow:hidden;
	background:#2f4444;
}

h2.brooklandsexpand {
	font-size:60px;	
	padding:15px;
	background:#262626;
}

.brooklandsexpand{
cursor:pointer;	
}

.brooklandsheader{
width:750px;
height:73px;
	
}

.nextbuttonred{
height:50px;
width:250px;
margin:15px;
right:50px;
background:#8a2422;	
position:absolute;
overfow:hidden;
cursor:pointer;
z-index:698;
}

.nextbuttonred2{
height:50px;
width:250px;
margin:15px;
right:-15px;
background:#8a2422;	
position:absolute;
overfow:hidden;
cursor:pointer;
z-index:698;
}

.nextbuttonred3{
height:50px;
width:50px;
bottom:30%;
left:50%;
margin-left:70px;
background:#8a2422;	
position:fixed;
overfow:hidden;
cursor:pointer;
z-index:698;
}

.nextbuttonred2 h2{

margin:15px;

}

.slidedownreginterest{
	background:#8a2422;
	display:none;
}

fieldset {
border:none;	
}

.redcalls h2{
height: 20px;
width: 200px;
font-size: 30px;
padding: 10px;
margin: 15px;
background: #8a2422;
display: inline-block;
overfow: hidden;
cursor: pointer;
z-index: 702;
}

.redcalls2 h2 {
height: 20px;
width: 230px;
font-size: 30px;
padding: 10px;
margin-bottom: 13px;
background: #8a2422;
display: inline-block;
overfow: hidden;
cursor: pointer;
z-index: 702;
}

.configexpand{
height:50px;
width:300px;
margin-left:-150px;
left:50%;
background:#8a2422;	
position:absolute;
overfow:hidden;
cursor:pointer;
z-index:702;
display:inline-block;
}

.configexpandspecial1{
height: 50px;
width: 180px;
background: #8a2422;
position: absolute;
overfow: hidden;
cursor: pointer;
z-index: 702;
display: inline-block;
margin-top:10px;
left:50%;
}

.configexpandspecial1 h3{
	font-size: 28px;
color: #FFFFFF;
margin: 10px;
}

.configexpandspecial2{
height: 50px;
width: 180px;
background: #8a2422;
position: absolute;
overfow: hidden;
cursor: pointer;
z-index: 702;
display: inline-block;
margin-top:10px;
margin-left:190px;
left:50%;
}

.configexpandspecial2 h3{
	font-size: 28px;
color: #FFFFFF;
margin: 10px;
}



.configexpand h2{

margin:15px;

}

.configexpand2{
height:50px;
width:300px;
margin-left:-150px;
margin-top:65px;
left:50%;
background:#8a2422;	
position:absolute;
overfow:hidden;
cursor:pointer;
z-index:702;
display:inline-block;
}

.configexpand2 h2{

margin:15px;

}
.nextbuttonred h2{

margin:15px;

}

.continueright{
	top:0px;
right:0px;
position:absolute;	
}

.plusright{
top:0px;
right:0px;
position:absolute;	
}


.brooklandsclosebutton{
height:73px;
width:73px;
right:0%;
top:0;
background:#8a2422;	
position:absolute;
overfow:hidden;
cursor:pointer;
z-index:702;
}

#brooklandslogo{
	 /* This image will be displayed fullscreen */
  	width:600px;
	z-index:701;
	overflow:visible;
	top:30%;
	position:absolute;
	left:50%;
	margin-left:-375px; 
	margin-top:-105px;
	position:absolute;	
	pointer-events:none;
	

}








#blackwipe{
	 /* This image will be displayed fullscreen */
    background:url('../img/blackwipe.png') no-repeat center center;
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* -webkit-transform: translateZ(0); */
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:702;
	overflow-x:hidden;
	
}







#superdry{
	position:fixed;
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:700;
	overflow-x:hidden;
		  /* -webkit-transform: translateZ(0); */
	
	

}
#superdryinfocontainer{
	 /* This image will be displayed fullscreen */
   
    min-height:100%;
    /* The Magic */
   
	width:100%;
	height:100%;
	z-index:701;
	overflow-x:hidden;
		  /* -webkit-transform: translateZ(0); */
	

}

#superdrysection2{
	background:#262626;
	width:750px;
	left:50%;
	margin-left: -375px;	
	position: absolute;
	top:30%;
	height:73px;
}

#superdrycontent{
	width:750px;
	height:0;
	overflow:hidden;
	background:#2f4444;
}

h2.superdryexpand {
	font-size:60px;	
	padding:15px;
	background:#262626;
}

.superdryexpand{
cursor:pointer;	
}

.superdryheader{
width:750px;
height:73px;
	
}

.superdryclosebutton{
height:73px;
width:73px;
right:0%;
top:0;
background:#8a2422;	
position:absolute;
overfow:hidden;
cursor:pointer;
z-index:702;
}

#superdrylogo{
	 /* This image will be displayed fullscreen */
  	width:600px;
	z-index:701;
	overflow:visible;
	  /* -webkit-transform: translateZ(0); */
	top:30%;
	position:absolute;
	left:50%;
	margin-left:-375px; 
	position:absolute;	
	

}









#callstoaction{
	position:fixed;
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:500;
	overflow-x:hidden;
	
}

#callstoactionbuttonscontainer{
	 /* This image will be displayed fullscreen */
   
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    /* The Magic */
    background-size:cover;	
	width:700px;
	left:50%;
	margin-left:-350px;
	
	height:100%;
	z-index:510;
	overflow-x:hidden;
	
}

#callstoactionbuttons{
margin-top:-158px;
height:316px;
	top:50%;
	position:absolute	
}

#callstoactionbuttons h2{
	font-size:40px;
	background:#000000;
	padding:15px;
	display:inline-block;
	margin-bottom:4px;
	-moz-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;	
}

#callstoactionbuttons h2:hover{
	background:#8a2422;
	cursor:pointer;	
}

#workerimages6text{
z-index:705;	
}


#merchimage{
	position:fixed;
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:40%;
    /* The Magic */
    background-size:cover;	
	width:100%;
	height:40%;
	z-index:801;
	overflow-x:hidden;
	background-position:50% 50%;
	  /* -webkit-transform: translateZ(0); */
	
}


.redbackbox{
	
	background-color:rgba(138, 36, 34, 0.7);
	padding:15px;
	
	}
























/* CAR CONFIG */

#carconfigurator{
	
    
	width:100%;
	height:100%;
	

}

#carconfiguratorbody{
	
    
	width:100%;
	height:100%;
	

}

#ccbody{
	
	    background:url('../img/carconfig/carconfigback2.png') no-repeat center center;
	 
	
	
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:2;
	overflow-x:hidden;
	position:fixed;
	

}

#follower{
  position : absolute;
  background-color:rgba(0,0,0,0.7);
 pointer-events:none;
  color : #FFFFFF;
  padding : 10px;
  z-index: 1500;
  width:110px;
  text-align:center;
  left:100%;
}

.leather{
	display:none;
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:160;
	overflow-x:hidden;	
	position:fixed;
}

@media (min-width: 1025px) {

#ccleather1{background:url('../img/carconfig/leather1.png') no-repeat center center;  background-size:cover; z-index:160;}
#ccleather1q{background:url('../img/carconfig/leather1q.png') no-repeat center center;  background-size:cover; z-index:160;}
#ccleather2{background:url('../img/carconfig/leather2.png') no-repeat center center;  background-size:cover;}
#ccleather2q{background:url('../img/carconfig/leather2q.png') no-repeat center center;  background-size:cover;}
#ccleather3{background:url('../img/carconfig/leather3.png') no-repeat center center;  background-size:cover;}
#ccleather3q{background:url('../img/carconfig/leather3q.png') no-repeat center center;  background-size:cover;}
#ccleather4{background:url('../img/carconfig/leather4.png') no-repeat center center;  background-size:cover;}
#ccleather4q{background:url('../img/carconfig/leather4q.png') no-repeat center center;  background-size:cover;}
#ccleather5{background:url('../img/carconfig/leather5.png') no-repeat center center;  background-size:cover;}
#ccleather5q{background:url('../img/carconfig/leather5q.png') no-repeat center center;  background-size:cover;}
#ccleather6{background:url('../img/carconfig/leather6.png') no-repeat center center;  background-size:cover;}
#ccleather6q{background:url('../img/carconfig/leather6q.png') no-repeat center center;  background-size:cover;}
#ccleather7{background:url('../img/carconfig/leather7.png') no-repeat center center;  background-size:cover;}
#ccleather7q{background:url('../img/carconfig/leather7q.png') no-repeat center center;  background-size:cover;}
#ccleather8{background:url('../img/carconfig/leather8.png') no-repeat center center;  background-size:cover;}
#ccleather8q{background:url('../img/carconfig/leather8q.png') no-repeat center center;  background-size:cover;}
#ccleather9{background:url('../img/carconfig/leather9.png') no-repeat center center;  background-size:cover;}
#ccleather9q{background:url('../img/carconfig/leather9q.png') no-repeat center center;  background-size:cover;}
#ccleather10{background:url('../img/carconfig/leather10.png') no-repeat center center;  background-size:cover;}
#ccleather10q{background:url('../img/carconfig/leather10q.png') no-repeat center center;  background-size:cover;}
#ccleather11{background:url('../img/carconfig/leather11.png') no-repeat center center;  background-size:cover;}
#ccleather11q{background:url('../img/carconfig/leather11q.png') no-repeat center center;  background-size:cover;}
#ccleather12{background:url('../img/carconfig/leather12.png') no-repeat center center;  background-size:cover;}
#ccleather12q{background:url('../img/carconfig/leather12q.png') no-repeat center center;  background-size:cover;}
#ccleather13{background:url('../img/carconfig/leather13.png') no-repeat center center;  background-size:cover;}
#ccleather13q{background:url('../img/carconfig/leather13q.png') no-repeat center center;  background-size:cover;}
#ccleather14{background:url('../img/carconfig/leather14.png') no-repeat center center;  background-size:cover;}
#ccleather14q{background:url('../img/carconfig/leather14q.png') no-repeat center center;  background-size:cover;}
#ccleather15{background:url('../img/carconfig/leather15.png') no-repeat center center;  background-size:cover;}
#ccleather15q{background:url('../img/carconfig/leather15q.png') no-repeat center center;  background-size:cover;}
#ccleather16{background:url('../img/carconfig/leather16.png') no-repeat center center;  background-size:cover;}
#ccleather16q{background:url('../img/carconfig/leather16q.png') no-repeat center center;  background-size:cover;}
#ccleather17{background:url('../img/carconfig/leather17.png') no-repeat center center;  background-size:cover;}
#ccleather17q{background:url('../img/carconfig/leather17q.png') no-repeat center center;  background-size:cover;}
#ccleather18{background:url('../img/carconfig/leather18.png') no-repeat center center;  background-size:cover;}
#ccleather18q{background:url('../img/carconfig/leather18q.png') no-repeat center center;  background-size:cover;}
#ccleather19{background:url('../img/carconfig/leather19.png') no-repeat center center;  background-size:cover;}
#ccleather19q{background:url('../img/carconfig/leather19q.png') no-repeat center center;  background-size:cover;}
#ccleather20{background:url('../img/carconfig/leather20.png') no-repeat center center;  background-size:cover;}
#ccleather20q{background:url('../img/carconfig/leather20q.png') no-repeat center center;  background-size:cover;}
#ccleather21{background:url('../img/carconfig/leather21.png') no-repeat center center;  background-size:cover;}
#ccleather21q{background:url('../img/carconfig/leather21q.png') no-repeat center center;  background-size:cover;}
#ccleather22{background:url('../img/carconfig/leather22.png') no-repeat center center;  background-size:cover;}
#ccleather22q{background:url('../img/carconfig/leather22q.png') no-repeat center center;  background-size:cover;}
#ccleather23{background:url('../img/carconfig/leather23.png') no-repeat center center;  background-size:cover;}
#ccleather23q{background:url('../img/carconfig/leather23q.png') no-repeat center center;  background-size:cover;}
#ccleather24{background:url('../img/carconfig/leather24.png') no-repeat center center;  background-size:cover;}
#ccleather24q{background:url('../img/carconfig/leather24q.png') no-repeat center center;  background-size:cover;}
#ccleather25{background:url('../img/carconfig/leather25.png') no-repeat center center;  background-size:cover;}
#ccleather25q{background:url('../img/carconfig/leather25q.png') no-repeat center center;  background-size:cover;}
#ccleather26{background:url('../img/carconfig/leather26.png') no-repeat center center;  background-size:cover;}
#ccleather26q{background:url('../img/carconfig/leather26q.png') no-repeat center center;  background-size:cover;}
#ccleather27{background:url('../img/carconfig/leather27.png') no-repeat center center;  background-size:cover;}
#ccleather27q{background:url('../img/carconfig/leather27q.png') no-repeat center center;  background-size:cover;}
#ccleather28{background:url('../img/carconfig/leather28.png') no-repeat center center;  background-size:cover;}
#ccleather28q{background:url('../img/carconfig/leather28q.png') no-repeat center center;  background-size:cover;}
#ccleather29{background:url('../img/carconfig/leather29.png') no-repeat center center;  background-size:cover;}
#ccleather29q{background:url('../img/carconfig/leather29q.png') no-repeat center center;  background-size:cover;}
#ccleather30{background:url('../img/carconfig/leather30.png') no-repeat center center;  background-size:cover;}
#ccleather30q{background:url('../img/carconfig/leather30q.png') no-repeat center center;  background-size:cover;}

}

@media (max-width: 1024px) {

#ccleather1{background:url('../img/carconfig/leather1-h768.png') no-repeat center center;  background-size:cover; z-index:160;}
#ccleather1q{background:url('../img/carconfig/leather1q-h768.png') no-repeat center center;  background-size:cover; z-index:160;}
#ccleather2{background:url('../img/carconfig/leather2-h768.png') no-repeat center center;  background-size:cover;}
#ccleather2q{background:url('../img/carconfig/leather2q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather3{background:url('../img/carconfig/leather3-h768.png') no-repeat center center;  background-size:cover;}
#ccleather3q{background:url('../img/carconfig/leather3q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather4{background:url('../img/carconfig/leather4-h768.png') no-repeat center center;  background-size:cover;}
#ccleather4q{background:url('../img/carconfig/leather4q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather5{background:url('../img/carconfig/leather5-h768.png') no-repeat center center;  background-size:cover;}
#ccleather5q{background:url('../img/carconfig/leather5q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather6{background:url('../img/carconfig/leather6-h768.png') no-repeat center center;  background-size:cover;}
#ccleather6q{background:url('../img/carconfig/leather6q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather7{background:url('../img/carconfig/leather7-h768.png') no-repeat center center;  background-size:cover;}
#ccleather7q{background:url('../img/carconfig/leather7q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather8{background:url('../img/carconfig/leather8-h768.png') no-repeat center center;  background-size:cover;}
#ccleather8q{background:url('../img/carconfig/leather8q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather9{background:url('../img/carconfig/leather9-h768.png') no-repeat center center;  background-size:cover;}
#ccleather9q{background:url('../img/carconfig/leather9q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather10{background:url('../img/carconfig/leather10-h768.png') no-repeat center center;  background-size:cover;}
#ccleather10q{background:url('../img/carconfig/leather10q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather11{background:url('../img/carconfig/leather11-h768.png') no-repeat center center;  background-size:cover;}
#ccleather11q{background:url('../img/carconfig/leather11q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather12{background:url('../img/carconfig/leather12-h768.png') no-repeat center center;  background-size:cover;}
#ccleather12q{background:url('../img/carconfig/leather12q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather13{background:url('../img/carconfig/leather13-h768.png') no-repeat center center;  background-size:cover;}
#ccleather13q{background:url('../img/carconfig/leather13q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather14{background:url('../img/carconfig/leather14-h768.png') no-repeat center center;  background-size:cover;}
#ccleather14q{background:url('../img/carconfig/leather14q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather15{background:url('../img/carconfig/leather15-h768.png') no-repeat center center;  background-size:cover;}
#ccleather15q{background:url('../img/carconfig/leather15q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather16{background:url('../img/carconfig/leather16-h768.png') no-repeat center center;  background-size:cover;}
#ccleather16q{background:url('../img/carconfig/leather16q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather17{background:url('../img/carconfig/leather17-h768.png') no-repeat center center;  background-size:cover;}
#ccleather17q{background:url('../img/carconfig/leather17q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather18{background:url('../img/carconfig/leather18-h768.png') no-repeat center center;  background-size:cover;}
#ccleather18q{background:url('../img/carconfig/leather18q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather19{background:url('../img/carconfig/leather19-h768.png') no-repeat center center;  background-size:cover;}
#ccleather19q{background:url('../img/carconfig/leather19q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather20{background:url('../img/carconfig/leather20-h768.png') no-repeat center center;  background-size:cover;}
#ccleather20q{background:url('../img/carconfig/leather20q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather21{background:url('../img/carconfig/leather21-h768.png') no-repeat center center;  background-size:cover;}
#ccleather21q{background:url('../img/carconfig/leather21q.png') no-repeat center center;  background-size:cover;}
#ccleather22{background:url('../img/carconfig/leather22-h768.png') no-repeat center center;  background-size:cover;}
#ccleather22q{background:url('../img/carconfig/leather22q.png') no-repeat center center;  background-size:cover;}
#ccleather23{background:url('../img/carconfig/leather23-h768.png') no-repeat center center;  background-size:cover;}
#ccleather23q{background:url('../img/carconfig/leather23q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather24{background:url('../img/carconfig/leather24-h768.png') no-repeat center center;  background-size:cover;}
#ccleather24q{background:url('../img/carconfig/leather24q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather25{background:url('../img/carconfig/leather25-h768.png') no-repeat center center;  background-size:cover;}
#ccleather25q{background:url('../img/carconfig/leather25q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather26{background:url('../img/carconfig/leather26-h768.png') no-repeat center center;  background-size:cover;}
#ccleather26q{background:url('../img/carconfig/leather26q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather27{background:url('../img/carconfig/leather27-h768.png') no-repeat center center;  background-size:cover;}
#ccleather27q{background:url('../img/carconfig/leather27q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather28{background:url('../img/carconfig/leather28-h768.png') no-repeat center center;  background-size:cover;}
#ccleather28q{background:url('../img/carconfig/leather28q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather29{background:url('../img/carconfig/leather29-h768.png') no-repeat center center;  background-size:cover;}
#ccleather29q{background:url('../img/carconfig/leather29q-h768.png') no-repeat center center;  background-size:cover;}
#ccleather30{background:url('../img/carconfig/leather30-h768.png') no-repeat center center;  background-size:cover;}
#ccleather30q{background:url('../img/carconfig/leather30q-h768.png') no-repeat center center;  background-size:cover;}

}

#selectedleather{
	
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:151;
	overflow-x:hidden;	
	background:url('../img/carconfig/leather6.png') no-repeat center center;  
	background-size:cover;
	position:fixed;
	
	/* transition: background-image 1s ease-in-out;
	-webkit-transition: all 1000ms;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 1000; */
	
}


#ccn{
	position:fixed;
	height:50px;
	width:100%;
	bottom:0px;
	z-index:1000;
	background-color:rgba(0,0,0,0.8);
	border-top:1px solid white;

}

#carconfiguratorbodycolor{
	width:100%;
	height:100%;	
	position:fixed;
	z-index:1;
	top:0;
	left:0;
}

#shareoptions{
	position:fixed;
	height:150px;
	width:100%;
	bottom:51px;
	z-index:1000;
	background-color:#000000;
	  border-top:1px solid white;

}

#leatheroptions{
	position:fixed;
	height:100px;
	width:100%;
	bottom:51px;
	z-index:1000;
	background-color:#9C0;
	  border-top:1px solid white;

}

#optionsoptions{
	position:fixed;
	height:150px;
	width:100%;
	bottom:51px;
	z-index:500;
	background-color:#9C0;
	  border-top:1px solid white;

}


#graphicsoptions{
	position:fixed;
	height:150px;
	width:100%;
	bottom:51px;
	z-index:1000;
	background-color:#000000;
	  border-top:1px solid white;

}

#coloroptions{
	position:fixed;
	height:160px;
	width:100%;
	bottom:51px;
	z-index:1000;
	background-color:#9C0;
	  border-top:1px solid white;

}

#costoptions{
	position:fixed;
	height:200px;
	width:100%;
	bottom:101px;
	z-index:1000;
	background-color:#9C0;
	  border-top:1px solid white;

}

#leftcolor {
    background: #ccc;
    width: 175px;
    float: left;
}
#rightcolor {
    background: #888;
    overflow: hidden;
}


#colornav {
              list-style: none; /* remove the bullets */
              margin: 0; padding: 0; /* no need for margins or padding */
              width: 100%; /* important for later */
			  z-index:1000;
			
     }

     #colornav li {
     float: left; 
	 height:160px;
	 width: 8.3%;
	 z-index:1000;
	box-sizing:border-box;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
	border:0px solid white;
cursor:pointer;
	 /* we want these to display inline, but we want them block level for later so no display: inline; */
     }

#color1{ background-color:#8f0000;}
#color2{ background-color:#ff4800;}
#color3{ background-color:#fcc100;}
#color4{ background-color:#010514;}
#color5{ background-color:#000000;}
#color6{ background-color:#343738;}
#color7{ background-color:#6b6b6b;}
#color8{ background-color:#000d00;}
#color9{ background-color:#626b5c;}
#color10{ background-color:#99b8a4;}
#color11{ background-color:#706651;}
#color12{ background-color:#fffee3;}

.shine {
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */
    height: 70%;
    width: 100%;
    box-shadow: inset 0px 2px 1px rgba(255, 255, 255, 0.7);
    border-bottom-right-radius: 100px 40px;
    border-bottom-left-radius: 100px 40px;
}



#console {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 212px;
            height: 32px;
            font-family: "Century Gothic";
            line-height: 32px;
            text-align: center;
            background: black;
            color: white;
            z-index: 1000;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -webkit-transition: all .5s;
            transition: all .5s;
            opacity: 0;
        }
        
        #console.busy {
            opacity: .85;
        }




#leathernav {
              list-style: none; /* remove the bullets */
              margin: 0; padding: 0; /* no need for margins or padding */
              width: 100%; /* important for later */
			  z-index:1000;
			
     }

     #leathernav li {
     float: left; 
	 height:100px;
	 width: 3%;
	 background-color:#096;
	 z-index:1000;
	box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
      cursor:pointer;
      
	border:0px solid white;

	 /* we want these to display inline, but we want them block level for later so no display: inline; */
     }
	 
	  
	 
	 
	 
	 
	 
	 
	 #pleated{
		height:50px;
		right:0px;
		width:10%;
		background:#000000;
		bottom:50px;
		z-index: 1000;
		position:absolute; 
		text-align:center;
		transition:0.5;
		cursor:pointer;
	 }
	 
	 #pleated h2{
		padding:15px; 
	 }
	 
	 #quilted h2{
		padding:15px; 
	 }
	 
	 #quilted{
		height:50px;
		right:0px;
		width:10%;
		background:#000000;
		bottom:0px;
		z-index: 1000;
		position:absolute;
		border-top:1px solid white;
		text-align:center;
		transition:0.5;
		cursor:pointer;
	 }
	 
	 #swatch1{ background:url('../img/carconfig/leatherswatch1.jpg') repeat center center; }
	 #swatch2{ background:url('../img/carconfig/leatherswatch2.jpg') repeat center center; }
	 #swatch3{ background:url('../img/carconfig/leatherswatch3.jpg') repeat center center; }
	 #swatch4{ background:url('../img/carconfig/leatherswatch4.jpg') repeat center center; }
	 #swatch5{ background:url('../img/carconfig/leatherswatch5.jpg') repeat center center; }
	 #swatch6{ background:url('../img/carconfig/leatherswatch6.jpg') repeat center center; }
	 #swatch7{ background:url('../img/carconfig/leatherswatch7.jpg') repeat center center; }
	 #swatch8{ background:url('../img/carconfig/leatherswatch8.jpg') repeat center center; }
	 #swatch9{ background:url('../img/carconfig/leatherswatch9.jpg') repeat center center; }
	 #swatch10{ background:url('../img/carconfig/leatherswatch10.jpg') repeat center center; }
	 #swatch11{ background:url('../img/carconfig/leatherswatch11.jpg') repeat center center; }
	 #swatch12{ background:url('../img/carconfig/leatherswatch12.jpg') repeat center center; }
	 #swatch13{ background:url('../img/carconfig/leatherswatch13.jpg') repeat center center; }
	 #swatch14{ background:url('../img/carconfig/leatherswatch14.jpg') repeat center center; }
	 #swatch15{ background:url('../img/carconfig/leatherswatch15.jpg') repeat center center; }
	 #swatch16{ background:url('../img/carconfig/leatherswatch16.jpg') repeat center center; }
	 #swatch17{ background:url('../img/carconfig/leatherswatch17.jpg') repeat center center; }
	 #swatch18{ background:url('../img/carconfig/leatherswatch18.jpg') repeat center center; }
	 #swatch19{ background:url('../img/carconfig/leatherswatch19.jpg') repeat center center; }
	 #swatch20{ background:url('../img/carconfig/leatherswatch20.jpg') repeat center center; }
	 #swatch21{ background:url('../img/carconfig/leatherswatch21.jpg') repeat center center; }
	 #swatch22{ background:url('../img/carconfig/leatherswatch22.jpg') repeat center center; }
	 #swatch23{ background:url('../img/carconfig/leatherswatch23.jpg') repeat center center; }
	 #swatch24{ background:url('../img/carconfig/leatherswatch24.jpg') repeat center center; }
	 #swatch25{ background:url('../img/carconfig/leatherswatch25.jpg') repeat center center; }
	 #swatch26{ background:url('../img/carconfig/leatherswatch26.jpg') repeat center center; }
	 #swatch27{ background:url('../img/carconfig/leatherswatch27.jpg') repeat center center; }
	 #swatch28{ background:url('../img/carconfig/leatherswatch28.jpg') repeat center center; }
	 #swatch29{ background:url('../img/carconfig/leatherswatch29.jpg') repeat center center; }
	 #swatch30{ background:url('../img/carconfig/leatherswatch30.jpg') repeat center center; }
	 
	 
	 #brightoptions{
		width:25%;
		background:#000;
		left:0%;
		height:150px;
		position:absolute;
		box-sizing: border-box;
-moz-box-sizing: border-box;
border-right: 1px solid white;
	 }
	 
	 #brighttitle{
		height:50px;
		width:100%;
		text-align:center;
		border-bottom: 1px solid white;
	 }
	 
	 
	 
	 #brighttitle h2{
		padding:15px; 
	 }
	 
	 .optionstext h2{
		 padding:15px;
		 text-align:center;
	 }
	 
	 .optionstext{
		cursor:pointer; 
	 }
	 
	 #brightoption1{
		 width:100%;
		 height:50px;
		 bottom:50px;
		 
	 }
	 
	 
	 
	 #cowloptions{
		 width:25%;
		background:#000000;
		left:25%;
		height:150px;
		position:absolute;
		box-sizing: border-box;
-moz-box-sizing: border-box;
border-right: 1px solid white;
	 }
	 
	 #cowltitle{
		height:50px;
		width:100%;
		text-align:center;
		border-bottom: 1px solid white;
	 }
	 
	 #cowltitle h2{
		padding:15px; 
	 }
	 
	 #exhaustoptions{
		 width:25%;
		background:#000;
		left:50%;
		height:150px;
		position:absolute;
		box-sizing: border-box;
-moz-box-sizing: border-box;
border-right: 1px solid white;
	 }
	 
	 #exhausttitle{
		height:50px;
		width:100%;
		text-align:center;
		border-bottom: 1px solid white;
	 }
	 
	 #exhausttitle h2{
		padding:15px; 
	 }
	 
	 #heatshieldoptions{
		 width:25%;
		background:#000000;
		left:75%;
		height:150px;
		position:absolute;
	 }
	 
	 #heatshieldtitle{
		height:50px;
		width:100%;
		text-align:center;
		border-bottom: 1px solid white;
	 }
	 
	 #heatshieldtitle h2{
		padding:15px; 
	 }
	 
	 
	 
	 #ccbrightpack{
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:160;
	overflow-x:hidden;	
	position:fixed;
	background:url('../img/carconfig/brightpack2.png') no-repeat center center;  
	background-size:cover; 
	z-index:160;
	
	
}

#ccbrightpackcowl{
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:161;
	overflow-x:hidden;	
	position:fixed;
	background:url('../img/carconfig/brightpackcowl.png') no-repeat center center;  
	background-size:cover; 
	z-index:160;
	
	
}


 #cccowl{
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:150;
	overflow-x:hidden;	
	position:fixed;
	background:url('../img/carconfig/silvercowl.png') no-repeat center center;  
	background-size:cover; 

	
	
}

 #ccexhaust{
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:160;
	overflow-x:hidden;	
	position:fixed;
	background:url('../img/carconfig/blackexhaust.png') no-repeat center center;  
	background-size:cover; 
	z-index:160;
	
	
}

 #ccheatshield{
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	z-index:160;
	overflow-x:hidden;	
	position:fixed;
	background:url('../img/carconfig/blackheatshield.png') no-repeat center center;  
	background-size:cover; 
	z-index:160;
	
	
}


#graphicsnav {
              list-style: none; /* remove the bullets */
              margin: 0; padding: 0; /* no need for margins or padding */
              width: 100%; /* important for later */
			  z-index:1000;
			   background-color:#000000;
			
     }

     #graphicsnav li {
     float: left; 
	 height:75px;
	 width: 9%;
	cursor:pointer;
	 z-index:1000;
	box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
	border:0px solid white;

	 /* we want these to display inline, but we want them block level for later so no display: inline; */
     }
	 
	 #graphic1{ background:url('../img/carconfig/graphic1.jpg') repeat center center; }
	 #graphic2{ background:url('../img/carconfig/graphic2.jpg') repeat center center; }
	 #graphic3{ background:url('../img/carconfig/graphic3.jpg') repeat center center; }
	 #graphic4{ background:url('../img/carconfig/graphic4.jpg') repeat center center; }
	 #graphic5{ background:url('../img/carconfig/graphic5.jpg') repeat center center; }
	 #graphic6{ background:url('../img/carconfig/graphic6.jpg') repeat center center; }
	 #graphic7{ background:url('../img/carconfig/graphic7.jpg') repeat center center; }
	 #graphic8{ background:url('../img/carconfig/graphic8.jpg') repeat center center; }
	 #graphic9{ background:url('../img/carconfig/graphic9.jpg') repeat center center; }
	 #graphic10{ background:url('../img/carconfig/graphic10.jpg') repeat center center; }
	 #graphic11{ background:url('../img/carconfig/graphic11.jpg') repeat center center; }
	 #graphic12{ background:url('../img/carconfig/graphic12.jpg') repeat center center; }
	 #graphic13{ background:url('../img/carconfig/graphic13.jpg') repeat center center; }
	 #graphic14{ background:url('../img/carconfig/graphic14.jpg') repeat center center; }
	 #graphic15{ background:url('../img/carconfig/graphic15.jpg') repeat center center; }
	 #graphic16{ background:url('../img/carconfig/graphic16.jpg') repeat center center; }
	 #graphic17{ background:url('../img/carconfig/graphic17.jpg') repeat center center; }
	 #graphic18{ background:url('../img/carconfig/graphic18.jpg') repeat center center; }
	 #graphic19{ background:url('../img/carconfig/graphic19.jpg') repeat center center; }
	 #graphic20{ background:url('../img/carconfig/graphic20.jpg') repeat center center; }
	 #graphic21{ background:url('../img/carconfig/graphic21.jpg') repeat center center; }
	 #graphic22{ background:url('../img/carconfig/graphic22.jpg') repeat center center; }
	 
	 #ccgraphic1{background:url('../img/carconfig/graphic2.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic2{background:url('../img/carconfig/graphic1.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic3{background:url('../img/carconfig/graphic3.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic4{background:url('../img/carconfig/graphic4.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic5{background:url('../img/carconfig/graphic5.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic6{background:url('../img/carconfig/graphic6.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic7{background:url('../img/carconfig/graphic7.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic8{background:url('../img/carconfig/graphic8.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic9{background:url('../img/carconfig/graphic9.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic10{background:url('../img/carconfig/graphic10.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic11{background:url('../img/carconfig/graphic11.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic12{background:url('../img/carconfig/graphic22.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic13{background:url('../img/carconfig/graphic13.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic14{background:url('../img/carconfig/graphic14.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic15{background:url('../img/carconfig/graphic15.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic16{background:url('../img/carconfig/graphic16.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic17{background:url('../img/carconfig/graphic17.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic18{background:url('../img/carconfig/graphic18.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic19{background:url('../img/carconfig/graphic19.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic20{background:url('../img/carconfig/graphic20.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic21{background:url('../img/carconfig/graphic21.png') no-repeat center center;  background-size:cover; z-index:10;}
	 #ccgraphic22{background:url('../img/carconfig/graphic12.png') no-repeat center center;  background-size:cover; z-index:10;}

.fullgraphic{
	display:none;
    min-height:100%;
    background-size:cover;	
	width:100%;
	height:100%;
	overflow-x:hidden;	
	position:fixed;
}

#graphicsnav li {
    opacity: .5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

#graphicsnav li:hover {
    opacity: 1;
}

.carsharebutton{
width:300px;
height:49px;
background-color: #2f4444;
border-bottom: 1px solid white;
}

.carsharebutton h2{
font-size:40px;
padding:10px;
}

#sharecar img{
float:right;	
}

#carsharebuttoncontainer{
width:200px;
position:absolute;
bottom:0px;
right:0px;	
}

#downloadimage{
left: 50%;
bottom: 100px;
position: absolute;
text-align: center;
}

#emailtofriend{
left: 50%;
bottom: 50px;
position:absolute;
text-align:center;
}

#sharecar{
left: 50%;
bottom: 0px;
position:absolute;
text-align:left;
}

#configbrochure{
margin-left: -300px;
left: 50%;
/* right: 0px; */
bottom: 100px;
position: absolute;
text-align: center;
}

#configpricelist{
margin-left: -300px;
left: 50%;
/* right: 0px; */
bottom: 50px;
position: absolute;
text-align: center;
}

#configdealer{
margin-left: -300px;
left: 50%;
/* right: 0px; */
bottom: 0px;
position: absolute;
text-align: center;
font-size: 30px;
text-align: center;
background: #8a2422;
width: 300px;
height:50px;
cursor:pointer;
}

#configdealer h2{
padding:5px;
}

#videogallery .thumbnails{
	
display:inline-block;	
width:373px; !important;

padding:0px;
margin:0px;
list-style-type: none;



}


#videogallery .thumbnails img{
/*grey options */


}

#videogallery .thumbnails img:hover{

filter: none;
-webkit-filter: grayscale(0%);	
	
}

#videogallery .thumbnails h2{
	
padding:5px;
background-color:#2f4444;

}

#videogallery .thumbnails img{
	
width:373px; !important;

}

#gallery .thumbnails{
	
width:121px;
display:inline-block;
padding:0px;
margin:0px;
list-style-type: none;
/*grey options */


}