/* default styles */
*, body, ul, ol, ul li, ol li { margin: 0; padding: 0 }
body { font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; padding-bottom: 20px; }
ul li { list-style-type: none; }
a { border: none;  }
img { border: none; display: block; }
.no-bottom-border { border-bottom: none !important; }
.right { float: right; }
.clear-left { clear: left; }

/* site structure & layout */
#master {
	width: 980px;
	margin: 0 auto;
}

#header {
	height: 76px;
	padding: 18px 0 13px 0;
	margin-bottom: 1px;
	position: relative;
}

#header .mitsubishi-logo {
	position: absolute;
	top: 15px;
	left: 0px;
}

#header .nivis-logo {
	position: absolute;
	bottom: 11px;
	left: 0px;
}

#header-nav {
	position: absolute;
	right: 0px;
	top: 32px;
}

#main-nav {
	width: 441px;
	height: 11px;
	position: absolute;
	right: 0px;
	bottom: 14px;
}

	#main-nav ul li {
		float: left;
		margin-left: 38px;
		line-height: 11px;
		display: block;
		text-indent: -9999px;
	}
	
	#main-nav ul li.first {
		margin-left: 0px;
	}

#homepage-flash {
	width: 980px;
	height: 340px;
	position: relative;
	margin-bottom: 30px;
}

	#homepage-flash .nav {		
		position: absolute;
		bottom: 0px;
		left: 30px;
		z-index: 999;
	}
	
		.vehicle-nav {
			width: 222px;
			height: 244px;
		}
	
	.vehicle-nav .vehicle-list {
		overflow: hidden;
	}

	
	.vehicle-nav .fuso-head {
		clear: left;
		margin-top: 10px;
	}
	
	.vehicle-nav h1 a {
		text-decoration: none;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
	
}

	.vehicle-nav li {
		margin-top: 1px;
		float: left;
	}

.vehicle-nav li a {
	height: 22px;
	display: block;
	padding-left: 22px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	width: 200px;
	overflow: hidden;
}

.vehicle-nav li a.vehicle-link {
	background-repeat: no-repeat;
}

.vehicle-nav li a.vehicle-link:hover, .vehicle-nav li.selected a.vehicle-link {
	background-position: -222px 0;
}

	
	#homepage-flash .nav .rollover {
		height: 218px;
		width: 461px;
		position: absolute;
		left: 222px;
		top: 26px;
		display: none;
	}
	
		#homepage-flash .nav .rollover h2 {
			color: #000;
		}
	
		#homepage-flash .nav .rollover .thumbnail {
			position: absolute;
			bottom: 10px;
			right: 15px;
		}
		
		#homepage-flash .nav .rollover .copy {
			position: absolute;
			left: 20px;
			top: 20px;
			z-index: 10;
		}
		
		#homepage-flash .nav .rollover .tagline {
			margin-bottom: 20px;
		}
		

#homepage-pods {
	height: 107px;
	margin-left: 30px;
	padding-bottom: 30px;
}

	#homepage-pods .pod {
		float: left;
	}
	
		#homepage-pods .pod a {
			display: block;
		}

	.pod {
		width: 220px;
		height: 105px;
		margin-left: 11px;
		padding: 1px;
	}
	
	.nav-pod {
		width: 221px;
		margin-left: 0px;
		padding: 0px;
	}
	
.contact-abstract {
	position: relative;
	height: 180px;
}

	.contact-abstract img {
		float: left;
	}
	
	#page-content .contact-abstract p {
		font-weight: bold;
		position: absolute;
		font-size: 1.2em;
		width: 150px;
		right: -10px;
		bottom: 0px;
		margin-bottom: 0px;
		line-height: 1.2em;
		color: #000;
		
	}
	
		#page-content .contact-abstract p a {
			color: #000;
			text-decoration: none;
		}
	
.sub-navigation {
	width: 244px;
	float: left;
}

.sub-navigation .nav-pod, .sub-navigation .vehicle-nav {
	margin-left: 11px;
}

.sub-navigation .vehicle-nav {
	margin-bottom: 16px;
}

#page-content {
	background: #fff;
	width: 676px;
	float: left;
	padding: 11px 30px 15px 30px;
}

	#header-content {
		background: #fff;
		width: 958px;
		position: relative;
		padding: 11px;
		padding-bottom: 0px;
	}

	#master .full-width {
		width: 958px;
		float: none;
		padding: 11px 11px 15px 11px;
	}

#master .page-content-no-padding {
	width: 706px;
	padding-right: 0px;
}

.landing {
	width: 676px;
	height: 161px;
	position: relative;
	margin: 15px 0;
}

	.landing ul {
		position: absolute;
		right: 12px;
		bottom: 12px;
	}
	
		.landing ul li {
			width: 143px;
			height: 24px;
			margin-top: 8px;
		}
		
			.landing ul li a {
				behavior: url("/css/iepngfix.htc");
				width: 143px;
				height: 24px;
				display: block;
				background-image: url(/images/buttons-vehicle-landing.png);
				background-repeat: no-repeat;
				text-indent: -9999px;
				overflow: hidden;
				zoom: 1;
			}
			
				/*.fuso-page .landing ul li a {
					background-image: url(/images/buttons-fuso-landing.png);
				}*/
			
				.landing ul li a.download-brochure {
					background-position: 0px 0px;
				}
				
					.landing ul li a.download-brochure:hover {
						background-position: -147px 0px;
					}
				
				.landing ul li a.request-a-quote {
					background-position: 0px -31px;
				}
				
					.landing ul li a.request-a-quote:hover {
						background-position: -147px -31px;
					}
				
				.landing ul li a.make-an-enquiry {
					background-position: 0px -62px;
				}
				
					.landing ul li a.make-an-enquiry:hover {
						background-position: -147px -62px;
					}
					

	#page-content .col {
		width: 380px;
		float: left;
	}
	
	#header-content .col {
		width: 580px;
		float: left;
	}
	
		#master .full-width .col {
			width: 470px;
		}
	
	#page-content .col-right {
		width:260px;
		margin-left: 35px;
	}

	#header-content .col-right {
		width: 315px;
		padding: 10px;
		padding-bottom: 0px;
		background: #fff;
		position: absolute;
		right: 30px;
		bottom: 20px;
	}
	
		#header-content .col-right p {
			font-size: 1.2em;
			color: #333;
			line-height: 1.4em;
			margin-top: 50px;
		}
		

		#header-content .col-right h1.fuso-heading {
			position: relative;
			top: 40px;
		}
		
		.fuso-logo {
			float: right;
		}
	
.info-pod {
	padding: 2px;
	border: 1px solid #ccc;
	margin-bottom: 11px;
}

	#page-content .info-pod  ul,
	#page-content .specs ul,
	#page-content .landing ul {
		margin-left: 0px;
		margin-bottom: 0px;
	}

	#page-content .info-pod ul li,
	#page-content .specs ul li,
	#page-content .landing ul li,
	#page-content .used-vehicle ul li {
		margin-bottom: 0px;
		list-style-type: none;
	}
	
	#page-content .used-vehicle ul li {
		list-style-type: none;
	}


.showroom-container {
	margin-left: -20px;
}

.showroom-item {
	width: 170px;
	height: 170px;
	float: left;
	background: url(/images/showroom/showroom-item-bg.jpg) top left no-repeat;
	padding: 29px;
	margin-left: 5px;
	margin-bottom: 4px;
}

	.showroom-item a {
		display: block;
	}

	#page-content .showroom-item h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		color: #000;
		margin: 10px 0 10px 0;
		color: #000;
		border-top: 1px dotted #ccc;
		padding-top: 10px;
	}
	
		#page-content .showroom-item h2 a {
			color: #000;
			text-decoration: none;
			
		}
		
			#page-content .showroom-item h2 a:hover {
				text-decoration: underline;
			}

.no-right-margin {
	margin-right: 0px;
}
	
#footer {
	clear: both;
	width: 980px;
	margin: 0 auto;
	margin-top: 5px;
}
		
	

/* colour me in! */
body {
	background: #222 url(/images/body-bg.jpg) top left repeat-x;
}

#master {
	background: #000;
	color: #fff;
}

#header {
	background: url(/images/header-bg.gif) bottom left repeat-x;
}

	/*.fuso-page #header {
		background: url(/images/fuso-header-bg.gif) bottom left repeat-x;
	}*/

#header-nav {
	color: #333;
}


.vehicle-nav .vehicle-head {
	background: #000 url(/images/text-replaced/browse-vehicle-range.gif) top left no-repeat;
}

.vehicle-nav .fuso-head {
	background: #000 url(/images/text-replaced/browse-fuso-range.gif) top left no-repeat;
}

.vehicle-nav h1 a, .vehicle-nav li a {
	color: #fff;
}

#homepage-flash .nav .rollover {
	background: #fff;
	border-left: 9px solid #900;
}

#homepage-flash .nav ul.fuso .rollover {
	border-left: 9px solid #069;
}

#homepage-flash .nav ul.fuso .rollover page-content{
	color: #069;
}

#homepage-flash .nav .rollover page-content{
	color: #900;
}

#homepage-flash .nav .rollover .tagline {
	color: #666;
}

.pod {
	background: #474747;
}

.nav-pod, #homepage-pods .nav-pod {
	background: #000;
}

.nav-pod ul li {
	border-bottom: 1px solid #0f0f0f;
}

#page-content table {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #ccc;
}


#page-content table tr th {
	text-align: left;
	padding: 8px;
	display: table-cell;
	vertical-align: bottom;
	color: #000;
	line-height: 1em;
	background: #E8E8E8;
}

#page-content table tr th.col1 {
	width: 14%;
}

#page-content table tr th.col2{
	width: 23%;
}

#page-content table tr th.col3 {
	width: 25%;
}

#page-content table tr th.col4 {
	width: 21%;
}

#page-content table tr th.col5 {
	width: 15%;
}


#page-content table tr td {
	padding: 8px;

}

#page-content table tr.alt td  {
	background: #E8E8E8;
}

/* typography */

.vehicle-nav h1 {
	font-size: 0.9em;
	text-transform: uppercase;
	height: 25px;
	line-height: 25px;
}

#homepage-flash .nav .rollover page-content {
	font-size: 1.8em;
	letter-spacing: -1px;
	font-weight: normal;
}

#homepage-flash .nav .rollover .tagline {
	font-size: 1.3em;
}

.sub-navigation page-content {
	margin: 0px;
	background: #333;
	padding: 3px 0 3px 18px;
	font-size: 1em;
}

#page-content {
	color: #000;
}

#page-content p.breadcrumbs {
	color: #999;
	font-size: 0.9em;
	line-height: normal;
}

#page-content h1, #header-content h1 {
	color: #000;
	font-size: 2.2em;
	font-weight: normal;
	margin-bottom: 11px;
}

#page-content h2 {
	font-size: 0.9em;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-top: 20px;
	color: #666;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#page-content .info-pod h2 {
	background: #979696;
	padding: 3px 5px;
	color: #fff;
	font-size: 0.9em;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	margin: 0px;
}

#page-content .info-pod .caption {
	margin: 0px;
	background: #e2e2e2;
	font-size: 0.8em;
	padding: 8px;
	margin-top: 2px;
	line-height: 1.2em;
}



#page-content p, #page-content ul {
	color: #333;
	font-size: 1em;
	margin-bottom: 11px;
	line-height: 1.4em;
}

#page-content ul {
	margin-left: 20px;
}

#page-content ul li {
	list-style-type: disc;
	margin-bottom: 5px;
}

#page-content p.small {
	font-size: 0.9em;
}

#page-content p.abstract {
	font-size: 1.2em;
}

#page-content .contact-form {
	padding: 20px;
	background: #eaeaea;
}

#page-content .contact-form p {
	font-size: 0.9em;
	color: #666;
	line-height: 1.1em;
}



#Form_ContactForm fieldset {
	border: none;
	
}

#Form_ContactForm .field {
	margin-bottom: 10px;
}

#Form_ContactForm .field label {
	font-size: 0.9em;
	font-weight: bold;
	color: #333;
}

#Form_ContactForm .message {
	color: #f00;
	font-size: 0.9em;
}

#page-content .contact-form p.good {
	color: #360;
	font-size: 1em;
}

#Form_ContactForm .text {
	width: 200px;
}

#Form_ContactForm textarea {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

#Form_ContactForm_Subject {
	width: 155px;
}

#Form_ContactForm #LicenceNo {
	display: none;
}

#Form_ContactForm #LicenceNo span {
	font-weight: normal;
	font-size: 0.9em;
}

#Form_ContactForm #Form_ContactForm_LicenceNo {
	width: 150px;
	text-transform: uppercase;
}

.used-vehicle, .fuso-vehicle {
	border-top: 1px dashed #ccc;
	padding: 10px 0;
}

.fuso-vehicle {
	padding: 10px 30px;
}

.fuso-vehicle {
	position: relative;
}

.fuso-vehicle .landing {
	position: absolute;
	right: 50px;
	top: 38px;
	height: 24px;
	width: 123px;
}

	.fuso-vehicle .landing ul {
		width: 123px;
	}

.used-vehicle img, .fuso-vehicle img {
	float: left;
	margin-bottom: 10px;
}

.fuso-vehicle .specs {
	float: left;
	margin-left: 50px;
	display: block;
}

	#page-content .fuso-vehicle .specs h2 {
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.6em;
		font-weight: normal;
	}

.used-vehicle ul {
	padding-top: 8px;
	float: left;
	width: 210px;
	margin-left: 40px;
}

.fuso-vehicle ul {
	padding-top: 8px;
	width: 300px;
	float: left;
}

.used-vehicle li, .fuso-vehicle li {
	margin-bottom: 3px;
}

.used-vehicle li span, .fuso-vehicle li span {
	font-size: 0.9em;
	color: #666;
	font-weight: normal;
	width: 90px;
	display: block;
	float: left;
}

	.fuso-vehicle li span {
		width: 70px;
	}

.used-vehicle .price {
	position: relative;
	top: 5px;
	zoom: 1;
	line-height: 1.4em;
}

.used-vehicle .price strong{
	font-size: 1.4em;
	color: #666;
}

#footer {
	font-size: 0.8em;
}

#footer, #footer a {
	color: #4e4e4e;
}

/* link & navigation styles */
a {
	color: #900;
}

.fuso-page a {
	color: #006599;
}

#main-nav ul a {
	background-image: url(/images/header-navigation.gif);
	background-repeat: no-repeat;
	display: block;
	height: 11px;
	overflow: hidden;
}

	#main-nav ul .nav-vehicle a {
		width: 112px;
		background-position: 0px 0px;
	}
		#main-nav ul .nav-vehicle a:hover, #main-nav ul .nav-vehicle a.selected {
			background-position: 0px -13px;
		}
	
	#main-nav ul .nav-fuso a{
		width: 96px;
		background-position: -152px 0px;
	}
	
		#main-nav ul .nav-fuso a:hover, #main-nav ul .nav-fuso a.selected, .fuso-page #main-nav ul .nav-fuso a {
			background-position: -152px -13px;
		}
	
	#main-nav ul .nav-contact a{
		width: 64px;
		background-position: -285px 0px;
	}
	
		#main-nav ul .nav-contact a:hover, #main-nav ul .nav-contact a.selected {
			background-position: -285px -13px;
		}
	
	#main-nav ul .nav-about a{
		width: 53px;
		background-position: -388px 0px;
	}
	
		#main-nav ul .nav-about a:hover, #main-nav ul .nav-about a.selected {
			background-position: -388px -13px;
		}


a.view-details {
	color: #000;
	font-size: 0.9em;
	display: block;
	width: 102px !important;
	height: 24px !important;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/homepage-rollovers/view-details.gif) 0 -24px no-repeat;
	padding: 0px;
}

	ul.fuso a.view-details  {
		background: url(/images/homepage-rollovers/view-details.gif) 0 0 no-repeat;
	}

	a.view-details:hover {
		background: url(/images/homepage-rollovers/view-details.gif) 0 -48px no-repeat !important;
	}

.nav-pod a {
	text-decoration: none;
	color: #777;
	display: block;
	padding: 6px 0 6px 8px;
	font-size: 0.89em;
	text-transform: uppercase;
	
}

.nav-pod a:hover {
	color: #575757;
}

#header-nav a {
	font-size: 0.9em;
	color: #777;
	margin: 0 3px;

	text-decoration: none;
}

#header-nav a:hover, #header-nav a.selected {
	color: #777;
	text-decoration: underline;
}

.breadcrumbs a {
	color: #999;
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* colour pickers */
.thumbnail-wrapper {
	height: 145px;
	background: url(/images/colours/loading.gif) center center no-repeat;
}

.lancer-thumbnail, .lancer-ex-thumbnail {
	width: 215px;
	height: 145px;
	background: url(/images/colours/lancer.jpg) 0 0 no-repeat;
	margin: 0 auto;
}

.outlander-thumbnail {
	width: 195px;
	height: 130px;
	background: url(/images/colours/outlander.jpg) 0 0 no-repeat;
	margin: 0 auto;
}

.pajero-thumbnail {
	width: 184px;
	height: 150px;
	background: url(/images/colours/pajero.jpg) 0 0 no-repeat;
	margin: 0 auto;
}

.nativa-thumbnail {
	width: 205px;
	height: 150px;
	background: url(/images/colours/nativa.jpg) 0 0 no-repeat;
	margin: 0 auto;
}

.l200-thumbnail {
	width: 200px;
	height: 160px;
	background: url(/images/colours/l200.jpg) 0 0 no-repeat;
	margin: 0 auto;
}

.l300-thumbnail {
	width: 250px;
	height: 140px;
	background: url(/images/colours/l300.jpg) 0 0 no-repeat;
	margin: 0 auto;
}


.swatch-holder {
	height: 30px;
	position: relative;
	padding-left: 4px;
	margin-top: 10px;
}

#page-content .swatch-holder p {
	position: absolute;
	left: 4px;
	top: -17px;
	text-align: center;
	font-size: 0.8em;
	color: #000;	
}

.swatch {
	display: inline;
	padding-bottom: 5px;
}

#page-content .swatch-holder .hover, #page-content .swatch-holder .selected {
	background: url(/images/colours/indicator.gif) bottom center no-repeat;
}

.gallery {
	height: 204px;
}

.gallery li{
	float: left;
	margin-top: 2px;
}

.gallery li.margin-right {
	margin-right: 2px;
}