﻿/************************************************************************************************************************
	COLORS, BORDERS & FONTS
************************************************************************************************************************/

html 

{

	font: 62.5% Arial; 

}

body 

{

	color:#FFF;

	font-size: 1.2em; 

	background-image: url(/media/bg.jpg);

	background-repeat: no-repeat;

	background-position: top center;

	background-color: #000;

}

a

{

	color: #fff; 

	font-weight: bold; 



}

h1	{font-size: 1.7em;

	color:#003366; }

h2	{font-size: 1.5em; color: #990000; }

h3	{font-size: 1.3em; }

h4	{font-size: 1.2em; }

h5	{font-size: 1.1em; }

h6	{font-size: 1.0em; }



img

{

	border: none; 

}

input, select 

{

	font-size: 1.0em; 

}

.header a

{

	background: inherit; 

	color: #fff; 

}

.header a.logo

{

	background: url(/media/header.jpg) no-repeat;

	width: 960px;

	height: 203px;

	display: block;

	text-indent: -9999px;

}



.primary-menu, 

.primary-menu a

{



	color: #fff; 

}

.content, 

.secondary-menu

{

	background: #fff; 

	color: #000; 

}

.content a, 

.secondary-menu a

{

	background: inherit; 

	color: #06c; 

}

.content li#res-no

{

	color: #c00; 

} 

.content .validation-summary

{

	background: #ffc url(/media/error.gif) no-repeat 32px 32px;

	border-bottom: solid 2px #fc3; 

	border-top: solid 2px #fc3; 

	color: #f00; 

	font-weight: bold; 

	font-size: 1.6em; 

}

.content .validation-summary ul

{

	font-size: 75%; 

}

.content .blackout

{

	background: inherit; 

	color: #f00; 

	font-weight: bold; 

}

.content .vehicle-blackout img

{

	opacity: 0.3; 

	filter: alpha(opacity=30); 

}

.content .vehicle-available img

{

}

.content .fleet .name

{

	font-weight: bold;

}

.content .title

{

	background: #666 url(/media/bg2.jpg); 

	color: #fff; 

	font-weight: bold; 

	font-size: 1.2em; 

}

.content .vehicle .name

{

	font-weight: bold; 

}

.content .vehicle .features

{

	font-size: 0.9em; 

}

.content .quote tr.Total

{

	font-size: 1.2em; 

	font-weight: bold; 

}



.secondary-menu li, 

.secondary-menu li li:first-child

{

	border-left: solid 1px #666; 

}

.secondary-menu li:first-child

{

	border-left: none; 

}



.vehicle-list li

{

	font-weight: bold; 

}

.vehicle-list li li

{

	font-weight: normal; 

}



.main .wait

{

	background: #f00 url(/media/loading.gif) no-repeat 8px; 

	color: #fff; 

}



#secondary

{

	background: #eee url(/media/bg6.jpg); 

}



/************************************************************************************************************************

	LAYOUT

************************************************************************************************************************/



body 

{

	margin: 0; 

	padding: 0; 

}

h1, h2, h3, h4, h5, h6

{

	margin: 0; 

	padding: .5em 0; 

}

p

{

	padding: 0 0 1em; 

	margin: 0; 

}

table

{

	border-collapse: collapse; 

}

td

{

	vertical-align: top; 

}



ul.form

{

	margin: 0; 

	padding: 0; 

}



.main

{

	margin: auto; 

	width: 960px; 

}



.main .wait

{

	position: fixed;

	top: 0px;

	left: 0px;

	padding: 8px 8px 8px 28px; 

}



/******************** Header ********************/



.print-heading

{

	display: none; 

}

.lang

{

	margin: 0; 

	padding: 2px; 

	text-align: right; 

}

	.lang li

	{

		display: inline; 

		font-weight: bold; 

		list-style-type: none; 

		margin: 0; 

		padding: 0 2px; 

	}

	.lang li a, 

	.lang li span

	{

		background-repeat: no-repeat; 

		background-position: left center; 

		padding: 0 0 0 21px; 

	}

	.lang li.en a, 

	.lang li.en span	{background-image: url(/media/english/flag.gif); }

	

	.lang li.es a, 

	.lang li.es span	{background-image: url(/media/spanish/flag.gif); }

	

	.lang li a

	{

		font-weight: normal; 

	}

	







/****************************** DO NOT TOUCH ******************************/

.content

{

	clear: both; 

	min-height: 372px; 

	padding: 16px 32px; 

}

body.default .content, 

body.faq .content, 

body.contact-default .content, 

body.rent-default .content,

body.rent-group .content, 

body.rent-quote .content, 

body.rent-reserve .content, 

body.rent-view .content, 

body.sale-default .content, 

body.sale-unit .content 

{

	padding: 4px; 

}

.content .col

{

	float: left; 

}

.content .box

{

	overflow: hidden; 

	margin: 5px 5px; 

	padding: 5px; 

}

.content .validation-summary

{

	margin: 4px 0; 

	padding: 10px 10px 10px 132px; 

}

/****************************** DO NOT TOUCH ******************************/



.content .form 

{

	list-style: none; 

}

.content .form li 

{

	font-weight: bold; 

	padding: .5em 0; 

}



.content .form label 

{

	display: block; 

	font-weight: normal; 

}

.content .form .inline label 

{

	display: inline; 

}





.content .buttons

{

	clear: both; 

	padding: 0px 0; 

	text-align: center; 

}

.content .buttons input 

{

	margin-left: .25em; 

	margin-right: .25em; 

}



.actions

{

	clear: both; 

	margin-top: 1em; 

	text-align: center; 

}

.actions a, 

.actions input 

{

	margin-left: .5em; 

	margin-right: .5em; 

}

.title

{

	margin-bottom: 4px; 

	padding: 8px; 

}

.ssl

{

	clear: both; 

	background: url(/media/lock.gif) no-repeat; 

	color: #090; 

	font-weight: bold; 

	padding: 0 0 0 18px; 

}



/******************** Secondary Menu ********************/



.secondary-menu

{

	padding: .5em 0; 

	text-align: center; 

		background:  url(/media/bg8.jpg);

}

.secondary-menu a

{

	padding: 0 .5em; 

}

.secondary-menu ul, 

.secondary-menu li

{

	display: inline; 

	list-style: none; 

	margin: 0; 

	padding: 0; 

}





/******************** Footer ********************/



.footer

{ 

	background: #ff0000 url(/media/bg4.jpg); 

	color: #fff; 

	margin-top: 1px;

	padding: 20px 15px 20px;

	position: relative;


}

	.footer a.power {

		background: transparent url(/media/power.gif) no-repeat scroll 0 0;

		display: block;

		font-size: 0.9em; 

		height: 40px;

		position: absolute;

		right: 10px;

		text-indent: -9999px;

		top: 7px;

		width: 100px;

	}



/************************************************************************************************************************

	ELEMENTS

************************************************************************************************************************/



/******************** Calendar ********************/

.calendar a

{

	text-decoration: none; 

}



/******************** Reservation ********************/

div#reservation ul li 

{

	float: left; 

	width: 48%; 

}



/******************** Contact ********************/

div#contact ul li

{

	float: left; 

	width: 48%; 

}



/******************** Payment ********************/

div#payment ul li

{

	float: left; 

	/* width: 30%; */

}

/******************** Flight ********************/

div#flight ul li

{

	float: left; 

	/* width: 48%; */

}



/******************** Vehicle ********************/



div.vehicle .info

{

	float: left; 

	/* padding-right: 8px; */

	width: 35%; 

}

div.vehicle .name

{

	padding-top: 4px; 

}

div.vehicle .models

{

}

div.vehicle .occupancy

{

	/* margin: 16px 0 0 32px; */

	margin: .5em 0 .5em 2em; 

	padding: 0; 

}



/******************** Fleet  ********************/



.content .fleet

{

	width: 100%; 

}

.content .fleet td

{

	padding: 8px; 

	text-align: center; 

	width: 33%; 

}

.content .fleet .pic 	

{



}

.content .fleet .rates

{

	list-style: none; 

	margin: 4px 0; 

}

.content .fleet .blackout

{

	padding: 4px 0; 

}



/******************** Extras ********************/



.content .extras	

{

	width: 100%; 

}

.content .extras td

{

	padding: 0 2px; 

	vertical-align: middle; 

}

.content .extras td.qty

{

	text-align: center; 

}

.content .extras td.price

{

	padding-right: 0; 

}



/******************** Quote ********************/



.content .quote

{
/*width:58%;*/
}

	.content .quote td

	{

		padding: 2px 0 2px 8px; 

		vertical-align: middle; 

	}

	.content .quote td.qty

	{

		text-align: right; 

	}

	.content .quote td.charge

	{

	}

	.content .quote td.subtotal

	{

		text-align: right; 

	}



/******************** Customer ********************/

div#contact ul li 

{

	float: left; 

	width: 48%; 

}

div#contact ul input

{

	width: 80%; 

}



/******************** Payment/Flight ********************/

div#payment ul li, 

div#flight ul li 

{

	float: left; 

	margin-right: 1em; 

}

div#flight input

{

	width: 6em; 

}



/******************** Comments ********************/

div#comments textarea

{

	width: 320px; 

	height: 100px; 

}



/******************** Vehicle list ********************/



.vehicle-list

{

	margin: 0;

	padding: .25em; 

}

.vehicle-list a

{

	text-decoration: none; 

	white-space: nowrap; 

}

.vehicle-list a:hover

{

	text-decoration: underline; 

}

.vehicle-list ul

{

	display: inline; 

	margin: 0; 

	padding: 0; 

}



.vehicle-list li

{

	list-style: none; 

	display: inline; 

	font-weight: bold; 

	margin-right: .5em; 

}

.vehicle-list li li

{

	font-weight: normal; 

	margin-left: .5em; 

}



/************************************************************************************************************************

	PAGES

************************************************************************************************************************/



/******************** Home  ********************/



body.default div.col#featured

{

	width: 100%; 


}

body.default div.col#featured .featured-list

{

	width: 100%; 

}

body.default div.col#featured .featured-list td

{

	text-align: center; 

	text-transform: uppercase; 

	font-weight: bold; 

}

body.default div.col#featured .featured-list td a

{

	text-decoration: none; 

}





body.default div.col#primary 

{

	width: 100%; 

}

body.default div.col#secondary 

{

	width: 100%; 

}

body.default table.fleet td

{

	padding: 10px;

	width: 10%; 



}

body.default ul.home-bullets

{

	font-weight: bold; 

	font-size:1.1em;

}



/******************** Contact page ********************/



body.contact-default div.col#primary 

{

	width: 60%; 

}

body.contact-default div.col#secondary 

{

	width: 40%; 

}

body.contact-default li#message

{

	clear: both; 

}

	body.contact-default li#message textarea

	{

		width: 20em; 

		height: 100px; 

	}

body.contact-default li#branch

{

	clear: both; 

}

body.contact-default .locations

{

	margin: 0; 

	padding: 0; 

}

	body.contact-default #locations ul

	{

		list-style: none; 

	}

body.contact-default .location

{

	float: left; 

	clear: both; 

	width: 100%; 

	border-top: solid 1px #ccc; 

	padding: 1em 0; 

}

body.contact-default .location:first-child

{

	border-top: none; 

}

	body.contact-default .location .info

	{

		float: left; 

		width: 40%; 

	}

	body.contact-default .location .info .name

	{

		font-weight: bold; 

		padding-bottom: .5em; 

	}

	body.contact-default .location .info .address

	{

		text-transform: uppercase; 

		padding-bottom: .5em; 

	}

	body.contact-default .location .info .phones

	{

		clear: both; 

		margin: 0; 

		padding: 0; 

	}

	body.contact-default .location .info .phones label

	{

		float: left; 

		width: 5em; 

	}

	body.contact-default .location .info .map

	{

		clear: both; 

	}



	body.contact-default .location .hours

	{

		float: left; 

		width: 60%; 

	}

	body.contact-default .location .hours

	{

	}

	body.contact-default .location .hours label

	{

		float: left; 

		width: 7em; 

	}

	body.contact-default .location .hours ul

	{

		margin: 0; 

		padding: 0; 

	}

	body.contact-default .location .hours li

	{

		font-weight: normal; 

	}



/******************** Rent home  ********************/



body.rent-default div.col

{

	float: right; 

}

body.rent-default div.col#primary

{

	width: 70%; 

}

body.rent-default div.col#secondary

{

	width: 30%; 

}



body.default li#pickup-date, 

body.default li#dropoff-date, 

body.rent-default li#pickup-date, 

body.rent-default li#dropoff-date 

{

	clear: both; 

	float: left; 

	padding-right: 1em; 

}

body.default li#pickup-location select, 

body.default li#dropoff-location select, 

body.rent-default li#pickup-location select, 

body.rent-default li#dropoff-location select 

{

	width: 200px; 

}

body.default li#pickup-date input, 

body.default li#dropoff-date input, 

body.rent-default li#pickup-date input, 

body.rent-default li#dropoff-date input 

{

	width: 80px; 

}

body.default li#rate-code input, 

body.rent-default li#rate-code input 

{

	width: 60px; 

}



body.default li#email, 

body.default li#confirmation 

{

	float: left; 

	padding-right: 1em; 

}

body.default li#confirmation input 

{


