/*////////////////////////////   Structure   */

html { height: 100%; }
body { margin: 0; padding: 0; background:#FFF url(../images/page_bg.jpg) top repeat-x; color: #666; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; line-height: 160%; height: 100%; }
#outerWrapper { margin: 0 auto; text-align: left; width: 740px; }
#pageWrapper { background: url(../images/page_bg.jpg) repeat-x top; }
#topHeader { height: 120px; line-height: 120px; vertical-align: middle; }
#mainHeader { height: 180px; background: #0050D3 url(../images/header_bg.jpg) top repeat-x; }
#navigation { margin: 0 26px 10px 26px; height: 30px; line-height: 30px; background: #0050D3 url(../images/sub_heading_bg.png) top repeat-x; text-align: center; clear:both; color:#FFF; }
#contentWrapper { margin: 0 auto; width: 792px; background: #FFF url(../images/content_bg.png) top no-repeat; min-height: 443px; text-align: left; }
#content, #termsContent { margin: 0 26px; padding: 5px 15px; margin-right: 280px; }
#termsContent { margin-right: 26px; }
#sideBar { float: right; width: 245px; }
#footer { background: url(../images/footer_bg.png) bottom center no-repeat; color: #999; height: 134px; clear: both; margin: auto; }


/*////////////////////////////   General Corrections   */

table tr td { vertical-align: top; line-height: 160%; font-size: 100%; }
a { text-decoration: underline; color: #003399; }
a:hover { color: #4991EA; }
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #666; line-height: 100%; border: 1px solid #E7E7E7; padding: 3px; background: #FFF url(../images/input_bg.png); }
input:focus, textarea:focus, select:focus { color: #000; }
h1, h2, h3 { margin:0; padding:0; }
h1 { font-family: "Lucida Grande", "Lucida Sans", Tahoma, Verdana; font-size: 220%; color: #FFCC00; }
h2 { font-family: "Lucida Grande", "Lucida Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 120%; color: #003399; }
#contentWrapper h1 { color: #0038A2; margin-left: 26px; margin-right: 26px; padding: 15px; }
#sideBar h2 { background: #0050D3 url(../images/sub_heading_bg.png) top repeat-x; color: #FFF; height: 40px; line-height: 40px; padding: 0 15px; margin-bottom: 10px; }
ul.benefits li { list-style: url("./images/list_arrow.png"); }



/*////////////////////////////   Survey   */

#survey { background: url(../images/sub_heading_bg.png); padding: 7px 30px; text-align: left; font-weight: bold; color: #FFF; border-width: 0 0 1px 0; border-style: solid; border-color: #000; }
	#survey a { color: #FFCC00; text-decoration: none; }
	#survey a:hover { color: #4991EA; }




/*////////////////////////////   Top header   */

#topHeader img.keningsLogo { float: left; border: 0; }
#topHeader img.vehicleLogos { float:right; }




/*////////////////////////////   Main Header   */

#mainHeader img { float: left; margin: 0; }
#mainHeader div.specialOffer { margin: 0 0 0 385px; padding-top: 15px; }
#mainHeader a.specialOffer { color: #FFCC00; text-decoration: none; font-weight: bold; display:block; text-align: right; padding-top:10px; }
#mainHeader { color: #FFFFFF; }




/*////////////////////////////   Navigation   */

#navigation div.wrapper { text-align: center; }
#navigation a { color: #FFF; text-decoration: none; padding: 0 10px; font-weight: normal; display: block; float: left; }
#navigation a:hover { background: url(../images/navigation_bg_hover.png) bottom repeat-x; }




/*////////////////////////////   Special offers   */

div.specialOffer { margin: 15px 0; }
	div.specialOffer p { margin-left: 15px; }
	
	
	

/*////////////////////////////   Rental Rates   */

#termsContent .tariffsTable { border-width: 0 0 1px 1px; border-color: #DDD; border-style: solid; width: 710px; margin-bottom: 30px; font-size: 100%; }
#termsContent .tariffsTable tr td, #termsContent .tariffsTable tr th { padding: 5px; vertical-align: middle; text-align: center; border-width: 1px 1px 0 0; border-color: #DDD; border-style: solid; font-size: 100%; line-height:120%; }
#termsContent .tariffsTable tr.greyBg { background: #F0F0F0; }
#termsContent .tariffsTable tr th { background: #0050D3 url(../images/sub_heading_bg.png) top repeat-x; color: #FFF; text-align: center; font-size: 110%; }
#termsContent .tariffsTable th.greenbg { background: #31b71c url(../images/sub_heading_bg2.png) top repeat-x; color: #FFF; text-align: center; font-size: 110%; }
#termsContent .tariffsTable tr td.disclaimer { text-align: left; vertical-align: top; }
#termsContent .tariffsTable tr td.disclaimer p { margin: 5px 0; }
#termsContent .tariffsTable tr td.active { color: #FFF; background: #003399; }
#termsContent .tariffsTable tr td.active a {color: #FFF; text-decoration: none; }
#termsContent .rental_types li { list-style: url("./images/list_arrow.png"); }




/*////////////////////////////   Terms & Conditions   */

#termsContent ol#termsWrapper { margin-left: 0; margin-right: 0; padding-left: 26px; font-size: 110%; color:#003399; font-weight: bold; }
	#termsContent ol#termsWrapper h2 { margin: 15px 0; padding:0; }
	#termsContent ol#termsWrapper h2 span { font-size: 80%; color: #999; font-weight: bold; }
#termsContent table { font-weight: normal; color: #666; font-size: 90%; line-height: 160%; }
	#termsContent table td.left { padding-left: 20px; }
	#termsContent table td, #termsContent table th { text-align: left; }
#termsContent p.printableVersion { text-align: center; padding: 10px; background: #EEE; border: 1px solid #CCC; }




/*////////////////////////////   Fleet   */

table.keyHolder { margin: 0; }
	table.keyHolder td.keyHolder { border: 1px solid #CCC; }
	table.keyHolder table.key { height: 40px; background: #EAEAEA; }
		table.keyHolder table.key td { font-size: 120%; vertical-align: middle; margin: 0; }
		table.keyHolder table.key td.fleet_left { padding: 0px 10px 0px 3px; }
div#passengerSection, div#commercialSection, div#touringSection { padding-left: 25px; margin: 15px 0; }
div#passengerSection { background: url(../images/fleet/title_passenger.png) left top repeat-y; }
div#touringSection { background: url(../images/fleet/title_touring.png) left top repeat-y; }
div#commercialSection { background: url(../images/fleet/title_commercial.png) left top repeat-y; }
div.vehicleSpecs { float: left; width: 195px; padding: 5px; margin: 8px 0; _margin:  0; margin-left: 15px; border: 1px solid #CCC; }
	div.vehicleSpecs h2 { color: #003399; background: #FFF; padding: 0 3px; text-align: right; }
	div.vehicleSpecs table.details { width: 195px; height: 36px; }
		div.vehicleSpecs table.details tr td.pax { background: url(../images/fleet_pax.gif) no-repeat;  }
		div.vehicleSpecs table.details tr td.mileage { background: url(../images/fleet_mileage.gif) no-repeat; background-position: 35px; }
		div.vehicleSpecs table.details tr td.smallLuggage { background: url(../images/fleet_luggage_small.gif) no-repeat; }
		div.vehicleSpecs table.details tr td.largeLuggage { background: url(../images/fleet_luggage_large.gif) no-repeat; }
	div.vehicleSpecs div.details { padding: 3px; background: #EAEAEA; border: 1px solid #CCC; text-align: center; }
	div.vehicleSpecs div.vehicleImg { padding: 10px 0; }
div#passengerSection div.vehicleSpecs table.details tr td, div#touringSection div.vehicleSpecs table.details tr td, div#commercialSection div.vehicleSpecs table.details tr td { text-align: center; vertical-align: middle; background-position: 20px; font-weight: bold; width: 25%; border: 1px solid #999; cursor: help; color: #000; font-size: 110%; }




/*////////////////////////////   Discount Programs   */

#discountPrograms .discountWrapper { margin: 10px; width: 205px; float: left; }
	#discountPrograms .discountWrapper .title { background:url(../images/discounts_main.gif) no-repeat top; height: 66px; position: relative; }
		#discountPrograms .discountWrapper .title h2 { font-size: 100%; padding-top: 15px; color: #FFF; text-align: center; height: 51px; }
			#discountPrograms .discountWrapper .title h2 span { font-size: 200%; color: #FFCC00; line-height: 120%; display: block; margin-top: -5px; }
	#discountPrograms .discountWrapper .description { margin: 0; padding: 0px 10px; background: url(../images/discounts_bg.gif); color: #FFF; }
		#discountPrograms .discountWrapper .description span { background: #0050D3; }
		#discountPrograms .discountWrapper .description strong { color: #FFCC00; }
		#discountPrograms .discountWrapper .description a { text-decoration: underline; color: #FFCC00; }
		#discountPrograms .discountWrapper .description a:hover { text-decoration: none; }
	#discountPrograms .discountWrapper .bottom { background:url(../images/discounts_bottom.gif) no-repeat center; height: 8px; line-height: 10%; }




/*////////////////////////////   FAQ   */

ol.faqQuestions li { margin: 3px 0; }
ol.faqAnswers li { margin: 0 0 20px 0; }
	ol.faqAnswers li ul li { margin: auto; list-style: url(../images/ul_li.gif); }
	span.boldBlueText { color: #003399; font-weight: bold; }
	hr.faq { height: 1px; background: #FFF url(../images/hr_bg.gif); border: 0; margin: 30px 15px; _margin: 10px 15px; }




/*////////////////////////////   Affiliates   */

div#affiliateIcons a img { border: 5px solid #F0F0F0; padding: 1px; margin: 0 19px 20px 0; color: #999; }
div#affiliateIcons a:hover img { border-color: #FFCC00; }




/*////////////////////////////   Contact form   */

#contactForm table { width: 98%; }
#contactForm table td { padding: 3px; }
#contactForm table td.left { text-align: right; }
#contactForm table th { text-align: right; background: #EEE; border-width: 0 0 1px 0; border-style: solid; border-color: #CCC; padding: 7px; }
#contactForm p.error { border: 1px solid #990000; color: #990000; background: #FFE5E5; padding: 10px; }
#contactForm p.success { color: #4991EA; border: 1px solid #4991EA; background: #E4F0FF; text-align: center; padding: 10px; }




/*////////////////////////////   Side bar   */

#sideBar p { padding-left: 15px; padding-right: 15px; }
#sideBar div { margin-bottom: 25px; margin-right: 26px; }
#sideBar #printVersion a { color: #003399; text-decoration: none; font-weight: bold; display:block; text-align: right; margin-right: 15px; clear: both; }
#sideBar div.image { text-align: left; margin: 0; }

#sideBar div.promotion { color: #000; background: url(../images/promotion_bg.png) left center no-repeat #FFCC00; height: 91px; width: 200px; margin: 0; font-size: 140%; }
	#sideBar a.promotion { position: relative; display: block; width: 200px; height: 91px; margin: 0; padding: 0; text-align: center; color: #000; text-decoration: none; }
	#sideBar a.promotion:hover { color: #FFF; }
	#sideBar div.promotion a span.text { position: absolute; display: block; left: 0; top: 30%; text-align: center; width: 100%; cursor: pointer; }




/*////////////////////////////   Special awards   */

#specialAwardContent { background: #FFF; text-align: left; padding: 15px; }
#specialAwardContent div { margin: 0px; }
#specialAwardContent h1 span { display: inline; color: #666; font-size: 70%; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }
#specialAwardContent h1 { display: inline; font-size: 140%; }
#specialAwardContent img.left { float: left; margin: 0 15px 15px 0; }
#specialAwardContent img.right { float: right; margin: 0 0 15px 15px; }
#specialAwardContent img { border: #003399 solid 0px; clear: both; }
#specialAwardContent p { clear: both; margin: 15px auto; }




/*////////////////////////////   Footer   */

#footer div.footerWrapper { margin: 0 26px; padding: 30px 15px; }
#footer div.navigation { float: right; text-align: right; }
#footer a { color: #999; text-decoration: none; border-width: 0 0 1px 0; border-color: #999; border-style: dotted; padding-bottom:1px; }
#footer a:hover { border-color: #000; color:#000; }
#footer a.akuko { border: 0; color: #666; }
#footer a.akuko:hover { color: #000; }
#footer h1 { margin:0; padding: 0; color: #999; font-weight: normal; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; display:inline; }




/*////////////////////////////   Miscellaneous   */

div.clearBoth { clear: both; height: 0; }
div.clearLeft { clear: left; height: 0; }
span.blueText { color: #003399; }
span.bold { font-weight: normal; }

.toTop { text-align: right; }
.toTop a { color: #003399; text-decoration: underline; }
.toTop a:hover { text-decoration: none; }

h2.inline { display: inline; font-size: 100%; color: #666; font-weight: normal; margin: 0; line-height: 100%; padding: 0; }