/* Reset styles */
html, body, div, form, fieldset { margin: 0; padding: 0; border: 0;font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0;}
input, select, textarea { font-size: 100%; }

.clear{clear:both}
/*
 * Colours
 * #FD0100 red peugeot (links, headings)
 * #01407E blue mitsubishi (links, headings)
 * #2E63A1 lighter blue for mitsubishi
 */

/* ~~~ Typography ~~~ */
html { font-size:100.01%; }
body { font-size:1em;line-height:1.4;}

body { background-color: #fff; color:#000;
font-size:1em; font-family: Arial, SunSans-Regular, Sans-Serif;
position: relative; width: 1000px; margin:0; padding: 0; margin-left: auto; margin-right: auto;}

img{border:none;}
#container {	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle; margin: 0 auto; width: 1000px;}

#container_left {
	font-family: Verdana, Arial, Helvetica, sans-serif; 	vertical-align:middle;
	text-align:left;	width: 100%;	background-color: #fff;
	padding: 0px; margin:0; position:relative; left:0;
}
	
	
	
#ifram {
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
}	
	
#home #top { height: 55px; }
#top { float:left; width: 100%; height: 65px; border-bottom: 2px solid #999;}
#banner { 
position:relative; top:10px; height: 50px; width:65%; float:right;
}
.peugeot #banner {background: url("styles/sg_peugeot.gif") top right no-repeat; padding: 0 0 30px 0; text-indent:-1000px;}
.mitsubishi #banner {background: url("styles/sg_mitsubishi.gif") top right no-repeat; text-indent:-1000px;}
.subaru #banner {background: url("styles/sg_subaru.gif") top right no-repeat; text-indent:-1000px;}
.generic #banner {background: url("styles/sg_.gif") top right no-repeat; text-indent:-1000px;}

#home #navcontainer dl {float:right;}
#home #navcontainer li a { text-transform:uppercase; display:inline; }
#home #navcontainer li a span{ display:none; }

#home #navcontainer ul li.nav-peu-new a, #home #navcontainer ul li.nav-peu-used a { color:#2E63A1;}
#home #navcontainer ul li.nav-mits-new a, #home #navcontainer ul li.nav-mits-used a { color:#FD0100; border: 0}
#home #navcontainer ul li.nav-mits-used a { border-right:none;}

/* new nav */



#home #navcontainer ul li.nav-peu-label,
#home #navcontainer ul li.nav-sub-label {color:#2E63A1; border:none;}
#home #navcontainer ul li.nav-mits-label {color:#FD0100; border:none;}
#home #navcontainer ul li.nav-peu-new a, #home #navcontainer ul li.nav-peu-used a { color:#2E63A1;border: 0; text-decoration: none;}
#home #navcontainer ul li.nav-mits-new a, #home #navcontainer ul li.nav-mits-used a { color:#FD0100;border: 0; text-decoration: none;}
#home #navcontainer ul li.nav-sub-new a, #home #navcontainer ul li.nav-sub-used a  { color:#2E63A1; border: 0; text-decoration: none;}
#home #navcontainer ul li.nav-sub-unused { color:#999; border: 0; text-decoration: none;}
#home #navcontainer ul li a {text-decoration: underline; }
#home #navcontainer ul li a:link {text-decoration: underline;}
#home #navcontainer ul li a:visited {text-decoration: underline;}
#home #navcontainer ul li a:hover {text-decoration: underline;}
#home #navcontainer ul li a:active { text-decoration: underline;}

#home #navcontainer li.nav-mits-label a:link { text-decoration: none; color:#FD0100; border-left: 1px solid #bfbfbf}
#home #navcontainer li.nav-peu-label a:link, #home #navcontainer li.nav-sub-label a:link { text-decoration: none; color:#2E63A1; border: 0}
#home #navcontainer li.nav-peu-label a:visited, #home #navcontainer li.nav-sub-label a:visited { text-decoration: none; color:#2E63A1; border: 0}
#home #navcontainer li.nav-sub-label a:link, #home #navcontainer li.nav-sub-label a:visited {border-left: 1px solid #2E63A1}
#home #navcontainer li.nav-mits-label a:visited { text-decoration: none; color:#2E63A1; border-left: 1px solid #2E63A1}
/* #home #navcontainer li a:visited { color: #FFFFFF; text-decoration: none; }*/
#home #navlist li a:hover { color: #FFFFFF; text-decoration: underline; color:#999;}
#home #navcontainer li a:active { color: #FFFFFF; text-decoration: none;  }

#main { width: 100%;  font-size: 12px; text-align:left; position:relative; top:1em; padding:0; margin:0; float:left;}
#used #main {height:550px; float:left;}
#content {width: /* 30%*/ 225px; float:left; font-size: 12px;}
#general {width:100%; float:left; font-size: 12px;}
#offer {width:100%; float:left; }
#offer h3 {text-align:center;}
#offers {width:751px; float:right; font-size: 12px;}

#general #content, #general #content {float:left;}
#general #photos { width:430px; float:left;}
#general #content { width: 540px; float:right;}
#general #content h2 {letter-spacing:3px; word-spacing:3px;}
#general #content #col1, #general #content #col2 {width:49%; float:left;}
#general #content #col1 p,
#general #content #col1 ul,
#general #content #col2 ul,
#general #content #col2 p,
#general #content #col2 p,
#general #content p {width:95%; float:left;}
#general #content ul { list-style:disc; list-style-position:inside; }

#general #dealer_img {width:430px; float:left;}
#general #motorsport_img {width:430px; float:left;}
#general #servicing_img, #general #bodyshop_img {width:220px; float:left;}
#general #servicing_img2, #general #bodyshop_img2 {width:620px; float:left;}
#general #servicing {float:left; width:500px;}
#general #bodyshop {float:left; width:500px;}
#general #bodyshop #col1, #general #bodyshop #col2,
#general #dealerinfo #col1, #general #dealerinfo #col2,
#general #servicing #col1, #general #servicing #col2,
#general #motorsportinfo #col1, #general #motorsportinfo #col2 {width:49%; float:left; }
#general #motorsportinfo #col1 ul {list-style-position:inside;}
#general #motorsportinfo #col1 li {word-wrap:break-word;}
#general #bodyshop #col1 p,
#general #bodyshop #col1 ul,
#general #bodyshop #col2 ul,
#general #bodyshop #col2 p,
#general #bodyshop #col2 p,
#general #bodyshop p,
#general #servicing #col1 p,
#general #servicing #col1 ul,
#general #servicing #col2 ul,
#general #servicing #col2 p,
#general #servicing #col2 p,
#general #servicing p,
#general #bodyshop #col1 p,
#general #bodyshop #col1 ul,
#general #bodyshop #col2 ul,
#general #bodyshop #col2 p,
#general #bodyshop #col2 p,
#general #bodyshop p,
#general #motorsportinfo #col1 p,
#general #motorsportinfo #col1 ul,
#general #motorsportinfo #col2 ul,
#general #motorsportinfo #col2 p,
#general #motorsportinfo #col2 p,
#general #motorsportinfo p,
#general #dealerinfo #col1 p,
#general #dealerinfo #col1 ul,
#general #dealerinfo #col2 ul,
#general #dealerinfo #col2 p,
#general #dealerinfo p {width:95%; float:left;}
#general #dealerinfo {float:left; width: 540px;}
#general #dealerinfo ul {list-style-position:inside;}
#general #dealerinfo #info {width:250px; float:right;}
#general #dealerinfo #info div {float:right; padding: 10px; background-color:#d7d7d7; text-align:left;}
#general #motorsportinfo {float:left; width: 540px;} 
#general #dealerinfo #info h4,
#general #dealerinfo #info h5 {padding:0; padding-top:3px; margin:0; text-transform:uppercase; color:#fff; width:95%;}
#general #dealerinfo #info h4,
#general #dealerinfo #info h5,
#general #dealerinfo #info p {float:left; text-align:left; clear:left;}
#general #dealerinfo #info p {font-size:100%; line-height:1.4;padding:0; margin:0; }
 
#advert {width:340px; float:left;}
#advert a, #advert a:link, #advert a:visited, #advert a:hover, #advert a:active {border:0; color:#fff}
#range {width:640px; float:right; }
#range #models {float:left; width:380px;  }
#range #models img {padding:2px; border:0; }
#range div {width:200px; float:right;}
#range #info {float:right; padding: 10px; background-color:#d7d7d7; }	
#range info img {float:right; padding:2px;}
#offers #peugeot {background: url("styles/sg_peugeot.jpg") top left no-repeat; height:535px; float:left; width:250px; padding: 35px 0 0 0;}
#offers #mitsubishi {background: url("styles/sg_mitsubishi.jpg") top left no-repeat; height:535px; float:left;width:250px; padding: 35px 0 0 0;}
#offers #subaru {background: url("styles/sg_subaru.jpg") top left no-repeat; height:535px; float:left;width:250px; padding: 35px 0 0 0;}


.puegeotHalf{
	float:left;
	height:198px; 
	width:250px;
	margin:30px 0 10px 0;
	background: url("images/puegeotHalf.jpg") no-repeat 100% 0;
}

.puegeotHalf a{
		display:block;
	height:198px; 
	width:250px;
}

.mitsHalf{
	float:left;
	height:198px; 
	width:245px;
	margin:30px 0 10px 0;
	background: url("images/mitsHalf.jpg") no-repeat 0 0;
	display:block;
}

.mitsHalf a{
	display:block;
	height:198px; 
	width:250px;
}

#offers #peugeot p, #offers #mitsubishi p, #offers #subaru p {width:100%; padding:0;margin:2px 0;}
#offers #peugeot p img {border:0;}
#offers #mitsubishi p img {border:0;}

#offers h3 { text-indent:-10000px;}
#offers #peugeot h3 { background: url("styles/peugeot2.jpg") top center no-repeat; height:195px; }
#offers #mitsubishi h3 { height:1px; padding: 0; margin-top: 0px;}
#offers #subaru h3 { background: url("styles/subaru2.jpg") top center no-repeat; height:195px; }
/*#offers #peugeot p {float:left; width:50px;}
#offers #peugeot p.img {float:left; padding-left:15px;}

#offers #mitsubishi p {float:right; width:100px;}
#offers #mitsubishi p.img {float:left;}
*/

#offer #move{float:left; width:490px;}

#bodyshop #requestform #radios, #servicing #requestform #radios {float:left;}
#servicing #requestform_wide #radios p, #servicing #requestform_wide #radios label {height:10px; display:inline; width: 150px; float:left;}
#servicing .popup {display: none;}

.bgd_blend {background: #fff url("styles/midbg.jpg") top left repeat-y; }
#specific {width: 715px; float:left;}
#specific #models {width:425px;float:left; height:950px;}
#specific #model, #requestform {width:270px; float:right; }
#requestform {
		width:240px;
}
#requestform,#requestform_wide {text-align:left;}
#requestform form,#requestform_wide form {float:left;}
#fullrange {width:1000px; margin: 0 auto; text-align:center; float:left;}
#fullrange img {padding:3px; border:0;}
#specific #models img {padding: 0 4px;}
#specific #models a img {padding:2px; }
h1 {
background: #fff url("styles/southgate.gif") top left no-repeat;
text-indent:-10000px;
width: 325px; height:50px;
float:left;
margin:0;
}
h1 a {width: 325px; height:50px;}
h2 { font-size: 1.4em; text-transform:uppercase; margin-top:0.5em; }
h3 {font-size: 1.2em; text-transform:uppercase; }
h4 {font-size: 1.2em; margin:0.5em 0 0 0; color:#003C7B;}
h5 {font-size: 1.1em; }

#offerimage {
	padding: 0 0 0 20px;
}

#container.peugeot h1, #container.peugeot h2, #container.peugeot h3, #container.peugeot h4 {color:#01407E;}
#container.mitsubishi h1, #container.mitsubishi h2, #container.mitsubishi h3, #container.mitsubishi h4 {color:#FD0100;} 
#container.subaru h1, #container.subaru h2, #container.subaru h3, #container.subaru h4 {color:#01407E;}
#container.generic h1, #container.generic h2, #container.generic h3, #container.generic h4 {color: #999;}
#col1 h3, #col2 h3 {color:#000;}

/* links */
a { color: #003C7B;}
a:link { color: #003C7B;}
a:visited { color: #999; }
a:hover { color: #333; }
a:active { color: #999; }

.peugeot a, a.peugeot { color: #999;}
.peugeot a:link, a.peugeot:link { color: #999;}
.peugeot a:visited, a.peugeot:visited { color: #01407E; }
.peugeot a:hover, a.peugeot:hover { color: #01407E; }
.peugeot a:active, a.peugeot:active { color: #999; }

.mitsubishi a, a.mitsubishi { color:#999; }
.mitsubishi a:link, a.mitsubishi:link { color:#999; }
.mitsubishi a:visited, a.mitsubishi:visited { color:#FD0100; }
.mitsubishi a:hover, a.mitsubishi:hover { color:#FD0100; }
.mitsubishi a:active, a.mitsubishi:active { color:#999; }

.subaru a, a.subaru { color: #999;}
.subaru a:link, a.subaru:link { color: #999;}
.subaru a:visited, a.subaru:visited { color: #01407E; }
.subaru a:hover, a.subaru:hover { color: #01407E; }
.subaru a:active, a.subaru:active { color: #999; }


#navcontainer, #breadcrumb
{ width: 100%; float:left; overflow:auto; /*letter-spacing:0.1em;*/ }

#navcontainer ul, #breadcrumb ul { padding: 0; height:25px; position:relative; margin: 5px 0 0 0; padding: 0; color: #666; list-style: none; }
#navcontainer ul li, #breadcrumb ul li { display: inline; font-size:0.8em }

#navcontainer ul li a {padding: 0.2em 12px;
/* color: #000; */
text-decoration: none;
float: left;
border-right: 0px solid #94B473;
}

#navcontainer.subaru ul li a {padding: 0.2em 12px;
 color: #bfbfbf; 
text-decoration: none;
float: left;
border-right: 1px solid #94B473;
}
#navcontainer.subaru ul li a:hover { color: #01407E;}

#navcontainer ul li.nav-about a {border:none;}
#navcontainer ul li.nav-new a {padding-left:0;}
/* This adds the left border */
#navcontainer ul li.nav-home a { border-left: 1px solid #999;}
#navlist {text-transform:uppercase; text-decoration: none;}

#breadcrumb ul li a, #breadcrumb ul li.crumb-last { text-decoration: none; float: left; }
#breadcrumb ul li a {border:none;}
#breadcrumb, #breadcrumb ul li,#breadcrumb ul li a { font-variant:small-caps; text-transform:lowercase; padding:0; margin:0;}

#breadcrumb ul li a, #breadcrumb ul li.crumb-last {padding-left:0.5em; text-decoration:none;}
#breadcrumb ul li.crumb-first, #breadcrumb ul li.crumb-first a {padding-left:0;}
#breadcrumb ul {padding-left:0;}
#plates img {float:left; padding: 7px 5px 0 0 }



#menu, #footer {
	margin: 0; 	padding: 0;
 /* width of menu item times by 6 (121*6 = 727px) */
	height: 90px;
	list-style: none;
	display: inline;
	overflow: hidden;
	color: #fff;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	}
#footer { float: left; width: 100%; text-align:center; font-size: 12px;  }

#home #footer {background: url("styles/serving.gif") top right no-repeat;}
/*#container.peugeot #footer {background: url("styles/footer_peugeot.gif") top right no-repeat;}
#container.mitsubishi #footer {background: url("styles/footer_mitsubishi.gif") top right no-repeat;}
#container.subaru #footer {background: url("styles/footer_subaru.jpg") top right no-repeat;}*/

#menu li {
	margin: 0; 
	padding: 0;
	list-style: none;  /* this is the shorthand for the list attributes */
 	display: inline;
	color: #fff;
	}
ul.footer_links {position:relative; top:60px;}
#footer li {
	margin: 0; 
	padding: 0 5px;
	/*list-style: none;  this is the shorthand for the list attributes */
	list-style-position:outside;
	list-style-type:hebrew;
 	display: inline;
	
	}
	
#footer a {text-decoration:none; text-transform:uppercase; color: #999; }
#footer a:visited {color:#999;}
#footer a:hover { color:#333;}
#footer a:active { color:#999;}

.mini {font-size:8px;}
/*
form { background-color:#999999; border: 3px #333 solid; }

.formfield { background-color:#666; }
.required { color:#000; }
.boxed { padding-left: 5px; }
.popup {display:none; }
*/


ul.sitemap,ul.footer_links {
	list-style: none;
	display: inline;
	overflow: hidden;
	padding:0;
	margin:0; border:0;
}

li.inline {
  display: inline;
  padding-left: 3px;
  padding-right: 7px;
  border-right: 1px dotted #99c;
  }
p.inline {display:inline; padding-left:40px;}
li.last {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
	border-bottom: 0px;
  border-right: 0px;
/*	line-height: 3em; */
  } 
  .clear_l {clear:left;}
  
#subinfo_left { width: 200px; float: left; margin: 0 20px 0 0}
#subinfo_right { width: 750px; float: right;}
	 
#subinfo_right H2 { color: #f00; font-size: 15px;}
#subinfo_left H2 { text-align: center; color: #f00; font-size: 20px;}
#subinfo_right H3  { color: #f00; text-align: left; font-size: 15px;}
#subinfo_left H3 {color: #f00; text-align: left; font-size: 15px;}

#subinfo_bottom img {float: right; margin: 7px 0 40px 0}
#subinfo_right li {list-style-type: decimal; list-style-position: outside; margin-left: 25px;}

#ffs {
	width: 100%;
	background-image: url('http://www.poole.mitsubishi-cars.co.uk/scrappage/img/bg.jpg'); 
}

img.hak {
	padding: 5px 0 0 0;
}

#pageContent{
	font-size:0.75em;
	padding:25px 0 0 0;
	clear:both;
}

#pageContent #imageCol{
	float:left;
	width:200px;
}

#pageContent #scrappageCol{
	float:left;
	width:465px;
	margin-left:20px;
}

#scrappageCol h2{
	font-size:2em;
	text-transform:none;
	padding:0;
	margin:0;
}

#scrappageCol img{
	margin:0 0 15px 0;
}
/*
	308 Verve
*/

#pageContent #scrappageCol #example207{
	
}

#pageContent #scrappageCol #example207 #exampleTable207{
	float:left;
	width: 275px;
	text-align:left;
	margin:0 0 10px 0;
}

#pageContent #scrappageCol #example207 #exampleTable207 table{
	padding:0;
	margin:0;
	width:275px;
}

#pageContent #scrappageCol #example207 #image207{
	float:right;
	width:190px;
}

/*
	308 Verve
*/

#pageContent #scrappageCol #example308{
	
}

#pageContent #scrappageCol #example308 #exampleTable308{
	float:left;
	width: 275px;
	text-align:left;
	margin:0 0 10px 0;
}

#pageContent #scrappageCol #example308 #exampleTable308 table{
	padding:0;
	margin:0;
	width:275px;
}

#pageContent #scrappageCol #example308 #image308{
	float:right;
	width:190px;
}

#schemeCol{
	float:right;
	width:275px;
	padding: 10px; 
	background-color:#d7d7d7
}

.alignRight{
	text-align:right;
}

.highlight{
	font-weight:bold;	
}

.carHeading{
	color:#01407E;
	font-weight:bold;
}

.otherOffers{
	width:275px;
}

#regbox p {
	margin: 0;
	padding: 0;	
		font-size: 10px;
}

#regbox h2 {
	padding-bottom: 10px;
}

#regbox {
	width: 25%;
	margin: 0 0 0 70px;
	padding: 0;
	float: left;	
}

#regbox h2 {
	text-align: center;
	font-size: 14px;
}

#offerCol{
	margin: 0 0 0 250px;
}

#offerCol img{
	margin: 0 0 15px 0;
}