/* For information on what this font-size and em stuff is all about */
/* Visit the following articles: */
/* http://ryanwerth.com/blog/article/22/ems-revisited-part-ii-making-ems-more-usable */
/* http://www.clagnut.com/blog/348/ */

html {
	font-size: 50%;
}
	
body {
	font-size: 125%;
	
	color: #000;
	background-position: center;
	background-attachment: fixed;
	background-image: url('../images/interface/site_background_inside_page.gif');
	
	width: 804px;
	margin: 0 auto;
	padding: 0 0 28px 0; /* for the footer */
	position: relative;
}

body#home {
	background-image: url('../images/interface/site_background.gif');
	padding: 0 0 20px 0; /* for the footer */
}

/*
#viewport {
	width: 100%;
	height: 100%;
	background-image: url('../images/interface/top_shadow.png');
	background-repeat: repeat-x;
}
*/

/* Typography
----------------------------------------------- */
body, a, h1, h2, h3, h4, h5, h6,
p, ul, ol {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 { margin: 0; }

#form_list p {
	font-size: 1.2em; /* 12 points */
	line-height: 1.5833333em; /* 19 points */
}

p {
	font-size: 1.3em; /* 13 points */
	line-height: 1.3846154em; /* 18 points */
}

#pageContent p {
	font-size: 1.4em; /* 14 points */
	line-height: 1.3571429em; /* 19 points */
}

#homepageContent h2,
#homepageContent p,
#section_navigation h2,
#section_navigation p,
#footer a,
#footer p,
#pageContent h2,
#pageContent h3,
ul#form_list > li span.title,
#pageContent.index p {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
	font-size: 1.6em; /* 16 points */
	color: #1E5066;
	font-weight: normal;
}

p a,
#pageContent li a {
	color: #2D6180;
	font-size: 0.84615385em; /* 11 points after p sizing */
}

p a:hover {
	color: #000;
}

#pageContent ul,
#pageContent ol {
	padding-left: 2.5em;
	margin-left: 0;
	font-size: 1.4em; /* 26dec06 changed from 12 to 14 points */
	line-height: 1.4166667; /* 17 points */
}

#pageContent ol.regular_size,
#pageContent ul.regular_size {
	font-size: 1.4em; /* 14 points */
	padding-left: 2.0em;
}

#pageContent ol li > ul,
#pageContent ul li > ol {
	padding-left: 1em;
	margin-left: 0;
	font-size: 1.0em;
}
#pageContent ul li > ol {
	padding-left: 1.5em;
}
#pageContent ol li > ul {
	list-style: square;
}

#pageContent ol li > p {
	font-size: 1em;
}

ol.alpha_list {
	list-style-type: lower-alpha;
}

#pageContent.index p {
	font-size: 1.8em; /* 18 points */
	color: #4D9DBF;
	text-align: center;
}

#pageContent p a,
#pageContent ul a,
#pageContent h4 a,
p.download a,
a.fix1,
p.description a,
#pageContent li a {
	color: #83BF30;
	text-transform: uppercase;
	text-decoration: none;
}

a:hover.fix1 {
	text-decoration:none;
	color: #FFFFFF;
}

#pageContent p a:hover,
#pageContent ul a:hover,
#pageContent h4 a:hover,
p.download a:hover,
#pageContent li a:hover {
	color: #FFF;
}

#pageContent p .fine {
	font-size: 0.64285714em; /* 9 point */
	font-style: italic;
}

/* Image replacement rules
----------------------------------------------- */

#header h1 a,
li#services a,
li#car_sharing a,
li#co_op a,
li#forms a,
#how_much h2,
#how_to_join h2,
#where_vehicles h2,
#benefits h2,
#scrapit h2,
#government_accounts h2,
#residential_clients h2,
#pageContent.index h2 {
	/* Leahy/Langridge Image Replacement */
	background-repeat: no-repeat;
	height: 0px !important;
	overflow: hidden;
}

/* Header rules
----------------------------------------------- */

#header {
	height: 111px;
	overflow: hidden;
	background-image: url('../images/interface/header_background.gif');
	background-repeat: no-repeat;
}

#header h1 {
	width: 190px;
	height: 93px;
	float: left;
	position: relative;
	left: 18px;
}
#header h1 a {
	display: block;
	
	padding: 93px 0 0 0;
	background-image: url('../images/interface/title.gif');
	height /**/:93px;
}

/* Navigation UL
----------------------------------------------- */

ul#navigation {
	width: 561px;
	height: 41px;
	overflow: hidden;
	
	position: relative;
	left: 30px;
	top: 52px;
	
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#navigation li {
	float: left;
	margin: 0 13px;
	display: inline;
}

ul#navigation li a {
	padding: 93px 0 0 0;
	height /**/:93px;
	display: block;
}

li#services a {
	width: 81px;
	background-image: url('../images/interface/nav_services.gif');
}

li#car_sharing a {
	width: 76px;
	background-image: url('../images/interface/nav_carsharing.gif');
}

li#co_op a {
	width: 60px;
	background-image: url('../images/interface/nav_coop.gif');
}

li#forms a {
	width: 108px;
	background-image: url('../images/interface/nav_forms.gif');
}

li#forms a,
li#forms img,
li#forms select { float: left; }
li#forms select {
	width: 97px;
	margin-top: 12px;
	font-size: 0.9em; /* 9 points */
}

li#services a:hover,
li#car_sharing a:hover,
li#co_op a:hover,
li#forms a:hover {
	background-position: left -41px;
}

#services ul#navigation li#services a,
#carsharing ul#navigation li#car_sharing a,
#thecooperative ul#navigation li#co_op a,
#forms ul#navigation li#forms a {
	background-position: left -82px;
}


/* Banner area (homepage)
----------------------------------------------- */
#homepageBanner {
	height: 202px;
	background-color: #112B3A;
}

/* Images
----------------------------------------------- */
img {
	border: 1px solid #4B8EAC;
}
#homepageBanner img,
#navigation img {
	border: none;
}

/* Main content panel (homepage)
----------------------------------------------- */
#homepageContent {
	position: relative;
	padding: 18px 18px 0 18px;
	overflow: auto;
	zoom: 1; /* triggers layout in Windows IE */
}

#homepageContent .topCap {
	width: 804px;
	height: 57px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0px;
	padding: 0;
	background-image: url('../images/interface/home_top_cap.png');
}

#primary, #secondary {
	overflow: auto;
	zoom: 1; /* triggers layout in Windows IE */
}

#primary {
	padding: 0 0;
	background-image: url('../images/interface/home_top_row_background.gif');
}

#primary > div.hoverableDiv {
	float: left;
	margin: 0 0px;
	width: 192px;
	height: 290px;
}

#primary > div.hoverableDiv > div {
	float: left;
	margin: 18px 18px;
	width: 156px;
}

div.hoverableDiv:hover {
	background-color: #E6E6E6;
	cursor: pointer;
	cursor: hand;
}

#primary > div h2,
#primary > div > div h2 {
	margin-bottom: 0.72222222em; /* 13 points */
}

#primary > div p {
	margin-bottom: 0;
}

#how_to_join h2 {
	padding: 34px 0 0 0;
	height /**/:34px;
	background-image: url('../images/home_how_to_join_title.gif');
}

#where_vehicles h2 {
	padding: 34px 0 0 0;
	height /**/:34px;
	background-image: url('../images/home_where_vehicles_title.gif');
}

#how_much h2 {
	padding: 34px 0 0 0;
	height /**/:34px;
	background-image: url('../images/home_how_much_title.gif');
}

#vehicleSearchForm {
	position: relative;
}

#vehicleSearchForm input {
	width: 132px;
	position: absolute;
	left: 10px;
	top: 18px;
	font-size: 1.1em; /* 11 points */
	color: #666;
}

#pageContent #vehicleSearchForm input { position: static; }
#pageContent #vehicleSearchForm {
	position: absolute;
	right: 10px;
	bottom: 22px;
}

div.top_hr {
	height: 4px;
	background: url('../images/interface/home_first_horizontal_rule.gif') no-repeat top center;
}
div.top_hr hr {
	display: none;
}

#secondary {
	background-image: url('../images/interface/home_bottom_row_background.gif');
}

#secondary .modules {
	float: left;
	width: 575px;
}

#secondary .modules > div {
	padding: 12px 18px 12px 210px;
	border-bottom: 2px solid #C0D8E2;
	position: relative;
}

#secondary div p { margin-bottom: 0; }

#secondary .modules > div.lastItem {
	border-bottom: none;
}

#secondary #contactInfo {
	float: left;
	width: 190px;
	border: none;
	height: 335px;
	margin: 0 0 0 3px;
}

#secondary #contactInfo > div {
	float: right;
	margin-left: 21px;
	padding: 0 18px 1.0em;
	text-align: right;
}

#secondary #contactInfo strong {
	font-size: 1.2307692em; /* 16 points after p sizing */
	font-weight: normal;
}

#secondary .modules div img {
	position: absolute;
	top: 12px;
	left: 18px;
}

#secondary .modules > div h2 {
	margin-bottom: 0.27777778em; /* 5 points */
}

#secondary .modules > div p {
	margin-top: 0;
}

#secondary > div#contactInfo p {
	margin-top: 1.0em;
}

#benefits h2 {
	padding: 16px 0 0 0;
	height /**/:16px;
	background-image: url('../images/home_benefits_title.gif');
	background-repeat: no-repeat;
}

#government_accounts h2 {
	padding: 16px 0 0 0;
	height /**/:16px;
	background-image: url('../images/home_government_accounts_title.gif');
	background-repeat: no-repeat;
}

#residential_clients h2 {
	padding: 16px 0 0 0;
	height /**/:16px;
	background-image: url('../images/home_residential_clients_title.gif');
	background-repeat: no-repeat;
}

#scrapit h2 {
	padding: 16px 0 0 0;
	height /**/:16px;
	background-image: url('../images/home_scrapit_clients_title.gif');
	background-repeat: no-repeat;
}

div.bottom_hr {
	height: 4px;
	background: url('../images/interface/home_second_horizontal_rule.gif') no-repeat top center;	
}
div.bottom_hr hr {
  display: none;
}

/* Map styles
----------------------------------------------- */

#home #map {
	padding: 0 32px;
	height: 196px;
}

#pageContent #map {
	position: relative;
	color: #000;
}

#map > div,
#map > #map_legend {
	border: 4px outset;
}

#home #map_holder {
	float: left;
	width: 540px;
	height: 192px;
}
#pageContent #map_holder {
	height: 300px;
}

#map_legend {
	float: left;
	margin-left: 28px;	
}

/* Navigation panel (inside_page)
----------------------------------------------- */

body#thecooperative ul#section_navigation { /* bizzare IE 6 hack */
	padding: 29px 16px 27px 16px;
}
ul#section_navigation {
	float: left;
	width: 388px;
	list-style: none;
	margin: 0;
	overflow: auto;
	position: relative;
	padding: 29px 16px 26px 16px;
	background-image: url('../images/interface/inside_section_navigation_background.gif');
}

ul#section_navigation .tcl { /* Top Cap Left */
	width: 69px;
	height: 69px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	padding: 0;
	background-image: url('../images/interface/inside_top_cap_left.png');
}

ul#section_navigation .tcm { /* Top Cap Middle */
	width: 282px;
	height: 30px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 69px;
	padding: 0;
	background-image: url('../images/interface/inside_top_cap_middle.png');
}

ul#section_navigation .tcr { /* Top Cap Right */
	width: 69px;
	height: 69px;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	padding: 0;
	background-image: url('../images/interface/inside_top_cap_right.png');
}

ul#section_navigation .bcl { /* Bottom Cap Left */
	width: 69px;
	height: 69px;
	position: absolute;
	z-index: 4;
	bottom: 0;
	left: 0;
	padding: 0;
	background-image: url('../images/interface/inside_bottom_cap_left.png');
}

ul#section_navigation .bcm { /* Bottom Cap Middle */
	width: 282px;
	height: 30px;
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 69px;
	padding: 0;
	background-image: url('../images/interface/inside_bottom_cap_middle.png');
}

ul#section_navigation .bcr { /* Bottom Cap Right */
	width: 69px;
	height: 69px;
	position: absolute;
	z-index: 6;
	bottom: 0;
	right: 0;
	padding: 0;
	background-image: url('../images/interface/inside_bottom_cap_right.png');
}

ul#section_navigation li {
	padding: 18px 17px 18px 16px;
	margin: 1px 2px 1px 2px;
	float: left;
}

ul#section_navigation li.divider,
ul#section_navigation li.divider_top_cap,
ul#section_navigation li.divider_bottom_cap,
ul#section_navigation li.divider_mid,
ul#section_navigation li.divider:hover,
ul#section_navigation li.divider_top_cap:hover,
ul#section_navigation li.divider_bottom_cap:hover,
ul#section_navigation li.divider_mid:hover {
	padding: 0;
	margin: 0 0 0 2px;
	display: inline; /* Windows IE double margin float bug */
	background-color: #FFF;
	cursor: default;
	font-size: 0; /* bizzare Windows IE bug fix */
}
ul#section_navigation li.divider_top_cap,
ul#section_navigation li.divider_top_cap:hover {
	height: 2px;
	padding-top: 1px;
}
ul#section_navigation li.divider_bottom_cap,
ul#section_navigation li.divider_bottom_cap:hover {
	height: 2px;
	padding-bottom: 1px;
}
ul#section_navigation li.divider_mid,
ul#section_navigation li.divider_mid:hover {
	height: 2px;
	padding: 1px 0;
}

ul#section_navigation li div.hr {
	color: #C0D8E2;
	background-color: #C0D8E2;
	width: 382px;
	height: 2px;
	padding: 0;
	margin: 0;
}

ul#section_navigation li:hover {
	background-color: #E6E6E6;
	cursor: pointer;
	cursor: hand;
}

#section_navigation a { display: none; }
#section_navigation .primary h2 {
	margin-bottom: 0.72222222em; /* 13 points */
	line-height: 1.1875em;
	text-align: center;
}

#section_navigation li p {
	margin-bottom: 0;
}
#section_navigation .primary,
#section_navigation .tertiary {
	width: 156px;
}

#section_navigation .secondary {
	width: 348px;
	margin: 0 0 0 2px;
	padding-top: 16px;
	padding-bottom: 16px;
	background-color: #FFF;
}
#section_navigation .secondary h2 { display: inline; }
#section_navigation .secondary h2:after { content: ' - '; }
#section_navigation .secondary p { display: inline; }

#section_navigation .tertiary {
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: center;
}

/* Service navigation rollover styles
----------------------------------------------- */

ul#section_navigation.general_overview > li#general_overview,
ul#section_navigation.general_overview > li#general_overview:hover,
ul#section_navigation.rates > li#rates,
ul#section_navigation.rates > li#rates:hover,
ul#section_navigation.joining > li#joining,
ul#section_navigation.joining > li#joining:hover,
ul#section_navigation.about_our_vehicles > li#about_our_vehicles,
ul#section_navigation.about_our_vehicles > li#about_our_vehicles:hover,
ul#section_navigation.residential_developments > li#residential_developments,
ul#section_navigation.residential_developments > li#residential_developments:hover,
ul#section_navigation.government > li#government_accounts,
ul#section_navigation.government > li#government_accounts:hover,
ul#section_navigation.scrap_it > li#scrap_it,
ul#section_navigation.scrap_it > li#scrap_it:hover,
ul#section_navigation.how_to_book > li#how_to_book,
ul#section_navigation.how_to_book > li#how_to_book:hover,
ul#section_navigation.prerequisites > li#prerequisites,
ul#section_navigation.prerequisites > li#prerequisites:hover,
ul#section_navigation.savings > li#savings,
ul#section_navigation.savings > li#savings:hover,
ul#section_navigation.government_accounts > li#government,
ul#section_navigation.government_accounts > li#government:hover,
ul#section_navigation.perks > li#perks,
ul#section_navigation.perks > li#perks:hover,
ul#section_navigation.billing > li#billing,
ul#section_navigation.billing > li#billing:hover,
ul#section_navigation.examples_of_use > li#examples_of_use,
ul#section_navigation.examples_of_use > li#examples_of_use:hover,
ul#section_navigation.carsharing_benefits > li#carsharing_benefits,
ul#section_navigation.carsharing_benefits > li#carsharing_benefits:hover,
ul#section_navigation.what_if > li#what_if,
ul#section_navigation.what_if > li#what_if:hover,
ul#section_navigation.maintenance > li#maintenance,
ul#section_navigation.maintenance > li#maintenance:hover,
ul#section_navigation.fueling > li#fueling,
ul#section_navigation.fueling > li#fueling:hover,
ul#section_navigation.parking > li#parking,
ul#section_navigation.parking > li#parking:hover,
ul#section_navigation.cargo_and_children > li#cargo_and_children,
ul#section_navigation.cargo_and_children > li#cargo_and_children:hover,
ul#section_navigation.carsharing_worldwide > li#carsharing_worldwide,
ul#section_navigation.carsharing_worldwide > li#carsharing_worldwide:hover,
ul#section_navigation.contact > li#contact,
ul#section_navigation.contact > li#contact:hover,
ul#section_navigation.background > li#background,
ul#section_navigation.background > li#background:hover,
ul#section_navigation.client_list > li#client_list,
ul#section_navigation.client_list > li#client_list:hover,
ul#section_navigation.staff_and_directors > li#staff_and_directors,
ul#section_navigation.staff_and_directors > li#staff_and_directors:hover,
ul#section_navigation.privacy > li#privacy,
ul#section_navigation.privacy > li#privacy:hover {
	background-color: #E0EFCB;
}

/* Page content styles
----------------------------------------------- */
#pageContent {
	float: left;
	width: 346px;
	padding-top: 30px;
	margin-left: 20px;
	padding-bottom: 1em;
	color: #FFF;
}

#pageContent h2, h3 {
	color: #FFF;
	display: inline;
	font-weight: normal;
}

#pageContent h2 {
	font-size: 2.4em; /* 24 points */
}

#pageContent h3:before {
	content: ' > ';
}

#pageContent h3 {
	font-size: 1.8em; /* 18 points */
}

#pageContent h4 {
	color: #4D9DBF;
	text-transform: uppercase;
	margin-top: 1.0em;
	margin-bottom: -1.2em;
	font-size: 1.2em; /* 12 points */
	line-height: 1.5833333em; /* 19 points */
}

#pageContent.index h2 {
	padding: 66px 0 0 0;
	height /**/:66px;
	position: relative;
	
	display: block;
	left: -5px;
}

#services #pageContent.index h2 {
	background-image: url('../images/services_section_header.png');
}
#carsharing #pageContent.index h2 {
	background-image: url('../images/carsharing_section_header.png');
}
#thecooperative #pageContent.index h2 {
	background-image: url('../images/thecooperative_section_header.png');
}

#pageContent p {
	overflow: auto;
	height: 1%; /* triggers layout in windows IE */
}

#pageContent p > img {
	float: left;
	margin-top: 0.25em;
	margin-right: 1em;
}

p.download {
	padding-left: 43px;
	line-height: 1.1428571em;
	margin-top:  1.5em;
	margin-bottom: 0.5em;
}

.byline {
	display: block;
	font-size: 0.78571429em; /* 11 points */
	font-style: italic;
}

p.download .icon {
	display: block;
	width: 31px;
	float: left;
	margin-left: -43px;
	margin-top: 3px;
}

p.download .icon img {
	border: none;
}

p.download .description {
	font-size: 0.78571429em; /* 11 points */
	font-style: italic;
}


/* Download forms page styles
----------------------------------------------- */
ul#form_list {
	padding: 1em 18px 2em 18px;
	margin: 0 0 0 18px;
	width: 732px;
	color: #FFF;
	list-style: none;
}

ul#form_list > li {
	border-bottom: 2px solid #214a5f;
	overflow: auto;
	_overflow: visible;
	padding: 1em 0;
}
ul#form_list > li:last-child {
	border: none;
}

ul#form_list > li p.download {
	float: left;
	width: 305px;
	margin-top: 0;
	margin-bottom: 0;
}

ul#form_list > li p.description {
	padding-left: 384px;
	margin: 0;
}

ul#form_list > li span.title {
	font-size: 1.3333333em; /* 16 points */
}


/* Footer styles
----------------------------------------------- */
#footer_wrapper { /* be nice to IE 7 */
	clear: both;
}

#footer {
	position: fixed;
	bottom: 0;
	_left: 0;
	margin-left: 18px;
	background-image: url('../images/interface/footer_background.ping'); /* hide from PNG script with alternate extension */
	background-repeat: repeat-x;
	height: 27px;
	width: 768px;
}

#footer a,
#footer p {
	font-size: 1.0em; /* 10 points */
	line-height: 1.0em; /* 10 points */
	text-transform: uppercase;
	text-decoration: none;
	color: #1E5066;
	margin-right: 12px;
	display: block;
}

#footer p {
	bottom: 6px;
	_bottom: 4px;
	right: 0;
	margin-bottom: 0;
	position: absolute;
	text-transform: none;
}

#footer a:hover {
	color: #000;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	bottom: 6px;
	_bottom: 4px;
	left: 12px;
	position: absolute;
}

#footer ul li {
	float: left;
	line-height: 1.0em;
	color: #1E5066;
}

.oo_create_ok {
	color: #FFFFFF;
}

.oo_create_error {
	color: #FF0000;
}

#SuccessBox {
	-moz-border-radius: 3px;
}

#SuccessBox td {
	background: #83BF30;
}