/* Reset v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
/* end of Reset */


body {
	background: #999 url(images/topbg.gif) repeat-x;
	font-family: Arial;
	}

#banner-bg {
	height: 87px;
	background: #333;
	border: #999 solid;
	border-width: 2px 0;
	margin-top: 16px;
	float: left;
	width: 100%;
	min-width: 1124px;
	position: relative;
	z-index: 2;
	}
#banner {
	width: 1020px;
	height: 105px;
	background: url(images/bannershadow.png) no-repeat -81px 89px;
	margin: 0 auto;
	}
#logo {
	width: 142px;
	height: 138px;
	margin: -15px 0 -40px 38px;
	position: relative;
	}
#top-menu {margin: -45px 0 -20px 340px}
#top-menu li {float: left}
#top-menu a {
	display: block;
	padding: 3px;
	margin-right: 21px;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	line-height: 0.9em;
	}
#top-menu span {
	font-size: 12px;
	color: #9bc346;
	}

#menubg-bleed {
	width: 1124px;
	height: 400px;
	margin: 0 auto;
	background: url(images/sidemenubg.gif) no-repeat;
	}

#page {
	width: 1020px;
	margin: -400px auto 0 auto;
	padding: 1px 11px 0 11px;
	background: url(images/pageshadow.png) repeat-y;
	position: relative;
	z-index: 1;
	}
#left-column {
	width: 220px;
	float: left;
	margin-top: -107px;
	padding-left: 40px;
	}

#side-menu {
	width: 220px;
	min-height: 400px;
	padding: 145px 0 30px 40px;
	margin: 0 0 50px -40px;
	background: #83b41a url(images/sidemenubg.gif) no-repeat -50px 40px;
	-webkit-border-bottom-right-radius: 70px;
	-moz-border-radius-bottomright: 70px;
	}
#side-menu-corner {/* only for rubbish browsers */
	width: 70px;
	height: 70px;
	background: url(images/sidemenucorner.gif) no-repeat;
	margin: -120px 0 50px 150px;
	}
#side-menu-list .side-menu-sub {
	display: none;
	margin-left: 35px
	}

#side-menu-list a {
	display: block;
	position: relative;/* pushes menu above corner image */
	width: 150px;
	height: 36px;
	text-indent: -9999px;
	background: no-repeat;
	background-image: url(images/titles/sidemenu.png);
	}
#side-menu-list .side-menu-sub a {
	background-image: url(images/titles/sidemenu-subs.png);
	width: 165px;
	height: 22px;
	}

/* side menu image positions */
#sm-eco-cars a {background-position: 0 -50px}
#sm-commercial a {background-position: 0 -100px}
#sm-promotional a {background-position: 0 -150px}
#sm-campus a {background-position: 0 -200px}
#sm-bespoke a {background-position: 0 -250px}
#sm-affordability a {background-position: 0 -300px}
#sm-about-gem a {background-position: 0 -350px}
#sm-gem-owners a {background-position: 0 -400px}
#sm-brochures a {background-position: 0 -450px}
#sm-links a {background-position: 0 -500px}
#sm-rental a {background-position: 0 -550px}
#sm-used-gems a {background-position: 0 -600px}

#sm-gem-models a:hover {background-position: -200px 0}
#sm-eco-cars a:hover {background-position: -200px -50px}
#sm-commercial a:hover {background-position: -200px -100px}
#sm-promotional a:hover {background-position: -200px -150px}
#sm-campus a:hover {background-position: -200px -200px}
#sm-bespoke a:hover {background-position: -200px -250px}
#sm-affordability a:hover {background-position: -200px -300px}
#sm-about-gem a:hover {background-position: -200px -350px}
#sm-gem-owners a:hover {background-position: -200px -400px}
#sm-brochures a:hover {background-position: -200px -450px}
#sm-links a:hover {background-position: -200px -500px}
#sm-rental a:hover {background-position: -200px -550px}
#sm-used-gems a:hover {background-position: -200px -600px}

/* side menu sub image positions */
#side-menu #sm-e2 a {background-position: 0 0}
#side-menu #sm-e4 a {background-position: 0 -25px}
#side-menu #sm-es a {background-position: 0 -50px}
#side-menu #sm-el a {background-position: 0 -75px}
#side-menu #sm-elxd a {background-position: 0 -100px}
#side-menu #sm-quadriga a {background-position: 0 -125px}
#side-menu #sm-options a {
	background-position: 0 -150px;
	margin-bottom: 10px;
	}
#side-menu #sm-e2 a:hover {background-position: -200px 0}
#side-menu #sm-e4 a:hover {background-position: -200px -25px}
#side-menu #sm-es a:hover {background-position: -200px -50px}
#side-menu #sm-el a:hover {background-position: -200px -75px}
#side-menu #sm-elxd a:hover {background-position: -200px -100px}
#side-menu #sm-quadriga a:hover {background-position: -200px -125px}
#side-menu #sm-options a:hover {background-position: -200px -150px}


#side-menu #sm-local-authority a {background-position: 0 -200px}
#side-menu #sm-leisure-and-tourism a {background-position: 0 -225px}
#side-menu #sm-agriculture a {background-position: 0 -250px}
#side-menu #sm-golf-cart a {
	background-position: 0 -275px;
	margin-bottom: 10px;
	}
#side-menu #sm-local-authority a:hover {background-position: -200px -200px}
#side-menu #sm-leisure-and-tourism a:hover {background-position: -200px -225px}
#side-menu #sm-agriculture a:hover {background-position: -200px -250px}
#side-menu #sm-golf-cart a:hover {background-position: -200px -275px}


#side-menu #sm-cost-calculator a {background-position: 0 -325px}
#side-menu #sm-ev-charge-points a {
	background-position: 0 -350px;
	margin-bottom: 10px;
	}
#side-menu #sm-cost-calculator a:hover {background-position: -200px -325px}
#side-menu #sm-ev-charge-points a:hover {background-position: -200px -350px}


#side-menu #sm-owners-manuals a {background-position: 0 -375px}
#side-menu #sm-vehicle-care a {background-position: 0 -400px}
#side-menu #sm-vehicle-warranty a {
	background-position: 0 -425px;
	margin-bottom: 10px;
	}
#side-menu #sm-owners-manuals a:hover {background-position: -200px -375px}
#side-menu #sm-vehicle-care a:hover {background-position: -200px -400px}
#side-menu #sm-vehicle-warranty a:hover {background-position: -200px -425px}



.side-column-2 {
	width: 100px;
	float: left;
	margin-right: 10px;
	}
.side-column-2 img {
	width: 100px;
	margin-bottom: 5px;
	}
#left-column .side-column-2 p {
	font-size: 12px;
	line-height: 1.2em;
	}

#main-column {
	width: 700px;
	float: left;
	margin: 26px 0 0 20px;
	}
.main-column-left-wide {
	float: left;
	width: 400px;
	}
.main-column-left-wider {
	float: left;
	width: 460px;
	}
.main-column-far-left-thin {
	float: left;
	width: 280px;
	margin-right: 20px;
	}
.main-column-right-thin {
	float: left;
	margin-left: 20px;
	width: 280px;
	}
.main-column-right-thinner {
	float: right;
	margin-left: 20px;
	width: 220px;
	}	
.main-column-right-thin img, .main-column-right-equal img, .main-column-left-equal img {
	margin-bottom: 10px;
	}

.main-column-left-equal {
	float: left;
	width: 340px;
	}
.main-column-right-equal {
	float: left;
	width: 340px;
	margin-left: 20px;
	}
h1, #page #main-column h2, #left-column h2,
#left-column h3, .main-column-right-thinner h3,
#blog-sidebar h2, #blog-sidebar h3 {
	border-left: 7px solid #4f7d01;
	height: 45px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-color: #83b41a;
	margin: 0 0 20px 0;
	}

#page #main-column h2.simple-heading {
	border: none;
	height: inherit;
	text-indent: 0;
	background: none;
	margin: 20px 0 10px 0;
	}

#calc-icon {
	width: 96px;
	height: 90px;
	float: right;
	margin-top: 20px;
	}
#rental-van {
    width: 218px;
    height: 113px;
    margin-top: -20px;
    }

.main-column-left-equal #calc-icon {
	float: left;
	margin: 0 20px 0 0;
	}

#main-column h2 {margin-top: 20px}

.sub-column-3 {
	width: 220px;
	float: left;
	margin-right: 20px;
	}
.sub-column-4 {
	width: 160px;
	float: left;
	margin-right: 20px;
	}
.sub-column-5 {
	width: 128px;
	float: left;
	margin-right: 15px;
	}
.sub-column-end {margin-right: 0}

.clear {clear: both}
.clear-justdiv {/* does nothing, but fixes floats by dividing */}
.clear-width {
	background: #f00;
	width: 100%;
	height: 1px;
	clear: both;
	}


#page p {
	font-size: 13px;
	line-height: 1.5em;
	color: #5d5d5d;
	margin-bottom: 20px;
	}

strong {color: #555}

.price {
	font-size: 24px;
	font-weight: normal;
	}
.request {font-size: 10px}

#page address p {
	font-style: normal;
	font-size: 15px;
	}

#page a {
	color: #3184b9;
	font-weight: bold;
	text-decoration: none;
	}
#page a:hover {text-decoration: underline}

#page p.lead-in {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	}
#page dl {
	font-size: 13px;
	line-height: 1.5em;
	color: #5d5d5d;
	margin: 1.5em 0;
	}
#page dt {
	float: left;
	width: 120px;
	}

ul.links, ul.tick {
	font-size: 13px;
	}
ul.links a {
	display: block;
	width: 218px;
	padding: 2px 0 4px 22px;
	margin-bottom: 10px;
	background: url(images/arrow.png) no-repeat;
	line-height: 1.3em;
	float: left;
	}
ul.links.latest-news a {width: inherit}
ul.nofloat a {
	display: list-item;
	float: none;
	width: inherit;
	}
ul.links li.even a {width: 138px}

ul.tick li {
	padding: 3px 0 3px 28px;
	margin-bottom: 8px;
	background: url(images/listtick.jpg) no-repeat;
	color: #5d5d5d;
	}

#logos {
	width: 999px;
	height: 71px;
	padding: 20px 10px 30px 11px;
	margin: 0 0 15px -40px;
	background: #fff;
	}



/* footer */

#footer {
	background: #141313;
	padding: 0 40px;
	clear: both;
	}
#footer p {color: #777}
#footer a {
	color: #b0afaf;
	font-weight: normal;
	}
#footer h3 {
	height: 25px;
	text-indent: -9999px;
	background-image: url(images/titles/footer.gif);
	background-repeat: no-repeat;
	}
#f-gem-on-the-web {background-position: 0 -25px;}
#f-gem-newsletter {background-position: 0 -50px;}
#f-get-in-touch {background-position: 0 -75px;}

.footer-icons {
	width: 44px;
	height: 43px;
	float: left;
	margin-right: 10px;
	position: relative;
	top: 5px;
	}


#footer-rule {
	border-top: 2px solid #323131;
	clear: both;
	height: 50px;
	}
#footer-rule ul {margin: 10px -10px 0 -10px}
#footer-rule li {
	float: left;
	font-size: 11px;
	border-right: 1px solid #777;
	padding: 0 4px 0 4px;
	color: #777
	}
#footer-rule #last, #footer-rule #credit {border: none}
#footer-rule #credit {float: right}
#footer-rule li a {
	color: #777;
	}



/* contact form */

#form-contact {
	height: 500px;
	}
#form-contact label {
	width: 70px;
	display: block;
	float: left;
	clear: left;
	text-align: right;
	margin: 5px 20px 10px 0;
	font-weight: bold;
	font-size: 12px;
	}
#form-contact input, #form-contact select, #form-contact textarea {
	width: 180px;
	float: left;
	}
#form-contact textarea {height: 150px}
#form-contact button {
	clear: both;
	float: left;
	margin: 10px 0 0 230px;
	}
p.contact-confirm {
	font-weight:bold;
	width:280px;
	background:#eee;
	}


#form-newsletter input {
	width: 145px;
	margin: 0 0 20px 0;
	}

.contact-icons {
	float: left;
	margin-right: 10px;
	}


#map-canvas-charge p {
	font-size: 10px;
	margin: 0;
	padding: 0;
	}


/* cost calculator */

#form-cost-calc label {
	width: 215px;
	height: 28px;
	padding-top: 7px;
	margin: 0 10px 10px 0;
	text-align: right;
	font-size: 15px;
	font-weight: bold;
	display: block;
	float: left;
	clear: left;
	}
#form-cost-calc input {
	width: 166px;
	height: 35px;
	border: none;
	padding: 0 35px;
	margin-bottom: 10px;
	background: url(images/calc/calc-sprites.png) no-repeat 0 -33px;
	float: left;
	font-size: 15px;
	}
#form-cost-calc select {
	width: 236px;
	height: 35px;
	margin-bottom: 10px;
	float: left;
	/*border: none;
	background: transparent url(images/calc/calc-sprites.png) no-repeat 0 -68px;*/
	}
.calc-feedback {
	width: 31px;
	height: 31px;
	margin: 2px 0 12px 10px;
	background: url(images/calc/calc-sprites.png) no-repeat 31px -103px;
	float: left;
	}
#form-cost-calc button {
	width: 236px;
	height: 33px;
	margin: 10px 0 0 218px;
	background: url(images/calc/calc-sprites.png) no-repeat;
	border: none;
	font-size: 15px;
	color: #fff;
	float: left;
	clear: left;
	cursor: pointer;
	}
#main-column #form-cost-calc h2 {
	height: 27px;
	margin-top: 30px;
	border: none;
	clear: left;
	}

#calc-results {
	width: 704px;
	height: 422px;
	background: url(images/calc/resultsbg.png) no-repeat;
	display: none;
	}
#results-col1 {
	width: 150px;
	margin: 70px 0 0 80px;
	float: left;
	text-align: right;
	}
#calc-results p {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	line-height: 24px;
	margin: 0 0 30px 0;
	}
#results-col2 {
	width: 200px;
	margin: 16px 0 0 20px;
	float: left;
	text-align: center;
	}
#results-col2 p:first-child, #results-col3 p:first-child {
	font-size: 18px;
	color: #000;
	}
#results-col3 {
	width: 200px;
	margin: 16px 0 0 30px;
	float: left;
	text-align: center;
	}
#results-savings {
	float: left;
	margin: 30px 0 0 180px;
	}
#results-savings p {
	font-size: 25px;
	color: #000;
	}
#results-savings p span:first-child {margin-right: 100px}
.red {color: #d34}
#form-cost-calc .info-box {
	width: 160px;
	padding: 20px 10px;
	background: #eee;
	border: 2px solid #ddd;
	float: right;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	}
#form-cost-calc .info-box span {
	font-weight: bold;
	font-size: 15px;
	}

.flat-button, .flat-button-footer {
	margin-left: 50px;
	position: relative;
	top: 10px;
	padding: 4px 6px;
	background: #b5d276;
	color: #333 !important;
	border: 2px solid #4f7d01;
	text-decoration: none !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
.flat-button-footer {
	background: #999;
	border-color: #444;
	color: #000 !important;
	font-weight: bold !important;
	}


/* sales page */
#sales-listings {
    border-bottom: 2px solid #999;
    margin-bottom: 40px;
    }
#sales-listings h3 {
    color: #5d5d5d;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 18px;
    border-bottom: 2px solid #999;
    clear: both;
    }
#sales-listings img {
    width: 284px;
    height: 184px;
    margin: 0 20px 20px 0;
    float: left;
    }
#sales-listings dt {
    font-weight: bold;
    }
#sales-listings dd {
    float: left;
    width: 275px;
    margin-bottom: 10px;
    }

/* general titles (reused, or not worth having their own image) */
#cost-calculator, #custom-vehicle-options, #commercial-benefits,
#flexible-options, #about-gem-cars-ltd, #gem-electric-cars-brochures,
#great-additions, #stay-connected, #related-news, #latest-articles,
#archives, #terms-and-conditions, #privacy-policy, #gems-for-rent
{background-image: url(images/titles/general.gif);}
#custom-vehicle-options {background-position: 0 -50px;}
#commercial-benefits {background-position: 0 -100px;}
#flexible-options {background-position: 0 -150px;}
#about-gem-cars-ltd {background-position: 0 -200px;}
#gem-electric-cars-brochures {background-position: 0 -250px}
#great-additions {background-position: 0 -300px}
#stay-connected {background-position: 0 -350px}
#related-news {background-position: 0 -400px}
#latest-articles {background-position: 0 -450px}
#archives {background-position: 0 -500px}
#terms-and-conditions {background-position: 0 -550px}
#privacy-policy {background-position: 0 -600px}
#gems-for-rent {background-position: 0 -650px}

/* index.php */
#eco-friendly-electric-cars, #electric-promotional-vehicles,
#electric-commercial-vehicles, #featured-news,
#campus-and-local-authority-vehicles, #bespoke-and-custom-build-service,
#gem-rentals, #used-gems
{background-image: url(images/titles/home.gif);}
#electric-promotional-vehicles {background-position: 0 -50px}
#electric-commercial-vehicles {background-position: 0 -100px}
#featured-news {background-position: 0 -150px}
#campus-and-local-authority-vehicles {background-position: 0 -200px}
#bespoke-and-custom-build-service {background-position: 0 -250px}
#gem-rentals {background-position: 0 -300px}
#used-gems {background-position: 0 -350px}

/* electric-vehicle-options-and-modifications.php */
#electric-vehicle-options-and-modifications, #vehicle-colour-options,
#vehicle-door-options, #vehicle-cargo-options, #vehicle-commercial-options,
#vehicle-wheel-options, #additional-upgrade-options, #gemcare-protection,
#did-we-miss-something {background-image: url(images/titles/options.gif);}
#vehicle-colour-options {background-position: 0 -50px}
#vehicle-door-options {background-position: 0 -100px}
#vehicle-cargo-options {background-position: 0 -150px}
#vehicle-commercial-options {background-position: 0 -200px}
#vehicle-wheel-options {background-position: 0 -250px}
#additional-upgrade-options {background-position: 0 -300px}
#gemcare-protection {background-position: 0 -350px}
#did-we-miss-something {background-position: 0 -400px}

/* eco-friendly-cars.php */
#eco-friendly-cars, #green-cars, #low-cost-environmental-vehicles
{background-image: url(images/titles/ecocars.gif);}
#green-cars {background-position: 0 -50px}
#low-cost-environmental-vehicles {background-position: 0 -100px}

/* commercial-electrical-vehicles.php */
#commercial-electrical-vehicles, #light-commercial-vehicles,
#eco-friendly-vehicles, #low-cost-ownership-vehicles, #campus-cars,
#local-authority, #leisure, #golf-carts, #agricultural
{background-image: url(images/titles/commercial.gif);}
#light-commercial-vehicles {background-position: 0 -50px}
#eco-friendly-vehicles {background-position: 0 -100px}
#low-cost-ownership-vehicles {background-position: 0 -750px}
#campus-cars {background-position: 0 -150px}
#local-authority {background-position: 0 -200px}
#leisure {background-position: 0 -250px}
#golf-carts {background-position: 0 -300px}
#agricultural {background-position: 0 -800px}

/* promotional-electric-vehicles.php */
#promotional-electric-vehicles, #custom-design-build-and-branding,
#electric-vehicles-suitable-for-all-marketing-campaigns
{background-image: url(images/titles/promo.gif);}
#custom-design-build-and-branding {background-position: 0 -50px}
#electric-vehicles-suitable-for-all-marketing-campaigns {background-position: 0 -100px}

/* electric-car-affordability.php */
#electric-car-affordability, #vehicle-cost-calculator,
#public-ev-charge-points, #enjoy-electric-car-savings,
#cheap-news {background-image: url(images/titles/affordability.gif);}
#vehicle-cost-calculator {background-position: 0 -50px}
#public-ev-charge-points {background-position: 0 -100px}
#enjoy-electric-car-savings {background-position: 0 -150px}
#cheap-news {background-position: 0 -200px}


/* vehicle-cost-and-carbon-footprint-calculator.php */
#vehicle-cost-and-carbon-footprint-calculator, #carbon-offsetting,
#gem-savings, #vehicle-details, #vehicle-running-costs, #calculate-costs,
#results-title {background-image: url(images/calc/calc-sprites.png);}
#vehicle-cost-and-carbon-footprint-calculator {background-position: 0 -260px}
#carbon-offsetting {background-position: -250px -310px}
#gem-savings {background-position: 0 -310px}
#vehicle-details {background-position: 23px -140px}
#vehicle-running-costs {background-position: 23px -170px}
#calculate-costs {background-position: 23px -200px}
#results-title {background-position: 23px -230px}

/* gemcare-electric-vehicle-warranty.php */
#gemcare-electric-vehicle-warranty, #gemcare-new-vehicle-service-protection-2010,
#gemcare-extended-vehicle-service-protection-2010
{background-image: url(images/titles/owners.gif);}
#gemcare-electric-vehicle-warranty {background-position: 0 -150px}
#gemcare-new-vehicle-service-protection-2010 {background-position: 0 -200px}
#gemcare-extended-vehicle-service-protection-2010 {background-position: 0 -250px}


/* contact-gem-electric-cars-ltd.php */
#contact-gem-electric-cars-ltd, #gem-enquiry-form, #gem-electric-cars-friends
{background-image: url(images/titles/contact.gif);}
#gem-enquiry-form {background-position: 0 -50px}
#gem-electric-cars-friends {background-position: 0 -100px}

/* used-electric-cars-for-sale.php */
#used-electric-cars-for-sale, #second-hand-vehicles, #selling-an-electric-car,
#available-used-electric-vehicles, #still-looking
{background-image: url(images/titles/sales-rentals.gif);}
#second-hand-vehicles {background-position: 0 -50px}
#selling-an-electric-car  {background-position: 0 -100px}
#available-used-electric-vehicles {background-position: 0 -150px}
#still-looking {background-position: 0 -200px}

/* used-electric-cars-for-sale.php */
#electric-car-rentals, #a-professional-rental-service,
#business-and-commercial-electric-car-hire
{background-image: url(images/titles/sales-rentals.gif);}
#electric-car-rentals {background-position: 0 -250px}
#a-professional-rental-service {background-position: 0 -300px}
#business-and-commercial-electric-car-hire  {background-position: 0 -350px}