/* Reset
--------------------------------------------*/
*											{ margin: 0; padding: 0; }



/* General Layout
--------------------------------------------*/
body										{ font: 18px/30px arial, helvetica, sans-serif; }
body#islandcarcredit						{ color: #666; background: #0f75bc url('/v2/template/body-bg.png') repeat-x left top; text-align: center; }

div#container								{ width: 970px; margin: 0 auto; text-align: left; }
div#header									{ height: 380px; }
div#banner									{ width: 970px; height: 290px; background: url('/images/banner.png') no-repeat left top; }
div#enquire									{ display: inline; float: left; width: 920px; margin: 0 25px; }
div#footer									{ display: inline; float: left; width: 950px; }

div.block									{ float: left; width: 970px; margin: 0; background: url('/v2/template/block-bg.png') repeat-y; }
div.block div.top							{ background: transparent url('/v2/template/block-top.png') no-repeat left top; }
div.block div.bottom						{ padding: 25px 40px; background: transparent url('/v2/template/block-bottom.png') no-repeat left bottom; }



/* Special Layout
--------------------------------------------*/
div#downloadCreditGuide						{ display: inline; float: left; width: 905px; margin: 0 15px 0 30px; }

div.formLeft								{ float: left; width: 430px; margin: 0 30px 0 0; }
div.formRight								{ float: left; width: 430px; }

div.discussion 								{ margin: 0 0 20px; padding: 10px 20px; background: #eee; }

table#discussions	 						{ width: 100%; border-collapse: collapse; font-size: 14px; line-height: 20px; }
table#discussions th 						{ padding: 5px 5px; border: solid 1px #ccc; background: #eee; }
table#discussions td 						{ padding: 5px 5px; border: solid 1px #ccc; }

a#enquireLink								{ display: inline; float: left; width: 285px; height: 53px; margin: 200px 0 0 623px; }

div#getStarted 								{ display: inline; float: left; width: 330px; height: 132px; margin: 128px 0 0 580px; }



/* Navigation
--------------------------------------------*/
ul#nav										{ width: 970px; height: 60px; margin: 0; list-style: none; }
ul#nav li									{ float: left; list-style: none; }
ul#nav li a									{ display: block; height: 60px; background: url('/v2/template/nav.png'); text-indent: -9999px; }

ul#nav li#nav-home a:link,
ul#nav li#nav-home a:visited				{ width: 103px; background-position: 0 0; }
ul#nav li#nav-home a:hover					{ background-position: 0 -60px; }
ul#nav li#nav-home a.current:link,
ul#nav li#nav-home a.current:visited,
ul#nav li#nav-home a.current:hover			{ background-position: 0 -120px; }

ul#nav li#nav-enquire a:link,
ul#nav li#nav-enquire a:visited				{ width: 167px; background-position: -103px 0; }
ul#nav li#nav-enquire a:hover				{ background-position: -103px -60px; }
ul#nav li#nav-enquire a.current:link,
ul#nav li#nav-enquire a.current:visited,
ul#nav li#nav-enquire a.current:hover		{ background-position: -103px -120px; }

ul#nav li#nav-vehicles a:link,
ul#nav li#nav-vehicles a:visited			{ width: 240px; background-position: -270px 0; }
ul#nav li#nav-vehicles a:hover				{ background-position: -270px -60px; }
ul#nav li#nav-vehicles a.current:link,
ul#nav li#nav-vehicles a.current:visited,
ul#nav li#nav-vehicles a.current:hover		{ background-position: -270px -120px; }

ul#nav li#nav-forum a:link,
ul#nav li#nav-forum a:visited				{ width: 127px; background-position: -510px 0; }
ul#nav li#nav-forum a:hover					{ background-position: -510px -60px; }
ul#nav li#nav-forum a.current:link,
ul#nav li#nav-forum a.current:visited,
ul#nav li#nav-forum a.current:hover			{ background-position: -510px -120px; }

ul#nav li#nav-stories a:link,
ul#nav li#nav-stories a:visited				{ width: 195px; background-position: -637px 0; }
ul#nav li#nav-stories a:hover				{ background-position: -637px -60px; }
ul#nav li#nav-stories a.current:link,
ul#nav li#nav-stories a.current:visited,
ul#nav li#nav-stories a.current:hover		{ background-position: -637px -120px; }

ul#nav li#nav-about a:link,
ul#nav li#nav-about a:visited				{ width: 138px; background-position: -832px 0; }
ul#nav li#nav-about a:hover					{ background-position: -832px -60px; }
ul#nav li#nav-about a.current:link,
ul#nav li#nav-about a.current:visited,
ul#nav li#nav-about a.current:hover			{ background-position: -832px -120px; }



ul#nav2										{ width: 970px; height: 60px; margin: 0; list-style: none; }
ul#nav2 li									{ float: left; list-style: none; }
ul#nav2 li a								{ display: block; height: 60px; background: url('/v2/template/nav2.png'); text-indent: -9999px; }

ul#nav2 li#nav-home a:link,
ul#nav2 li#nav-home a:visited				{ width: 90px; background-position: 0 0; }
ul#nav2 li#nav-home a:hover					{ background-position: 0 -60px; }
ul#nav2 li#nav-home a.current:link,
ul#nav2 li#nav-home a.current:visited,
ul#nav2 li#nav-home a.current:hover			{ background-position: 0 -120px; }

ul#nav2 li#nav-enquire a:link,
ul#nav2 li#nav-enquire a:visited			{ width: 150px; background-position: -90px 0; }
ul#nav2 li#nav-enquire a:hover				{ background-position: -90px -60px; }
ul#nav2 li#nav-enquire a.current:link,
ul#nav2 li#nav-enquire a.current:visited,
ul#nav2 li#nav-enquire a.current:hover		{ background-position: -90px -120px; }

ul#nav2 li#nav-vehicles a:link,
ul#nav2 li#nav-vehicles a:visited			{ width: 181px; background-position: -240px 0; }
ul#nav2 li#nav-vehicles a:hover				{ background-position: -240px -60px; }
ul#nav2 li#nav-vehicles a.current:link,
ul#nav2 li#nav-vehicles a.current:visited,
ul#nav2 li#nav-vehicles a.current:hover		{ background-position: -240px -120px; }

ul#nav2 li#nav-forum a:link,
ul#nav2 li#nav-forum a:visited				{ width: 116px; background-position: -421px 0; }
ul#nav2 li#nav-forum a:hover				{ background-position: -421px -60px; }
ul#nav2 li#nav-forum a.current:link,
ul#nav2 li#nav-forum a.current:visited,
ul#nav2 li#nav-forum a.current:hover		{ background-position: -421px -120px; }

ul#nav2 li#nav-stories a:link,
ul#nav2 li#nav-stories a:visited			{ width: 184px; background-position: -537px 0; }
ul#nav2 li#nav-stories a:hover				{ background-position: -537px -60px; }
ul#nav2 li#nav-stories a.current:link,
ul#nav2 li#nav-stories a.current:visited,
ul#nav2 li#nav-stories a.current:hover		{ background-position: -537px -120px; }

ul#nav2 li#nav-about a:link,
ul#nav2 li#nav-about a:visited				{ width: 105px; background-position: -721px 0; }
ul#nav2 li#nav-about a:hover				{ background-position: -721px -60px; }
ul#nav2 li#nav-about a.current:link,
ul#nav2 li#nav-about a.current:visited,
ul#nav2 li#nav-about a.current:hover		{ background-position: -721px -120px; }

ul#nav2 li#nav-contact a:link,
ul#nav2 li#nav-contact a:visited			{ width: 144px; background-position: -826px 0; }
ul#nav2 li#nav-contact a:hover				{ background-position: -826px -60px; }
ul#nav2 li#nav-contact a.current:link,
ul#nav2 li#nav-contact a.current:visited,
ul#nav2 li#nav-contact a.current:hover		{ background-position: -826px -120px; }

.pages { float: right; width: 200px; margin: 20px 0 20px 20px; padding: 15px 20px; border: solid 1px #ccc; }
.pages ul { margin: 0; list-style: none; }
.pages li {  }



/* General Typography
--------------------------------------------*/
p											{ margin: 15px 0; }

ul											{ margin: 15px 0; }

h1											{ margin: 15px 0; color: #0f75bc; font-size: 36px; line-height: 40px; }
h2											{ font-size: 24px; }
h3											{  }

strong										{ color: #000; }

blockquote									{ margin: 0; padding: 0 30px; border-top: solid 1px #ccc; color: #999; font-style: italic; }



/* Special Typography
--------------------------------------------*/
div#header p								{ height: 30px; margin: 0 10px; color: #fff; font-size: 11px; }
div#footer p								{ color: #fff; text-align: center; }

div#downloadCreditGuide h1					{ color: #fff; font-size: 22px; margin: 15px 0 0 10px; }

table p										{ margin: 0 0 10px; }

div.discussion h3							{ margin: 10px 0; }
div.discussion p							{ margin: 10px 0; }
p.meta										{ margin: 0 20px 20px; font-size: 14px; }



/* Linkage
--------------------------------------------*/
a											{ outline: none; }
a img										{ border: none; }

a:link, a:visited							{ color: #0f75bc; text-decoration: none; }
a:hover										{ color: #0f75bc; text-decoration: underline; }

div#footer a:link, div#footer a:visited		{ color: #fff; text-decoration: none; }
div#footer a:hover							{ color: #fff; text-decoration: underline; }



/* Tables
--------------------------------------------*/
table										{ border-collapse: collapse; }
table.form									{ margin: 15px 0; }

table td									{ vertical-align: top; }



/* Forms
--------------------------------------------*/
input.textField								{ width: 408px; border: solid 2px #ccc; padding: 5px; color: #333; font-size: 24px; }
textarea.textareaField						{ width: 408px; border: solid 2px #ccc; padding: 5px; color: #333; font-size: 24px; }

input.required								{ border: solid 2px #999; }

form#applyForm 								{ font-size: 14px; line-height: 30px; }
form#applyForm input.apply_textfield		{ width: 190px; }
form#applyForm select.apply_select			{ width: 194px; }

div#getStarted table.form					{ width: 100%; margin: 0; }
div#getStarted table.form td				{ padding: 0 0 5px; }
div#getStarted table.form td.field			{ text-align: right; }

div#getStarted label						{ padding: 5px 0; font-size: 18px; }
div#getStarted input.homeField				{ padding: 5px 5px; border: solid 1px #ccc; background: #fff; font-size: 18px; }



/* Buttons
--------------------------------------------*/
a.button									{ display: block; text-indent: -9999px; }

a.bEnquireOnline							{ float: left; width: 196px; height: 70px; background: url('/v2/template/buttons/enquire.png'); }
a.bDownload									{ float: right; width: 157px; height: 70px; background: url('/v2/template/buttons/download.png'); }
a.bAddDiscussion							{ width: 183px; height: 42px; background: url('/v2/template/buttons/start-discussion.png'); }
a.bSubmit									{ width: 105px; height: 42px; background: url('/v2/template/buttons/submit.png'); }
a.bEnquireVehicle							{ width: 168px; height: 42px; background: url('/v2/template/buttons/enquire-online.png'); }
a.bContinue									{ width: 121px; height: 42px; background: url('/v2/template/buttons/continue.png'); }

a.bSinWithout								{ float: left; width: 239px; height: 35px; margin: 10px 0 0 0; background: url('/v2/template/buttons/sin.png'); }
a.bSinAdd									{ float: left; width: 176px; height: 35px; margin: 10px 0 0 10px; background: url('/v2/template/buttons/sin.png'); background-position: -239px 0; }

/* Miscellany
--------------------------------------------*/
div.clear									{ clear: both; }



/* Vehicles Section
--------------------------------------------*/
div#filters									{ margin: 0 -30px 0; padding: 20px 30px; background: url('/template/filters.gif') repeat-x left bottom; }
div.filter									{ width: 130px; float: left; line-height: 20px; }
div.filter h3								{ font-size: 12px; line-height: 20px; }
div.filter p								{ margin: 0; font-size: 14px; line-height: 20px; }

div.filter a:link, div.filter a:visited		{ color: #666; text-decoration: none; }
div.filter a:hover							{ color: #666; text-decoration: underline; }

div.filter a.current:link,
div.filter a.current:visited,
div.filter a.current:hover					{ color: #000; font-weight: bold; text-decoration: none; }

select.selectField							{ width: 110px; font-size: 11px; }

div#pageFilter								{ width: 205px; }
div#orderFilter								{ width: 205px; }

div#bodyFilter								{ width: 100px; }
div#bodyFilter select.selectField			{ width: 80px; }

div#makeFilter								{ width: 120px; }
div#makeFilter select.selectField			{ width: 100px; }

ul#vehicles									{ zoom: 1; margin: 0 -30px; padding: 0; list-style: none; }
ul#vehicles li								{ zoom: 1; display: inline; float: left; margin: 0; padding: 15px 30px 30px; border-top: solid 1px #ccc; }
ul#vehicles li div.vehiclePhoto				{ zoom: 1; display: inline; float: left; width: 146px; height: 10px; margin-right: 29px; }
ul#vehicles li div.vehicleInfo				{ zoom: 1; display: inline; float: left; width: 715px; padding-top: 25px; }

ul#vehicles li.over							{ cursor: pointer; background: #e5f2ff; }

ul#vehicles li div.vehiclePhoto img			{ float: left; border: solid 1px #ccc; padding: 2px; background: #fff; }

ul#vehicles li p							{  }
ul#vehicles li ul							{  }
ul#vehicles li h2							{ margin: 0; color: #018ad1; font-size: 24px; line-height: 20px; font-weight: normal; }

ul#vehicles li p.price						{ float: right; margin: 0; color: #018ad1; text-align: right; font-size: 24px; line-height: 20px; }
ul#vehicles li p.details					{ float: left; width: 735px; padding: 10px 0; margin: 0; color: #666; font-size: 18px; line-height: 16px; }
ul#vehicles li p.details strong				{ color: #aaa; font-size: 11px; }
ul#vehicles li p.details span				{ display: block; float: left; }

ul#vehicles li p.details span.type			{ width: 140px; }
ul#vehicles li p.details span.engine		{ width: 190px; }
ul#vehicles li p.details span.colour		{ width: 230px; }
ul#vehicles li p.details span.km			{ width: 155px; text-align: right; }

ul#vehicles a:link, ul#vehicles a:visited	{ color: #018ad1; text-decoration: none; }
ul#vehicles a:hover							{ color: #00298c; }

ul#vehicles a:link strong,
ul#vehicles a:visited strong				{ color: #018ad1; }
ul#vehicles a:hover strong					{ color: #00298c; }

ul#vehicles a:link span,
ul#vehicles a:visited span					{ color: #666; }
ul#vehicles a:hover span					{ color: #222; }

div#vehicle									{  }
div#vehiclePhotos							{ display: inline; float: left; width: 320px; padding: 15px 0; }
div#vehiclePhotos div#gallery				{ float: left; padding: 3px; border: solid 1px #ccc; }
div#vehicleDetails							{ display: inline; float: left; width: 550px; margin: 0 0 0 20px; }

p.backLink									{ font-size: 12px; line-height: 20px; }

table#details								{ width: 100%; line-height: 16px; font-size: 18px; }
table#details strong						{ color: #aaa; font-size: 11px; }

div.fuel_box								{ margin: 20px 0; padding: 10px; background: #eee; -moz-border-radius: 10px; font-size: 14px; line-height: 20px; }
div#features								{ margin: 20px 0; font-size: 12px; line-height: 20px; }

div#features ul								{ list-style: none; }

div.equipment_box							{ display: none; }




div.radioAds						{ width: 421px; margin: 0 0 0 0; border: solid 2px #999; background: #eee; font-size: 14px; }
div.radioAds h3						{ margin: 0; padding: 5px 10px 0; }
div.radioAds table					{ width: 100%; border-collapse: collapse; }
div.radioAds table td				{ padding: 0 10px; }
div.radioAds table td.player		{ padding: 0 10px 0 0; text-align: right; vertical-align: middle; }



#dialog-sin							{ background: #f00; padding: 10px; width: 500px; }
#dialog-sin-content					{ background: #fff; padding: 20px 20px 10px; }

#dialog-sin h2						{ margin: 0 0 10px; color: #fff; font-size: 18px; text-align: center; }
#dialog-sin p						{ margin: 0 0 10px; color: #000; font-size: 14px; text-align: left; line-height: 20px; }
#dialog-sin p.legal					{ color: #999; }