

/* common */


body {
	margin:0;
	padding:0;
	background-color:#e0e0e0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
body.home {
	background-color:#000000;
}
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}
a img {border:0;}

/* header */


#header {
	border-bottom:3px solid #B71232;
	background-color:#FFFFFF;
}
#header a {text-align:center;display:block;}
#header a img{display:none;}
.home #header a img{display:inline;}
#header div {
	height:142px;
	width:750px;
	margin:0 auto;
	padding-top:40px;
}


/* banner */


#banner {
	height:140px;
	background:#000000 top center no-repeat;
	position:relative;
}
.home #banner {
	height:280px;
}
#banner.short {
	background-color:#B71232;
	background-image:none;
}

#newcarlinks {
	position:relative;top:79px; /*subtract 16 for larger tab-buttons*/
	width:900px;height:100px;overflow:visible;height:0;
	margin:0 auto;
}
.home #newcarlinks {top:203px}
.nissan {float:left;display:block;}
.kia {float:right;display:block;}
/* navigation */


#nav {
	width:794px;	margin:0 auto; /*850px wide if including nissan-range & kia-range */
	padding-top:110px;
}
.home #nav {
	padding-top:250px;
}
.short #nav {
	padding-top:0;
}
#nav ul, #nav li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#nav a {
	float:left;
	display:block;
	height:18px;
	background:0 6px no-repeat;
	padding:6px 0 7px 0;
	margin:0 5px;
}
#nav a:hover, #nav .selected a {
	border-bottom:3px solid #E0E0E0;
	padding-bottom:4px;
}
#nav a span {
	display:none;
}
#nav .home a			  { width:34px;  background-image:url(../images/nav-home.png); }
#nav .new a				  { width:62px;  background-image:url(../images/nav-new.png); }
#nav .kia-range a		{ width:59px;  background-image:url(../images/nav-kia.png); }
#nav .nissan-range a{ width:83px;  background-image:url(../images/nav-nissan.png); }
#nav .used a			  { width:68px;  background-image:url(../images/nav-used.png); }
#nav .demonstrators a {width: 100px;background-image: url(../images/Demonstrators.png);}
#nav .specials a	  { width:94px;  background-image:url(../images/nav-special-offers.png); }
#nav .company a		  { width:88px;  background-image:url(../images/nav-company.png); }
#nav .finance a		  { width:51px;  background-image:url(../images/nav-finance.png); }
#nav .service a		  { width:120px; background-image:url(../images/nav-service.png); }
#nav .enquiries a	  { width:63px;  background-image:url(../images/nav-enquiries.png); }
#nav .newsletter a  { width:75px;  background-image:url(../images/nav-newsletter.png); }


/* main */


#main {
	background-color:#E0E0E0;
	line-height:16px;
}
#main div {
	width:750px;
	margin:0 auto;
	padding:35px 0;
}
#main div div {
	width:auto;
	margin:0;
	padding:0;
}
#main h1, #main h2, #main p {
	margin-top:0;
}
#main .right {
	float:right;
	width:48%;
	margin:0 0 5% 5%;
}
#main .rightcol {
	float:right;
	margin:0 0 10px 12px;
	padding-left:10px;
}
#main h1 {
	font-size:22px;
	font-weight:normal;
	color:#B71232;
}
#main h2 {
	font-size:16px;
	font-weight:normal;
	color:#B71232;
}
#main a {
	color:#B71232;
	text-decoration:none;
	padding:0 1px;
}
#main a:hover {
	background-color:#FFFF99;
	border-bottom:solid 1px #FFCC66;
}
#main #fieldDays a:hover {
	background-color: #E0E0E0;
	border-bottom: 0;
}

/* Homepage Extra */

#fieldDays h1 {
	margin: 0;
	padding: 0;
}
#fieldDays table {
	width:550px;
	margin: 0 auto;
}
#fieldDays img {
	text-align: right;
}
#fieldDays ul {
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left;
	list-style-type: none;
}
.larger {
	font-size: 1.2em;
	font-weight: bold;
}
.smaller{
	font-size: .8em;
	font-weight: lighter;
}
/* homepage feature */

#feature {
	clear: left;
}
#feature ul, #feature li {
	margin:0;
	padding:0;
	list-style:none;
}
#feature li {
	float:left;
	width:186px;
	margin-right:1px;
}
#feature a {
	display:block;
	height:70px;
	margin-bottom:3px;
	background:bottom left no-repeat;
	font-size:16px;
	color:#B71232;
	text-decoration:none;
}
#feature a:hover {
	color:#000000;
	background-color:transparent;
	border:none;
}
#feature span {
	padding-right:10px;
}
#feature .service a		{ background-image:url(../images/pic-service.jpg); }
#feature .testdrive a	{ background-image:url(../images/pic-testdrive.jpg); }
#feature .used a			{ background-image:url(../images/pic-used.jpg); }
#feature .showroom a	{ background-image:url(../images/showroom.jpg); }


/* new vehicles */


#main .vehicle_list div {
	float:left;
	width:180px;
	height:240px;
	margin:0 1px 1px 0;
	padding:3px;
	font-size:11px;
	background:top left repeat-x url(../images/vehicle-list-bgnd.png);
}
#main .vehicle_list div h2 {
	margin-bottom:0.2em;
	text-align:center;
}
#main .vehicle_list div p {
	margin:10px 5px 5px 5px;
}
#main .vehicle_list div a {
	padding:1px 1px 1px 17px;
	background:center left no-repeat;
	border:none;
	margin-left:5px;
}
#main .vehicle_list div a.brochure {
	background-image:url(../images/icon-brochure.gif);
}
#main .vehicle_list div a.service {
	background-image:url(../images/icon-service.gif);
}
#main .vehicle_list div a:hover {
	background-color:#FFFF99;
}


/* footer */


#footer {
	height:64px;
	padding-top:14px;
	margin:0 auto;
	width:750px;
}
#footer, #footer a {
	color:#4D4D4D;
	text-decoration:none;
}
#footer .logos img {
	float:right;
	margin-left:30px;
}


/* frames */


.frame.footer #header, .frame.footer #banner, .frame.footer #main {
	display:none;
}


/* forms */


.form_left {
	clear:left;
	float:left;
	display:block;
	width:100px;
	text-align:right;
	font-weight:bold;
	margin:1px 5px 0 0;
	font-size:11px;
}
.form_right {
	float:left;
	display:block;
	margin:1px 0 0 0;
	width:220px;
	overflow:hidden;
}
.form_right.text {
	overflow:visible;
}


/* revealer */


a.revealer {
	padding-left:18px;
	background:left center no-repeat url(../images/icon-plus-grey.gif);
	font-weight:bold;
}
a.revealer:hover {
	background:left center no-repeat url(../images/icon-plus-red.gif);
}

/* demonstrators */
#main div .stock-list-item { clear: left;}
#main div .stock-list-item .content{
float:left;
padding:0 0 0 20px;
width:470px;
}
.stock-list-item img {
float:left;
clear:left;
}
