/* Website Copyright of Spidersnet.co.uk */

/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/*Main*/

body {
	font: 11px arial, verdana, helvetica, sans-serif;
	color:#000000;
	padding:0;
	background-color:#fff;
	background-image: url(../graphics/background.jpg);
	background-position:center top;
	background-repeat: repeat-x;
	}

#wrapper {
	position:relative;
	margin:0 auto;
	width:1000px;
	}
	
#inner-wrap {
	float:left;
	width:1000px;
	min-height:475px;
	padding:0;
	margin:0 0 10px 0;
	position:relative;
	}

/* Typography */
h3 {
	font-size:11px;
	font-weight:bold;
}

a {
	color:#000;
	font-weight:normal;
	text-decoration:none;
	}

a:hover {
	color:#000;
	}

p {
	margin-bottom:15px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}

.externalink { font-size:16px;}

.padding {
	padding:10px;
}

#bread-trail {
	color:#666;
	padding:0 0 5px 5px;
}

#bread-trail a {
	color:#666;
	text-decoration:underline;
}

#bread-trail a:hover {
	color: #333;
}

#page-title {
	background:url(../graphics/title-bar-bg.gif) repeat-x center;
	padding:10px;
	height:15px;
	clear:both;
	position:relative;
	margin:0;
	border:#FFF 2px solid;
	}
	
#page-title h2, #page-title h1 {
	text-align:right; 
	font-size:14px; 
	font-weight:bold;
	color:#fff;
}

#title_bar {
	background:url(../graphics/title-bar-bg.gif) repeat-x center;
	padding:10px;
	height:15px;
	margin-top:10px;
	clear:both;
	position:relative;
	border: #FFF 2px solid;
}

#title_bar h4, #title_bar h2, #title_bar h1, #title_bar a {
	color: #fff;
	font-weight:bold;
	font-size:13px;
}

#title_bar strong {
	float:right; 
	font-size:12px;
	color:#FFF;
	padding:0;
	margin:0;
	position:absolute;
	left:710px;
}

/* left side */
#left {
	float:left;	
	width:750px;
	height:100%;
	position:relative;
	}

#home-slideshow {
	width:745px;
	height:300px;
	border:#FFF solid 2px;
	margin-bottom:10px;
	background-color:#000;
	clear:both;
	}
	
/* Easy Slider */	
/* image replacement */
      .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
		
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:745px;
		height:300px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		position:absolute;
		top:255px;
		left:630px;
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:23px;
		line-height:22px;
		border:1px solid #fff;
		background:#ccc;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#759cb9;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


#home-text {
	clear:both;
	height:100%;
	font-size:11px;
	color: #666;
	border-bottom:#666 dotted 1px;
	margin-bottom:15px;
	}

#home-text h2 {
	color:#666;
	font-size:12px;
	font-weight:bold;
}

#home-text h3 {
	color:#000;
	padding-bottom:5px;
	font-size:11px;
}

#home-text p {
	padding-bottom:0;
	color: #666;
}

#home-text a {
	color: #666;
}

#home-text a:hover {
	color: #000;
}


#home-text ul {
	margin-left:25px;
	margin-top:0;
	padding-top:0;
	list-style: disc;
}

#home-text ul li {
	margin:0;
	list-style:none;
	color:#666;
}

#home-cars {
	width:750px;
	padding-bottom:15px;
}

#home-cars h2 {
	color: #666;
}

#home-cars p {
	color:#666;
}

/*Content*/

.float-right {
	float:right;
}

.right-image {
	float:right;
	border:#999 3px solid;
	margin:0 0 10px 10px;
	}
	
.content-text {
	background-color:#FFF;
	padding:15px;
	margin-bottom:15px;
}

.content-text p {
	font-size:12px;
}

.content-text h2 {
	font-size:13px;
	font-weight:bold;
	line-height:15px;
	padding-bottom:4px;
}

.content-text ul li {
	list-style: square;
	margin:10px 0 5px 15px;
	font-size:12px;
}

#enquire {
	width:94px;
	height:15px;
	padding:5px;
	margin:15px 0 15px 0;
	text-align:center;
	background-color:#749bb8;
	border:1px solid #ccc;
	color:#fff;
	font-weight:bold;
	display:block;
}

#enquire:hover {
	color:#ffffff;
	background-color:#000000;
	text-decoration:none;
}

#enquire-feedback {
	float:right;
	width:110px;
	height:15px;
	padding:5px;
	margin:15px 0 15px 15px;
	text-align:center;
	background-color:#749bb8;
	border:1px solid #ccc;
	color:#fff;
	font-weight:bold;
}

#enquire-feedback:hover {
	color:#ffffff;
	background-color:#000000;
	text-decoration:none;
}


/*Stock list*/

#used-cars {
	width:980px;
	float:left;
	height:auto;
	margin-top:15px;
	padding-left:20px;	
	background-color:#FFFFFF;
	}

/*Finance*/

.left-col {
	width:325px;
	float:left;
	margin:0 20px 15px 0;
	border-right:#CCC dotted 1px;
	padding:0 10px 0 0;
	}
	
.right-col {
	width:325px;
	float:left;
	margin:0 0 15px 0;
	}

#finance-calc {
	width:650px;
	height:500px;
	float:left;
	padding:10px 0 0 100px;
	color:#666;
	font-size:12px;
}

#apply-finance {
	width:125px;
	height:15px;
	padding:5px;
	margin:15px 0 15px 0;
	display:block;
	text-align:center;
	background-color:#749bb8;
	border:1px solid #ccc;
	color:#fff;
	font-weight:bold;
}

#apply-finance:hover {
	color:#ffffff;
	background-color:#000000;
	text-decoration:none;
}

/*service*/
#service-top {
	height:190px;
}

/* Contact Page */

#contact-left {
	float:left;
	width:400px;
	height:600px;
	background-color:#FFF;
	}

#contact-right {	
	float:left;
	width:250px;
	height:400px;
	margin-left:20px;
	background-color:#FFF;
	}
	
#contact-phone {
	font-size:20px;
	font-weight:bold;
	color: #658ca9;
	}
	
.border-bottom {
	border-bottom:1px dotted #ccc;
	padding-bottom:15px;
	}

#googlemap {
	float:left;
	width:380px;
	height:380px;
	border:6px solid #f1efee;
	margin:0 28px 20px 0;
	}

.currentday {
	color:#800c1f;
	}

#post-code1 {
	float:left;
	width:120px;
	height:25px;
	padding-top:5px;
	}
	
#post-code2 {
	float:left;
	width:130px;
	height:30px;
	}
	
#txtPostcodeA {
	float:left;
	width:40px;
	height:20px;
	margin-left:0px;
	margin-top:1px;
	background-color:#f1efee;
	border:1px solid #d9d9d9;
	}

#txtPostcodeB {
	float:left;
	width:40px;
	height:20px;
	margin-left:5px;
	margin-top:1px;
	background-color:#f1efee;
	border:1px solid #d9d9d9;
	}

#btnShowDirections {
	float:left;
	margin-left:5px;
	}


/* Footer */

#footer { /* 1000px centred wrap */
	clear:both;
	width:1005px;
	height:80px;
	padding-left:5px;
	color: #666;
	text-align: left;
	font-size:11px;
	font-weight:normal;
	border-top:#999 dotted 1px;
}

#footer a {
	color: #333;
	font-size:11px;
	}

#footer a:hover {
	color:#000;
	text-decoration:none;
	}
	
#footer p {
	margin-bottom:10px;
	font-weight:normal;
	line-height:10px;
	}
	
#footer ul {
	clear:both;
}
	
#footer ul li {
	float:left;
}

#footer-text {
	float:left;
	width:1000px;
}

#footer-logos {
	float:right;
}

#footer-links {
	clear:both;
	margin:15px 0;
	text-align:right;
}

/* Finance View Page */

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

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

#carfinancelink span {
	display:none;
}

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

#QuickFinance tr {
	float:left;
	margin-bottom:5px;
	font-size:12px;
	}