html { padding:0px; margin:0px; }
body { color:#3b3b3b; padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; line-height:1.5em; background: #ebebeb; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #ebebeb 0%, #ffffff 50%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(50%,#ffffff), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top,  #ebebeb 0%,#ffffff 50%,#ebebeb 100%); background: -o-linear-gradient(top,  #ebebeb 0%,#ffffff 50%,#ebebeb 100%); background: -ms-linear-gradient(top,  #ebebeb 0%,#ffffff 50%,#ebebeb 100%); background: linear-gradient(to bottom,  #ebebeb 0%,#ffffff 50%,#ebebeb 100%); }

.btn, .right_column .infopop { background: #66be2e; color:#fff; font-weight:bold; padding:7px 15px; border-radius:4px; background: url(data:image/svg+xml base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzY2YmUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZGE0MWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #66be2e 1%, #4da41e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#66be2e), color-stop(100%,#4da41e)); background: -webkit-linear-gradient(top,  #66be2e 1%,#4da41e 100%); background: -o-linear-gradient(top,  #66be2e 1%,#4da41e 100%); background: -ms-linear-gradient(top,  #66be2e 1%,#4da41e 100%); background: linear-gradient(to bottom,  #66be2e 1%,#4da41e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66be2e', endColorstr='#4da41e',GradientType=0 ); }
a.btn:hover { color:#fff; }

h1, h2, h3, h4, h5, .h1, .h2, .h3, .p, p { margin:0; padding:0 0 17px 0; }

h1, .h1 { font-size:1.8em; }
h2, .h2 { font-size:1.6em; }
h3, .h3 { font-size:1.4em; }
h4, .h4 { font-size:1.2em; }

form { margin:0; padding:0; } 
select { font-family:Arial,_sans; font-size:1em; }
img { border-style:none; vertical-align:middle; }
a { color:#29410e; text-decoration:none; }
a:hover { text-decoration:underline; color:#000; }
input, textarea, select { color:#1b2d64; font-family:'Titilium Web', Calibri, Arial, Helvetica, sans-serif; font-size:0.95em; vertical-align:middle; }

.clear { clear:both; height:0px; overflow:hidden; }
.photoright { float:right; margin-left:27px; margin-bottom:20px; }
.photoleft { float:left; margin-right:27px; margin-bottom:20px; }

.container { max-width:969px; width:969px/9; margin:0 auto; position:relative; }
.cs:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.icon, .image { overflow:hidden; white-space:nowrap; text-indent:100%; background:url(sprite.png) top left no-repeat; display:inline-block; }
.header { padding-top:10px; }
.header h1 { padding-top:15px; }
.header .info { float:right; padding-top:15px; }

.left_column { float:left; width:843px; }
.right_column { float:right; width:100px; background:#e2e2e2; }

.logo { font-weight:bold; color:#15488e; }
.colour { color:#15488e; }
.logo .icon { float:left; width:64px; height:64px; background-position:-33px -175px; margin-right:15px; }
.info .icon { float:right; width:28px; height:28px; background-position:-103px -174px; cursor:pointer; }

#details { text-align:right; }
.detailtext { padding:0 15px 15px 0; font-size:0.95em; }

.x { width:27px; height:26px; background-position:0 -175px; display:block; margin:0 auto; }
.close { padding:15px 5px 100px; text-align:center; visibility:hidden; }

#boxes .image { width:50px; height:111px; }
#boxes .icon { width:19px; height:11px; background-position:0px -231px; position:absolute; top:100%; left:50%; margin-left:-9px; display:none; }
#boxes .narrow .image { background-position:-250px -61px; }
#boxes .medwidelong .image { background-position:-202px -61px; }
#boxes .medwide .image { background-position:-151px -61px; }
#boxes .shortwide .image { background-position:-51px -61px; }
#boxes .shortthin .image { background-position:-1px -61px; }
#boxes .longwide .image { background-position:-100px -61px; }
#boxes .alt { display:none; }
#boxes .active > .icon { display:block; }

#cars .image { width:84px; height:60px; display:block; }
#cars .icon { width:11px; height:21px; background-position:-17px -203px; position:absolute; top:50%; left:-11px; margin-top:-5px; display:none; }
#cars .mini .image { background-position:0px 0px; }
#cars .hatchback .image { background-position:-85px 0px; }
#cars .saloon .image { background-position:-169px 0px; }
#cars .estate .image { background-position:-253px 0px; }
#cars .mpv .image { background-position:-337px 0px; }
#cars .fourbyfour .image { background-position:-420px 0px; }
#boxes .active > .icon { display:block; }
.car { position:relative; cursor:pointer; padding:0px 10px; }
.car.active { background:#fff; }
#cars .car.active > .icon { display:block; }
.car .icon { display:none; }

#maincar { height:435px; clear:both; padding-top:2px; }

.boxgroup { float:left; }
.boxgroup .title { text-align:center; padding:3px 5px; border:#fff 1px solid; border-radius:4px; background:#e2e2e2; margin:0 7px 7px 0; }
.boxgroup.active > .title, .boxgroup .boxitem.active { background:#fff; }

.boxitem { float:left; margin-right:8px; text-align:center; padding:3px 10px; border:#fff 1px solid; border-radius:4px; background:#e2e2e2; position:relative; cursor:pointer; }

.left_section { float:left; width:39%; padding:0 1%; }
.right_section { float:right; width:58%; }

.infopop { position:absolute; padding:8px; color:#2236ad; font-weight:bold; display:none; z-index:100; }

.left_column .infopop { background:#fff; border:#d9d9d9 1px solid; width:248px; margin-left:242px; margin-top:42px; }
.left_column .infopop .icon { width:16px; height:10px; background-position:-103px -208px; left:50%; top:0px; margin-top:-10px; position:absolute; }
.right_column .infopop { width:251px; margin-left:-300px; margin-top:108px; }
.right_column .infopop .icon { width:11px; height:21px; background-position:0px -203px; left:100%; top:50%; margin-top:-10px; position:absolute; }

.popup { background:url(popupback.png); color:#fff; padding:15px 20px; border-radius:10px; border:#527ec5 2px solid; position:absolute; left:10px; top:200px; width:800px; }
.popup ol { font-weight:bold; margin:0; padding:0 0 12px 20px; }
.popup p { padding-bottom:12px; }
.popup .btn { display:inline-block; font-weight:normal; font-size:1.1em; border-radius:5px; margin-right:30px; border:#c9c9c9 1px solid; border-radius:10px; width:auto; overflow:visible; color:#666666; padding:6px 15px; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); zoom:1; }
.popup a.btn:hover { color:#000!important; }
.popup h2 { font-size:1.4em; }
.popup h3 { font-size:1.2em; padding-bottom:12px; }
.popup .closex { position:absolute; background:url(popupx.png) top left no-repeat; width:33px; height:34px; cursor:pointer; left:95%; top:-20px;  }

.box .left_section { width:35%; margin-bottom:8px; }
.box .right_section { width:63%; margin-bottom:8px; }
.box .right_section .bigtext { font-size:1.8em; line-height:1.0em; }
.box .logo .icon { margin-right:0; }
.boxbody { background:#fff; border-radius:10px; padding:10px; font-size:0.8em; min-height:112px; } 
.boxbody h1 { font-size:1.2em; margin:0; padding:0 0 3px; }
.boxbody h1 a { color:#27378d; }
.boxbody ul { margin:0 0 0 15px; padding:0; line-height:1.4em; }
.boxbody ul li { padding-top:4px; }
.boxbody .photoright { text-align:right; color:#666666; font-weight:bold; }
.boxbody p { margin:0; padding:0 0 5px; }
.left_section .boxbody { float:right; overflow:hidden; }
.left_section .boxbody img { margin:-19px 0; }

.red { color:#ff0000; }
.right { text-align:right; }
.bigtext { font-size:1.2em; }

@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px), only screen and (max-device-width: 480px) {
	.container, .left_section, .right_section, .left_column, .right_column, #maincar, .popup { width:auto!important; float:none!important; height:auto!important; }
	.menu-toggle {
	font-size:1em;
	 background:#38480d url(drop_menu_icon.png) no-repeat 98% 8px;
	 display: block;
	 padding: 3px 10px 7px;
	 color: #fff;
	 clear: both;
	 overflow: hidden;
	 cursor:pointer;
	 margin:0px; 
	 text-align:left;
	}
	.boxgroup .title { margin:0 2px 2px 0; font-size:0.9em; }
	.boxitem { margin-right:2px; }
	#details { margin-bottom:20px; }
	.info, .close { display:none; }
	.car { float:left; }
	img {
	max-width:100%;
	width:auto!important;
	height:auto!important;
	}
	.reel-cache img { 
		width:10px!important;
		height:10px!important;
	}
	iframe { width:100%!important; }
}
@media handheld and (max-width: 280px), screen and (max-device-width: 280px), screen and (max-width: 400px), only screen and (max-device-width: 280px) {
	
}