@charset "utf-8";


 /* Primary Styles
    Author: 
 */
/* CSS Document  imports*/
@import '/css/reset.css';
@import '/css/typography.css';
@import '/css/nav.css';
@import '/css/right.css';
@import '/css/footer.css';

body {
	background:#000 url(/graphics/bg.jpg) top center no-repeat;
	position:relative;
	margin:0;
	padding:0;
	color:#FFF;
}

select, input {
	background-color:#99fe00;
	border:1px solid #000;	
}

#wrapper {
	position:relative;
	margin:0 auto 0 auto;
	width:960px;
	height:100%;
	padding:0 10px 0 10px;
}


#innerwrapHome {
	width:540px;
	padding:0 5px 5px 5px;
	float:left;
	overflow: hidden;
	padding-bottom:20px;

}

#innerwrap {
	position: relative;
	width:730px;
	padding:0 0 20px 10px;
	float:left;
	overflow: hidden;

}

#innerwrap div {
/*	float:left;*/
}

#header {
	float:left;
	clear:both;
	width:960px;
	height:132px;
	background:url(/graphics/header-bg.jpg) top center no-repeat;
	padding: 0px;
	margin:0;
	z-index:100;
	position:relative;
	
}

#header-social {
	position: absolute;
	top: 90px;
	right: 10px;
	font-size: 14px;
	font-weight: 700;
	z-index: 999;
	}

#header-social a{
	color: #ffffff;
	text-decoration: none;
	border: none;
	}
	
#header-social a:hover{
	color: #99fe00;
	text-decoration: none;
	}

#header .left {
	float:left;
	width:400px;
	height:95px;
}
#header h1 {
	display:block;
	width:959px;
	height:132px;
	background: transparent url(/graphics/header.png) top left no-repeat;
	margin:0;
	padding:0;
	float:left;
	z-index:500;
}

#header h1 span {
	display:none;
}
#nav {
	width:950px;
	height: 40px;
	float:left;
	clear:both;
	overflow:hidden;
	background:url(../graphics/nav-bg.gif) top center no-repeat;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 15px;
}

#navSearch {
width:195px;
float:left;
height:30px;
padding:10px 0 0 5px;
}

#navSearch select {
	width:80px;
	background-color:#99fe00;
	border:1px solid #000;
	float:left;
	
}
#ModelsList {
	width:80px;
	float:left;
	margin-right:5px;
}

#underNav {
	width:960px;
	height:110px;
	float:left;
	clear:both;
}


#underNav .underLeft {
	width:200px;
	height:40px;
	float:left;
	}
	
	
	#underNav .underRight {
		width:760px;
	height:40px;
	float:left;
	}
#viewedcars {
	margin:10px;
	width:811px;
	height:64px;
	border:1px solid #cbcbcb;
	background:url(/graphics/compare-bg.gif) top left no-repeat;
	float:left;
	clear:both;
	padding-left:167px;
}

#viewedcars #theviewedcars {
	width:645px;
	float:left;
	height:56px;
	padding:4px;
}
	
#viewedcars #theviewedcars a {
	display:block;
	width:73px;
	height:55px;
	float:left;
	border:1px solid #99fe00;
	margin:0 4px 0 0 ;
}
	
#viewedcars #gocompare {
	width:152px;
	float:left;
	height:57px;
	padding-top:4px;
	
}

#mainLeft {
	width:200px;
	float:left;
	border-right:1px solid #1d1d1d;
	margin-left:0px;
	margin-top:4px;
	height:850px;
}

#mainLeft ul#makesinstock, #mainLeft ul#makesinstock ul {
	margin:0;
	width:158px;
	list-style:none;

}

#mainLeft #makesinstock  li a
{
	padding:2px 5px 4px 5px;
	width:148px;
	display:block;
	text-align:left;
	background-color:#99fe00 ;
	color:#FFF;
	
	margin:0 0 2px 0;
	text-decoration:none;
}

#mainLeft #makesinstock  li a:hover
{
	
	background-color:#f8ef27;
	color:#000;
}


#mainLeft #makesinstock  .leftModel a {
	background:#f8ef27 url(../graphics/arrow.png) top left no-repeat;
	color:#000;	
	padding:2px 5px 4px 20px;
	width:133px;
}

#mainLeft #makesinstock  .leftModel a:hover {
	background-color:#99fe00;
	color:#FFF;	
}

#mainLeftUnder {
width:158px;
float:left;
height:10px;
background:url(/graphics/links-shadow.jpg) top center no-repeat;
}

#pricesearch .search {
	margin:3px 0 5px 3px;
	
}

#pricesearch input, #pricesearch select {
	width:150px;
	margin:3px 0 0 3px;
	float:left;
	clear:both;
}

#leftCol {
	width:636px;
	float:left;
	margin:0 0 0 0;
	padding:0 0px 0 0;
	
	/*background-color:#C0F;*/

}

#rightCol {
	width:220px;
	margin:0 0 0 20px;
	float:left;
	/*background-color:#0F0;*/
	
}

/*Home Page styles */

#homespeaker {
  width:157px;
  height:201px;
  float:left;
}
  
#homehero {
  width:477px;
  height:200px;
  float:left;
  overflow:hidden;

}

#hometext {
	width:497px;
	float:left;
	clear:both;
	padding:10px 0 10px 0;
	margin: 0 0 0 22px;
/*	column-count: 2;
	column-gap: 5px;
	column-rule: 1px solid #fff;
	-moz-column-count: 2;
	-moz-column-gap: 5px;
	-moz-column-rule: 1px solid #fff;
	-webkit-column-count: 2;
	-webkit-column-gap: 15px;
	-webkit-column-rule: 1px solid #fff;*/
}
/*Service page only*/

.service-col {
	width:300px;
	font-size:12px;
	margin-right:15px;
	float:left;
	padding-bottom:8px;
	border-bottom:1px solid #666666;
	padding: 8px;
}

.service-col img {
	margin-bottom:10px;
}
.service-col h2{
color:#000000;
display:none;
}

.service-col li{
font-weight:bolder;
margin-left:22px;
}
.service-col li span {
font-weight:normal;
}






#productview {
	width:730px;
	float:left;
	line-height:150%;
}
#productview h3, #productview strong {
	color:#99fe00;
}
#productview a {
	
	font-weight:bolder !important;
}

#productview a:hover {

	font-weight:bolder !important;
	text-decoration:none !important;
}

#advancesearchleft {
	float:left;
	width: auto;
	margin: 40px 0 0 40px;
	}
	
#advancesearchright {
	float: left;
	}
	
	
/*Contact Us*/

#contact-left {
	float:left;
	width:430px;
	border-right:1px solid #ded6d4;
	margin-top: 10px;
	}

#contact-right {
	float:left;
	width:250px;
	margin-left:30px;
	margin-top: 10px;
	}
	
#contact-phone {
	font-size:20px;
	font-weight:bold;
	color:#99fe00;
	}
	
.border-bottom {
	border-bottom:1px dashed #c7c7c7;
	padding-bottom:10px;
	}

#social-networking {
	float:left;
	width:250px;
	height:40px;
	}

#contact-facebook {
	float:left;
	height:20px;
	padding:18px 0 0 45px;
	background:url(/graphics/facebook-grey.gif) left center no-repeat;
	color:#000000;
	}

#contact-blog {
	float:left;
	height:20px;
	margin-left:20px;
	padding:18px 0 0 45px;
	background:url(/graphics/blog-grey.gif) left center no-repeat;
	color:#000000;
	}

#contact-facebook:hover {
	text-decoration:none;
	background:url(/graphics/facebook.gif) left center no-repeat;
	}
	
#contact-blog:hover {
	text-decoration:none;
	background:url(/graphics/blog.gif) left center no-repeat;
	}

#googlemap {
	float:left;
	width:410px;
	height:570px;
	border:6px solid #f1efee;
	}

.currentday {
	color:#99fe00;
	}
	
/*crmfroms*/

#formcontact {
	padding:10px 0 10px 0;
	margin:10px 0 0 0;
	border-top:1px dashed #CCC;
	
}

#crmform table td:first-child  {
/*	display:none
*/
}

#submit {
	margin:18px 10px 0 30px ;
}

#formcontact label{
	width:208px;
	float:left;

}

#formcontact textarea{
	width:178px;
	float:left;

}

#formcontact .formfield {
	width:208px;
	float:left;
	margin:0 2px 0 0;
}

#financephoto {
	float:left;
	width:270px;
	height:203px;
	margin:0 0 10px 0;
}

#carfinancelink {
	float:left;
	width:270px;
	height:40px;
	display:block;
	background:url(../graphics/view-vehicle.jpg) top center no-repeat;
}

#carfinancelink span {
	display:none;
}

#carfinancequote {
	float:left;
	width:300px;
	height:410px;
	margin:0 20px 0 20px;
	border-right:1px solid #CCC;
}

#alertintro {
	float:right;
	width:300px;
	margin-left:10px;
}

#alertbox {
	float:left;
	width:320px;
}



#player {
	width:497px;
	/*height:302px;*/
	min-height:280px;
	height:auto;
}
.leftBox {
	width:185px;
	height:130px;
	float:left;
	clear:both;
	margin:0 0 10px 6px;
}

.leftBoxscooter {
	width:185px;
	height:150px;
	float:left;
	clear:both;
	margin:0 0 10px 6px;
}

#typeSearch {
	width:200px;
	height:340px;
	float:left;
	clear:both;
	position:relative;
	list-style:none;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	
}
#searchHead {
	height:45px;
	background:url(../graphics/car-search.gif) top left;
	width:200px;
	float:left;
	clear:both;
}
	
#typeSearch li { margin:0; padding:0; list-style:none;}
#typeSearch li a {background:url(../graphics/car-search.gif) top; width:97px; height:72px; float:left; display:block; margin:0;}
#typeSearch li a  span { display:none;}
#typeSearch li a.item0 { height:51px; width:200px;  background-position:0 0px}
#typeSearch li a.item1 { background-position:0 -45px}
#typeSearch li a.item2 { background-position:99px -45px}

#typeSearch li a.item3 { background-position:0 -115px}
#typeSearch li a.item4 { background-position:99px -115px}

#typeSearch li a.item5 { background-position:0 -185px; width:200px; height:80px;}
#typeSearch li a.item6 { background-position:99px -370px; height:80px;}

#typeSearch li a.item7 { height:51px; width:200px;  background-position:0 -283px; margin:8px 0 0 0;}
#typeSearch li a.item8 { height:51px; width:200px;  background-position:0 -336px;}
#typeSearch li a.item9 { height:51px; width:200px;  background-position:0 -355px;}
/*#typeSearch li a:hover.item1 {background-position:0px -72px}*/


#youtubeUnder {
	width:477px;
	height:19px;
	padding:20px 10px 10px 10px;
	font-size:16px;
	color:#FFF;
	background:url(../graphics/tv-under.gif) top center no-repeat;
}
#youtubeUnder strong {
	color:#99fe00;
}
	
.youtubehead {
	width:730px;
	float:left;
	clear:both;
	display:block;
	height:auto;
}

.youtubeLib {
	height:150px;
	width:160px;
	float:left; 
	margin:5px;
	padding:2px;
	border:2px solid #99fe00;
}
.youtubeLib span{
	width:158px;
	padding:0 1px;
	text-align:center;
	float:left;
	clear:both;
	font-size:12px;
	min-height:16px;
}

	.youtubeTest {
		position:relative;
		width:90px;
		height:67px;
		display:block;
		float:left;
		margin:0 2px 2px 0;
	}
	
	.playme {
		width:90px;
		height:67px;
		position:absolute;
		top:0;
		left:0;
		background:url(/graphics/playme.png) top left no-repeat;
		z-index:1;
	
	}
#headingSection{
	background-color:#2e2e2e;
	padding:10px 20px;
	position:relative;
	border-bottom:3px solid #99fe00;

}

#headingSection h2 {
	letter-spacing:1px;
	font-size:125%;
}
#faqSection{
	padding:20px 90px 60px 20px;
}



/* The expand / collapse button */

a.button{
	background:url('/graphics/buttons.png') no-repeat;
	width:80px;
	height:38px;
	position:absolute;
	right:50px;
	top:15px;
	text-indent:-9999px;
	overflow:hidden;
	border:none !important;
}

a.button.expand:hover{ background-position:0 -38px;}
a.button.collapse{ background-position:0 -76px;}
a.button.collapse:hover{ background-position:0 bottom;}




/* Definition Lists */

#faqSection dt{
	color:#99fe00;
	font-size:18px;
	margin-top:30px;
	padding-left:15px;
	position:relative;
	cursor:pointer;
	border:1px solid transparent;
}

#faqSection dt:hover{ color:#fff;}

#faqSection dt .icon{
	background:url('/graphics/bullets.png') no-repeat;
	height:12px;
	left:0;
	position:absolute;
	top:6px;
	width:12px;
}

#faqSection dt.opened .icon{ background-position:left bottom;}

#faqSection dd{
	font-size:14px;
	color:#fff;
	line-height:1.5;
	padding:20px 0 0 15px;
	width:620px;
	display:none;
}

#enquireOnline {
	width:185px;
	height:31px;
	float:left;
	clear:both;
	margin-left:6px;
	margin-bottom: 10px;
}


.slide-out-div {
	padding: 20px;
	width: 250px;
	background: #000;
	

}  
.slide-out-div.open{
border: 1px solid #99fe00;
}

.slide-out-div p {

	line-height:160% !important;
} 

.pricing {
	width:348px;
	
}

.pricing td, .pricing th {
	width:116px;
	padding:2px;
	text-align:left;
}


.pricing .alt {
	background-color:#333;
}


#homeText {
	line-height:150%;
}

.howTo {
	background:#99fe00;
	padding:6px 4px;
	color:#000 !important;
}

#howShow {
	width:420px;
}
/*



 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}