@charset "utf-8";
/* Vehicle Image */


#view-top {
	float: left;
	width: 715px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 2px;
	-moz-border-radius:8px; 
	border-radius:8px; 
	border: 1px solid #ccc;
	background: #fff;
	}
	
#photo-wrap {
	float:left;
	position:relative;
	width:442px;
	}

/*Slideshow*/

#photo, #video {
	float:left;
	width:440px;
	margin: 0 8px 0 5px;
	padding: 5px 5px 0 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 5px 0px #ccc;
-moz-box-shadow: 0px 0px 5px 0px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(240,240,240,1) 82%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(82%,rgba(240,240,240,1)), color-stop(82%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 82%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 82%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 82%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%);
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 82%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );

}
	
.slideThumbs{float: left; margin:6px 0 0 20px; padding: 0; text-align:center;}
.slideshowframe{float: left;width:60px;height:45px;border:1px solid #fff;z-index:103;margin-left:2px;padding:0; text-align:center;}
#slidelogo{float:left;width:60px;height:47px;font-family:arial;font-size:9px;text-decoration:none;display:none;padding:1px}

/* Telephone & Price */

#view-phone{float:right;width:255px; height:30px;color:#fff;padding-top:8px; text-align:center; font-weight: 400;
	background: #3f5f85;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	text-shadow:1px 1px 1px #03244f;}

#price{float:right;height:30px;text-align:center;font-size:18px;color:#fff;padding:10px 11px 0;  font-weight: 400;
	background: #3f5f85; /* Old browsers */
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	text-shadow:1px 1px 1px #03244f;}
	
	
#details {
	float:left;
	width:444px;
	height:42px;
	}

#price {
	float:right;
	height:26px;
	padding:10px 11px 0 11px;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	color:#ffffff;
	background-color:#3f5f85;
	text-shadow:1px 1px 1px #03244f;
	-moz-border-radius-bottomleft:6px; 
	-moz-border-radius-bottomright:6px; 
	border-bottom-left-radius:6px; 
	border-bottom-right-radius:6px;
	}

/* Spec */
	
#spec {
	float:right;
	width:254px;
	margin-left:10px;
	color:#3f5f85;
	padding-top:8px;
	background-color:#ffffff;
	border:1px solid #e7e7e7;
	}
	
#spec .title {
	float:left;
	font-size:12px;
	color:#000000;
	width:70px;
	margin-right:5px;
	border-right:1px solid #d8d8d6;
	}
	
#spec p {
	border-bottom:1px solid #e7e7e7;
	padding:0 0 8px 8px;
	margin-bottom:8px;
	}

/* Call to Actions */
	
#call-to-action {
	float:left;
	width:708px;
	margin-top:15px;
	}

.call-to-action-wrap {
	float:left;
	width:132px;
	height:40px;
	padding-top:70px;
	margin-right:7px;
	}

#enquire-online {
	background:url(../graphics/enquire-online.png) top left no-repeat;
	text-decoration:none;
	}
	
#book-testdrive {
	background:url(../graphics/book-testdrive.png) top left no-repeat;
	text-decoration:none;
	}
	
#print-details {
	background:url(../graphics/print-details.png) top left no-repeat;
	text-decoration:none;
	}
	
#finance-application {
	background:url(../graphics/finance-application.png) top left no-repeat;
	text-decoration:none;
	}
	
#part-exchange {
	background:url(../graphics/part-exchange.png) top left no-repeat;
	text-decoration:none;
	}

.call-to-action {
	float:left;
	width:130px;
	height:20px;font-size: 14px;
	padding:4px;
	text-align:center;
	background-color:#3f5f85;
	border:3px solid #e7e7e7;
	color:#ffffff;
	-moz-box-shadow:0px 0px 5px #cccccc; 
	-webkit-box-shadow:0px 0px 5px #cccccc; 
	box-shadow:0px 0px 5px #cccccc;
	text-shadow:1px 1px 1px #03244f;
	}
	
.call-to-action:hover {
	color:#ffffff;
	background-color:#333333;
	text-decoration:none;
	}

/* Bread Crumbs Bar */

#bread-crumbs {
	float:left;
	width:523px;
	height:32px;
	color:#000000;
	font-size:13px;
	margin-bottom:10px;
	}
	
#bread-crumbs h1 {
	float:left;
	width:732px;
	height:23px;
	font-size:16px;
	border-bottom:1px dashed #c7c7c7;
	margin:5px 0 20px 0;
	color:#0066ba;
	}
	
#bread-crumbs p {
	margin-bottom:5px;
	}

/*Next Previous*/

#nextprev {
	float:left;
	position:relative;
	width:180px;
	height:24px;
	padding:8px 20px 0 0;
	color:#0066ba;
	text-transform:capitalize;
	margin-bottom:10px;
	}

#nextprev a {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dotted #0066ba;
	}

#nextprev a:hover {
	color:#0066ba;
	text-decoration:none;
	border-bottom:1px dotted #0066ba;
	}
	
#nextcar{
	position:absolute;
	left:156px;
	width:25px;
	}
	
#prevcar{
	position:absolute;
	left:100px;
	width:46px;
	padding-right:5px;
	border-right:1px solid #666666;
	}
	
/* Tech Spec */

#tech-spec {
	float:left;
	width:662px;
	height:100px;
	margin-left:10px;
	}

#tech-left {
	float:left;
	width:200px;
	height:80px;
	padding:10px 0 0 0;
	}

#tech-middle {
	float:left;
	width:200px;
	height:80px;
	padding:10px 0 0 30px;
	border-left:1px dashed #c7c7c7;
	}
	
#tech-right {
	float:left;
	width:200px;
	height:80px;
	padding:10px 0 0 30px;
	border-left:1px dashed #c7c7c7;
	}

.tech1 {
	float:left;
	width:140px;
	height:15px;
	color:#000000;
	}

.tech2 {
	float:left;
	width:60px;
	height:15px;
	color:#000000;
	}
	
.tech-title {
	float:left;
	width:200px;
	height:15px;
	color:#000000;
	font-weight:bold;
	margin-bottom:5px;
	}

/* Similar Vehicles */

#similarvehicles { /*wrapped round all the html*/
	float:left;
	height:140px;
	}
	
.similaradvert { /*wrapped round each similar vehicle */
	float:left;
	width:160px;
	display:block;
	margin-right:11px;
	}
	
.similarphoto { /*wrapped round the vehicle image*/
	width:160px;
	height:120px;
	float:left;
	border:3px solid #f1efee;
	}
	
.similarprice { /*wrapped round the vehicle price*/
	display:none;
	}
	
.similartext { /*wrapped round the Make and Make*/
	width:160px;
	text-align:center;
	float:left;
	}
	
.similarlink {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dotted #999999;
	}

.similarlink:hover {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dotted #0066ba;
	}
	
.similarmoreinfo {  /*wrapped round the more info link */
	display:none;
	}

.similarmore {
	display:none;
	}
	
#calc-wrap {
	float: left;
	width: 705px;
	margin-top: 10px;
	padding: 10px 0 10px 25px;
	-moz-border-radius:8px; 
	border-radius:8px; 
	border: 1px solid #ccc;
	background: #fff;
	}

#social-side{float:left;width:200px; margin:0 auto;padding:8px 0 8px 0;}
#facebook-like, #twitter-like {margin-left: 30px;width:50px;float:left;display:inline-block;}


/* THUMBNAIL CAROUSEL */
.jcarousel-skin-tango .jcarousel-container { background: none;}
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 360px;padding: 20px 40px 10px 40px;}
.jcarousel-skin-tango .jcarousel-clip {  overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  360px;height: 50px;}
.jcarousel-skin-tango .jcarousel-item {width: 60px; height: 45px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {	margin-left: 0;  margin-right: 5px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 5px; margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff; color: #000;}
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute;top: 25px; right: 5px;width: 32px; height: 32px;cursor: pointer; background: transparent url(../graphics/tango/next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px; right: auto;background-image: url(../graphics/tango/prev-horizontal.png);}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default;background-position: -96px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 25px;left: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../graphics/tango/prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 5px;background-image: url(../graphics/tango/next-horizontal.png);}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -64px 0;}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
