/* 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; }

body {
	font: 12px arial, verdana, helvetica, sans-serif;
	color:#000000;
	margin:0;
	padding:0;
	}

#wrapper {
	position:relative;
	margin:0 auto;
	width:1000px;
	margin-top:5px;
	}
	
#inner-wrap {
	float:left;
	width:987px;
	min-height:200px;
	padding-left:13px;
	padding-bottom:50px;
	background:url(graphics/wrap.jpg) top center no-repeat;
	}

#home #inner-wrap {
	background:url(graphics/home-wrap.jpg) top center no-repeat;
	}
	
#diesel #inner-wrap {
	background:url(graphics/wrap-diesel.jpg) top center no-repeat;
	}

#auto #inner-wrap {
	background:url(graphics/wrap-auto.jpg) top center no-repeat;
	}

#estate #inner-wrap {
	background:url(graphics/wrap-4x4.jpg) top center no-repeat;
	}

#econ #inner-wrap {
	background:url(graphics/wrap-econ.jpg) top center no-repeat;
	}
	
#contact #inner-wrap {
	background:url(graphics/wrap-contact.jpg) top center no-repeat;
	}

/* Typology */

li {
	margin-left:12px;
	list-style:disc inside;
	}
	
ul {
	margin-bottom:15px;
	}	

h1 {
	font-size:11px;
	font-weight:bold;
	margin-bottom:8px;
	color:#be1101;
	}

h2 {
	font-size:11px;
	color:#ffffff;
	}

h3 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:15px;
	color:#000000;
	}
	
h4 {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	}

a {
	color:#be1101;
	text-decoration:none;
	}

a:hover {
	color:#be1101;
	text-decoration:underline;
	}

p {
	margin-bottom:15px;
	}
	
.red {
	color:#be1101;
	font-weight:bold;
	}
	
.black {
	color:#000000;
	}

/*Navigation*/

#header {
	float:left;
	clear:both;
	width:1000px;
	height:231px;
	background:url(graphics/header.jpg) top center no-repeat;
	z-index:20;
	}

#home #header {
	background: url(graphics/header-home.jpg) top center no-repeat;
	}
	
#diesel #header {
	background: url(graphics/header-diesel.jpg) top center no-repeat;
	}

#auto #header {
	background: url(graphics/header-auto.jpg) top center no-repeat;
	}

#estate #header {
	background: url(graphics/header-4x4.jpg) top center no-repeat;
	}
	
#econ #header {
	background: url(graphics/header-econ.jpg) top center no-repeat;
	}
	
#contact #header {
	background: url(graphics/header-contact.jpg) top center no-repeat;
	}

#navigation {
	float:left;
	width:700px;
	height:90px;
	}

#links {
	height:15px;
	margin:38px 0 0 144px;
	}

#links ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#links li {
	list-style:none;
	float:left;
	margin:0px;
	border-right:1px dotted #666666;
	}

#links li a {
	height:11px;
	padding-bottom:3px;
	text-decoration:none;
	list-style:none;
	padding-right:7px;
	padding-left:6px;
	color:#000000;
	}

#links li a:link,#links li a:visited {
	/*display:block;/*   /*Uncomment if defining a width for each button*/
	font-size:11px;
	font-weight:bold;
	text-align:center;
	height:11px;
	}

#links li a:hover,#links li a:active, #links li .current {
	color:#be1101;
	text-decoration:none;
	}

#search {
	position:relative;
	float:left;
	width:155px;
	height:270px;
	}

#MakeDropDown {
	float:left;
	margin-top:118px;
	margin-left:38px;
	width:100px;
	background-color:#ffffff;
	color:#000000;
	}

#ModelDropDown {
	float:left;
	margin-top:7px;
	margin-left:38px;
	margin-bottom:0;
	width:100px;
	background-color:#ffffff;
	color:#000000;
	}

/* Layout */

#left  {
	float:left;
	width:231px;
	height:505px;
	margin-top:20px;
	}

#right {
	float:left;
	margin-left:20px;
	width:707px;
	padding-top:15px;
	border-top:1px dotted #000000;
	}
	
#bread-crumbs {
	float:left;
	margin-left:20px;
	width:532px;
	height:26px;
	padding-top:22px;
	margin-top:14px;
	}

#bread-crumbs a {
	color:#ffffff;
	text-decoration:none;
	}

#bread-crumbs a:hover {
	color:#ffffff;
	text-decoration:underline;
	}

#form {
	float:left;
	width:175px;
	height:39px;
	padding-top:9px;
	margin-top:14px;
	}

/* Home Page */

#home-left-section1 {
	float:left;
	width:209px;
	height:118px;
	padding:55px 0 0 22px;
	background:url(graphics/home-left-location.png) top left no-repeat;
	}
	
#home-left-section2 {
	float:left;
	width:100px;
	height:93px;
	padding:57px 21px 0 110px;
	background:url(graphics/home-left-expressfit.png) top left no-repeat;
	}
	
#home-left-section2 p {
	margin-bottom:5px;
	}

#home-left-section3  {
	float:left;
	width:191px;
	height:155px;
	padding:26px 0 0 40px;
	background:url(graphics/home-left-usedcars.png) top left no-repeat;
	}

#home-right {
	float:left;
	margin-left:12px;
	width:620px;
	min-height:530px;
	margin-top:-110px;
	}
	
#home-slideshow {
	float:left;
	width:560px;
	height: 350px;
	padding:5px 5px 5px 158px;
	margin:0px 8px 5px 0px;
	-moz-box-shadow:0px 0px 5px #cccccc;
	-webkit-box-shadow:0px 0px 5px #cccccc;
	box-shadow:0px 0px 5px #cccccc;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
	background:url(graphics/home-video-bg.jpg) top left no-repeat;
	}

#home-text {
	float:left;
	width:720px;
	min-height: 100px;
	margin:10px 0 10px 0px;
	font-size:11px;
	}

#home-text p {
	margin-bottom:8px;
	}

/* Content */

#left-section1  {
	float:left;
	width:209px;
	height:130px;
	padding:55px 0 0 22px;
	background:url(graphics/left-location.png) top left no-repeat;
	}

#left-section2  {
	float:left;
	width:213px;
	height:302px;
	margin-left:8px;
	margin-top:10px;
	border:1px solid #dadada;
	}

#used-cars {
	width:950px;
	float:left;
	height:auto;
	margin-top:10px;
	}

#content-left {
	width:685px;
	float:left;
	padding-left:7px;
	margin-top:18px;
	}

#content-right {
	width:250px;
	float:left;
	height:382px;
	margin-left:23px;
	margin-top:13px;
	}

#motability-left {
	width:735px;
	float:left;
	padding-left:7px;
	margin-top:18px;
	}

#motability-right {
	width:200px;
	float:left;
	height:382px;
	margin-left:20px;
	margin-top:13px;
	}
	
#express-slideshow {
	float:left;
	width:704px;
	height:203px;
	padding:3px 0 0 3px;
	margin-bottom:15px;
	background:url(graphics/express-fit-bg.gif) top left no-repeat;
	}
	
.express td {
	border: 1px solid #999999;
	padding-left:5px;
	}

.express-blue {
	background-color:#1e5095;
	color:#ffffff;
	}

/* Contact Page */

#contact-left {
	float:left;
	width:354px;
	}

#contact-right {
	float:left;
	width:344px;
	height:426px;
	padding:4px;
	background:url(graphics/map.png) top left no-repeat;
	}

#googlemap {
	float:left;
	width:344px;
	height:426px;
	}
	
	#directions{float:left;width:400px;height:20px;margin-bottom:15px;}
#txtPostcodeA1,#txtPostcodeB1,#btnShowDirections1{float:left;width:40px;height:23px;margin:0 5px 0 0;border:1px solid #d9d9d9; padding:0;}
#myDestPcode1 { float:left;width:150px;height:25px;margin:0 5px 0 0;border:1px solid #d9d9d9; padding:0;}
#btnShowDirections1{float:left;width:50px; height:25px;color:#fff;font-size:16px;text-align:center;-moz-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;font-family:'Yanone Kaffeesatz', Arial, sans-serif;background: #000;padding:0; border:none;}
#btnShowDirections1:hover{text-decoration:none;color:#fff;background: #333; cursor:pointer;}

/* Footer */

#footer {
	width:1000px;
	height:90px;
	float:left;
	border-top:1px dotted #a7a7a7;
	color:#767676;
	font-size:11px;
	}

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

#footer a:hover {
	color:#be1101;
	text-decoration:none;
	}

#footer-links {
	float:left;
	width:400px;
	margin-top:8px;
	margin-left:20px;
	}
	
#footer-links img {
	margin-right: 10px;
	}

#footer-spidersnet {
	float:right;
	width:220px;
	margin-top:8px;
	}
	
#footer-address {
	float:left;
	width:900px;
	margin-top:8px;
	margin-left:20px;
	clear:both;
	}

#ie6Warning {
	float:left;
	width:1000px;
	margin-top:10px;
	background-color:#be1101;
	color:#ffffff;
	text-align:center;
	padding-top:10px;
	}

#ie6Warning a {
	color:#ffffff;
	}
	
#ie6Warning a:hover {
	color:#ffffff;
	text-decoration:underline;
	}

/* Drop Down */

#menu1 {
	position:absolute;
	left:334px;
	top:57px;
	width:89px;
	z-index:500;
	visibility:hidden;
	}

#menu1 ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	}

#menu1 li {
	list-style-type: none;
	}

#menu1 a {
	display: block;
	height:19px;
	padding-top:3px;
	width:89px;
	text-align:center;
	text-decoration: none;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	background:url(graphics/drop-down.png) top left no-repeat;
	}

#menu1 a:hover {
	color:#be1101;
	text-decoration:none;
	}

/* Offers */

.row {
	width:707px;
	height:32px;
	margin:0;
	margin-bottom:5px;
	float:left;
	clear:both;
	height:34px;
	background:url(graphics/offer-title.png) top left no-repeat;
	}

.row1 {
	width:705px;
	height:30px;
	margin:0;
	margin-bottom:5px;
	float:left;
	clear:both;
	border:1px solid #CCCCCC;
	height:34px;
	}

.row2 {
	width:705px;
	height:30px;
	margin:0;
	margin-bottom:5px;
	float:left;
	clear:both;
	border:1px solid #CCCCCC;
	height:34px;
	}

.new-car-offer-pic{
	width:45px;
	float:left;
	height:34px;
	padding-top:0px;
	}
	
.new-car-offer-year {
	width:60px;
	padding-left:5px;
	float:left;
	height:24px;
	padding-top:9px;
	}

.new-car-offer-disc{
	width:355px;
	padding-left:5px;
	float:left;
	overflow:hidden;
	height:24px;
	padding-top:9px;
	}
	
.new-car-offer-price{
	width:58px;
	float:left;
	padding-left:2px;
	font-weight:bold;
	height:24px;
	padding-top:9px;
	}
	
.new-car-offer-save{
	width:58px;
	float:left;
	padding-left:2px;
	color:#be1101;
	font-weight:bolder;
	height:24px;
	padding-top:9px;
	}

.new-car-offer-more{
	width:115px;
	float:left;
	height:24px;
	padding-top:9px;
	}
	
.new-car-offer-more a {
	color:#000000;
	text-decoration:none;
	}
	
.new-car-offer-more a:hover {
	color:#be1101;
	text-decoration:none;
	}

/* Sitemap */

#sitemap {
	float:left;
	margin:78px 0 0 10px;
	}
	
/* FOLLOW NAVIGATION */

#social-top{
	position: absolute;
	top: 170px;
	left: 10px;
	z-index: 5;
	}

.a-btn{
    padding-left:10px;
    padding-right:80px;
    height:30px;
	float: left;
	display: block;
    position:relative;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    float:left;
    margin:5px 0px 0px 10px;
	-webkit-box-shadow: 0px 0px 5px px #333;
-moz-box-shadow: 0px 0px 5px px #333;
box-shadow: 0px 0px 5px px #333;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}

.facebook, .twitter {
	background:#80a9da;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#164fa0), to(#082d71));
  background: -moz-linear-gradient(top, #164fa0, #082d71);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#80a9da, endColorStr=#082d71);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#80a9da, endColorStr=#082d71);
	border: 1px solid #222;
	}	

.a-btn-text{
    padding-top:6px;
    display:block;
    font-size:14px;
	text-align: center;
	width: 60px;
    white-space:nowrap;
    color:#ccc;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.a-btn-slide-text{
    position:absolute;
    height:100%;
    top:0px;
    right:52px;
    width:0px;
    background:#63707e;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    font-size:14px;
    white-space:nowrap;
    text-transform:uppercase;
    text-align:left;
    text-indent:10px;
    overflow:hidden;
    line-height:30px;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}
.facebook-right, .twitter-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:52px;
    border-left:1px solid #5d81ab;
}
.facebook-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    background:transparent url(../graphics/facebook.png) no-repeat 50% 55%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.twitter-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    background:transparent url(../graphics/twitter.png) no-repeat 50% 55%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn:hover{
    padding-right:180px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#be1100), to(#ad0000));
  background: -moz-linear-gradient(top, #be1100, #ad0000);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#be1100, endColorStr=#ad0000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#be1100, endColorStr=#ad0000);
}
.a-btn:hover .a-btn-text{
    color:#fff;
}
.a-btn:hover .a-btn-slide-text{
    width: 110px;
}
.a-btn:hover .facebook-right span, .a-btn:hover .twitter-right span {
    opacity:1;
}
.a-btn:active{
    position:relative;
    top:1px;
    background:#5d81ab;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#80a9da;
}