@charset "utf-8";
/* CSS Document */

/* ==| START: Base |=================================================================================== */

html { font-family: arial,helvetica,sans-serif; font-size:62.5%; /*margin:0px; padding:0px;*/  }
html * { /*position:relative;*/ margin:0em; padding:0em; line-height:1.2em; font-size:1em; color: #333333; }

ul, li, ol, li, p, dl, dt, dd { margin:0; padding:0; }

/* ==| END: Base |===================================================================================== */

/* ==| START: Zero-out Google toolbar defaults |======================================================= */

input.text, textarea, select 
{
	font-family:arial,helvetica,sans-serif!important;
	font-size:1em!important;
	color:#666666!important;
	background-color:#fff!important;
	border:1px solid #b2b2b2!important;
	padding: 2px;
}

input.focus, textarea.focus, select.focus
{
	color: #000000!important;
	border: 1px solid #000000!important;
}

a { color: #161b63; text-decoration: underline; }
a:hover { color: #666666; }
a:visited { color: #999999; }

.error { color: #CC0000; text-align: center; }
.error.contact { margin: 0 0 0.2em 90px; }


/* ==| END: Zero-out Google toolbar defaults |========================================================= */

/* ==| START: Tag Overrides |========================================================================== */

body { background: #ECECEC url(../img/bg-body.jpg) no-repeat top center;  }
body.homepage { background: #000a41 url(../img/bg-homepage.jpg) no-repeat top center; }

dl dt 
{
	color: #161b63;	
	font-size: 1.2em;
	font-weight: bold;
}

p { margin-bottom: 1em!important; line-height: 1.4em!important; }
p.faint { color: #7f7f7f; }

h2 { color: #161b63; font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #cccccc; padding-bottom: 0.8em; margin-bottom: 1em; border; margin-top: 1em; }

div.clear { clear: both; }

dl.image { }
dl.image dt,
dl.image dd { margin-left: 90px; line-height: 1.4em; }
dl.image dt { padding: 0; border-bottom: none; clear: left; }
dl.image dd.image { overflow: visible; position: relative; margin-left: 0px; top: -1.2em; float: left; }
dl.image dd.image img { border: 1px solid #CCCCCC; float: left;  position: relative; }



/* ==| END: Tag Overrides |============================================================================ */

/* ==| START: Page |=================================================================================== */

div#page { width: 800px; background-color: #FFFFFF; margin: 0 auto; }

/* ==| END: Page |===================================================================================== */

/* ==| START: Header |================================================================================= */

div#header 
{ 
	background: url(/img/bg-header.jpg) #2a3260 no-repeat top left;
	height: 125px; 
	position: relative;
}

div#header img.logo { position: absolute; top: 11px; left: 16px; }
div#header img.tagline { position: absolute; top: 78px; left: 230px; }
div#header ul { list-style: none; position: absolute; top: 14px; left: 259px; }
div#header ul li { float: left; }

/* ==| END: Header |=================================================================================== */

/* ==| START: Content |================================================================================ */

div#content { position: relative; background-color: #FFFFFF; color: #000000; padding: 0 18px 18px 18px; font-size: 1.2em; }
div#content div#title-section { border-bottom: 1px solid #cccccc; height: 73px; }
div#content div#title-section div.breadcrumb { color: #8a8db1; font-size: 1.2em; font-weight: bold; padding-top: 1em; }
div#content div#title-section div.breadcrumb a { color: inherit; text-decoration: none; }
div#content div#title-section div.breadcrumb a:hover { text-decoration: underline; }
div#content div#title-section div.title { font-size: 2.2em; font-weight: bold; color: #161b63; font-family: Geneva, Arial, Helvetica, sans-serif; }
div#content div#title-section div.description { font-size: 1.4em; }
div#content div#title-section div.button { position:absolute; top:0; left: 644px; background: url(/img/bg-content-title-section-button.gif) no-repeat #ebebeb; height: 73px; width: 138px; } /* ie6 override */
div#content div#title-section div.button img { position: absolute; top: 29px; left: 21px; }

/* ==| END: Content |================================================================================== */

/* ==| START: Content - Template 1 |=================================================================== */

div#content div#template1 { position: relative; margin-top: 2em; min-height: 28em; }
div#content div#template1.right-content { background: url(/img/bg-template1.gif) right repeat-y; }
div#content div#template1.right-content2 { background: url(/img/bg-template2.gif) right repeat-y; }
div#content div#template1 div.main { width: 605px; }
div#content div#template1 div#column-left { position: relative; top: 0; left: 0; width: 330px; float: left;  }
div#content div#template1.right-content2.contact div#column-left { width: 250px!important; }
div#content div#template1 div#column-left ul.regular { list-style: square; margin: 1.5em 0 1.5em 2em; }
div#content div#template1 div#column-left dl.search-vehicle { }
div#content div#template1 div#column-left dl.search-vehicle dt { padding: 1em 0; border-bottom: 1px solid #cccccc; }
div#content div#template1 div#column-left dl.search-vehicle dd { margin: 1em 0; padding: 14px; background-color: #ebebeb; }
div#content div#template1 div#column-left dl.search-vehicle dd #form label
{
	float: left;
	display: block;
	position: relative;
	width: 7em;
	margin: 0.5em auto;
	line-height: 1.7em;
}
div#content div#template1 div#column-left dl.search-vehicle dd #form input.text { width: 196px; margin: 0.5em auto; }
div#content div#template1 div#column-left dl.search-vehicle dd #form input.image { margin-top: 0.8em; margin-left: 6px; }
div#content div#template1 div#column-left dl.search-vehicle dd #form div.buttons { margin-left: 128px; }
div#content div#template1 div#column-left dl.search-vehicle dd #form select { width: 202px; margin: 0.5em auto; }

div#content div#template1 div#column-left dl.vehicle-details dt { color: black; font-size: 1.6em; }
div#content div#template1 div#column-left dl.vehicle-details dd.details { font-size: 1.4em; }
div#content div#template1 div#column-left dl.vehicle-details dd.locality { color: #898989; font-size: 1.4em; }
div#content div#template1 div#column-left dl.vehicle-details dd.description { margin: 0.5em 0; }

div#content div#template1 div#column-left dl.enquire { margin: 1em 0;  float: left; width: 100%; }
div#content div#template1 div#column-left dl.enquire dt { background: url(/img/bg-blue-heading.gif) #161b63 repeat-x top; height: 2.5em; color: #FFFFFF; line-height: 2.5em; padding: 0 1em; }
div#content div#template1 div#column-left dl.enquire dd { color: #161b63; font-size: 1.2em; }
div#content div#template1 div#column-left dl.enquire dd ul { list-style: none; float: left; background-color: #e7e8ef; width: 100%; }
div#content div#template1 div#column-left dl.enquire dd ul li { float: left; padding: 0.8em; }

div#content div#template1 div#column-left dl#featured-vehicles dd { margin: 0.5em 0; }
div#content div#template1 div#column-left dl#featured-vehicles dd.link { margin-bottom: 2em; }

div#content div#template1 div#column-left div.quotes { font-size: 1.2em; padding: 10px 10px; clear: both; margin-top: 30px;  }
div#content div#template1 div#column-left div.quotes * { color: #666666; }
div#content div#template1 div#column-left div.quotes img { margin: 0 2px; }
div#content div#template1 div#column-left div.quotes ul { list-style: none; /* padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid #c2c2c6; */ }
div#content div#template1 div#column-left div.quotes ul li.author { text-align: right; margin: 3px 0 30px 0; }
div#content div#template1 div#column-left div.quotes ul li.quote { line-height: 1.3em; text-align: left; }
div#content div#template1 div#column-left div.quotes ul li span { font-weight: bold; }
div#content div#template1 div#column-left div.quotes ul li span.big { font-size: 1.3em; }

div#content div#template1 div#column-right { width: 413px; float: right; margin-bottom: 15px; }
div#content div#template1 .right-content2.contact div#column-right { width: 493px!important; }
div#content div#template1 div#column-right dl.search-results { }
div#content div#template1 div#column-right dl.search-results dt { padding: 1em 0; border-bottom: 1px solid #cccccc; }
div#content div#template1 div#column-right dl.search-results dd.criteria { background-color: #ebebeb; padding: 14px; }
div#content div#template1 div#column-right dl.search-results dd.error { background-color: #FF9966; padding: 14px; }
div#content div#template1 div#column-right dl.search-results dd.information { margin: 1em 0; }
div#content div#template1 div#column-right dl.search-results dd.information.no-results { text-align: center; color: red; font-weight: bold; border: 1px dashed #999999; background-color: #f6f6f6; padding: 1em; }
div#content div#template1 div#column-right dl.search-results dd.information.no-results span { display: block; font-weight: normal; margin-top: 1em; }
div#content div#template1 div#column-right dl.search-results dd.results { }
div#content div#template1 div#column-right dl.search-results dd.results dl { }
div#content div#template1 div#column-right dl.search-results dd.results dl dt,
div#content div#template1 div#column-right dl.search-results dd.results dl dd { margin-left: 120px; }
div#content div#template1 div#column-right dl.search-results dd.results dl dt { padding: 0; border-bottom: none; clear: left; }
div#content div#template1 div#column-right dl.search-results dd.results dl dd.image { overflow: visible; position: relative; margin-left: 0px; top: -1.2em; float: left; }
div#content div#template1 div#column-right dl.search-results dd.results dl dd.image img { border: 1px solid #CCCCCC; float: left;  position: relative; }
div#content div#template1 div#column-right div.paging { margin: 0.5em 0; padding: 8px; background-color: #ebebeb; text-align: center; font-weight: bold; }
div#content div#template1 div#column-right div.paging a { text-decoration: none; }

div#content div#template1 div#column-right dl.image-viewer { position: relative; top: -2em; margin-bottom: -2em; background-color: #f4f4f4; padding: 17px; float: right; border-bottom: 1px solid #c3c3c3;  }
div#content div#template1 div#column-right dl.image-viewer dt { position: relative; }
div#content div#template1 div#column-right dl.image-viewer dt a { position: absolute; bottom: 15px; left: 290px; }
div#content div#template1 div#column-right dl.image-viewer dd { float: left; margin-left: 6px; }
div#content div#template1 div#column-right dl.image-viewer dd.first { margin-left: 0; }
div#content div#template1 div#column-right dl.image-viewer dd.description { margin: 0.5em 0; float: none; }

div#content div#template1 div#column-right div.quotes { width: 200px; font-size: 1.4em; padding: 35px; clear: both;  }
div#content div#template1 div#column-right div.quotes * { color: #171965; }
div#content div#template1 div#column-right div.quotes img { margin: 0 30px; }
div#content div#template1 div#column-right div.quotes ul { list-style: none; padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid #c2c2c6; }
div#content div#template1 div#column-right div.quotes ul li.author { text-align: right; margin-top: 1em; margin-bottom: 30px; }
div#content div#template1 div#column-right div.quotes ul li.quote { /* line-height: 1.6em; text-align: center; */ }
div#content div#template1 div#column-right div.quotes ul li span { font-weight: bold; }
div#content div#template1 div#column-right div.quotes ul li span.big { font-size: 1.6em; }

div#content div#template1 div#column-right.contact-us { width: 340px; margin-right: 150px; }

/* ==| END: Content - Template 1 |===================================================================== */

/* ==| START: Content - Template 3 |=================================================================== */

div#content div#template3 div.top-section { border-bottom: 1px solid #c2c2c2; position: relative; }

div#content div#template3 div#column-left { position: relative;  width: 317px; min-height: 216px; }
div#content div#template3 div#column-left img { position: absolute!important; top: 123px!important; left: 0;  }
div#content div#template3 div#column-left div { padding-top: 1em; }
div#content div#template3 div#column-right { position: absolute; top: 0; right: 0; width: 413px; float: right; background-color: #f4f4f4; }
div#content div#template3 div#column-right img { padding: 17px; }

div#content div#template3 div.bottom-section { position: relative; padding-top: 2em; min-height: 32em; background: url(/img/bg-template2.gif) right repeat-y; /* padding-right: 150px; */ }
div#content div#template3 form * { text-align: left!important;  line-height: 1.5em; }
div#content div#template3 form div { position: relative; text-align: left; margin-bottom: 1em!important; }
div#content div#template3 form label.standard { display: block; float: left; position: relative; width: 8.5em; }
div#content div#template3 form label.conf { width: 22em; margin-right: 15px; }
div#content div#template3 form label.error { position: absolute; /*top: 0; */ left: 30em; width: 22em; }
div#content div#template3 form label.checkbox { float: none; width: 26em; margin-left: 2em; }
div#content div#template3 form label.double { margin-top: -0.5em; }
div#content div#template3 form label.long { width: 15em; }
div#content div#template3 form label.extra-long { width: 21em; }
div#content div#template3 form label.short { float: none; width: 3em; display: inline; margin: 0 0.5em 0 0.2em; }
div#content div#template3 form label span { font-size: 0.9em; color: #898989; }
div#content div#template3 form div div.message { color: #898989; margin-left: 8.5em; margin-top: 0.5em; }
div#content div#template3 form input.text { width: 20em; }
div#content div#template3 form input.checkbox { float: left; }
div#content div#template3 form input.button { margin-left: 5.5em; }
div#content div#template3 form input.button.right { margin-left: 0.5em; }
div#content div#template3 form textarea { width: 20em; }
div#content div#template3 form select { width: 20.5em; }
div#content div#template3 form select.short { width: 14em; }
div#content div#template3 form h2 { width: 40em; }
div#content div#template3 form div.text { width: 40em; }
div#content div#template3 form div.text.important { font-weight: bold; }
div#content div#template3 form div.text.important.image { margin-left: 8.5em; margin-top: 0.5em; }
div#content div#template3 form div div span { font-weight: normal; color: #898989; }
div#content div#template3 form div div span a { text-decoration: none; }

form div#content div#template3 .hide { display: none; }

/* ==| END: Content - Template 3 |===================================================================== */

/* ==| START: Content - Template 2 |=================================================================== */

div#content div#template2 { position: relative; padding-top: 2em; min-height: 32em; background: url(/img/bg-template2.gif) right repeat-y; padding-right: 150px; }

div#content div#template2 dl * { font-size: 1.1em; color: black; }

div#content div#template2 dl dd { margin-bottom: 0.8em; }

/* ==| END: Content - Template 2 |===================================================================== */


/* ==| START: Footer |================================================================================= */

div#footer { background-color: #000000; color: #707070; text-align: center; padding: 1em; clear:both; }

div#footer a { clear: both; color: #FFFFFF; text-decoration: none;  }
div#footer a:hover { color: #fff200; }

/* ==| END: Footer |=================================================================================== */

/* ==| START: Homepage |=============================================================================== */

div#homepage { width: 800px; background: url(../img/bg-img-homepage.jpg) no-repeat top left #000000; min-height: 536px; margin: 0 auto; position: relative; }

div#homepage div.navigation { position: relative; }
div#homepage div.navigation img.logo { position: absolute; top:0; left: 0px; }
div#homepage div.navigation ul { position: absolute; list-style: none; left: 272px; top: 19px; }
div#homepage div.navigation ul li { float: left; }
div#homepage div.navigation form.newsletter { position: absolute; background: url(../img/bg-homepage-newsletter.jpg) no-repeat; width: 291px; height: 32px; left: 489px; top: 71px; padding-left: 10px; padding-top: 4px; }
div#homepage div.navigation form.newsletter input.text { width: 235px; position: absolute; font-size: 1.2em!important; text-align: left; }
div#homepage div.navigation form.newsletter input.image { position: absolute; top: 2px; left: 259px; }
div#homepage div.navigation form.newsletter label { display: none; }
div#homepage img.tagline { position: absolute; top: 144px; left: 40px; }
div#homepage div.hotbox { position: absolute; background: url(../img/bg-homepage-hotbox.jpg) no-repeat top left #000000; top: 420px; left: 490px; width: 291px; height: 67px; }
div#homepage div.hotbox img.title { position: absolute; left: 0px; top: 0px; }
div#homepage div.hotbox img.hire-a-vehicle { position: absolute; left: 10px; top: 26px; }
div#homepage div.hotbox img.list-your-vehicle { position: absolute; left: 139px; top: 26px; }

div#homepage div.content { padding-left: 20px; padding-top: 400px; padding-bottom: 10px; }
div#homepage div.content h2 { color: #fff200; font-size: 1.4em; border-bottom: none; padding-bottom: 0; margin-bottom: 0.2em; }
div#homepage div.content h3 { color: #FFFFFF; font-size: 1.2em; margin-bottom: 0.2em; }
div#homepage div.content p { color: #FFFFFF!important; font-size: 1.2em; }
div#homepage div.content p.first { width: 450px; }

/* ==| END: Homepage |================================================================================= */


/* ==| START: Contact Us |============================================================================= */

.formContact  { width: 350px; }
.formContact  div.field { clear: left; }
.formContact  p.mandatory { color: #7f7f7f; font-size: 0.9em; clear: both; }
.formContact  label 
{
	float: left;
	display: block;
	position: relative;
	width: 90px;
	margin: 0.5em auto;
	line-height: 1.7em;
}
.formContact input.text { width: 240px; margin: 0.5em auto; }
.formContact  select { width: 246px; margin: 0.5em auto; text-align: left!important; }
.formContact  textarea { width: 240px; height: 100px; }
.formContact  input.image { margin-left: 90px; margin-top: 1em; }
.formContact  label.error { width: 245px; margin: 0 0 0.2em 90px; text-align: left!important; display: block; float: none; }

#column-right.contact-us div.vehicle-enquiry { margin: 1em 0; }
#column-right.contact-us div.vehicle-enquiry h3 { margin-bottom: 0.5em; }

#column-right.contact-us div.vehicle-enquirydl { }
#column-right.contact-us div.vehicle-enquiry dl dt,
#column-right.contact-us div.vehicle-enquiry dl dd { margin-left: 130px; }
#column-right.contact-us div.vehicle-enquiry dl dt { padding: 0; border-bottom: none; clear: left; }
#column-right.contact-us div.vehicle-enquiry dl dd.image { overflow: visible; position: relative; margin-left: 0px; top: -1.2em; float: left; }
#column-right.contact-us div.vehicle-enquiry dl dd.image img { border: 1px solid #CCCCCC; float: left;  position: relative; }

dl.contact-us {  }
dl.contact-us dt { color: #000000; font-weight: bold; font-size: 1em; }
dl.contact-us dd { margin-bottom: 0.8em; }

p.contact-thank-you { clear: both; margin: 1em 0; }

/* ==| END: Contact Us |=============================================================================== */

.vlssignup { }
.vlssignup span { display: block; float: left; width: 100px; 	line-height: 1.7em; }
.vlssignup input.text { width: 220px; text-align: left; }
.vlssignup div.field { margin-bottom: 1em; }
.vlssignup input.button { margin-left: 100px; }
.vlssignup label.error { width: 220px; margin: 0.4em 0 0.4em 100px; text-align: left; display: block; }
.vlssignup span.error { width: 220px; margin: 0.4em 0 0.4em 100px; text-align: left; }
.vlssignup span.Success { width: 300px; margin: 0.4em 0 0.4em 0; text-align: left; color: green; }

.newsletter span.Success { /* width: 300px; */ margin: 0.4em 0.4em; text-align: left; color: #002651; font-weight:bold; font-size: 15px; }

.error-404 ul { list-style: square; margin-bottom: 1em; margin-left: 2em; }
.error-404 ul li { margin-bottom: 0.5em; }