/*
Design by Kainos
http://www.kainos.co.za
Released for free under a Creative Commons Attribution 2.5 License
*/

* 
{
margin: 0px;
padding: 0px;
}

body {
	background: #59594d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

input, textarea {
	background: #A4E4F5;
	border: 1px solid #FFFFFF;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #0F5B96;
}

h1, h2, h3, p, ol, ul {
	margin-top: 0;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2 {
	text-transform: lowercase;
	font-weight: normal;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 1.8em;
}
hr {
	display: none;
}

#main
{
width: 1000px;
margin: 0 auto;
background: #000000 url(images/header1b.jpg) no-repeat top;
padding-bottom: 20px;
}

#main_bg{
	background: url(images/main_bg.jpg) left repeat-y;
}


/* Header */

#header {
	width: 1000px;
}

#logo {
width: 944px;
height: 0px;
}

#logo h1, #logo p {
	margin: 0;
	line-height: normal;
}

#logo h1 {
	padding: 190px 0 0 40px;
	font-size: 24px;
	text-transform: uppercase;
	color: #ffffff;
}
#logo h2 {
	padding: 10px 0 0 20px;
	font-size: 10px;
	text-transform: uppercase;
	color: #ffffff;
}

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

#menu {
height: 51px;
background: url(images/menu.png) no-repeat top;
width: 1000px;
margin: 0 auto;
}

#menu ul {
	margin: 0;
	list-style: none;
	padding-left: 40px;
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	width: 130px;
	height: 35px;
	text-decoration: none;
	text-align: center;
	padding-top: 13px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;

}

#menu a:hover {
	background: url(images/menuhover.png) repeat-x;
	height: 35px;
	color: #77c0c9;
}

/* Page */

#page {
	width: 1000px;
	background:url(images/pagetop.png) top left no-repeat;
	margin-left: 6px;
	padding-top: 8px;
}

/* Content */

#content {
	float: left;
	width: 527px;
	margin-left: 7px;
}

#content .post ul, #content .post ol
{
margin-left: 30px;
}

#head2{
	padding-left: 8px;
}

#headleft{
	background: url(images/header20.jpg) no-repeat top left;
	width: 560px;
	height: 205px;
}

#headright{
	width:170px;
	float:right;
}


h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #002e81;
	font-weight:normal;
	padding-left: 30px;
	padding-top: 20px;
}

#web{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #002e81;
	padding-left: 18px;
	padding-top: 8px;
	font-style:italic;
}

#weltext{
	padding-top: 15px;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
}

#weltext a{
	color: #005055;
	text-decoration:none;
}

#weltext a:hover{
	color: #002e81;
	text-decoration:underline;

}

.more{
	text-align:right;	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	padding-right: 10px;
}

.more a{
	color: #002e81;
	text-decoration: none;
}

.more a:hover{
	color: #005055;
	text-decoration:underline;
}

h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #006cff;
	font-weight:normal;	
	background:url(images/title2.gif) no-repeat bottom center;
	margin-left: 2px;
	padding-left:30px;
	margin-bottom: 10px;
	padding-top: 10px;
}

.post {
	color: #000000;
	
}

.post p{
	margin-left: 15px;
	margin-right: 15px;
}

.post a{
	color: #002e81;
	text-decoration:none;
}

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

.post H2
{
color: #b01000;
text-transform: uppercase;
font-size: 14px;
font-weight: bold
}

#colblog{
	padding-left: 8px;
}

#col1{
	background:url(images/col1.jpg) no-repeat left top;
	width: 168px;
	height: 199px;
	float: left;
	padding-top: 40px;
}

#col2{
	background:url(images/col3.jpg) no-repeat left top;
	width: 168px;
	height: 199px;
	float:right;
	padding-top: 40px;
	padding-right:5px;
}

#col3{
	background:url(images/col2.jpg) no-repeat left top;
	width: 168px;
	height: 199px;
	float:right;
	padding-top: 40px;
	padding-right: 5px;
}

h5{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #002e81;
	font-weight:normal;
	padding-left: 8px;
	padding-top: 30px;
}

.coltitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #525151;
	padding-left: 20px;
	padding-top: 3px;
}

.coltext{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
}

/* Sidebars */

.sidebar {
	float: left;
	margin-top: 10px;
	color: #000000;

}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}


.sidebar li {

}

.sidebar h2 {
width: 203px;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
text-transform: none;
color: #004fff;
background: url(images/title.gif) no-repeat bottom center;
margin-left: 4px;
font-family:Georgia, "Times New Roman", Times, serif;
}

/* Left Sidebar */

#leftbar {
	width: 230px;
}

#leftbarhr{
	background:url(images/lefthr.gif) no-repeat;
	height:4px;
	width: 233px;
	padding-bottom: 10px;
}

#leftbar ul{
	padding-left: 20px;
	padding-bottom: 10px;
	padding-right: 30px;
}

#leftbar ul li{
	padding-left: 12px;
	margin-top: 8px;
	background:url(images/ls.gif) no-repeat left top;
} 

#leftbar a {
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}

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


/* Right Sidebar */

#rightbar {
	width: 200px;
	color: #ffffff;
}

#rightbar ul{
	padding-left: 15px;
	padding-top: 20px;
}

#rightbar ul li{
	margin-bottom: 5px;
	background:url(images/ls2.png) no-repeat left top; 
	padding-left: 25px;
}

.read{
	text-align:right;	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}

.read a{
	color: #6686c0;
	text-decoration: none;
}

.read a:hover{
	color: #6686c0;
	text-decoration:underline;
}

#conbot{
	background:url(images/conbot.jpg) no-repeat top;
	width: 766px;
	height: 12px;
	clear: both;
}
/* Footer */

#footer {
	clear: both;
	padding-top: 15px;
	height: 47px;
	background: url(images/footer.jpg) no-repeat center;
	width: 1000px;
}

#footer p {
	text-align: center;
	font-size: smaller;
	color: #CCCCCC;
}

#footer a {
	color: #ffffff;
}
/* Header Scroll */

.nivoSlider { position:relative;}
.nivoSlider img { position:absolute; top:0px; left:0px;}
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;}
.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }
.nivo-caption {	position:absolute; left:0px; bottom:0px;  color:#fff; width:100%; z-index:89; padding-left: 10px; font-weight: bold; }
.nivo-caption p { padding:10px 5px; margin:0; text-indent:-9999%;}
.nivo-directionNav a {position:absolute; width:45px; height: 60px; top:41%; z-index:99; cursor:pointer; text-indent:-9999%;}
.nivo-prevNav { background-position: left bottom; left:25px; margin-top: 20px; background:url(images/but_left.png) no-repeat;}
.nivo-nextNav { background-position: left top; right: 0px; margin-top: 20px; background:url(images/but_right.png) no-repeat;}
.nivo-controlNav { bottom:-20px; position:absolute; right:0;}
.nivo-controlNav a { float:left; width:14px; height:14px; display:block; position:relative; z-index:99;	cursor:pointer; text-indent:-9999%; }
.nivo-controlNav a.active {	background-position:left top; margin-top:-1px;}
}
/*= Sub Nav ---------- */
	.nav-sub {
		visibility: hidden;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
		position: absolute;
		top: 40px;
		left: -45px;
		width: 520px;
		z-index: 1001;
	}
	.nav-main li:hover .nav-sub,
	.nav-main li a:hover .nav-sub,
	.nav-main li .nav-sub.open {
		visibility: visible;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	.nav-sub-top {
		float: left;
		width: 520px;
		padding: 9px 0 4px;
		font-family: '0330_hmc_beta_test_1regular', Arial, sans-serif;
		font-size: 13px; font-size: 1.3rem;
		color: #fff;
		background: #000;
		text-transform: uppercase;
		z-index: 999;
	}
	.nav-sub-top ol {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.nav-sub-top ol li {
		float: left;
		margin: 0;
		padding: 0;
		font-size: 13px; font-size: 1.3rem;
	}
	.nav-sub-top a {
		display: block;
		font-size: 13px; font-size: 1.3rem;
		color: #fff;
		text-decoration: none;
	}
	.nav-sub-top a:hover,
	.nav-sub-top a:active,
	.nav-sub-top a.active {
		color: #b0b0b0;
	}
	.nav-sub-top a.blue-light {
		color: #c6e2fe;
	}
	.nav-sub-top .nav-sub-classes ol li {
		margin: 0 0 0 25px;
	}
	.nav-sub-top .nav-sub-classes ol li:first-child {
		margin-left: 0;
	}
	.nav-sub-top .nav-sub-cta ol {
		float: right;
		margin-right: 20px;
	}
	.nav-sub-top .nav-sub-cta ol li {
		margin: 0 0 0 12px;
		padding: 5px 0;
	}
	.nav-sub-top .nav-sub-cta ol li a {
		line-height: 1;
		padding: 0 0 0 12px;
		font-size: 13px; font-size: 1.3rem;
		color: #c6e2fe;
	}
	.nav-sub-top .nav-sub-cta ol li.cta-build {
		margin-left: 0;
		padding-left: 0;
		border-left: 0 none;
	}
	.nav-sub-top .nav-sub-cta ol li.cta-build a {
		padding-left: 32px;
	}
	.nav-sub-top .nav-sub-cta ol li.cta-build a {
		background: url('images/main_bg.jpg') transparent no-repeat 0 50%;
	}
	.nav-sub-top .nav-sub-cta ol li.cta-compare a {
		border-left: 1px solid #fff;
	}

	/*= Sub Nav Listing ---------- */
	.nav-sub-listing {
		background: url('images/main_bg.jpg');
	}
	.nav-vehicle-grid {
		position: relative;
		float: left;
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
		background: url('images/main_bg.jpg') #^^^^^^ repeat-x;
		clear: both;
	}
	.nav-vehicle-grid > li {
		position: relative;
		float: left;
		width: 180px;
		height: 120px;
		padding: 0;
		margin: 0;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
		overflow: visible;
	}
	.nav-vehicle-grid > li > a {
		display: block;
		position: relative;
		padding: 0px 0 0px;
		text-decoration: none;
		text-align: center;
		border-left: 1px solid #c4c4c4;
	}
	/*.nav-vehicle-grid > li:hover,
	.nav-vehicle-grid > li:active,
	.nav-vehicle-grid > li.active,*/
	.nav-vehicle-grid > li > a:hover,
	.nav-vehicle-grid > li > a:active,
	.nav-vehicle-grid > li > a.active {
		background: url('images/main_bg.jpg') repeat-x;
	}
	.nav-vehicle-grid > li > a {
		
	}
	.nav-vehicle-grid li:first-child > a {
		border-left: 0 none;
	}
	.nav-vehicle-grid > li > a > img {
		margin: 0 auto;
	}
	.nav-vehicle-grid .nav-vehicle-meta {
		position: absolute;
		left: 0;
		bottom: 80px;
		width: 100%;
	}
	.nav-vehicle-grid .title {
		line-height: 1;
		font-family: '0330_hmc_beta_test_1regular', Arial, sans-serif;
		font-size: 16px; font-size: 1.3rem;
		color: #004282;
	}
	.nav-vehicle-grid .price {
		line-height: 1;
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size: 14px; font-size: 1.2rem;
		color: #000;
		font-style: italic;
	}
	.nav-vehicle-content {
		visibility: hidden;
		height: 0;
		position: absolute;
		font-size: 12px; font-size: 1.2rem;
		top: 100%;
		width: 520px;
		margin: 0 !important;
		background: url('images/main_bg.jpg') #FFFFFF repeat-x;
		/*-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;*/
	}
	.lt-ie8 .nav-vehicle-content {
		top: 120px;
	}
	.nav-vehicle-grid-item1 .nav-vehicle-content {
		left: -15%;
	}
	.nav-vehicle-grid-item2 .nav-vehicle-content {
		left: -159%;
	}
	.nav-vehicle-grid-item3 .nav-vehicle-content {
		left: -13%;
	}
	.nav-vehicle-grid-item4 .nav-vehicle-content {
		left: 150%;
	}
	.nav-vehicle-content .inner {
		position: relative;
		margin: 5px 5px 5px 5px;
		overflow: hidden;
	}
	.nav-vehicle-grid > li:hover {
		margin-bottom: 300px;
	}
	.lt-ie8 .nav-vehicle-grid > li:hover {
		padding-bottom: 300px;
	}
	.nav-vehicle-grid > li:hover .nav-vehicle-content {
		visibility: visible;
		height: auto;
	}
	.nav-vehicle-content .nav-vehicle-info,
	.nav-vehicle-content .nav-vehicle-image {
		min-height: 300px;
	}
	.nav-vehicle-content .nav-vehicle-info {
		float: left;
		width: 250px;
		font-size: 14px; font-size: 1.0rem;
		text-align: left;
	}
	.nav-vehicle-content .nav-vehicle-info h3 {
		float: left;
		line-height: 30px;
		margin: 0 10px 0 0;
		font-family: '0330_hmc_beta_test_1regular', Arial, sans-serif;
		font-size: 14px; font-size: 1.2rem;
		color: #000;
		text-transform: uppercase;
	}
	.nav-vehicle-content .nav-vehicle-info h4 {
		float: left;
		line-height: 30px;
		margin: 0;
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size: 16px; font-size: 1.2rem;
		color: #3a3a3a;
		font-style: italic;
	}
	.nav-vehicle-content .nav-vehicle-info span.price {
		font-size: 10px; font-size: 10px;
		color: #004282;
	}
	.nav-vehicle-content .nav-vehicle-info p {
		float: left;
		width: 100%;
		margin: 15px 0 0;
		line-height: 1.5;
		font-size: 10px; font-size: 1.0rem;
		color: #292929;
		clear: both;
	}
	.nav-vehicle-content .nav-vehicle-info .vehicle-links {
		position: absolute;
		left: 0;
		bottom: 10px;
	}
	.nav-vehicle-content .nav-vehicle-info .vehicle-links {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.nav-vehicle-content .nav-vehicle-info .vehicle-links li {
		margin: 7px 0 0;
		padding: 0;
	}
	.nav-vehicle-content .nav-vehicle-info .vehicle-links a {
		display: block;
		padding: 5px 5px 5px 5px;
		line-height: 1;
		background: url('images/main_bg.jpg') #7f8088 no-repeat 95% 50%;
		font-family: '0330_hmc_beta_test_1regular', Arial, sans-serif;
		font-size: 10px; font-size: 1.2rem;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
	}
	.nav-vehicle-content .nav-vehicle-info .vehicle-links a:hover {
		background-color: #0072cf;
	}
	.nav-vehicle-content .nav-vehicle-image {
		float: right;
		width: 240px;
		height: 120px;
		text-align: right;
	}

	/*= Page Nav ---------- */
	.nav-page {
		list-style: none;
		margin: 0 0 10px;
		padding: 0;
		overflow: hidden;
		clear: both;
	}
	.page-section .nav-page {
		margin-bottom: 30px;
	}
	.nav-page li {
		float: left;
		margin: 0;
		padding: 0;
		background: #ababab;
	}
	.nav-page li a {
		display: block;
		padding: 10px 10px;
		font-family: '0330_hmc_beta_test_1regular', Arial, sans-serif;
		font-size: 12px; font-size: 1.2rem;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
	}
	.nav-page li a.active {
		color: #fff;
		background: #000;
	}

	/*= Secondary Nav ---------- */
	.nav-sub-sticky {
		position: absolute;
		top: 0;
		float: left;
		width: 520px;
		margin: 0;
		padding: 0 10px;
		background: #000;
		clear: both;
		z-index: 2;
	}
	.lt-ie8 .nav-sub-sticky {
		width: 520px;
	}
	.nav-sub-sticky dl {
		float: left;
		margin: 0;
		padding: 8px 0;
	}
	.nav-sub-sticky dl.right {
		float: right;
	}
	.nav-sub-sticky dd {
		float: left;
		padding: 0;
		margin: 0 0 0 20px;
		font-family: '0330_hmc_beta_test_1regular', Arial, sans-serif;
		font-size: 13px; font-size: 1.3rem;
		text-transform: uppercase;
		background: #000;
	}
	.nav-sub-sticky dd:first-child {
		margin-left: 0;
	}
	.nav-sub-sticky dd a {
		display: block;
		font-family: '0330_hmc_beta_test_1regular', Arial, sans-serif;
		font-size: 13px; font-size: 1.3rem;
		color: #fff;
		text-decoration: none;
	}
	.nav-sub-sticky dd a:hover,
	.nav-sub-sticky dd a:active,
	.nav-sub-sticky dd.active a {
		visibility: visible;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		background: #000;
	}
	.nav-sub-sticky dl.blue {
		float: right;
	}
	.nav-sub-sticky dl.blue dd {
		border-left: 1px solid #c6e2fe;
		margin: 0;
		padding: 0 20px;
	}
	.nav-sub-sticky dl.blue dd:first-child {
		border-left: 0 none;

	}
	.nav-sub-sticky dl.blue dd a {
		color: #c6e2fe !important;
		margin: 3px 0;
		padding: 0;
		line-height: 1;
		text-decoration: none;
	}
	.nav-sub-sticky dl.blue dd:first-child a {
		padding-left: 0;
		border-left: 0 none;
	}
	.nav-sub-sticky dl.blue dd:first-child a:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacit
		text-decoration: none;
	}
	.nav-sub-sticky .grey {
		color: #bdbdbd !important;
	}
	.nav-sub-sticky .blue * {
		color: #c6e2fe !important;
	}
		/* #Showroom ------------- */
	.showroom .page-section {
		position: relative;
		float: left;
		width: 634px !important;
		margin: 0 38px 0 0;
		padding: 0;
		overflow: visible;
	}
	.showroom .page-section:first-child h3 {
		margin: 0 0 20px;
		font-family: '0330_hmc_beta_test_1regular', Arial, sans-serif;
		font-size: 20px;
		font-size: 2rem;
		color: #5e6a71;
		clear: both;
	}
	.showroom .vehicle-sidebar {
		float: right;
		width: 268px;
	}
	.showroom .vehicle-comparison-wrap {
		margin-top: -44px;
	}

	.showroom form .submit {
		position: absolute;
		top: 10px;
		right: 0;
		text-transform: uppercase;
	}
	.showroom .vehicles-grid {
		float: left;
		width: 100%;
	}
	.showroom .vehicle-list {
		list-style: none;
		margin: 0 2.5% 20px;
		padding: 0 0 20px;
		float: left;
		width: 95%;
		border-bottom: 1px solid #c1c1c1;
		clear: both;
	}
	.showroom .vehicle-list > li {
		float: left;
		margin: 0 0 20px;
		padding: 0;
		/*width: 33%;*/ /* hover glitch occuring */
		width: 200px;
		height: 160px;
	}
	.showroom .vehicle-list > li:hover {
		position: relative;
		z-index: 10;
	}
	.showroom .vehicle-list h4 {
		margin: 0 -2.5% 0;
		font-family: '0330_hmc_beta_test_1regular', Arial, sans-serif;
		font-size: 15px; font-size: 1.5rem;
		color: #1683e4;
		text-transform: uppercase;
	}
	.showroom .vehicle-list hr {
		margin: 0 20px;
	}
	.showroom .vehicle-list .vehicle {
		position: relative;
		float: left;
		width: 180px;
		margin-top: -28px;
		padding: 28px 9px 14px;
		text-align: center;
		border: 1px solid transparent;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	.lt-ie8 .showroom .vehicle-list .vehicle {
		width: 180px;
	}
	.showroom .vehicle-list li.disabled {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
		filter: alpha(opacity=40);
		-moz-opacity: 0.4;
		-khtml-opacity: 0.4;
		opacity: 0.4;
	}
	.showroom .vehicle-list > li:hover .vehicle {
		border: 1px solid #e1e1e1;
		background: #ececec;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(236,236,236,1) 0%, rgba(246,247,249,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(100%,rgba(246,247,249,1)));
		background: -webkit-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(246,247,249,1) 100%);
		background: -o-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(246,247,249,1) 100%);
		background: -ms-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(246,247,249,1) 100%);
		background: linear-gradient(to bottom,  rgba(236,236,236,1) 0%,rgba(246,247,249,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#f6f7f9',GradientType=0 );
		-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.1);
		-moz-box-shadow: 2px 2px 3px rgba(0,0,0,.1);
		box-shadow: 2px 2px 3px rgba(0,0,0,.1);
	}
	.showroom .vehicle-list  > li:hover.disabled .vehicle {
		background: 0 none;
		filter: none;
		border-color: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.showroom .vehicle-list  > li:hover.disabled .vehicle .vehicle-compare,
	.showroom .vehicle-list  > li:hover.disabled .vehicle .vehicle-info {
		visibility: hidden;
	}
	.showroom .vehicle-list .vehicle img {
		display: inline-block;
	}
	.showroom .vehicle-list .vehicle img,
	.showroom .vehicle-list .vehicle .vehicle-meta {
		position: relative;
		margin: 0 auto;
		z-index: -1;
	}
	.showroom .vehicle-list li:hover .vehicle img,
	.showroom .vehicle-list li:hover .vehicle .vehicle-meta {
		z-index: 0;
	}
	.showroom .vehicle-list .vehicle .vehicle-meta {
		margin: 0 -5px;
		line-height: 1;
		text-align: center;
	}
	.showroom .vehicle-list .vehicle .title {
		display: inline-block;
		font-family: '0330_hmc_beta_test_1regular', Arial, sans-serif;
		font-size: 13px; font-size: 1.3rem;
		color: #004282;
		margin-right: 5px;
	}
	.showroom .vehicle-list .vehicle .price {
		display: inline-block;
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size: 12px; font-size: 1.2rem;
		color: #000;
		text-decoration: none;
		font-style: italic;
	}
	.showroom .vehicle-list .vehicle .vehicle-info h6 {
		font-family: Arial, sans-serif;
		font-size: 13px; font-size: 1.3rem;
		color: #444;
		font-weight: bold;
	}
	.showroom .vehicle-list .vehicle .vehicle-info {
		display: none;
		font-family: Arial, sans-serif;
		font-size: 12px; font-size: 1.2rem;
		color: #5c5c5c;
		text-align: left;
	}
	.showroom .vehicle-list .vehicle:hover .vehicle-info {
		display: block;
	}
	.showroom .vehicle-list .vehicle .vehicle-info .vehicle-cta {
		float: left;
		width: 100%;
		list-style: none;
		margin: 30px 0 0;
		padding: 15px 0 0;
		border-top: 1px solid #e8e8e8;
	}
	.showroom .vehicle-list .vehicle .vehicle-info .vehicle-cta li {
		margin: 0 0 10px;
	}
	.showroom .vehicle-list .vehicle .vehicle-info .vehicle-cta a {
		display: block;
		font-family: '0330_hmc_beta_test_1regular', Arial, sans-serif;
		font-size: 13px; font-size: 1.3rem;
		color: #004282;
	}
	.showroom .vehicle-list .vehicle .vehicle-compare {
		visibility: hidden;
	}
	.showroom .vehicle-list li:hover .vehicle .vehicle-compare {
		visibility: visible;
	}
	.showroom .vehicle-list .vehicle .vehicle-compare form {
		margin: 0;
	}
	.showroom .vehicle-list .vehicle .vehicle-compare input {
		float: left;
	}
	.showroom .vehicle-list .vehicle .vehicle-compare label {
		float: left;
		font-family: Arial, sans-serif;
		font-size: 13px; font-size: 1.3rem;
		color: #515151;
		text-transform: none;
	}
	.showroom .vehicle-list .vehicle .vehicle-compare input,
	.showroom .vehicle-list .vehicle .vehicle-compare input + span {
		float: left;
		margin: -5px 10px 0 0;
	}
	.showroom .vehicle-list .vehicle .vehicle-compare span.custom.checkbox.checked,
	.showroom .vehicle-list .vehicle .vehicle-compare span.custom.checkbox.checked + label {
		visibility: visible;
	}
	.vehicle-comparison-wrap {
		position: relative;
		float: right;
		width: 252px;
	}
	.vehicle-comparison-wrap .submit.plaintext {
		float: left;
		margin-bottom: 15px;
	}

	/* #Vehicle ------------- */
	.ie .vehicle.snap {
		margin-top: -90px;
	}
	.vehicle-colours {
		position: relative;
		float: left;
		width: 100%;
		/*margin-top: -88px;*/
		margin-top: -64px;
		z-index: 2;
	}
	.ie .vehicle-colours {
		margin-top: -154px;
	}
	.vehicle-header-container {
		position: relative;
		height: 121px;
		/*margin-top: -90px;*/
	}
	.ie .vehicle-header-container {
		margin-top: -89px;
	}
	.vehicle-header {
		position: relative;
		/*margin-top: -90px;*/
		width: 100%;
		z-index: 3;
		height: 121px;
	}
	.vehicle-header.stuck {
		margin-top: 0;
	}
	.bar-colours {
		position: relative;
		width: 100%;
		/*height: 88px;*/
		height: 64px;
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size: 12px; font-size: 1.2rem;
		color: #393939;
		font-style: italic;
		z-index: 1;
	}
	.bar-colours-wrap {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		/*height: 85px;
		line-height: 52px;*/
		height: 64px;
		line-height: 53px;
		/*background: url('img/bar-colours-bg.png') repeat-x 0 33px;*/
		background: url('img/bar-colours-bg.png') repeat-x 0 11px;
	}
	.bar-colours .colour-options {
		text-align: center;
	}
	.bar-colours-wrap span {
		display: block;
		float: left;
		line-height: 76px;
	}
	.bar-colours .colour-options ul {
		position: relative;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.bar-colours .colour-options ul li {
		position: relative;
		float: left;
		width: 33px;
		/*height: 85px;*/
		height: 64px;
		margin: 0 0 0 10px;
	}
	.bar-colours .colour-options ul li a {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 33px;
		height: 51px;
		line-height: 51px;
		/*margin-top: 37px;*/
		margin-top: 13px;
		background: url('img/colour-mask.png') no-repeat 50%;
		overflow: hidden;
	}
	.bar-colours .colour-options ul li a:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
	}
	.bar-colours .colour-options ul li.selected {
		/*background: url('img/colour-mask-selected.png') transparent no-repeat 50% 26px;*/
		background: url('img/colour-mask-selected.png') transparent no-repeat 50% 0;
	}
	.bar-colours .colour-options ul li h6 {
		visibility: hidden;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
		position: absolute;
		/*bottom: 61px;*/
		top: -18px;
		left: 50%;
		width: 132px;
		margin: 0 0 0 -200%;
		padding: 0 10px;
		line-height: 19px; line-height: 1.9rem;
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size: 11px; font-size: 1.1rem;
		color: #393939;
		font-style: italic;
		text-transform: uppercase;
		text-align: center;
		background: #fff;
		white-space: nowrap;
	}
	.bar-colours .colour-options ul li.selected h6 {
		visibility: visible;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	.bar-colours .price-options {
		
	}
	.vehicle-quicklinks {
		position: relative;
		padding: 15px 0;
		background: #b5b4b2;
		overflow: hidden;
	}
	.ie .vehicle-quicklinks {
		margin-top: 0;
	}
	.vehicle-quicklinks .model-price img {
		height: 40px;
	}
	.vehicle-quicklinks .model-price h5 {
		margin: 0;
		padding: 0;
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size: 17px; font-size: 1.7rem;
		font-weight: normal;
		color: #444;
	}
	.vehicle-quicklinks .model-price h5 sup {
		top: 0;
		margin-right: 0.5em;
		font-size: 13px; font-size: 1.3rem;
	}
	.vehicle-quicklinks .links ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.vehicle-quicklinks .links ul li {
		float: left;
		width: 50%;
		margin: 0 0 10px;
	}
	.vehicle-quicklinks .links ul li a {
		display: block;
		font-family: '0330_hmc_beta_test_1regular', Arial, sans-serif;
		padding: 0 0 0 10px;
		font-size: 13px;
		font-size: 1.3rem;
		color: #444;
		text-decoration: none;
		text-transform: capitalize;
	}	
	.vehicle-quicklinks .links ul li a:hover {
		color: #004282;
		text-decoration: underline;
	}
	.vehicle-quicklinks .links ul li a span {
		left: 0;
		right: auto !important;
		margin-right: 10px;
	}
	a.cta-build {
		display: block;
		height: 32px;
		line-height: 24px;
		padding: 0 0 0 37px;
		font-family: '0330_hmc_beta_test_1regular', Arial, sans-serif;
		font-size: 13px; font-size: 1.3rem;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		background: url('img/icon-build-white.png') transparent no-repeat 0 0;
		white-space: nowrap;
	}
	.lt-ie9 a.cta-build {
		width: 140px;
	}
	a.cta-build:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	a.cta-build:hover {
		background-color: #b5b4b2;
	}
	#vehicle-nav.nav-sticky {
		float: left;
		width: 960px;
		margin: 0;
		padding: 1px 0;
		line-height: 26px;
		background: #e5e4de;
		z-index: 1001;
	}
	#vehicle-nav.nav-sticky dd {
		float: left;
		line-height: 26px;
		border-left: 1px solid #d7d6d4;
	}
	#vehicle-nav.nav-sticky dd:first-child {
		border-left: 0 none;
	}
	#vehicle-nav.nav-sticky dd a {
		display: block;
		line-height: 26px;
		padding: 0 12px;
		font-family: '0330_hmc_beta_test_1regular', Arial, sans-serif;
		font-size: 13px; font-size: 1.3rem;
		color: #7b7b7b;
		background: #e5e4de;
		text-decoration: none;
		text-transform: uppercase;
	}
	#vehicle-nav.nav-sticky dd a:hover,
	#vehicle-nav.nav-sticky dd a:active,
	#vehicle-nav.nav-sticky dd.active a {
		color: #5e5e5e;
		background: #f1f0ed;
	}