/* Guy Whammond *//* Main Style Sheet 2009 */

body {
	margin:0px;
	padding:0px;
	background: #000 url(../images/backgrounds/ds-bg.jpg) center center no-repeat;
	background-attachment: fixed;
	height: 100%;
	font-family:"Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,sans-serif;
}

.bg {
	background: #333 !important;
	}
	.content .bg, .brand_box .bg, .footer .bg {
		background: #000 !important;
	}
	
.hide {
	display: none;
}

/* container */

.container {
	width:950px;
	margin:0px auto;
	font-size:13px;
	color:#ffffff;
	position: relative;
}

/* banner area */
.banner {
	width:950px;
	height:272px;
}

.container #logo {
	position: absolute;
	top: 2.5em;
	left: 2.5em;
	z-index: 100;
}

.container #link-home {
	position: absolute;
	top: 2em;
	left: -2.5em;
	z-index: 100;
}

#header-search {
	position: absolute;
	top: 16.5em;
	left: 1.7em;
	z-index: 100;
	}
	#header-search #select-content-types {
		display: none;
	}
	#header-search #search-text {
		display: inline;
		float: left;
		width: 201px;
		height: 27px;
		margin: 0;
		padding: 10px 5px 0px 72px;
		background: url(../images/input-search.png) top center no-repeat;
		font-family:"Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,sans-serif;
		color: #666666;
		border: 0;
	}
	#header-search #search-button {
		display: inline;
		float: left;
		width: 40px;
		height: 37px;
		margin: 0;
		padding: 0;
	}

/* top navigation */

.navigation {
	width:950px;
	height:52px;
	background:url(../images/layout/bg_nav.png) center center repeat-x;
	margin-bottom:11px;
}

.nav_link {
	display: inline;
	float:left;
	border-right:1px solid #3b3b3b;
	height:51px;
	font-size:13px;
}
.nav_link:hover {
	background: #222;
}
.nav_link a {
	display: block;
	padding: 18px 22px;
	color:#fff;
	text-decoration:none;
	font-size: 1.05em;
}
.nav_link a:hover {
	text-decoration:underline;
}

.nav_link_end {
	border:0px;
}

/* brands container */
.brands {
	width:950px;
	height:200px;
	margin-bottom:10px;
}

.brand_box {
	float:left;
	margin-right:10px;
	width:230px;
	height:200px;
	overflow: hidden;
	position: relative;
}

.box_end {
	margin:0px;
}

.brand_box img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
	}
	.brand_box .slider {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 5;
		text-align: left;
		}

	.brand_box a {
		color: #fff;
		text-decoration: none;
		}
		.brand_box a:hover {
			text-decoration: underline;
		}

	.brand_box h1 {
		padding:20px 0 0 20px;
		font-size: 16px;
		}

	.brand_box h2 {
		font-size: 11px;
		padding: 5px 0 0 20px;
		font-weight: normal;
	}
	.brand_box .linktable {
		margin-top: 20px;
		width: 100%;
	}
	.brand_box .linktable td {
		text-align: center;
		border: 1px solid #767676;
	}
	.brand_box .linktable td a {
		display: block;
		padding:5px;
		color: #fdfdfd;
		text-decoration: none;
		font-size: 11px;
	}
	.brand_box .linktable td a:hover {
		background: #303030;
	}
	.brand_box ul {
		list-style: square;
		padding: 15px 0 0 20px;
		color: #fdfdfd;
		list-style-position: inside;
		font-size: 12px;
	}
	.brand_box li {
		padding:5px 0 2px 0;
	}
	
	/* Updated brand boxes (03/02/10) */
	
	.brand_box.new p img, .brand_box.used p img {
      position: relative;
	}
   .brand_box.new p.box-header img, .brand_box.used p.box-header img {
      position: absolute;
      z-index: 10;
      margin-top: 12.75em;
   }
   .brand_box.used .button-details {
      display: block;
      float: right;
      margin: 0.3em 1.0em 0 0;
   }
   .brand_box.used h2 {
      font-size: 1.3em;
      font-weight: bold;
   }
   
   .brand_box.motability {
      width:228px;
      height:198px;
      background: #000;
      border: 1px solid #3d3d3d;
      }
      .brand_box.motability div, .brand_box.motability h3, .brand_box.motability p {
         margin: 0.7em !important;
      }
      .brand_box.motability .box_header_txt {
         display: block !important;
         float: none;
         text-align: left;
      }
      .brand_box.motability .box_heading {
         display: block;
         text-transform: uppercase;
      }
	

/* content */
.content {
	margin-bottom:35px;
	padding-bottom:10px;
	padding-left:10px;
}

/* headings for all boxes */
.box_header {
	padding-bottom:20px;
}
.box_header_txt, h1 {
	float:left;
	font-size:17px;
	}
	h1 {
		display: block !important;
		float: none;
		clear: both;
	}

.box_header_lnk {
	float:right;
	font-size:12px;
	padding-top:5px;
}

.box_header_lnk a {
	color:#EFC70E;
	text-decoration:none;
}

.box_header_lnk a:hover {
	color:#ae7d11;
}

/* main styles */
.box_heading {
	margin-bottom:5px;
	line-height:18px;
	font-weight:bold;
	text-align:left;
	}
	.offer_container .box_heading {
		width: 320px;
	}

.box_text {
	margin-bottom:20px;
	font-size:12px;
	line-height:17px;
	text-align:left;
}

.box_text a, a.yellow {
	color:#d09514;
	text-decoration:none;
}

.box_text a:hover, a.yellow:hover {
	color:#ae7d11;
}

.error {
	margin: 1.0em 0;
	font-weight: bold;
	font-size: 1.1em;
}

/* middle */

.offer_container {
	margin: 0;
	padding: 0
}

.offer_container li {
	margin: 0 0 0.5em;
	padding: 0;
	list-style: none;
}
.offer_right {
	display: inline;
	float:right;
	margin: 0 0 0 0.5em;
	text-align:right;
}

/* content left */

.content_left {
	width:184px;
	float:left;
	margin-right:10px;
	border:1px solid #2a2b2c;
	padding:16px;
	position: relative;
}

/* content left big */
.content_left_big {
	width:666px; /* OMG, 666! */
	float:left;
	margin-right:10px;
	position: relative;
	border:1px solid #2a2b2c;
	padding:16px;
	text-align:left;
}

.content_left_big h1 {	
	margin:10px 0;
}

.content_left_big h2 {		
	margin:10px 0;
}

.content_left_big p {
	line-height:1.4em;
}

.content_left_big ul {	
	margin:10px 0;
}

.content_left_big ul li {	
	margin-left:20px;
	padding-left:0;
	line-height:1.4em;
}

.content_left_big ul li a {	
	color:#eee;
}
.content_left_big p a {	
	color:#fff;
}

/* content middle */
.content_middle {
	width:436px;
	float:left;
	margin-right:10px;
	position: relative;
	border:1px solid #2a2b2c;
	padding:16px 16px 0 16px;
}

/* content right */
.content_right {
	width:192px;
	float:left;	
	position: relative;
	border:1px solid #2a2b2c;
	padding:16px;
}

.latest_vehicle{
	border:1px solid #3d3d3d;
	margin-bottom:5px;
}

/* footer */
.footer {
	width:900px;
	margin:20px auto 0;
	font-size:12px;
	color:#ffffff;
	position: relative;
	text-align: left;
	padding:26px 26px 10px 26px;
}

.footer_left {
	float:left;
	width:200px;
}

.footer_middle {
	float:left;
	width:670px;
}

.footer_right {
	float:right;
	width:30px;
}

.footer_right a {
	text-decoration:none;
	color:#fff;
}
.footer_heading {
	padding-bottom:15px;
	font-weight:bold;
}
.footer_heading a {
	text-decoration:none;
	color:#fff;
	}
	.footer_heading a:hover {
		text-decoration: underline;
	}

.footer_link {
	padding-bottom:10px;
}

.footer_link a {
	text-decoration:none;
	color:#fff;
	}
	.footer_link a:hover {
		text-decoration: underline;
	}


/* added by J.C - 24 Nov 2009 */

#bg {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;/*
	background: url(../images/backgrounds/ds-bg.jpg) center center fixed; *//*
	background: url(../images/backgrounds/background_2.png) center center fixed no-repeat;*/
	}
	#bg img {
		position:absolute;
		z-index: 0;
		display: none;
	}
	
	#scrollcontainer {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		text-align: center;
		overflow: auto;
	}	

	.slider .bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		z-index: -1;
	}
	#slideshow {
		width: 950px;
		height: 272px;
		overflow: hidden;
	}
	.latest_vehicle {
		position: relative;
		overflow: hidden;
		height: 160px;
		width: 208px;
		border: 0;
	}
	.latest_vehicle .slider {
		position: absolute;
		width: 100%;
		left: 0;/*
		top:50px; */
		top:66px;
		height: 94px;
		text-align: left;
		z-index: 1;
		padding: 0;
		margin: 0;
	}
	.latest_vehicle .latest_img {
		padding:0;
		display: block;
		border: 1px solid #3d3d3d;
		position: absolute;
		z-index: 0;
		top:0;
		left: 0;
	}
	.latest_vehicle h1 {
		font-size: 11px;
		font-weight: bold;
		padding: 10px 0 10px 20px;
		line-height: 15px;
	}
	.latest_vehicle p {
		padding: 0px 0 5px 20px;
		font-size: 11px;
	}
	/*.latest_vehicle .infobut {
		position: absolute;
		right: 17px;
		bottom: 15px;
		z-index: 2;
		width: 18px;
		height: 18px;
		background: url(../images/layout/infobut.gif) center center no-repeat;
	}*/
	
	.latest_vehicle .infobut {
		display: none;
	}

	.smallsidelink {
		position: absolute;
		right: 17px;
		bottom: 15px;
		z-index: 2;
		width: 57px;
		height: 20px;
		background: url(../images/button-enquire-small.gif) center center no-repeat;
		text-indent: -1000em;
	}
	
.search-table {
	text-align:left;
	}
	.search-table tr td:first-child {
		padding-right:5px;
	}


.linktype1 {
	color:#fff;
}

/* Vehicle list */

.table-vehicle {
	margin-top: 1.5em;
}
.table-vehicle tr:hover {
	background: #000;
}
.table-vehicle th {
	text-transform: uppercase;
	border-bottom: 1px dashed #aaa;
}
.table-vehicle td {
	padding: 10px 5px;
	border-bottom: 1px dashed #aaa;
	border-right: 1px dashed #000;
}
.table-vehicle p {
	margin: 0.1em 0;
	}
	.table-vehicle p .vehicle-label {
		color: #aaa;
		font-size: 0.9em;
	}
	.table-vehicle .vehicle-price {
		display: inline;
		float: left;
		font-size: 1.3em;
		font-weight: bold;
	}


p.button_med, button.button_med {
	display: inline;
	float: left;
	width: 92px;
	height: 32px;
	margin: -0.1em 0 0 1.5em !important;
	background: url(/images/button-enquire.png) center center no-repeat;
	text-align: center;
	border: 0;
	cursor: pointer;
	}
	.button_med a, button.button_med span {
		display: block;
		padding: 6px;
		font-size: 1.3em;
		font-weight: bold;
		color: #000 !important;
		text-decoration: none !important;	
		}
		.button_med a:hover, button.button_med span:hover {
			text-decoration: underline !important;
			color: #333;
		}

		
		

/* Vehicle Search */

.table-search {
	margin: 1.0em 0 0;
	}
	.table-search tr td {
		padding: 4px 1px;
		}
		.table-search tr.row-radio td {
			padding: 0;
		}
		.table-search tr.row-manufacturer td {
			padding: 10px 0 4px;
		}
		.table-search button.button_med {
			display: block;
			float: right;
			margin: 0.6em 1.0em 0 0 !important;
			}
			.table-search button.button_med span {
				padding: 5px 6px 6px 6px;
				}
				.table-search button.button_med:hover span {
					text-decoration: underline !important;
				}


/* Vehicle details */

.button_med.right {
	display: inline;
	float: right !important;
}


/* New cars */

#form-new-cars input, #form-new-cars select, #form-new-cars textarea {
	margin-top: 0.4em;
}

/* Contact us */

.list-contact {
	margin: 1.0em 0 0 !important;
	}
	.list-contact li {
		list-style: disc;
		margin: 0.3em 0 0.5em 1.0em;
	}

	.contact-us h2 {
		margin: 2.0em 0 0.4em !important;
		text-transform: uppercase;
		color: #EFC70E;
		font-size: 1.3em;
	}
	

.car_enquire {
	float:right;
	width:200px;
	text-align:right;
}

.dealer-name {
	position:absolute;
	top:22.3em;
	left:66em;
	z-index:200;
	font-size:11px;
	color: #ddd;
	text-align: right;
	width: 200px;
}

.mtc {
	font-size:10px;
	padding-top:20px;
}

.mtc a {
	text-decoration:none;
}

.micp {
	margin-top: 20px;
}