
/*  ============================================================================
    TABLE OF CONTENT

    # Base
    # Typography
    # Links
    # Lists
    # Images
    # Header
    # Banner
    # Navigation
    # Main
    # Footer
    # Forms
    # Misc
	# Car Models
	# Models Profiles
	# Tabs / About Us
    # Flexslider
	# JQuery UI
    # Media Queries
    # Helper Classes
    ========================================================================= */

/*  ============================================================================
    # Base
    ========================================================================= */

   body { font: 12px/1.3 Arial, Tahoma, sans-serif; color: #555555; text-align: center; background: #efefed url(../images/body.jpg) 50% 0 repeat-x; overflow-y: scroll; }

    .main-container {
        margin: 0 auto;
    }

/*  ============================================================================
    # Typography
    ========================================================================= */

    ::-moz-selection { background: #575A5D; color: #fff; text-shadow: none; }
    ::selection { background: #575A5D; color: #fff; text-shadow: none; }

	h1 {
		color: #575A5D;
		font-family: 'ModernHLight',Arial,sans-serif;
		font-size: 24px;
		font-weight: normal;
		line-height: 24px;
	}
	h2 {
		font-family: 'ModernHLight',Arial,sans-serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 16px;
	}
	h2.page-title {
		font-family: Arial,sans-serif;
		font-size: 24px;
		font-weight: bold;
		line-height: 24px;
		padding: 0 0 20px;
	}

    hr {
        border-color: #575A5D;
        border-style: dashed;
    }

/*  ============================================================================
    # Links
    ========================================================================= */

    a {
		color: #5B5B5B;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}


/*  ============================================================================
    # Lists
    ========================================================================= */

    ul, ol {
		list-style: none outside none;
	}
	dl.dropdown { display: inline-block; * float: left; font-size: 12px !important; }
	dl.dropdown dd, dl.dropdown dt, dl.dropdown ul { margin: 0; padding: 0; }
	dl.dropdown dt { font-weight: normal; }
	dl.dropdown a { display: block; color: #333333 !important; text-decoration: none; }
	dl.dropdown dt a {
		overflow: hidden; padding: 5px 22px 5px 5px; white-space: nowrap; background: #f8f8f9 url(../images/assets/select.gif) 100% 50% no-repeat;
		border: #c0c1c3 solid 1px; border-bottom: #959597 solid 1px; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	}
	dl.dropdown dt a:hover, dl.dropdown dt a:focus {}
	dl.dropdown dt a span { display: block; overflow: hidden; width: 100%; }
	dl.dropdown dd { position: relative; z-index: 1000; }
	dl.dropdown ul {
		position: absolute; z-index: 1000; overflow: auto; top: -1px; left: 0; font-weight: normal; color: #333333; background: #ffffff;
		border: 1px solid #c0c1c3; list-style: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
		scrollbar-arrow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff;
		scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff;
		scrollbar-face-color: #999999;
	}
	dl.dropdown ul li {}
	dl.dropdown ul li a { padding: 2px 5px; }
	dl.dropdown ul li.selected a { color: #000000 !important; background: #ededed; }
	dl.dropdown ul li a:hover { color: #ffffff !important; background: #999999; }
/*  ============================================================================
    # Images
    ========================================================================= */

    img {
		margin: 0;
		vertical-align: middle;
	}
	.promo{
		width: 100%;	
	}
	
	
/*  ============================================================================
    # Header
    ========================================================================= */
	header {
		height: 60px;
		margin: 0 auto;
		position: relative;
		text-align: left;
		z-index: 103;
	}
	
	header ul.nav {
		float: right;
		font-size: 9px;
		font-weight: bold;
		line-height: 9px;
		text-transform: uppercase;
	}
	header ul.nav li {
		float: left;
		padding: 0 1px 1px 0;
	}
	header ul.nav li a {
		background: url("../images/header/arrow.gif") no-repeat scroll 12px 50% #E2E2E3;
		display: block;
		padding: 5px 20px;
	}
	header ul.nav li a:hover {
		background-color: #FFFFFF;
		text-decoration: none;
	}
    .row.header {
        
    }

    
    a.logo {
		background: url("../images/header/hyundai.gif") no-repeat scroll 0 0 transparent;
		display: block;
		float: left;
		height: 40px;
		position: relative;
		text-indent: -5000px;
		width: 293px;
	}
	
	ul.share:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	#nav ul.share {
		float: right;
		margin: 0;
		padding: 8px 2px 0 0;
		width: auto;
	}
	ul.share {
		margin: 0 0 0 -6px;
		position: relative;
		width: 100%;
	}
	#nav ul.share li {
		float: left;
		margin: 0 0 0 5px;
		padding: 0;
	}
	
/*  ============================================================================
    # Banner
    ========================================================================= */

    .row.banner {
        margin: 0 auto;
        position: relative;
    }
	

	#content {
		background: none repeat scroll 0 0 transparent;
		padding: 317px 0 0;
		position: relative;
	}

	div.model-header {
		height: 421px;
		left: 0;
		overflow: hidden;
		padding: 0;
		position: absolute;
		text-align: left;
		top: -60px;
		width: 100%;
	}
	div.model-header ul.carousel > li.live-brilliant {
		background-position: 50% 0 !important;
		background-repeat: repeat-x;
		padding: 0;
		position: absolute;
		width: 100%;
		z-index: 10;
	}
	div.model-header ul.carousel > li {
		background-position: 0 0;
		background-repeat: no-repeat;
		padding: 0;
		position: absolute;
		width: 100%;
		z-index: 10;
	}
	div.model-header div.holder {
		height: 402px;
		overflow: hidden;
		padding: 70px 0 0;
		position: relative;
		z-index: 100;
	}
	
	div.page, .holder {
		margin: 0 auto;
		text-align: left;
		width: 1152px;
	}
	
	div.model-header div.content {
		background: none repeat scroll 0 0 #EEF3F6;
		color: #333333;
		float: left;
		min-height: 211px;
		margin: 16px 0 0 5%;
		padding: 16px 20px 30px 2%;
		position: relative;
		width: 30%;
		border-left: solid 8px #fff;
		-moz-border-radius: 6px 0 0 6px; 
		-webkit-border-radius:  6px 0 0 6px; 
		border-radius:  6px 0 0 6px;
		
	}
	
	div.model-header div.video {
		float: right; overflow: hidden;
		width: 532px; height: 304px;
		margin: 0 30px 0 0;
		-webkit-box-shadow: -3px 3px 12px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: -3px 3px 12px 0 rgba(0, 0, 0, 0.4); box-shadow: -3px 3px 12px 0 rgba(0, 0, 0, 0.4);
	}
	div.model-header div.video-slide div.content {	
		float: right; position: relative;
		width: 242px; height: 127px;
		/*width: 183px;*/ /*height: 235px;*/
		margin: 36px 15% 0 0; * margin-left: 0px; padding: 16px 16px 0 10px;
		color: #333333;
		* border-left: none;
		-moz-box-shadow:6px 17px 18px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow:6px 17px 18px 0px rgba(0, 0, 0, 0.3); box-shadow:6px 17px 18px 0px rgba(0, 0, 0, 0.3);
	}
	div.model-header div.video-slide div.image {
		background: #ffffff url(../images/bg/lb-content-bg.html) 0 0 no-repeat;
		float: left; overflow: hidden; position: relative;
		height: 315px;
		width: 560px;
		margin: 20px 0 0 63px;
		padding: 0;
		text-align: center;
	}
	div.model-header div.video-slide div.image iframe {
		padding: 4px 0;
	}
	div.model-header div.gal-video-slide div.image {
		background: #ffffff url(../images/bg/lb-content-bg.html) 0 0 no-repeat;
		float: left; overflow: hidden; position: relative;
		height: 225px;
		width: 400px;
		margin: 0px 0 0 195px;
		padding: 0;
		text-align: center;
	}
	div.model-header div.gal-video-slide div.image iframe {
		padding: 4px 0;
	}
	
	div.model-header div.image span {
		display: inline-block;
		width: 1px;
		height: 100%;
	}
	
	div.model-header div.image img { max-width: 63%; margin-top: 16px; position: relative;}
	
	div.model-header div.content h1, div.model-header div.content-new h1 {
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 26px;
		font-weight: normal;
		line-height: 28px;
	}
	div.model-header div.content h1 span, div.model-header div.content-new h2 {
		display: block;
		font-size: 16px;
		line-height: 18px;
		text-transform: uppercase;
	}
	div.model-header div.content h2, div.model-header div.content-new h2 {
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 16px;
		line-height: 18px;
		padding: 8px 0 0;
		display: inline-block;
		text-transform: uppercase;
	}
	div.model-header div.content p, div.model-header div.content-new p {
		padding: 8px 0 0;
	}
	
	div.model-header div.image * {
		vertical-align: bottom;
	}
	div.model-header div.image span {
		display: inline-block;
		height: 100%;
		width: 1px;
	}
	div.model-header li.gallery h1 {
		background: url("../images/assets/gallery.png") no-repeat scroll 0 0 transparent;
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 26px;
		margin: 0 0 0 30px;
		padding: 14px 0 40px 46px;
	}
	div.model-header li.gallery ul.tabs {
		right: 60px;
	}
	div.model-header li.gallery ul.list {
		background: url("../images/assets/gallery-shadow.png") no-repeat scroll 50% 100% transparent;
		margin: 0 0 0 68px;
		overflow: hidden;
		padding: 0 0 38px;
		position: relative;
		width: 812px;
	}
	div.model-header li.gallery ul.list li {
		float: left;
		height: 68px;
		margin: 8px 0 0 8px;
		overflow: hidden;
		width: 108px;
	}
	div.model-header li.gallery ul.list li.right {
		float: right;
	}
	div.model-header li.gallery ul.list li.right a {
		background: -moz-linear-gradient(center top , #FCFCFC, #EFEFED) repeat scroll 0 0 transparent;
		border: 1px solid #CDCED0;
		display: block;
		font-size: 13px;
		height: 66px;
		overflow: hidden;
		padding: 0 15px;
		text-align: center;
		text-decoration: none;
	}
	div.model-header li.gallery ul.list li.right a span {
		background: url("../images/assets/arrow-forward-m.png") no-repeat scroll 100% 50% transparent;
		display: block;
		height: 66px;
		line-height: 66px;
		width: 100%;
	}
	div.model-header li.gallery p.disclaimer {
		clear: left;
		font-size: 11px;
		margin: 0 0 0 10px;
		position: relative;
	}
	div.model-header li.experience h1 {
		background: url("../images/assets/experience.png") no-repeat scroll 0 0 transparent;
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 26px;
		margin: 0 0 0 30px;
		padding: 14px 0 30px 46px;
	}
	div.model-header li.experience ul.tabs {
		right: 20px;
	}
	div.model-header li.experience div.image {
		margin: 0;
		text-align: center;
		width: 710px;
	}
	div.model-header li.experience div.image * {
		vertical-align: top;
	}
	div.model-header li.experience div.image a.zoom {
		background: url("../images/assets/zoom.png") no-repeat scroll 0 0 transparent;
		display: block;
		height: 42px;
		position: absolute;
		right: 0;
		text-indent: -5000px;
		top: 1px;
		width: 42px;
	}
	div.model-header li.experience ul.list {
		float: right;
		overflow: hidden;
		padding: 0 10px 0 0;
		width: 190px;
	}
	div.model-header li.experience ul.list li {
		float: left;
		height: 51px;
		margin: 0 0 9px 9px;
		overflow: hidden;
		width: 51px;
	}
	div.model-header li.awards h1 {
		background: url("../images/assets/awards.png") no-repeat scroll 0 0 transparent;
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 26px;
		margin: 0 0 0 30px;
		padding: 14px 0 30px 46px;
	}
	div.model-header li.awards ul.list {
		margin: 0 0 0 20px;
		overflow: hidden;
		width: 900px;
	}
	div.model-header li.awards ul.list > li {
		border-left: 1px solid #B2B1AF;
		float: left;
		margin: 0 0 48px;
		overflow: hidden;
		padding: 0 12px;
		position: relative;
		width: 275px;
	}
	div.model-header li.awards ul.list li.first {
		border: 0 none;
	}
	div.model-header li.awards ul.list img {
		border: 1px solid #30467D;
		float: left;
		margin: 0 12px 0 0;
	}
	div.model-header li.awards ul.list p {
		font-size: 16px;
		padding: 0 10px 8px 0;
	}
	div.model-header li.awards ul.actions {
		float: right;
	}
	div.model-header li.reviews h1 {
		padding-right: 20px;
	}
	div.model-header li.reviews h1 span {
		padding: 8px 0 2px;
		text-transform: inherit;
	}
	div.model-header li.reviews h2 {
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 22px;
		font-weight: normal;
		line-height: 26px;
		padding: 12px 20px 0 0;
	}
	div.model-header li.reviews div.image {
		margin: 0 0 0 -40px;
	}
	div.model-header ul.thumbs {
		position: absolute;
		text-align: center;
		top: 420px;
		width: 100%;
		z-index: 11;
	}
	div.model-header ul.thumbs li {
		display: inline-block;
		padding: 0 1px;
	}
	div.model-header ul.thumbs li img {
		border: 2px solid #FFFFFF;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
		opacity: 0.5;
	}
	div.model-header ul.thumbs li.active img {
		margin: -8px 0 0;
		opacity: 1;
	}
	div.model-header ul.thumbs li:hover img {
		opacity: 1;
	}
	div.model-header .arrows {
		margin: 0 auto;
		position: relative;
		top: 200px;
		width: 1132px;
		z-index: 11;
	}
	a.prev-arrow-big, a.next-arrow-big {
		background: url("../images/content/arrows-big.png") no-repeat scroll 0 0 transparent;
		height: 40px;
		margin-top: -20px;
		width: 20px;
	}
	a.next-arrow-big {
		background-position: -20px 0;
	}
	div.model-header a.prev-arrow-big {
    	left: -10px;
	}
	div.model-header a.next-arrow-big {
		right: -10px;
	}
	a.prev-arrow-small, a.prev-arrow-medium, a.prev-arrow-big, a.next-arrow-small, a.next-arrow-medium, a.next-arrow-big {
		display: block;
		overflow: hidden;
		position: absolute;
		text-indent: -5000px;
		top: 50%;
	}
	a.prev-arrow-small, a.prev-arrow-medium, a.prev-arrow-big {
		left: 0;
	}
	a.next-arrow-small, a.next-arrow-medium, a.next-arrow-big {
		right: 0;
	}

	div.model-header ul.dots {
		position: absolute;
		text-align: center;
		top: 448px;
		width: 100%;
		z-index: 11;
	}
	div.model-header ul.dots li {
		display: inline;
		padding: 0 8px;
	}
	div.model-header ul.dots li a {
		background: url("../images/content/dots.html") no-repeat scroll 0 0 transparent;
		display: inline-block;
		height: 8px;
		width: 8px;
	}
	div.model-header ul.dots li.active a {
		background-position: 0 100%;
	}
	
	div.model-header div.content p span, div.model-header div.content-new p span {
		font-family: Georgia,Arial,sans-serif;
		font-size: 22px;
		font-style: italic;
		vertical-align: top;
	}
	div.model-header div.content ul.list, div.model-header div.content-new ul.list {
		font-size: 14px;
		list-style: disc outside none;
		padding: 16px 0 0 20px;
	}
	div.model-header div.content ul.list li, div.model-header div.content-new ul.list li {
		float: none;
	}
	div.model-header div.content ul.actions, div.model-header div.content-new ul.actions {
		left: 30px;
		margin-top: -15px;
		position: absolute;
		top: 100%;
	}
	div.model-header div.content ul.actions li, div.model-header div.content-new ul.actions li {
		padding: 10px 0 0 44px;
	}
	div.model-header div.content ul.actions li:first-child, div.model-header div.content-new ul.actions li:first-child {
		padding: 0;
	}
	
	
	
	div.model-nav.fixed {
		left: 0;
		right: 0;
		position: fixed;
		top: 0;
		width: 1152px;
	}
	div.model-nav {
		background: url("../images/assets/nav.jpg") no-repeat 0 0 #B1B0AE;
		margin: 0 auto;
		position: relative;
		text-align: center;
		width: 100%;
		z-index: 102;
	}
	div.model-nav:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	div.model-nav div.left {
		padding: 6px 0 0 20px;
		text-align: left;
		float: left;
	}
	div.model-nav h3.modelname{ 
		font-family: 'ModernHLight',Arial,sans-serif;
		font-size: 38px;
		font-weight: normal;
		line-height: 66px;
		font-style: normal;
		float: left;
		margin-right: 15px;
	}
	
	div.model-nav div.left h2 {
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 24px;
		font-weight: normal;
		line-height: 24px;
	}
	div.model-nav div.left div.car-logo {
		padding: 5px 0;
	}
	div.model-nav div.left p {
		font-size: 12px;
		font-family: Georgia,Arial,sans-serif;
		font-style: italic;
		line-height: 16px;
		padding: 34px 0 0;
		float: left;
	}
	div.model-nav div.left p span {
		font-family: Georgia,Arial,sans-serif;
		font-size: 18px;
		font-weight: bold;
		vertical-align: top;
	}
	div.model-nav div.left p a {
		margin: 3px 0 -3px 3px;
		vertical-align: top;
	}
	div.model-nav ul.actions {
		float: right;
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 11px;
		padding: 0 10px 0 0;
	}
	div.model-nav ul.actions li {
		float: left;
		padding: 10px 0;
		text-align: center;
		width: 70px;
	}
	div.model-nav ul.actions li a {
		background: url("../images/assets/actions.gif") no-repeat scroll 0 0 transparent;
		border-right: 1px solid #A9A9A8;
		display: block;
		height: 21px;
		padding: 32px 0 0;
		text-decoration: none;
	}
	div.model-nav ul.actions li:first-child a {
		border-left: 1px solid #A9A9A8;
	}
	div.model-nav ul.actions li.gallery a {
		background-position: 0 0;
	}
	div.model-nav ul.actions li.experience a {
		background-position: -70px 0;
	}
	div.model-nav ul.actions li.mostlike a {
		background-position: -140px 0;
	}
	div.model-nav ul.actions li.talkntalk a {
		background-position: -210px 0;
	}
	div.model-nav ul.actions li.active {
		background-color: #FFFFFF;
	}
	div.model-nav ul.actions li.active a {
		border: 0 none;
		padding-right: 1px;
	}
	div.model-nav ul.actions li.active:first-child a {
		padding-left: 1px;
	}
	div.model-nav ul.actions li.gallery.active a {
		background-position: 0 -90px;
	}
	div.model-nav ul.actions li.experience.active a {
		background-position: -70px -90px;
	}
	div.model-nav ul.actions li.mostlike.active a {
		background-position: -140px -90px;
	}
	div.model-nav ul.actions li.talkntalk.active a {
		background-position: -210px -90px;
	}
	
	
	
	
	
	div.model-nav ul.middleactions {
		margin: 0 auto;
		width: 140px;
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 11px;
		padding: 0 10px 0 0;
	}
	div.model-nav ul.middleactions li {
		float: left;
		padding: 6px 0;
		text-align: center;
		width: 70px;
	}
	div.model-nav ul.middleactions li a {
		background: url("../images/assets/actions.gif") no-repeat scroll 0 0 transparent;
		border-right: 1px solid #A9A9A8;
		display: block;
		height: 21px;
		padding: 32px 0 0;
		text-decoration: none;
		line-height: 12px;
	}
	div.model-nav ul.middleactions li:first-child a {
		border-left: 1px solid #A9A9A8;
	}
	div.model-nav ul.middleactions li.brochure a {
		background-position: -280px 0;
	}
	div.model-nav ul.middleactions li.testdrive a {
		background-position: -350px 0;
	}
	
	div.model-nav ul.middleactions li.active {
		background-color: #FFFFFF;
	}
	div.model-nav ul.middleactions li.active a {
		border: 0 none;
		padding-right: 1px;
	}
	div.model-nav ul.middleactions li.active:first-child a {
		padding-left: 1px;
	}
	div.model-nav ul.middleactions li.brochure.active a {
		background-position: -280px -90px;
	}
	div.model-nav ul.middleactions li.testdrive.active a {
		background-position: -350px -90px;
	}
	
	
	
	div.model-nav ul.shopping {
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 11px;
		margin: 0 auto;
		text-align: left;
		width: 286px;
	}
	div.model-nav ul.shopping li {
		background: url("../images/assets/dot.png") no-repeat scroll 0 12px transparent;
		float: left;
		padding: 10px 0 0 16px;
		width: 127px;
	}
	div.model-nav ul.shopping li a:hover {
		color: #000000;
		text-decoration: none;
	}
	div.model-nav ul.anchor {
		background: none repeat scroll 0 0 #E3E2DC;
		clear: both;
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 12px;
		overflow: hidden;
		width: 100%;
	}
	.fuelCell div.model-nav ul.anchor {
		text-transform: uppercase;
	}
	div.model-nav ul.anchor li {
		float: left;
		padding: 2px 0;
	}
	div.model-nav ul.anchor li a {
		border-left: 1px solid #CECDC9;
		color: #8F8F91;
		display: block;
		padding: 6px 19px;
		text-align: center;
		text-decoration: none;
	}
	div.model-nav ul.anchor li a:hover {
		color: #000000;
	}
	div.model-nav ul.anchor li:first-child a {
		border: 0 none;
	}
	div.model-nav ul.anchor li.active {
		background: none repeat scroll 0 0 #F2F2F1;
	}
	div.model-nav div.right {
		background: url("../images/content/five-year.html") no-repeat scroll 0 50% transparent;
		color: #2E2E2E;
		font-size: 11px;
		font-weight: bold;
		line-height: 15px;
		padding: 10px 10px 10px 100px;
		text-align: left;
	}
    a.help:hover { text-decoration: none !important; }
	a.help:hover span { display: block; }
	
	a.info {
		display: inline-block; position: relative;
		width: 15px; height: 15px;
		background: url(../images/assets/info.png) 0 0 no-repeat;
	}
	a.info span {
		display: block; position: absolute; display: none;
		width: 200px;
		left: 15px; top: 0;
		padding: 10px;
		font-size: 12px !important; line-height: 15px !important; color: #5b5b5b; font-family: Arial, sans-serif !important; font-weight: normal; font-style: normal !important; text-align: left;
		background: #ffffff;
		-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
		border: #cccdce solid 1px;
		-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	}
	a.info:hover { text-decoration: none; }
	a.info:hover span { display: block; }
	a.info span strong {
		display: block;
		padding: 0 0 4px 0;
		font-size: 14px !important;
	}
	
	.notice {
		padding: 0 0 0 16px;
		color: #8d744a; font-size: 11px;
		background: url(../images/assets/notice.png) 0 50% no-repeat;
	}
    

/*  ============================================================================
    # Navigation
    ========================================================================= */
	
	#nav:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	#nav {
		clear: both;
		width: 100%;
	}
	nav {
		background: url("../images/header/nav.gif") repeat-x scroll 0 0 #575A5D;
		box-shadow: -12px 12px 20px 0 rgba(0, 0, 0, 0.4);
		float: left;
		height: 40px;
	}
	
	nav > ul {
		float: left;
		height: 40px;
		position: relative;
	}
	nav > ul > li {
		background: url("../images/header/nav.gif") repeat-x scroll 0 0 #575A5D;
		float: left;
	}
	nav > ul > li > a {
		color: #EEEEEE;
		display: block;
		font-family: 'ModernHLight',Arial,sans-serif;
		font-size: 12px;
		line-height: 12px;
		padding: 14px 30px;
		text-transform: uppercase;
	}
	nav > ul > li.active > a, nav > ul > li > a:hover, nav > ul > li:hover > a {
		background: none repeat scroll 0 0 #FFFFFF;
		color: #555555;
		text-decoration: none;
	}
	nav div.level {
		background: none repeat scroll 0 0 #FFFFFF;
		display: none;
		left: -248px;
		position: absolute;
		top: 40px;
		width: 940px;
		z-index: 9999;
	}
	nav li:hover div.level {
		display: block;
	}
	nav div.level a.close {
		background: url("../images/button/close-p.html") no-repeat scroll 0 0 transparent;
		cursor: pointer;
		height: 15px;
		position: absolute;
		right: 10px;
		text-indent: -5000px;
		top: 10px;
		width: 14px;
}

    /* Top Level */
    .hm2 {
        position: absolute;
        right: 5px;
        bottom: 15px;
        z-index: 4;
    }

    .hm2 ul,
    .hm2 ul li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .hm2 ul li {
        float: left;
        display: inline-block;
        position: relative;
        margin: 0 5px;
    }

    .hm2 ul li span.sub-line { display: none; }

    .hm2 ul li span.menu-arrows {
        position: absolute;
        left: -10px;
        top: 50%;
        display: block;
        height: 10px;
        width: 10px;
        margin-top: -5px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        behavior: url(PIE.html);  
    }

    .hm2 ul li span.arrow1 {
        background: #c32126;
        background: #c32126 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
        background: #c32126 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2)));
        background: #c32126 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #c32126 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #c32126 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #c32126 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        -webkit-box-shadow: 0px 0px 7px #c32126;
        -moz-box-shadow: 0px 0px 7px #c32126;
        box-shadow: 0px 0px 7px #c32126;
    }

    .hm2 ul li span.arrow2 {
        background: #265f2e;
        background: #265f2e -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
        background: #265f2e -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2)));
        background: #265f2e -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #265f2e -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #265f2e -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #265f2e linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        -webkit-box-shadow: 0px 0px 7px #265f2e;
        -moz-box-shadow: 0px 0px 7px #265f2e;
        box-shadow: 0px 0px 7px #265f2e;
    }

    .hm2 ul li span.arrow3 {
        background: #0f3555;
        background: #0f3555 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
        background: #0f3555 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2)));
        background: #0f3555 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #0f3555 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #0f3555 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #0f3555 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        -webkit-box-shadow: 0px 0px 7px #0f3555;
        -moz-box-shadow: 0px 0px 7px #0f3555;
        box-shadow: 0px 0px 7px #0f3555;
    }

    .hm2 ul li span.arrow4 {
        background: #908826;
        background: #908826 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
        background: #908826 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2)));
        background: #908826 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #908826 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #908826 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #908826 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        -webkit-box-shadow: 0px 0px 7px #908826;
        -moz-box-shadow: 0px 0px 7px #908826;
        box-shadow: 0px 0px 7px #908826;
    }

    .hm2 ul li span.arrow5 {
        background: #853ac8;
        background: #853ac8 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
        background: #853ac8 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2)));
        background: #853ac8 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #853ac8 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #853ac8 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        background: #853ac8 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
        -webkit-box-shadow: 0px 0px 7px #853ac8;
        -moz-box-shadow: 0px 0px 7px #853ac8;
        box-shadow: 0px 0px 7px #853ac8;
    }

    .hm2 ul li a {
        cursor: pointer;
        display: block;
        padding: 5px 10px;
        text-transform: uppercase;
        text-decoration: none;
    }
    
	.subnav-heading{ display: none;}
    .nav-heading { display: none; }

    input#nav-toggle { display: none; }
    label.nav-button { display: none; }
    
    input#findcar-toggle { display: none; }
    label.findcar-button { display: none; }
	
    input#subnav-toggle { display: none; }
    label.subnav-button { display: none; }

    .hm2 a.link:link,
    .hm2 a.link:visited {
        color: #000;
    }

    .hm2 ul li:hover > a.link:link,
    .hm2 ul li:hover > a.link:visited,
    .hm2 a.link:hover,
    .hm2 a.link:active,
    .hm2 a.link-selected:link,
    .hm2 a.link-selected:hover,
    .hm2 a.link-selected:active,
    .hm2 a.link-selected:visited {
        color: #c32126 !important;
    }

/*  ============================================================================
    # Main
    ========================================================================= */

    .row.main {
        margin: 20px auto;
        position: relative;
    }

    .content-area {
		background: #fff;
		position: relative;
		z-index: 999;
    }
	.cardetails{ text-align: left;}
	

/*  ============================================================================
    # Footer
    ========================================================================= */

    .row.footer {
        margin: 15px auto;
        position: relative;
    }
	footer {
		color: #888888;
		font-size: 10px;
		padding: 00px 0 8px;
		width: 100%;
	}
	footer a {
		color: #888888;
	}
	footer section {
		overflow: hidden;
		width: 100%;
	}
	footer ul {
		float: left;
		font-size: 12px;
		padding: 0 30px 0 0;
		width: 110px;
	}
	footer ul li {
		padding: 0 0 2px;
	}
	footer ul li:first-child {
		color: #555555;
		font-weight: bold;
		padding: 0 0 6px;
		text-transform: uppercase;
	}
	footer .followus{
		font-size: 12px;
		color: #555555;
		font-weight: bold;
		padding: 0 0 6px;
		text-transform: uppercase;
	}
	footer div.search {
		color: #555555;
		float: right;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
	}
	footer div.search .button {
		margin-right: 20px;
	}
	footer div.search form {
		padding: 0 0 16px;
	}
	footer label {
		display: block;
		padding: 0 0 6px;
	}
	footer input {
		background: none repeat scroll 0 0 #FFFFFF !important;
		width: 150px;
	}
	footer a.footermain{color: #555555;
		font-size: 12px;
		font-weight: bold;
		padding: 0px 5px;
		text-transform: uppercase; }
	footer a.footersub{color: #888888;
		font-size: 11px;
		padding: 0px 5px; }
	footer button {
		background: url("../images/header/magnify.gif") no-repeat scroll 50% -1px #D5DFEA !important;
		border-color: #AAAAAA;
		-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
		height: 26px;
		line-height: 26px;
		text-indent: -5000px;
		width: 36px;
	}
	footer section.sitemap {
		font-size: 11px;
		padding: 0px 0 8px;
	}
	footer section.sitemap p {
		border-top: 1px solid #D5D5D5;
		margin: 8px 0 0;
		padding: 8px 0 0;
	}
	footer section.sitemap p span {
		padding-left: 30px;
	}
	footer {
		margin: 0 auto;
		text-align: left;
	}
	
	ul.share {
		margin: 0 0 0 -6px;
		position: relative;
		width: 100%;
	}
	ul.share:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	ul.share li {
		float: left;
		margin: 0 0 0 5px;
		padding: 0;
	}
	ul.share li:first-child {
		clear: both;
		float: none;
	}

    .copyright {}


/*  ============================================================================
    # Forms
    ========================================================================= */

    #contact-form {
        width: 50%;
        float: left;
    }

    .full-contact-details {
        width: 45%;
        padding-left: 5%;
        float: left;
    }

    .full-contact-details ul {
        padding-left: 0;
        list-style: none;
    }

    #map_canvas {
        height: 550px; width: 100%;
    }
	
    .no-js #map_canvas { display: none; }

    a.view-large-map:link,
    a.view-large-map:visited,
    a.view-large-map:hover,
    a.view-large-map:active {
        width: 100%;
        display: block;
        text-align: right;
    }
	input, button {
		margin: 0;
		vertical-align: middle;
	}
	input, button, textarea {
		color: #575A5D;
		font-family: Arial,Tahoma,sans-serif;
		font-size: 12px;
	}
	input[type="text"], textarea {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #C3C4C6;
		padding: 5px 5px 4px;
	}
	input[type="reset"], button[type="reset"] {
		background: url("../images/button/reset.html") no-repeat scroll 0 50% transparent;
		border: 0 none;
		cursor: pointer;
		display: inline-block;
		font-weight: normal;
		height: 12px;
		line-height: 12px;
		padding: 0 0 0 15px;
	}


    label, legend { display: inline; }
    input[type="checkbox"] { display: inline; }

    
    .captcha-holder { margin-bottom: 1.5em; }
    .captcha-holder .captcha-row1 { width: 100%; /*display: none;*/ float: left; }
    .captcha-holder .captcha-row2 { width: 50%; display: inline; float: left; }
    .captcha-holder .captcha-row3 { width: 50%; display: inline; float: left; text-align: right; }
    .captcha-holder img.anti-spam { margin-top: 5px; }
    .form-buttons { margin-bottom: 1.5em; text-align: right; }
	
	a.button, p.button, button, input.button, .ui-button, button.reset {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background: -moz-linear-gradient(center top , #FCFCFC, #EFEFED) repeat scroll 0 0 transparent;
		border-color: #C3C4C6 #C3C4C6 #959597;
		border-image: none;
		-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
		border-style: solid;
		border-width: 1px;
		color: #333333;
		cursor: pointer;
		display: inline-block;
		font-size: 12px;
		height: auto;
		line-height: 12px;
		overflow: visible;
		padding: 0 10px;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}
	div.model-header div.content a.button, div.model-header div.content-new a.button, iv.content .actions a.button, ul.dealers .item a.button {
		-webkit-box-shadow: -4px -4px 0px 0 rgba(255, 255, 255, 1); -moz-box-shadow: -4px -4px 0px 0 rgba(255, 255, 255, 1); box-shadow: -4px -4px 0px 0 rgba(255, 255, 255, 1);
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=315, Color='#ffffff');
	}
	label.ui-button {
		border-bottom-color: #C3C4C6;
		margin: 1px;
		padding-bottom: 7px;
		padding-top: 6px;
	}
	a.button span, p.button span, button span {
		display: block;
		padding: 6px 0 7px;
	}
	input.button {
		padding-bottom: 7px;
		padding-top: 6px;
	}
	button::-moz-focus-inner {
		border: 0 none;
		padding: 0;
	}
	a.small, button.small {
		color: #333333;
		font-size: 10px;
		padding-left: 2px;
		padding-right: 2px;
		text-shadow: none;
	}
	a.small span, button.small span {
		padding: 2px 0;
	}
	a.big span, button.big span {
		padding-bottom: 10px;
		padding-top: 9px;
	}
	a.blue, button.blue {
		background: url("../images/assets/blue.gif") repeat-x scroll 0 0 #205A91;
		border: 0 none;
		color: #FFFFFF;
		text-shadow: none;
	}
	a.blue span, button.blue span {
		padding: 7px 0 8px;
	}
	a.button.active {
		border: 2px solid #2B417A;
		color: #2B417A;
		text-shadow: none;
	}
	label.ui-state-active {
		border-bottom-color: #2B417A;
		margin: 0;
	}
	
	input.formbutton {
		background: url("../images/assets/blue.gif") repeat-x scroll 0 0 #205A91;
		text-shadow: none;
		-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
		cursor: pointer;
		display: inline-block;
		font-size: 12px;
		height: auto;
		line-height: 12px;
		overflow: visible;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		padding: 7px 5px;
		border: 0 none;
		color: #FFFFFF;
	}
	
	body div .ui-button.ui-check {
		background: url("../images/assets/checkbox.gif") no-repeat scroll 0 0 transparent;
		border: 0 none;
		border-radius: 0 0 0 0;
		display: inline-block;
		height: 16px;
		line-height: 16px;
		margin: 0;
		padding: 0 0 0 22px;
		text-shadow: none;
		width: auto;
	}
	body div .ui-button.ui-radio {
		background: url("../images/assets/radio.html") no-repeat scroll 0 0 transparent;
		border: 0 none;
		-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
		display: inline-block;
		height: 13px;
		line-height: 13px;
		margin: 0;
		padding: 0 0 0 22px;
		text-shadow: none;
		width: auto;
	}
	body div .ui-state-active.ui-check, body div .ui-state-active.ui-radio {
		background-position: 0 100%;
		margin: 0;
	}
	body div .ui-button.ui-check.right, body div .ui-button.ui-radio.right {
		background-position: 100% 0;
		padding: 0 22px 0 0;
	}
	body div .ui-state-active.ui-check.right, body div .ui-state-active.ui-radio.right {
		background-position: 100% 100%;
	}
	a.disabled, button.disabled, .ui-state-disabled {
		opacity: 0.5;
	}
	a.grey, button.grey {
		background: url("../images/assets/grey.gif") repeat-x scroll 0 0 #80807F;
		border: 0 none;
		color: #FFFFFF;
		text-shadow: none;
	}
	a.grey span, button.grey span {
		padding: 7px 0 8px;
	}
	
	a.forward, button.forward {
		text-align: left;
	}
	a.forward span, button.forward span {
		background: url("../images/assets/arrow-forward.png") no-repeat scroll 100% 50% transparent;
		padding-right: 28px;
	}
	a.blue.forward span, button.blue.forward span {
		background: url("../images/assets/blue-forward.png") no-repeat scroll 100% 50% transparent;
	}
	a.grey.forward span, button.grey.forward span {
		background: url("../images/assets/blue-forward.png") no-repeat scroll 100% 50% transparent;
	}
	a.back, button.back {
		text-align: right;
	}
	
	a.back span, button.back span {
		background: url("../images/button/arrow-back.html") no-repeat scroll 0 50% transparent;
		padding-left: 28px;
	}
	a.blue.back span, button.blue.back span {
		background: url("../images/button/blue-back.html") no-repeat scroll 0 50% transparent;
	}
	a.grey.back span, button.grey.back span {
		background: url("../images/button/blue-back.html") no-repeat scroll 0 50% transparent;
	}
	a.ui, button.ui {
		border: 1px solid #D5D6D7;
	}

	.dealersbuttons{ position: absolute; bottom: 10px; left: 10px; right: 10px;}
/*  ============================================================================
    # Misc
    ========================================================================= */
	
	.landscapeonly{ background: #d0d0d0 url(../images/assets/landscapeonly.gif) 50% 50% no-repeat; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 100001; display: none;}
	.portraitonly{ background: #d0d0d0 url(../images/assets/portraitonly.gif) 50% 50% no-repeat; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 100001; display: block;}
	.ltable{ display: table; width: 100%;}
	.lrow{ display: table-row;}
	.lcell{ display: table-cell; vertical-align: top;}
	.fl{ float: left;}
	.divtable{ display: table; height: 100%;}
	.cmscontent ul{ list-style: none;}
	.cmscontent li {
		background: url("../images/tick.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
		padding-left: 13px;
	}
	.cmscontent li.nobg {
		background-image:none;
		padding-left: 13px;
	}
	.cmscontent ul.subnav { list-style-type: none; margin: 0;}
	.cmscontent iframe{ width: 100%;}
	ul.sitemap ul{ margin-left: 30px; list-style-type: square;}
	.spacer-5{ height: 5px; clear: both;}
	.spacer-10{ height: 10px; clear: both;}
	.spacer-15{ height: 15px; clear: both;}
	.errorMessage{ color:#F00;}
	.half{ float: left; width: 48%; margin: 5px 1%;}
	.onethird{ float: left; width: 31%; margin: 5px 1%;}
	.twothirds{ float: left; width: 64%; margin: 5px 1%;}
	.ui-tabs .ui-tabs-hide {
		position: absolute !important;
		left: -10000px !important;
		display:block !important;
	}

	.message-s{ display: none; font-weight: bold;}
	.message-l{ display: block;font-weight: bold;}
	
	div.accessories-model div.right{ float: right;}
	div.accessories-model ul.accessories li {
		float: left;
		padding: 10px 1.5%;
		width: 16%;
		margin: 10px 0.5%;
		min-height: 180px;
		max-height: 180px;
		overflow: hidden;
	}
	div.accessories-model ul.accessories li:hover {
		background: #dedede;
		padding-top: 22px;
		margin-top: -2px;
		position: relative;
	}
	div.accessories-model ul.accessories li img{ max-width: 100%; }
	
	div.accessories-model ul.accessories li a.magnify {
		background: url("../images/assets/magnify.png") no-repeat scroll 0 0 transparent;
		height: 14px;
		display: none;
		position: absolute;
		right: 15px;
		text-indent: -5000px;
		top: 5px;
		width: 17px;
	}
	div.accessories-model ul.accessories li:hover a.magnify {
		display: block;
	}
	div.accessories-model ul.accessories li span {
		font-family: Georgia,Arial,sans-serif;
		font-size: 14px;
	}

    .media_embed {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .media_embed iframe, .media_embed object, .media_embed embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .chromeframe {
        margin: 2px 0;
        text-align: center;
        padding: 2px 0;
    }

    .backtotop {
        position: fixed;
        top: 200px;
        right: 0px;
        z-index: 100;
    }

    .backtotop a.link:link,
    .backtotop a.link:visited,
    .backtotop a.link:hover,
    .backtotop a.link:active {
        
        display: block;
		width: 25px;
		height: 62px;
		background: url(../images/assets/top.png) 0 0 no-repeat;
        text-indent: 5000px;
    }
	.js div.specification-module h3 {display: none;	}
	
	
/*  ============================================================================
	# Car Models
	========================================================================= */
	
	ul.models {
		clear: both;
		width: 100%;
		padding: 5px 0;
		background: #ffffff;
	}
	ul.models:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; * display: inline-block; }
	
	
	ul.models > li {
		float: left;
		height: 255px;
		width: 25%;
	}
	ul.models.three-btns {
		margin-bottom: -40px;
		background: none;
	}
	ul.models.three-btns > li {
		height: 333px;
	}
	ul.models.three-btns .first-btn {
		padding: 10px 0 0 0;
	}
	ul.models.three-btns .second-btn {
		padding: 3px 0 13px 0;
	}
	ul.models.three-btns .w140 {
		white-space: normal;
	}
	ul.models li div.item {
		padding: 10px;
		border: #ffffff solid 1px;
		position: relative;
	}
	.ie7 ul.models li div.item {
		min-height:170px;
	}
	
	ul.models li:hover div.item {
		background: #f1f1f1;
		border-color: #ccd9e6;
	}
	ul.models li a.help {
		position:static;
		margin:0 0 0 5px;
	}
		
	
	ul.models input, ul.models label, ul.models a.help { visibility: hidden; vertical-align: middle; }
	ul.models li:hover input, ul.models li:hover label, ul.models li:hover a.help { visibility: visible; }
	ul.models li input { margin: 0 4px 0 0; }
	ul.models li img {
		display: block;
		width: 100%;
		padding: 8px 0;
	}
	ul.models li h3 {
		padding: 0;
		margin-bottom: 5px;
		font-size: 21px; font-family: 'ModernHLight', Arial, sans-serif; font-weight: normal;
	}
	ul.models li p { font-size: 11px; line-height: 15px;}
	ul.models li p span { font-family: Georgia, Arial, sans-serif; }
	ul.models li p em { font-size: 11px; }
	ul.models li div.info {
		display: none;
		padding: 12px 0 0 0;
		text-align: left;
		margin-top: 8px;
		border-top: #ccd9e6 solid 1px;
	}
	ul.models li div.info p { padding: 0 0 12px 0; font-size: 12px; }
	ul.models li div.info ul {
		width: 100%;
		padding: 8px 0 0 0;
	}
	ul.models li div.info ul li { padding: 4px 0 0 0; }
	ul.models li div.info a, ul.models li div.info button {
		padding: 0 0 0 10px;
		font-size: 11px; font-weight: bold;
		text-shadow: #ffffff 0 1px;
		background: url(../images/content/arrow-info.gif) 0 50% no-repeat;
		border: 0;
	}
	
	ul.models li div.info ul li button {
		white-space: normal;
		text-align:left;
	}
	
	ul.models > li:hover { z-index: 10; position: relative; }
	ul.models li:hover div.info { display: block; }
	
	ul.models .model-data { font-size: 12px; font-family: Georgia, Arial, sans-serif; }
	ul.models .model-from-price { font-size: 14px; }
	ul.models .model-name { font-size: 14px; font-family: 'ModernHLight', Arial, sans-serif; }
	ul.models .model-description { font-size: 11px; }
	ul.models li div.info .button {
		display: block;
		font-size: 11px; text-align: left;
	}
	div.boxes-module1 ol {
		overflow: hidden;
		width: 100%;
		padding: 30px 0 30px 0;
		counter-reset: li;
	}
	div.boxes-module1 ol > li {
		float: left; position: relative;
		width: 25%;
		padding: 0 1% 0 7%;
		margin-bottom: 40px;
		border-left: #dbdbdb solid 1px;
	}
	div.boxes-module1 ol.fourcols li {
		width: 18.9% ;
		padding: 0 1% 0 5%;
		margin-bottom: 40px;
	}
	
	div.boxes-module1 ol.no-borders-3-items li {
		border-left-color: #fff;
	}
	div.boxes-module1 ol li:first-child { border: 0; }
	div.boxes-module1 ol > li:before, div.boxes-module1 span {
		position: absolute;
		width: 65px;
		top: 168px; left: 0;
		font-size: 38px; line-height: 38px; color: #909090; font-family: 'ModernHMedium', Arial, sans-serif; text-align: center;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		content: counter(li); counter-increment: li;
		
	}
	.fuelCell div.boxes-module1 span {
		position: relative;
		width: 165px;
		top: 0; left: 0;
		font-size: 13px; line-height: 13px; color: #909090; font-family: Arial, sans-serif; text-align: left;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		content: counter(li); counter-increment: li;
		margin: 4px 0 10px 0;
		display: block;
	}
	div.boxes-module1 div.image {
		overflow: hidden;
		height: 150px;
		padding: 0 40px 0 0;
	}
	div.boxes-module1 h3 {
		padding: 20px 0 2px 0;
		font-size: 15px; line-height: 18px; color: #333333;
	}
	.fuelCell div.boxes-module1 h3 {
		font-family: 'ModernHMedium', Arial, sans-serif;	
	}
	div.boxes-module1 p { line-height: 18px; color: #666666; }

	
	
	div.boxes-module2 ol {
		overflow: hidden;
		width: 100%;
		padding: 30px 0 30px 0;
		color: #909090;
	}
	div.boxes-module2 ol > li {
		float: left; position: relative;
		width: 25%;
		padding: 0 1% 0 7%;
	}
	div.boxes-module2 ol.fourcols li {
		width: 23% ;
		padding: 0 1% 0 1%;
	}
	
	
	div.boxes-module2 div.image {
		width: 100%;
	}
	div.boxes-module2 div.image img{
		width: 100%;
	}
	div.boxes-module2 h1, div.boxes-module2 h2, div.boxes-module2 h3, div.boxes-module2 h4, div.boxes-module2 h5 {
		padding: 15px 0 10px;
		font-family: 'ModernHMedium', Arial, sans-serif;	
		font-size: 18px; line-height: 22px; color: #333333;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	div.boxes-module2 p { line-height: 18px; color: #666666; }
	
	
	div.specification-module ul.tabs {
		font-size: 16px; font-family: Arial, sans-serif; text-transform: none; font-weight: bold;
		border-bottom: #cccdce solid 1px;
	}
	div.specification-module ul.tabs li a {
		padding: 8px 20px;
		color: #000000; line-height: 16px;
	}
	div.specification-module ul.tabs li.ui-state-active a, div.specification-module ul.tabs li.active a {
		padding: 7px 19px 8px 19px;
		background: #fcfcfc;
		background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#efeeec));
		background: -moz-linear-gradient(top,  #fcfcfc,  #efeeec);
		background: -ms-linear-gradient(top, #fcfcfc, #efeeec);
		background: -o-linear-gradient(top, #fcfcfc, #efeeec);
		border: #cccdce solid 1px; border-bottom: 0;
	}
	
	div.specification-module table {
		width: 100%;
		border-bottom: #cccdce solid 1px;
	}
	div.specification-module th, div.specification-module td {
		padding: 12px;
		color: #333333; /*text-align: center;*/
	}
	div.specification-module thead th {
		color: #909090;
		background: #e3e3e3;
	}
	div.specification-module th:first-child { text-align: left; }
	
	div.specification-module tbody th, div.specification-module tbody td { font-size: 13px; border-top: #cccdce solid 1px; }
	div.specification-module tbody tr.first th, div.specification-module tbody tr.first td { border-top: #cccdce solid 2px; }
	div.specification-module tbody tr:first-child th, div.specification-module tbody tr:first-child td { border-top: #cccdce solid 1px; }
	div.specification-module tbody td:nth-child(even) { background: #e3e3e3; }
	div.specification-module tbody td.even { background: #e3e3e3; }
	div.specification-module table th.short { width: 100px; }
	
	div.specification-module table.specs th:first-child { white-space: nowrap; }
	div.specification-module table.extras { margin: 30px 0 0 0; }
	
	div.specification-module table.extras thead th { width: 130px; font-size: 16px; white-space: nowrap; }
	div.specification-module table.extras thead th:first-child { width: auto; }
	div.specification-module table.extras td { vertical-align: middle; }
	
	div.specification-module table.techical thead th { font-size: 16px; }
	div.specification-module table.techical tbody tr th:first-child {width:260px;}
	div.specification-module table.techical thead th:first-child { color: #333333; }


	.accordion-title {
		overflow: hidden;
		display: block;
		background: url(../images/assets/close.gif) 100% 50% no-repeat;
		border-bottom: #000000 solid 1px !important;
	}
	.accordion-title-mobile {
		border-bottom: #999999 solid 1px !important;
	}
	
	.ui-accordion-header-active { background: url(../images/assets/open.gif) 100% 50% no-repeat; }
	h4.accordion-title {
		padding: 10px 0 12px 20px;
		font-size: 14px; line-height: 14px; color: #333333;
	}
	h2.accordion-title {
		padding: 30px 0 22px 20px;
		font-size: 14px; line-height: 14px; color: #333333;
		font-family: Arial, Helvetica, sans-serif;
		background: url(../images/assets/mobile/marrowright.png) 96% 50% no-repeat;
	}
	h2.ui-accordion-header-active { background: url(../images/assets/mobile/marrowdown.png) 96% 50% no-repeat; }
	.accordion-title div.right { padding: 4px 80px 0 0; }
	.accordion-title div.right input { vertical-align: top; }
	
	.accordion-title-mobile div.right { padding: 4px 80px 0 0; }
	.accordion-title-mobile div.right input { vertical-align: top; }
	
	
	div.text-module h3 {
		font-family: 'ModernHMedium',Arial,sans-serif;
		font-size: 48px;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 48px;
	}
	div.text-module p {
		font-size: 13px;
		line-height: 20px;
		padding: 16px 0 0;
	}
	
	
	div.ptl h1, div.ptr h1, div.pbl h1, div.pbr h1, 
	div.ptl h2, div.ptr h2, div.pbl h2, div.pbr h2, 
	div.ptl h3, div.ptr h3, div.pbl h3, div.pbr h3, 
	div.ptl h4, div.ptr h4, div.pbl h4, div.pbr h4, 
	div.ptl h5, div.ptr h5, div.pbl h5, div.pbr h5 {
		font-family: 'ModernHMedium',Arial,sans-serif;
		font-size: 48px;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 48px;
	}
	div.ptl p, div.ptr p, div.pbl p, div.pbr p {
		font-size: 13px;
		line-height: 20px;
		padding: 16px 0 0;
	}
	
	
	div.accessories-model div.image {
		padding: 32px 32px 0 0;
	}
	div.accessories-model div.image img {
		max-width: 300px;
	}
/*  ============================================================================
	# Models Profiles
	========================================================================= */
	div.model-profile{ position: relative; z-index: 1000; margin-bottom: 30px; min-height: 250px;}
	div.model-profile img{ width: 100%;}
	div.model-profile div.content{
		padding: 2% 5%;
		position: absolute;
		max-width: 40%;
	}
	
	
	div.model-profile.left img{ max-width: 50%; float: left;}
	div.model-profile.right img{ max-width: 50%; float: right;}
	
	div.model-profile div.ptl{top: 0;left: 0;}
	div.model-profile div.ptr{top: 0;right: 0;}
	div.model-profile div.pbl{bottom: 0;left: 0;}
	div.model-profile div.pbr{bottom: 0;right: 0;}
	div.model-profile div.dark{color: #555555;}
	div.model-profile div.white{color: #ffffff !important;}
	div.model-profile div.white h1, 
	div.model-profile div.white h2, 
	div.model-profile div.white h3, 
	div.model-profile div.white h4, 
	div.model-profile div.white h5 {color: #ffffff !important;}
	
	div.model-profile div.content h3 {
		font-family: 'ModernHMedium',Arial,sans-serif;
		font-size: 48px;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 48px;
		margin-bottom: 15px;
	}
		
/*  ============================================================================
	# Dealers
	========================================================================= */
	
	ul.dealers {
		clear: both;
		width: 100%;
		padding: 5px 0;
		background: #ffffff;
	}
	ul.dealers:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; * display: inline-block; }
	
	
	ul.dealers > li {
		float: left;
		width: 23%;
		margin: 10px 1%;
	}
	ul.dealers.three-btns {
		margin-bottom: -40px;
		background: none;
	}
	ul.dealers.three-btns > li {
		height: 333px;
	}
	ul.dealers.three-btns .first-btn {
		padding: 10px 0 0 0;
	}
	ul.dealers.three-btns .second-btn {
		padding: 3px 0 13px 0;
	}
	ul.dealers.three-btns .w140 {
		white-space: normal;
	}
	ul.dealers li div.item {
		padding: 10px 10px 40px;
		background: #f1f1f1;
		border: solid 1px #ccd9e6;
		position: relative;
		min-height: 135px;
		max-height: 135px;
		overflow: hidden;
	}
	
	
	ul.dealers li a.help {
		position:static;
		margin:0 0 0 5px;
	}
		
	
	ul.dealers input, ul.dealers label, ul.dealers a.help { visibility: hidden; vertical-align: middle; }
	ul.dealers li:hover input, ul.dealers li:hover label, ul.dealers li:hover a.help { visibility: visible; }
	ul.dealers li input { margin: 0 4px 0 0; }
	ul.dealers li img {
		display: block;
		width: 100%;
		padding: 8px 0;
	}
	ul.dealers li h2 {
		line-height: 22px;
		margin: 0;
		height: 46px;
		display: block;
		overflow: hidden;
		font-size: 21px; font-family: 'ModernHLight', Arial, sans-serif; font-weight: normal;
	}
	ul.dealers li p { font-size: 11px; line-height: 20px;}
	ul.dealers li p span { font-family: Georgia, Arial, sans-serif; }
	ul.dealers li p em { font-size: 11px; }
	ul.dealers li div.info {
		display: none;
		padding: 12px 0 0 0;
		text-align: left;
		margin-top: 8px;
		border-top: #ccd9e6 solid 1px;
	}
	ul.dealers li div.info p { padding: 0 0 12px 0; font-size: 12px; }
	ul.dealers li div.info ul {
		width: 100%;
		padding: 8px 0 0 0;
	}
	ul.dealers li div.info ul li { padding: 4px 0 0 0; }
	ul.dealers li div.info a, ul.dealers li div.info button {
		padding: 0 0 0 10px;
		font-size: 11px; font-weight: bold;
		text-shadow: #ffffff 0 1px;
		background: url(../images/content/arrow-info.gif) 0 50% no-repeat;
		border: 0;
	}
	
	ul.dealers li div.info ul li button {
		white-space: normal;
		text-align:left;
	}
	
	ul.dealers > li:hover { z-index: 10; position: relative; }
	ul.dealers li:hover div.info { display: block; }
	
	ul.dealers .model-data { font-size: 12px; font-family: Georgia, Arial, sans-serif; }
	ul.dealers .model-from-price { font-size: 14px; }
	ul.dealers .model-name { font-size: 14px; font-family: 'ModernHLight', Arial, sans-serif; }
	ul.dealers .model-description { font-size: 11px; }
	ul.dealers li div.info .button {
		display: block;
		font-size: 11px; text-align: left;
	}
	ul.dealers .item a.button {
		margin-right: 5px;
		
	}


/*  ============================================================================
	# Tabs / About Us
	========================================================================= */
	ul.tabs li {
		float: left;
	}
	ul.tabs li a {
		color: #333333;
		display: block;
		line-height: 12px;
		padding: 8px 20px;
		white-space: nowrap;
	}
	ul.inner-tabs {
		border: 0 none;
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 12px;
		line-height: 18px;
	}
	ul.inner-tabs li {
		padding: 10px 0 6px;
		text-transform: none;
	}
	
	ul.inner-tabs li:first-child {
		font-size: 18px;
		padding: 20px 22px 10px;
		text-transform: uppercase;
	}
	
	ul.inner-tabs li a {
		border-left: 2px solid #E9E7E2;
		padding: 14px 20px 8px;
	}
	ul.inner-tabs li.active {
		margin: 0 -2px 0 0;
		padding: 0;
		position: relative;
	}
	ul.inner-tabs li.active a {
		background: none repeat scroll 0 0 #E8E5E0;
		border: 0 none;
		padding: 24px 22px 14px;
	}
	
	ul.inner-tabs li a {
		border-left: 2px solid #E9E7E2;
		padding: 14px 20px 8px;
	}
	
	.wrapper{ background: url("../images/content/content-top.jpg") no-repeat scroll 0 0 #FFFFFF !important;}

	#content div.about-wrapper {
		background: none repeat scroll 0 0 #FFFFFF;
	}
	div.about-wrapper h2 {
		color: #333333;
		font-family: Arial,sans-serif;
		font-size: 18px;
		line-height: 20px;
		padding: 0 0 12px;
	}
	div.about-wrapper h2.title {
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 36px;
		line-height: 36px;
		padding: 0 0 16px;
		text-transform: uppercase;
	}
	div.about-nav {
		font-weight: bold;
		margin: 0 30px 20px 0;
		width: 160px;
		text-align: left;
	}
	div.about-nav ul li {
		border-top: 1px solid #CCCCCC;
		padding: 7px 5px 7px 7px;
	}
	div.about-nav ul li:first-child {
		border: 0 none;
	}
	div.about-nav ul li a {
		color: #333333;
	}
	div.about-nav ul li.active a {
		color: #000000;
	}
	div.about-wrapper div#short {
		width: 380px;
	}
	div.about-wrapper div#image {
		padding: 34px 0 0;
	}
	div.about-wrapper div#image.wide {
		padding: 0;
	}
	div.about-wrapper div#medium {
		margin: 0 60px 0 0;
		width: 650px;
	}
	div.about-wrapper div#wide {
		width: 700px;
	}
	div.about-wrapper div#short p {
		padding: 0 0 16px;
	}
	div.about-wrapper p a {
		color: #0A2268;
	}
	div.about-wrapper div#medium ul.actions {
		border-top: 1px solid #D5D5D5;
		padding: 20px 0 0;
	}
	div.about-wrapper div#medium ul.actions li {
		float: right;
	}
	div.about-wrapper p.info {
		font-size: 14px;
		padding: 0 0 16px;
	}
	ul.about-footer {
		clear: both;
		overflow: hidden;
		padding: 64px 0 0;
		width: 100%;
	}
	ul.about-footer li {
		background: url("../images/content/about-list.html") repeat-x scroll 0 100% #FFFFFF;
		float: left;
		margin: 0 0 0 20px;
	}
	ul.about-footer li:first-child {
		margin: 0;
	}
	ul.about-footer li a {
		border: 1px solid #CED5D8;
		color: #888888;
		display: block;
		padding: 16px 18px 24px;
		width: 248px;
	}
	ul.about-footer li.item1 a {
		background: url("../images/content/about-list1.html") no-repeat scroll 100% 100% transparent;
	}
	ul.about-footer li.item2 a {
		background: url("../images/content/about-list2.html") no-repeat scroll 100% 100% transparent;
	}
	ul.about-footer li.item3 a {
		background: url("../images/content/about-list3.html") no-repeat scroll 100% 100% transparent;
	}
	ul.about-footer li a:hover {
		text-decoration: none;
	}
	ul.about-footer li a strong {
		color: #5A5B5D;
		display: block;
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 18px;
		font-weight: normal;
		line-height: 18px;
		padding: 0 0 12px;
	}
	div.about-wrapper h3.title {
		font-size: 18px;
		padding: 0 0 8px;
	}
	div.about-wrapper p.mandatory + h3.title {
		margin: -33px 0 0;
		position: relative;
	}
	div.about-wrapper fieldset {
		border-top: 1px solid #D5D5D5;
		padding: 16px 0 0;
		width: 100%;
	}
	div.about-wrapper fieldset:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	div.about-wrapper fieldset p {
		clear: both;
		padding: 0 0 16px;
	}
	div.about-wrapper .one, div.about-wrapper .two, div.about-wrapper .three {
		clear: none;
		float: left;
		margin: 0 0 0 30px;
	}
	div.about-wrapper .one {
		width: 95px;
	}
	div.about-wrapper .two {
		width: 185px;
	}
	div.about-wrapper .three {
		width: 310px;
	}
	div.about-wrapper fieldset .first {
		margin: 0;
	}
	div.about-wrapper input[type="text"], div.about-wrapper textarea {
		background: none repeat scroll 0 0 #F8F8F9;
	}
	div.about-wrapper fieldset p label {
		color: #333333;
		display: block;
		font-size: 12px;
		font-weight: bold;
		padding: 0 0 8px;
	}
	div.about-wrapper p.info {
		padding: 0 0 16px;
	}
	div.about-wrapper .one select {
		width: 105px;
	}
	div.about-wrapper .one input[type="text"] {
		width: 83px;
	}
	div.about-wrapper .one a.button, div.about-wrapper .one button {
		width: 95px;
	}
	div.about-wrapper .two select {
		width: 170px;
	}
	div.about-wrapper .two input[type="text"] {
		width: 173px;
	}
	div.about-wrapper .three select {
		width: 295px;
	}
	div.about-wrapper .three input[type="text"] {
		width: 298px;
	}
	div.about-wrapper fieldset span.info {
		display: inline-block;
		padding: 6px 0 0 4px;
		vertical-align: top;
	}
	div.about-wrapper fieldset p.relative {
		position: relative;
	}
	div.about-wrapper fieldset p.relative input[type="text"] {
		display: none;
	}
	div.about-wrapper fieldset p.relative button {
		display: none;
	}
	div.about-wrapper fieldset textarea {
		width: 638px;
	}
	div.about-wrapper div.tabs section {
		overflow: hidden;
		padding: 20px;
		width: 610px;
	}
	div.about-wrapper div.tabs section div.left {
		width: 320px;
	}
	div.about-wrapper div.tabs section #image {
		padding: 0;
	}
	div.about-wrapper div.tabs section p {
		padding: 0 0 20px;
	}
	div.about-wrapper div.tabs ul.items {
		overflow: hidden;
		width: 100%;
	}
	div.about-wrapper div.tabs ul.items li {
		float: left;
		padding: 0 0 20px;
		width: 203px;
	}
	div.about-wrapper div.tabs ul.items p {
		padding: 0;
	}
	div.about-wrapper div.tabs ul.items img {
		float: left;
		margin: 0 10px 0 0;
	}
	div.page-title {
		position: relative;
		padding: 10px 2%;
		background: #e8e5e0 url(../images/content/title-bg.html) 0 0 repeat-y;
	}
	div.page-title ul.actions {
		float: right; position: absolute;
		bottom: 10px; right: 20px;
		font-weight: bold;
	}
	div.page-title ul.actions li {
		float: left;
		padding: 0 0 0 10px;
	}
	div.page-title ul.actions li.label {
		padding-top: 6px;
		font-size: 14px;
	}
	div.page-title ul.actions li label {
		display: inline-block;
		padding-top: 7px;
	}
	div.page-title ul.actions li input {
		position: relative;
		margin: 8px 0 0 0;
		vertical-align: top;
	}
	div.page-title ul.actions li a.download-a-brochure, div.page-title ul.actions li a.contact-a-dealer {
		padding: 0;
		font-size: 11px; line-height: 11px;
		background: url(../images/assets/arrow-forward.png) 100% 50% no-repeat;
		border: 0;
		-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	}
	div.page-title ul.actions li a.download-a-brochure span, div.page-title ul.actions li a.contact-a-dealer span { padding: 5px 15px 5px 26px; }
	div.page-title ul.actions li a.download-a-brochure { margin-right: 6px; }
	div.page-title ul.actions li button { margin: 1px; border-bottom-color: #c3c4c6; }
	div.page-title ul.actions li button.active {
		margin: 0;
		color: #2b417a;
		text-shadow: none;
		border: #2b417a solid 2px;
	}
	a.contact-a-dealer span, button.contact-a-dealer span { padding-left: 30px; background: url(../images/assets/contact-a-dealer.png) 0 50% no-repeat; }
	div.page-title ul.share {
		float: right; position: absolute;
		width: auto;
		bottom: 10px; right: 20px;
		margin: 0;
		font-size: 11px;
	}
	div.page-title ul.share li {
		float: left;
		margin: 0; padding: 0 0 0 5px;
	}
	div.page-title ul.share li span {
		display: block;
		padding: 0 3px;
	}
	div.page-title ul.share li a {
		display: block; overflow: hidden;
		width: 17px; height: 17px;
		text-indent: -5000px;
	}
	div.page-title a.facebook, div.page-title a.twitter { background: url(../images/content/share.png) 0 0 no-repeat !important; }
	div.page-title a.facebook, div.page-title a.facebook:hover { background-position: 0 0 !important; }
	div.page-title a.twitter, div.page-title a.twitter:hover { background-position: 0 -20px !important; }
	
	
	div.breadcrumbs {
		padding: 0 0 6px 0;
		font-size: 11px; color: #898b8d;
	}
	div.breadcrumbs a { color: #898b8d; }
	h1 { font-size: 24px; line-height: 24px; font-family: 'ModernHLight', Arial, sans-serif; color: #575a5d; font-weight: normal; }
	h2 { font-size: 16px; line-height: 16px; font-family: 'ModernHLight', Arial, sans-serif; font-weight: normal; }
	
	h2.page-title {
		padding: 0 0 20px 0;
		font-size: 24px; line-height: 24px; font-family: Arial, sans-serif; font-weight: bold;
	}
	.pimcore_area_sub-navigation-bar, .pimcore_area_heading-about{ clear: both; text-align: left;}
	.inner-content-wrapper{
		background: #fff;
		padding: 10px 2%;
		text-align: left;
	}
	.section-content{
		margin: 10px 0;
		text-align: left;
	}
	.section-content h1, .section-content h2, .section-content h3 {
		margin-bottom: 15px;	
	}
	
	.section-content p{
		margin-bottom: 10px;
	}
	
	.page-content ul li{
		list-style-type: none;
		margin-left: 20px;	
	}
	.page-content ul {
		margin-bottom: 20px;	
	}
	
	.page-content{ margin-bottom: 25px;}
	.page-content table.border{ border: solid 1px #d5d5d5; margin: 10px;}
	.page-content table.border tr td{ padding: 10px 3px;}
	.page-content h3 { font-size: 16px; line-height: 20px; }
	.page-content h4 { font-size: 14px; line-height: 18px; }
	.page-content h5 { font-size: 13px; line-height: 16px; }
	div.section-title {
		overflow: hidden; position: relative; z-index: 10;
		width: 100%;
		margin: 0 auto; padding: 16px 0; margin-top:16px;
		text-align: left;
		border-bottom: #999999 solid 1px;
		border-top: #D7D7D7 solid 1px;
	}
	div.section-title h2 {
		font-size: 24px; line-height: 24px;
		font-family: 'ModernHLight', Arial, sans-serif; font-weight: normal;
	}
	div.section-title h2 a:hover {
		text-decoration: none;
	}
	
	
	div.cardetails .section-title h2 {
		text-transform: uppercase;
	}
	
	
	div.section-title ul.share {
		float: right;
		font-size: 11px;
		margin: 0;
		width: auto;
	}
	div.section-title ul.share {
		float: right;
		width: auto;
		margin: 0;
		font-size: 11px;
	}
	div.section-title ul.share li {
		float: left;
		margin: 0; padding: 0 0 0 10px;
	}
	div.section-title ul.share li span {
		display: block;
		padding: 0 5px;
	}
	div.section-title ul.share li a {
		display: block; overflow: hidden;
		width: 21px; height: 21px;
		text-indent: -5000px;
	}
	div.section-title a.print, div.section-title a.facebook, div.section-title a.twitter, div.section-title a.youtube { background: url(../images/content/share2.png) 0 0 no-repeat !important; }
	div.section-title a.print, div.section-title a.print:hover { background-position: 0 0 !important; }
	div.section-title a.facebook, div.section-title a.facebook:hover { background-position: 0 -21px !important; }
	div.section-title a.twitter, div.section-title a.twitter:hover { background-position: 0 -42px !important; }
	div.section-title a.youtube, div.section-title a.youtube:hover { background-position: 0 -63px !important; }
	
	div.section-title {
		margin: 20px 0;	
	}
/*  ============================================================================
    # FlexSlider
    ========================================================================= */

    /*
     * jQuery FlexSlider v2.0
     * http://www.woothemes.com/flexslider/
     *
     * Copyright 2012 WooThemes
     * Free to use under the GPLv2 license.
     * http://www.gnu.org/licenses/gpl-2.0.html
     *
     * Contributing author: Tyler Smith (@mbmufffin)
     */

    /* Browser Resets */
    .flex-container a:active,
    .flexslider a:active,
    .flex-container a:focus,
    .flexslider a:focus  {outline: none;}
    .slides,
    .flex-control-nav,
    .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

    /* FlexSlider Necessary Styles
    *********************************/ 
    .flexslider {margin: 0; padding: 0;}
    .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; padding-bottom: 20px; height: 274px;} /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {}
    .flex-pauseplay span {text-transform: capitalize;}

    /* Clearfix for the .slides element */
    .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
    html[xmlns] .slides {display: block;} 
    * html .slides {height: 1%;}

    /* No JavaScript Fallback */
    /* If you are not using another script, such as Modernizr, make sure you
     * include js that eliminates this class on page load */
    .no-js .slides > li:first-child {display: block;}

    /* FlexSlider Theme */
    .flexslider { position: relative; }

  
    /* Direction Nav Style */
    .flex-direction-nav { height: 0; width: 1132px !important;}
    .flex-direction-nav a {
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        top: 50%;
        cursor: pointer;
        text-indent: -999em;    
    }

    .flex-direction-nav .flex-next {
        right: 0px;
		background: url("../images/content/arrows-big.png") no-repeat scroll 0 0 transparent;
		height: 40px;
		margin-top: -20px;
		width: 20px;
		background-position: -20px 0;
		z-index: 10000;
    }

    .flex-direction-nav .flex-prev {
        background: url("../images/content/arrows-big.png") no-repeat scroll 0 0 transparent;
		height: 40px;
		margin-top: -20px;
		width: 20px;
		left: 0px;
		background-position: 0 0;
		z-index: 10000;
    }

    .flex-direction-nav .flex-disabled { opacity: .3; filter:alpha(opacity=30); cursor: default; }

    /* Control Nav Style */
    .flex-control-nav { position: absolute; text-align: center; bottom: -10px; width: 100%; z-index: 11;}    
    .flex-control-nav li {padding: 0 1px; margin: 2px 6px; display: inline-block; zoom: 1; *display: inline; }
    .flex-control-nav a {
        display: block;
        height: 12px;
        width: 12px;
        background: #d6d6d6;
        font: 0/0 a;
        text-shadow: none;  
        color: transparent;
        cursor: pointer;
        position: relative;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        behavior: url(PIE.html);
    }

    .flex-control-nav a:hover,
    .flex-control-nav a.flex-active {
        background: #9b9ea1;
    }


/*  ============================================================================
    # jQuery UI
    ========================================================================= */
	
	
	.ui-helper-hidden { display: none; }
	.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
	.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
	.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
	.ui-helper-clearfix:after { clear: both; }
	.ui-helper-clearfix { zoom: 1; }
	.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
	
	/* Interaction Cues */
	.ui-state-disabled { cursor: default !important; }
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { text-decoration: none; }
	.ui-state-hover a, .ui-state-hover a:hover { text-decoration: none; }
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { text-decoration: none; }
	.ui-widget :active { outline: none; }
	
	/* jQuery Button */
	.ui-button {}
	
	.ui-buttonset { margin: 0; }
	.ui-buttonset .ui-button { margin: 0; }
	
	button.ui-button::-moz-focus-inner { border: 0; padding: 0; }
	
	/* jQuery UI Slider */
	.ui-slider { position: relative; text-align: left; }
	.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 20px; height: 20px; background: url(../images/chooser/handle.html) 0 0 no-repeat; border: 0 !important; cursor: pointer; }
	.ui-slider .ui-slider-handle.ui-state-focus { border: 0; }
	.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 11px; display: block; border: 0; background-position: 0 0; }
	
	.ui-slider-horizontal { height: 3px; margin: 11px 10px; background: #c9caca; }
	.ui-slider-horizontal .ui-slider-handle { top: -9px; margin-left: -10px; }
	.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background: #2b417a; }
	.ui-slider-horizontal .ui-slider-range-min { left: 0; }
	.ui-slider-horizontal .ui-slider-range-max { right: 0; }
	
	.ui-slider-horizontal.grid-slider {
		height: 5px;
		margin: 15px 17px;
		background: url(../images/chooser/grid-bg.html) 0 0 repeat-x;
		-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	}
	.ui-slider-horizontal.grid-slider .ui-slider-handle { top: -14px; margin-left: -17px; }
	.ui-slider.grid-slider .ui-slider-handle { width: 35px; height: 35px; background: url(../images/chooser/grid-handle.html) 0 0 no-repeat; }
	
	.ui-tabs-hide { display: none; }

/*  ============================================================================
    # Media Queries
    ========================================================================= */

@media only screen and (min-width: 960px) and (max-width: 1279px) {

    div.page, .holder {
		margin: 0 auto;
		text-align: left;
		width: 960px;
	}
	div.model-header div.image * {
		max-width: 580px;
	}
	div.model-header .arrows {
		width: 960px;
	}
	div.model-header div.holder {
    	height: 382px;
	}
	div.model-header {
    	height: 452px;
	}
	div.model-header ul.thumbs {
		top: 400px;
	}
	div.model-header div.content h2, div.model-header div.content-new h2 {
		font-size: 15px;
	}
	
    #map_canvas { height: 500px; }
    nav > ul > li > a{
		padding: 14px 18px;	
	}
	footer input {
		width: 125px;
	}
	
	ul.inner-tabs li:first-child {
		padding: 20px 17px 10px;
	}
	ul.inner-tabs li a {
		padding: 14px 15px 8px;
	}
	ul.inner-tabs li.active a {
		padding: 24px 17px 14px;
	}
	
	ul.inner-tabs li a {
		padding: 14px 15px 8px;
	}
	ul.models > li {
		height: 230px;
	}
	ul.dealers li h3 {
		font-size: 17px;
		line-height: 20px;
		height: 42px;
	}
	
	
	ul.dealers li h3 {
		font-size: 16px;
		line-height: 18px;
		height: 38px;
	}
	a.forward span, button.forward span {
		padding-right: 18px;
	}
	a.button, p.button, button, input.button, .ui-button, button.reset{ line-height: 11px; font-size: 11px; padding: 0 6px;}
	.dealersbuttons{margin-top: 5px;}
	ul.dealers .item a.button { margin-right: 4px;}
	ul.dealers li div.item{ height: 115px;}
	#content {
    	padding: 395px 0 0;
	}
	div.model-header div.video-slide div.content {
		margin: 36px 5% 0 0;
	}
	.flexslider .slides > li {max-height: 340px;}
	.spinsmall img {max-width: 100%;}
	.elastislide-vertical ul li {
		max-width: 112px !important;
		max-height: 67px !important;
	}
	.elastislide-vertical ul li img {
		max-height: 63px !important;
		max-width: 108px !important;
	}
	.spinlarge{ display: none;} 
	
	.message-s{ display: block;}
	.message-l{ display: none;}
	ul.models li h3 {
		font-size: 19px;
	}
	div.model-nav h3.modelname{ 
		max-width: 180px;
		line-height: 38px;
	}
	
	div.model-nav div.left p span {
		font-size: 14px;
	}
	div.ptl h1, div.ptr h1, div.pbl h1, div.pbr h1, 
	div.ptl h2, div.ptr h2, div.pbl h2, div.pbr h2, 
	div.ptl h3, div.ptr h3, div.pbl h3, div.pbr h3, 
	div.ptl h4, div.ptr h4, div.pbl h4, div.pbr h4, 
	div.ptl h5, div.ptr h5, div.pbl h5, div.pbr h5 {
		font-size: 38px !important;
		line-height: 38px !important;
	}
	.page-content h3 { font-size: 14px; line-height: 16px; }
	.page-content h4 { font-size: 12px; line-height: 15px; }
	.page-content h5 { font-size: 11px; line-height: 13px; }
}

@media only screen and (max-width: 959px) {

    .full-contact-details { padding-left: 0 !important; }
    .full-contact-details, #contact-form { width: 100%; clear: both; }
    .full-contact-details ul { width: 50%; float: left; }
	.spinlarge{ display: none;} 
	.message-s{ display: block;}
	.message-l{ display: none;}
	
	.page-content h3 { font-size: 13px; line-height: 16px; }
	.page-content h4 { font-size: 11px; line-height: 15px; }
	.page-content h5 { font-size: 10px; line-height: 13px; }
	footer a.footersub{color: #888888;
		padding: 0px 3px; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	body { font: 11px/1.3 Arial, Tahoma, sans-serif; }

    div.page, .holder {
		margin: 0 auto;
		text-align: left;
		width: 768px;
	}
    div.model-header div.image * {
		max-width: 485px;
	}

	div.model-header .arrows {
		width: 768px;
	}
    div.model-header div.content{
		width: 215px;
		margin: 16px 0 45px 35px;
	}
	div.model-header div.holder {
    	height: 330px;
	}
	div.model-header {
    	height: 400px;
	}
	div.model-header ul.thumbs {
		top: 370px;
	}
	
	div.model-header div.content h2, div.model-header div.content-new h2 {
		font-size: 13px;
	}
	div.model-header div.content p, div.model-header div.content-new p {
		padding: 5px 0 0;
		line-height: 13px;
	}
	#content {
    	padding: 340px 0 0;
	}
    #map_canvas { height: 450px; }
	nav > ul > li > a{
		padding: 14px 8px;
		font-size: 10px;
	}
	footer input {
		width: 100px;
	}
	footer ul {
		font-size: 11px;
	}
	ul.inner-tabs {
		font-size: 11px;
	}
	ul.inner-tabs li:first-child {
		padding: 20px 13px 10px;
	}
	ul.inner-tabs li a {
		padding: 14px 11px 8px;
	}
	ul.inner-tabs li.active a {
		padding: 24px 13px 14px;
	}
	
	ul.inner-tabs li a {
		padding: 14px 11px 8px;
	}
	
	
	h1 { font-size: 20px; line-height: 20px;  }
	h2 { font-size: 13px; line-height: 13px; }
	
	h2.page-title {
		font-size: 20px; line-height: 20px;
	}
	div.section-title h2 {
		font-size: 20px;
		line-height: 20px;
	}
	
	ul.models > li {
		height: 205px;
	}
	ul.models li p {
		font-size: 10px;
		line-height: 13px;
	}
	
	ul.dealers li h3 {
		font-size: 14px;
		line-height: 15px;
		height: 32px;
	}
	a.forward span, button.forward span {
		padding-right: 10px;
	}
	a.button, p.button, button, input.button, .ui-button, button.reset{ line-height: 10px; font-size: 10px; padding: 0 4px;}
	.dealersbuttons{margin-top: 5px;}
	ul.dealers .item a.button { margin-right: 1px;}
	ul.dealers li div.item{ min-height: 105px; max-height: 105px;}
	
	div.boxes-module1 ol > li:before, div.boxes-module1 span {
		font-size: 23px;
		line-height: 30px;
		width: 36px;
		top: 118px;
	}
	div.boxes-module1 div.image img{ max-width: 100%;}
	div.boxes-module1 div.image{ height: 100px; padding: 0 10px 0 0;}
	div.text-module h3 {
		font-family: 'ModernHMedium',Arial,sans-serif;
		font-size: 32px;
		line-height: 32px;
	}
	div.specification-module th, div.specification-module td {
		padding: 5px !important;
		font-size: 11px !important;
	}
	
	div.model-header div.video-slide div.content {
		margin: 20px 40px 0 0;
	}
	div.model-header div.video-slide div.image iframe {
		width: 400px;
		height: 225px;
		padding: 4px;
	}
	div.model-header div.video-slide div.image{ width: auto; height: auto; margin: 20px 0 0 40px;}
	.flexslider .slides > li {max-height: 290px;}
	.spinsmall img {max-width: 100%;}
	.elastislide-vertical ul li {
		max-width: 88px !important;
		max-height: 67px !important;
		overflow: hidden;
	}
	.elastislide-vertical ul li img {
		max-height: 63px !important;
		max-width: 84px !important;
	}
	.elastislide-wrapper {width: 725px !important; }
	.wdg-fragment-header {padding:22px 0 0px 0 !important;}
	.flexslider .slides img { max-width: 100%;}
	ul.dealers li h2 {
		line-height: 14px;
		height: 30px;
		font-size: 14px;
	}
	
	ul.dealers li p { font-size: 11px; line-height: 15px;}
	
	ul.models li h3 {
		font-size: 15px;
	}
	div.model-nav h3.modelname{ 
		font-size: 28px;
		line-height: 28px;
		max-width: 125px;
	}
	div.model-nav div.left p span {
		font-size: 14px;
	}
	
	div.ptl h1, div.ptr h1, div.pbl h1, div.pbr h1, 
	div.ptl h2, div.ptr h2, div.pbl h2, div.pbr h2, 
	div.ptl h3, div.ptr h3, div.pbl h3, div.pbr h3, 
	div.ptl h4, div.ptr h4, div.pbl h4, div.pbr h4, 
	div.ptl h5, div.ptr h5, div.pbl h5, div.pbr h5 {
		font-size: 28px !important;
		line-height: 28px !important;
	}
	
	div.ptl p, div.ptr p, div.pbl p, div.pbr p {
		font-size: 11px;
		line-height: 18px;
	}
	ul.dealers .item .button {
		min-width: 10px;
	}
	.flex-control-nav a {
       
        height: 16px;
        width: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }
	
}

@media only screen and (max-width: 767px) {

     div.page, .holder {
		margin: 0 auto;
		text-align: left;
		width: 420px;
	}
	div.model-header .arrows {
		width: 420px;
	}
	div.model-header div.image * {
		max-width: 100%;
	}

	div.model-header div.holder {
		padding: 0;
		height: auto;
	}
	#content { padding: 0; min-height: none;}
	
    /* Tim Pietrusky advanced checkbox hack (Android <= 4.1.2) */
    body { -webkit-animation: bugfix infinite 1s; }
    @-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

    .hm2 {
        position: relative;
        background: #c32126;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        behavior: url(PIE.html);
        right: 0;
        bottom: 0;
        padding: 5px;
        font-size: 0.9em;
    }

    .nav-heading {
        display: block;
        position: absolute;
        right: 55px;
        top: 0px;
        color: #fff;
		font-size: 10px;
        height: 40px;
        line-height: 40px;
    }

    label.nav-button {
        display: block;
        float: right;
        position: relative;
        z-index: 2;
        overflow: hidden;
        height: 20px;
        width: 28px;
        line-height: normal !important;
        padding: 10px 0 !important;
        margin: 0 10px 0 0 !important;
		line-height: 40px;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
    }

    label.nav-button .line {
        display: inline-block;
        background: #fff;
        height: 2px;
        width: 25px;
        float: left;
    }
    
    label.nav-button #line-one { margin: 2px 3px 0 3px; }
    label.nav-button #line-two { margin: 2px 3px 0 3px; }
    label.nav-button #line-three { margin: 2px 3px 0 3px; }
    label.nav-button #line-four { margin: 2px 3px 0 3px; }

    label.nav-button:after {
        content: '';
        display: block;
        height: 27px;
        width: 36px;
    }
    
    input#nav-toggle:checked + label.nav-button:after {
        content: '';
    }
	header ul.nav { background: #E2E2E3; width: 100%;}
    #nav ul.menu {
        display: block;
        position: relative;
        left: 0;
        opacity: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
		background: #fff;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }
    
    #nav ul.menu li {
        display: block;
        clear: both;
        width: 100%;
    }
    
    #nav ul li span.menu-arrows {
        left: 0px;
    }
    
    #nav ul.menu li a {
        border-top: none;
        padding: 12px 20px;
		font-size: 18px;
    }
	nav > ul > li {
		background: #fff;
	}
	nav > ul > li > a { color: #5B5B5B;}
    #nav ul li:hover > a.link:link,
    #nav ul li:hover > a.link:visited,
    #nav a.link:hover,
    #nav a.link:active,
    #nav a.link-selected:link,
    #nav a.link-selected:hover,
    #nav a.link-selected:active,
    #nav a.link-selected:visited {
		font-weight: bold;
    }

    input#nav-toggle:checked ~ ul.menu { opacity: 1; height: auto; }




	.content-area .subnav-heading {
        display: block;
        position: absolute;
        right: 55px;
        top: 0px;
        color: #555555;
		font-size: 10px;
        height: 60px;
        line-height: 60px;
    }

    .content-area label.subnav-button {
        display: block;
        float: right;
        position: relative;
        z-index: 2;
        overflow: hidden;
        height: 20px;
        width: 28px;
        line-height: normal !important;
        padding: 20px 0 !important;
        margin: 0 10px 0 0 !important;
		line-height: 60px;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .content-area label.subnav-button .line {
        display: inline-block;
        background: #555555;
        height: 2px;
        width: 25px;
        float: left;
    }
    
    .content-area label.subnav-button #line-one { margin: 2px 3px 0 3px; }
    .content-area label.subnav-button #line-two { margin: 2px 3px 0 3px; }
    .content-area label.subnav-button #line-three { margin: 2px 3px 0 3px; }
    .content-area label.subnav-button #line-four { margin: 2px 3px 0 3px; }

    .content-area label.subnav-button:after {
        content: '';
        display: block;
        height: 27px;
        width: 36px;
    }
    
    .content-area input#subnav-toggle:checked + label.subnav-button:after {
        content: '';
    }
	
    .content-area input#subnav-toggle:checked ~ ul.tabs { opacity: 1; height: auto; }
	
	 .content-area ul.tabs {
       
        opacity: 0;
        height: 0;
        overflow: hidden;
		width: 100%;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }
	
	
    .row.banner {
        display: none !important; /* Hidde for small desktop resolution */
    }
	a.prev-arrow-big, a.next-arrow-big {
		background: url("../images/assets/mobile/marrow.png") no-repeat scroll 0 0 transparent;
		height: 20px;
		margin-top: -10px;
		width: 20px;
	}
	a.next-arrow-big {
		background-position: -20px 0;
	}
	div.model-header div.content {
		background: none;
		color: #333333;
		float: none;
		height: auto;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	div.model-header div.content h1, div.model-header div.content-new h1 {
		font-size: 18px;
		line-height: 22px;
	}
	div.model-header div.content h1 span, div.model-header div.content-new h1 span {
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 18px;
	}
	div.model-header div.content h2, div.model-header div.content-new h2 {
		font-size: 12px;
		line-height: 14px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
	}
	div.model-header {
		position: relative;
		overflow: visible;
		height: auto;
	}
	
    .website-by {
        display: block;
        clear: both;
    }
	ul.dots, ul.dfcb-crsl-dot-nav {
		display: block;
		margin: 5px auto;
		padding: 10px 0;
		position: relative;
		text-align: center;
		width: 100%;
		z-index: 11;
	}
	ul.dots li, ul.dfcb-crsl-dot-nav li {
		display: inline;
		padding: 0 8px;
	}
	ul.dots li a, ul.dfcb-crsl-dot-nav li a {
		background: url("images/dots.html") no-repeat scroll 0 0 transparent;
		display: inline-block;
		height: 8px;
		overflow: hidden;
		position: relative;
		width: 8px;
	}
	.dfcb-crsl .dfcb-crsl-dot-nav li a.active {
		background-position: 0 100%;
	}
	ul.dots li a {
		background: none repeat scroll 0 0 transparent;
	}
	ul.dots li a img {
		left: 0;
		position: absolute;
	}
	
	ul.dots li.active a img {
		top: -8px;
	}
	div.model-header ul.dots { position: relative; top: auto;}
	div.model-header ul.thumbs li img {
		border: none;
		box-shadow: 0 0 0;
		opacity: 1;
	}
	div.model-header div.content ul.actions, div.model-header div.content-new ul.actions {
		left: 0px;
		margin-top: 15px;
		position: relative;
		top: 0;
	}
	div.model-header ul.carousel > li { position: relative;}
	.mpromo img{ width: 48%; margin: 5px 1%; float: left;}
	footer {
		padding: 0px 0 55px;
	}
	.share{ float: right; margin: 0 !important; padding: 0 !important; width: auto !important;}
	ul.share li:first-child {
		clear: none;
		float: left;
	}
	footer section.sitemap {
		padding: 20px 0 8px;
		line-height: 25px;
	}
	
	.findyourcar{ 
		position: fixed; left: 0; right: 0; bottom: 0; min-height: 45px;color: #fff;font-family: 'ModernHLight',Arial,sans-serif;	font-size: 16px;font-weight: bold;line-height: 45px; text-align: center;z-index: 99999; color: #888888;
		background: #19528b;
		background: #19528b -moz-linear-gradient(top, #003366 0%, #19528b 100%);
		background: #19528b -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003366), color-stop(100%,#19528b));
		background: #19528b -webkit-linear-gradient(top,  #003366 0%,#19528b 100%);
		background: #19528b -o-linear-gradient(top,  #003366 0%,#19528b 100%);
		background: #19528b -ms-linear-gradient(top,  #003366 0%,#19528b 100%);
		background: #19528b linear-gradient(top,  #003366 0%,#19528b 100%);
	}
	.findcar-button{ text-transform: uppercase; }
	.bottomlarrow{ 
		height: 20px; width: 20px; position: absolute; left: 10px; top: 13px; background:url("../images/assets/mobile/marrow.png") no-repeat scroll 0 0 transparent; background-position: -40px 0;
	}
	.bottomrarrow{ 
		height: 20px; width: 20px; position: absolute; right: 10px; top: 13px; background:url("../images/assets/mobile/marrow.png") no-repeat scroll 0 0 transparent; background-position: -40px 0;
	}
	
	label.findcar-button:after {
		content: "";
		display: block;
		width: 100%;
	}
	
    input#findcar-toggle:checked ~ .bottomlarrow {
       background-position: -60px 0;
    }
	input#findcar-toggle:checked ~ .bottomrarrow {
       background-position: -60px 0;
    }
	label.findcar-button {
		cursor: pointer;
		display: block;
		min-height: 45px;
		line-height: 45px;
		position: relative;
		width: 100%;
		z-index: 2;
		color: #fff;
	}
	
	.findcarsection {
		display: block;
        position: relative;
        left: 0;
        opacity: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
		background: #fff;
		font-family:Arial, Helvetica, sans-serif;
		color: #333333;
		font-size: 10px;
	}
	input#findcar-toggle:checked ~ .findcarsection {
		height: auto;
		max-height: 160px;
		overflow-y: scroll;
		opacity: 1;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
	}
	.findyourcarcontent{ padding: 15px 0;}
    .ui-btn-up-a {
		color: #7A7A7A;
		font-weight: bold;
		text-shadow: 0 1px 0 #FFFFFF !important;
	}
	.row.maininner {
        margin: 0px auto;
    }
	.content-area{ background: #efefed;}
	.inner-content-wrapper{ background: #efefed;}
	ul.tabs li {
		float: none;
		display: block;
		padding: 0;
		border-bottom: solid 1px #e8e5e0;
	}
	ul.inner-tabs li a {
		border-left: none;
	}
	ul.inner-tabs li.active {margin: 0; }
	ul.inner-tabs li.active a{padding: 14px 20px 8px;}
	ul.inner-tabs li:first-child {
		border: 0 none;
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 12px;
		line-height: 18px;
		text-transform: none;
		padding: 0;
	}
    .content-area {
		z-index: 1;
    }
	.innertitle{
		font-family: 'ModernHBold',Arial,sans-serif;
		font-size: 18px;
		padding: 20px 22px 10px 5px;
		text-transform: uppercase;
	}
	
	ul.models {
		width: 96%;
		padding: 10px 2%;
	}
	ul.models > li {
		float: left;
		height: 180px;
		width: 50%;
		text-align: left;
	}
	div.model-header div.content{
		border-left: none;
	}
	div.model-header div.image img{ margin-left: 0;}
	.row.header {position: fixed; top:0; }
	div.boxes-module1 ol > li {
		float: left; position: relative;
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
		border-left: #dbdbdb solid 1px;
	}
	
	div.boxes-module1 p { line-height: 18px; font-size: 11px; margin-bottom: 20px;}
	div.boxes-module1 ol.fourcols li {width: 43%;}
	
	div.boxes-module1 div.image img{ max-width: 100%;}
	div.boxes-module1 div.image{ height: auto; padding: 0 10px 0 0; text-align: center;}
	div.boxes-module1 ol > li:before, div.boxes-module1 span{ display: none;}
	div.boxes-module1 ol li{ border: 0;}
	
	div.boxes-module2 ol > li {
		width: 100%;
		padding: 0 ;
	}
	div.boxes-module2 ol.fourcols li {
		width: 98%;
		margin-bottom: 20px;
	}
	
	div.boxes-module2 p { line-height: 18px; font-size: 11px; margin-bottom: 20px;}
	div.boxes-module2 div.image img{ max-width: 100%;width: auto;}
	div.boxes-module2 div.image{ padding: 0 10px 0 0; text-align: center;}
	div.boxes-module2 h3 { font-size: 15px;}
	div.model-profile{ position: static;}
	div.model-profile div.content{ position: static; width: 100%; padding: 0; max-width: none;}
	div.model-profile div.white { color: #333333;}
	div.model-profile.left img, div.model-profile.right img { float: none; max-width: none; margin: 10px 0;}
	/*ul.tabs li {float: left;}*/
	div.text-module h3 {
		font-family: 'ModernHMedium',Arial,sans-serif;
		font-size: 32px;
		line-height: 32px;
	}
	div.specification-module th, div.specification-module td {
		padding: 5px !important;
		font-size: 11px !important;
	}
	div.model-header{
		position: relative;
		height: auto;
		overflow: visible;
	}
	    
    .flex-direction-nav .flex-next {
		background: url("../images/assets/mobile/marrow_next_l.png") no-repeat scroll 0 0 transparent;
		height: 30px;
		/*margin-top: -125px;*/
		width: 30px;
		right: -10px;
		z-index: 100001;
    }

    .flex-direction-nav .flex-prev {
        background: url("../images/assets/mobile/marrow_prev_l.png") no-repeat scroll 0 0 transparent;
		height: 30px;
		/*margin-top: -125px;*/
		width: 30px;
		left: -10px;
		z-index: 100001;
    }
	div.model-header div.content a.button, div.model-header div.content-new a.button, iv.content .actions a.button, ul.dealers .item a.button {
		-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
	}
	div.model-header div.image img {width: 280px; max-width: none; margin: 0 auto !important;}
	.panel-item{ position: relative; text-align: center; padding-top: 10px;}
    .flex-control-nav {bottom: -20px; }
	div.model-header div.holder {overflow: visible;}
	div.accessories-model div.right {float: none !important;}
	div.accessories-model div.image { text-align: center; padding: 10px 0;}
	div.accessories-model ul.accessories li {
		float: none;
		max-height:  none;
		min-height: none;
		overflow: visible;
		padding-left: 2%;
		padding-right: 2%;
		margin: 10px 0;
		width: auto;
		clear: both;
	}
	
	div.accessories-model ul.accessories li:hover {
		background: none;
		padding: 10px 2%;
		margin: 10px 0;
	}
	div.accessories-model ul.accessories li:hover a.magnify {
		display: none;
	}
	
	.content-area ul.tabs{ opacity: 1;}
	div.specification-module ul.tabs {
		height: auto;
	}
	div.accessories-model ul.tabs li {float: none !important;}
	div.specification-module ul.tabs li.ui-state-active a, div.specification-module ul.tabs li.active a{ border: solid 1px #CCCDCE;}
	
	.wdg-tab-nav li{
		margin: 5px 1% !important;
		width: 23% !important;
	}
	
	.wdg-tab-nav li.tn-btn a {
		width: 100% !important;
	}
	.wdg-tab-nav {
		clear: both !important;
		float: none !important;
	}
	.wdg-fragment-header h1 {
		padding: 6px 0 0 47px !important;
	}
	.elastislide-wrapper {
		width: 350px !important;
		max-width: none !important;
	}
	.elastislide-carousel {
		max-width: none !important;
		height: 201px;
		overflow: hidden;
	}
	.elastislide-vertical {
		padding: 0 2px !important;
		z-index: 1;
	}
	
	div.ptl h1, div.ptr h1, div.pbl h1, div.pbr h1, 
	div.ptl h2, div.ptr h2, div.pbl h2, div.pbr h2, 
	div.ptl h3, div.ptr h3, div.pbl h3, div.pbr h3, 
	div.ptl h4, div.ptr h4, div.pbl h4, div.pbr h4, 
	div.ptl h5, div.ptr h5, div.pbl h5, div.pbr h5 {
		font-size: 18px !important;
		line-height: 18px !important;
	}
	
	div.ptl p, div.ptr p, div.pbl p, div.pbr p {
		font-size: 11px;
		line-height: 18px;
	}
	
	div.model-profile{ min-height: 0}
	.specification-module h4{ margin: 5px 0;}
	footer div.search {
		float: none;
	}
	div.model-header div.content {
		min-height: 100px;
		width: 90%;
		padding: 0 5%;
		
	}
	div.model-header {
		height: auto;
		position: relative;
		top: 0px;
	}
	.flexslider{ margin-bottom: 30px;}
	div.cservice p.mandatory + h3, div.cservice p.mandatory + h3.title {
		margin: 0 !important;
	}
	ul.dealers .item .button {
		min-width: 10px;
	}
	div.section-title ul.share li a.print{ display: none;}
	div.about-nav {
		margin: 10px 0;
		width: 100%;
	}
	
	
	.landscapeonly{ display: block;}
	.portraitonly{ display: none;}
	
    .flexslider .slides > li {height: auto;} 
	.mnavigation{ position: fixed; top: 0; left: 0; right: 0; width: 100%;}
	nav{ float: none;}
	h1 { font-size: 18px; padding-right: 105px; }
	.flex-control-nav a {
        height: 16px;
        width: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }
	    
    .flex-control-nav li {margin: 2px 12px; }
	.elastislide-next{ display: block !important}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    

    #map_canvas { height: 300px; }
	
	ul.dealers > li {
		float: left;
		width: 48%;
		margin: 10px 1%;
	}
	a.forward span{ padding-right: 10px; font-size: 10px;}
	
	ul.dealers .item a.button {
		margin-right: 1px;
		
	}
	div.boxes-module1 div.image img{
		margin-bottom: 10px;
	}
	
}

@media only screen and (max-width: 479px) {
	input#findcar-toggle:checked ~ .findcarsection {
		max-height: 310px;
	}
    div.page, .holder {
		margin: 0 auto;
		text-align: left;
		width: 300px;
	}
	div.model-header .arrows {
		width: 300px;
	}
	
	
	header ul.nav li a {
		padding: 5px 3px 5px 18px;
		background-position: 7px 50%;
	}
	footer section.sitemap p span {
		padding-left: 10px;
	}
	footer section.sitemap p img {
		width: 27px;
	}
	.nav-heading{ display: none;}
	.subnav-heading{ display: none !important;}
    #map_canvas { height: 250px; }
	
	
	.elastislide-wrapper {
		width: 280px !important;
		max-width: none !important;
	}
	.elastislide-carousel ul li {
		max-width: 87px !important;
		max-height: 63px !important;
		overflow: hidden;
		padding: 2px;
	}
	div.ptl h1, div.ptr h1, div.pbl h1, div.pbr h1, 
	div.ptl h2, div.ptr h2, div.pbl h2, div.pbr h2, 
	div.ptl h3, div.ptr h3, div.pbl h3, div.pbr h3, 
	div.ptl h4, div.ptr h4, div.pbl h4, div.pbr h4, 
	div.ptl h5, div.ptr h5, div.pbl h5, div.pbr h5 {
		font-size: 18px !important;
		line-height: 18px !important;
	}
	
	div.ptl p, div.ptr p, div.pbl p, div.pbr p {
		font-size: 11px;
		line-height: 18px;
	}
	.followus{ display: none;}
	ul.dealers > li {
		float: left;
		width: 98%;
		margin: 10px 1%;
	}
	
	div.boxes-module1 div.image {
		overflow: visible;
		height: auto;
		padding: 0;
	}
	div.boxes-module1 div.image img{
		width: 100%;
	}
}

/*  ============================================================================
    # Helper Classes
    ========================================================================= */

    .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
    .clearfix:after { clear: both; }
    .clearfix { zoom: 1; }
    .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

    .hidden { display: none !important; visibility: hidden; }
    .visible { background: #c32126 !important; }
    .rel { position: relative; }
    .fr { float: right !important; }

/*  ============================================================================
    # Print
    ========================================================================= */

@media print {
    * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } 
    a, a:visited { text-decoration: underline; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } 
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}
div#left-column .bold {
    font-size: 14px;
    font-weight: bold;
}
#left-column div#formbook {
    /* width: 500px; */
}
#left-column div#formbook label {
    clear: both;
    float: left;
    font-weight: bold;
    padding: 5px;
    width: 185px;
	font-size:12px;
}
#left-column div#formbook input {
    float: left;
    width: 200px;
}
#left-column div#formbook select {
    float: left;
    width: 205px;
}

#left-column div#formbook textarea {
    float: left;
    width: 200px;
}
#left-column div#formbook ul {
    background: none repeat scroll 0 0 #FEEBEB;
    border: 1px solid #FF9999;
    color: #FF0000;
    margin-bottom: 10px;
    padding: 10px;
    width: 379px;
}
.green-box {
    background: none repeat scroll 0 0 #EEFFDD;
    border: 1px solid #A3C159;
    color: #697A58;
    padding: 10px;
}