/************************************************************************************************************************
	COLORS, BORDERS & FONTS
************************************************************************************************************************/

html 
{
	font: 62.5% Arial; 
}
body 
{
	background: #666; 
	color: #fff; 
	font-size: 1.1em; 
}
a
{
	background: inherit; 
	color: #666; 
}
h1	{font-size: 1.6em; color: #c00; }
h2	{font-size: 1.4em; color: #c00; }
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; 
}
.main
{
	background: #000; 
	color: #fff; 
}
.header a
{
	background: inherit; 
	color: #fff; 
}
.header .banner
{
	background: url(/media/header.gif) no-repeat center bottom; 
	color: inherit; 
}
.primary-menu, 
.primary-menu a
{
	background: #000; 
	color: #fff; 
}
.content, 
.secondary-menu
{
}
.content a, 
.secondary-menu a
{
	background: inherit; 
	color: #ccc; 
}
.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 .fleet .name
{
	font-weight: bold; 
}
.content .title
{
	/* border-bottom: solid 1px #999; */
	background: #ac0306; 
	color: #fff; 
	font-weight: bold; 
	font-size: 1.4em; 
	font-weight: bold; 
}
.content .vehicle .name
{
	font-weight: bold; 
}
.content .vehicle .features
{
	font-size: 0.9em; 
}
.content .quote tr.Total
{
	font-size: 1.2em; 
	font-weight: bold; 
}

.copyright,  
.power,  
.copyright a, 
.power a 
{
	/* background: #ccc; 
	color: #333; */
}
.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; 
}

.power
{
	font-size: 0.9em; 
}

body.faq .content label 
{
	font-weight: bold; 
}

.main .wait
{
	background: #f00 url(/media/loading.gif) no-repeat 8px; 
	color: #fff; 
}

#secondary
{
	background: #eee; 
	color: #006; 
}
	#secondary a
	{
		background: inherit; 
		color: #003; 
	}


/************************************************************************************************************************
	LAYOUT
************************************************************************************************************************/

body 
{
	margin: 0; 
	padding: 15px 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; 
		background: Transparent no-repeat scroll left center; 
		font-weight: bold; 
		margin: 0; 
		padding: 0 2px 0 21px; 
	}
	.lang li.en		{background-image: url(/media/english/flag.gif);}
	.lang li.es		{background-image: url(/media/spanish/flag.gif);}
	.lang li a
	{
		background: none; 
		font-weight: normal; 
	}
*/
.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; 
	}
	

.header
{
}

.header .lang
{
	float: right; 
	padding: .5em 0; 
}
.header .lang a
{
	padding-left: 1em; 
}
.header .lang img
{
	vertical-align: middle; 
	margin-right: .25em; 
}

.header .banner
{
	clear: both; 
	text-align: right; 
}

.primary-menu
{
	padding: 1em; 
	border-bottom: solid 1px #fff; 
    text-transform: uppercase; 
}
.primary-menu ul, .primary-menu li
{
	display: inline; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}
.primary-menu a
{
	margin: 0 1em; 
	text-decoration: none; 
}

/*
.primary-menu
{
    clear: both; 
    text-transform: uppercase; 
    line-height: 20px; 
    width: 100%; 
}
.primary-menu ul 
{
	display: inline; 
	margin: 0; 
	padding: 0; 
    list-style: none; 
}
.primary-menu li
{
	display: inline; 
}

.primary-menu a
{
    padding: 0 1em; 
	text-decoration: none; 
}
*/

/******************** Content ********************/

.content h1, 
.content h2, 
.content h3, 
.content h4, 
.content h5, 
.content h6, 
/* .content li, */
.content p
{
	max-width: 35em; 
}

/****************************** 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.car-sales-default .content, 
body.car-sales-unit .content 
{
	padding: 4px; 
}
.content .col
{
	float: left; 
}
.content .box
{
	overflow: hidden; 
	margin: 8px 4px; 
	padding: 8px; 
}
.content .validation-summary
{
	margin: 4px 0; 
	padding: 32px 16px 16px 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: 18px 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; 
}

/******************** Footer ********************/

.copyright,  
.power 
{
	text-align: center; 
}
.copyright  
{
	padding-top: 8px; 
}
.power 
{
	padding-bottom: 8px; 
}

.secondary-menu
{
	border-top: solid 1px #fff; 
	padding: 1em 0; 
	text-align: center; 
}
.secondary-menu a
{
	padding: 0 .5em; 
	text-decoration: none; 
}
.secondary-menu ul, 
.secondary-menu li
{
	display: inline; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

.footer .copyright
{
	clear: both; 
	margin: 8px 0; 
}
.footer .power
{
	margin: 8px 0; 
}

/************************************************************************************************************************
	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: right; 
	/* 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
{
	border-collapse: collapse; 
	width: 100%; 
}
	.content .fleet td
	{
		padding: 16px 0; 
		text-align: center; 
	}
	.content .fleet .name
	{
		background: #333; 
		color: #fff; 
		border-bottom: solid 3px #000; 
		padding: .5em 0; 
	}
		.content .fleet .name a
		{
			text-decoration: none; 
		}
	.content .fleet .pic 
	{
		background: #fff; 
		border-bottom: solid 3px #000; 
		padding: .5em 0; 
	}
	/* .content .fleet .choose 
	{
		background: #900; 
		color: #fff; 
		padding: .5em 0; 
	} */
	.content .fleet .rates
	{
		list-style: none; 
		margin: 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: 100%; */
}
.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; 
}


/******************** Powered by ********************/

.power
{
	text-align: center; 
}
.power img
{
	vertical-align: middle; 
}

/************************************************************************************************************************
	PAGES
************************************************************************************************************************/

/******************** Home  ********************/

body.default div.col#featured
{
	width: 100%; 
	border-bottom: solid 1px #ccc; 
}
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: 65%; 
}
body.default div.col#secondary 
{
	width: 35%; 
}
	body.default div.col#secondary .title#reserve-now
	{
		background-image: url(/media/reserve-now.jpg); 
		background-position: left center; 
		background-repeat: no-repeat; 
		padding-left: 90px; 
	}

body.default table.fleet td
{
	padding: 4px; 
	width: 33%; 
}

body.default .banner
{
	padding: 32px; 
	text-align: center; 
}


/******************** 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 #locations ul
{
	list-style: none; 
}

body.contact-default .locations
{
	margin: 0; 
	padding: 0; 
}
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 .name
{
	font-weight: bold; 
	float: left; 
	width: 42%; 
}
body.contact-default .location .name .hours
{
	padding: .5em 0 0 1em; 
}
body.contact-default .location .name .hours label
{
	float: left; 
	width: 5em; 
}
body.contact-default .location .name .hours ul
{
	margin: 0; 
	padding: 0; 
}
body.contact-default .location .name .hours li
{
	font-weight: normal; 
}
body.contact-default .location .address-phones
{
	float: left; 
	width: 42%; 
}
body.contact-default .location .address-phones .address
{
	text-transform: uppercase; 
}
body.contact-default .location .address-phones .phones
{
	margin: 0; 
	padding-left: 1em; 
	padding-top: .5em; 
}
body.contact-default .location .address-phones .phones label
{
	float: left; 
	width: 5em; 
}

body.contact-default .location .map
{
	float: left; 
	width: 16%; 
}


/******************** Rent home  ********************/

/*

body.rent-default div.content
{
	padding: 0 2px; 
}

body.rent-default div.col#primary 
{
	width: 70%; 
}
body.rent-default div.col#secondary 
{
	width: 30%; 
}
body.rent-default div.box#form 
{
}
body.rent-default div.box#form #pickup-location select
{
	width: 190px; 
}
body.rent-default div.box#form #rate input
{
	width: 50px; 
}

body.rent-default table.fleet td
{
	padding: 4px; 
	width: 33%; 
}
*/

body.rent-default div.col
{
	float: right; 
}
body.rent-default div.col#primary
{
	width: 65%; 
}
body.rent-default div.col#secondary
{
	width: 35%; 
}

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 
{
	width: 70px; 
}


/******************** Group page ********************/

body.rent-group div.col#primary 
{
	width: 65%; 
}
body.rent-group div.col#secondary 
{
	width: 35%; 
}

/******************** Quote page ********************/

body.rent-quote div.col#primary 
{
	width: 58%; 
}
body.rent-quote div.col#secondary 
{
	width: 42%; 
}
body.rent-quote div.box#reservation 
{
}
body.rent-quote div.box#vehicle 
{
}
body.rent-quote div.box#other-choices 
{
}
body.rent-quote div.box#extras 
{
}
body.rent-quote div.box#quote 
{
}

body.rent-quote table.fleet td
{
	padding: 4px; 
	width: 33%; 
}

/******************** Reserve page ********************/

body.rent-reserve div.col#primary 
{
	width: 50%; 
}
body.rent-reserve div.col#secondary 
{
	width: 50%; 
}
body.rent-reserve div.box#reservation 
{
}
body.rent-reserve div.box#vehicle .vehicle
{
	text-align: center; 
}
body.rent-reserve div.box#quote 
{
}

body.rent-reserve li#flight-airline
{
	clear: both; 
}
body.rent-reserve li#comments
{
	clear: both; 
}
body.rent-reserve li#cc-exp input
{
	width: 4em; 
}

/******************** View page ********************/

body.rent-view div.col#primary 
{
	width: 40%; 
}
body.rent-view div.col#secondary 
{
	width: 60%; 
}
body.rent-view div.box#reservation 
{
}
body.rent-view div.box#vehicle .vehicle
{
	text-align: center; 
}
body.rent-view div.box#quote 
{
}

body.rent-view li#cc-exp input
{
	width: 4em; 
}
body.rent-view li#flight-airline
{
	clear: both; 
}
body.rent-view li#comments
{
	clear: both; 
}

/******************** Faq page ********************/

body.faq .content div.col#primary
{
	width: 65%; 
}
body.faq .content div.col#secondary  
{
	width: 35%; 
}
body.faq .content ul 
{
	list-style: none; 
	margin: 0; 
	padding: 0; 
}
body.faq .content li
{
	padding: .5em 0; 
	width: 30em; 
}
body.faq .content label 
{
	display: block; 
}

/******************** Vehicle page ********************/

body.vehicles .content .pic
{
	float: right; 
	padding-left: 4px; 
}


/*** Car Sales page ***/

body.car-sales-default
{
}
	body.car-sales-default div.col#primary 
	{
		width: 65%; 
	}
	body.car-sales-default div.col#secondary 
	{
		width: 35%; 
	}
	body.car-sales-default .units
	{
		border-top: solid 1px #ccc; 
		width: 100%; 
	}
		body.car-sales-default .units td
		{
			border-bottom: solid 1px #ccc; 
			padding: 4px 0; 
		}
		body.car-sales-default .units .pic
		{
			width: 30%; 
		}
		body.car-sales-default .units .price
		{
			width: 20%; 
		}


body.car-sales-unit
{
}
	body.car-sales-unit div.col#primary 
	{
		width: 45%; 
	}
	body.car-sales-unit div.col#secondary 
	{
		width: 55%; 
	}
	body.car-sales-unit .price
	{
		float: right; 
		font-size: 1.6em; 
		display: block;  
		color: #f00; 
		margin: 0; 
		padding: .5em 0; 
	}
	
	body.car-sales-unit #info ul 
	{
		margin: 0; 
		padding: 0; 
	}
		body.car-sales-unit #info ul li
		{
			float: left; 
			font-weight: bold; 
			width: 48%; 
			list-style: none; 
			margin: 0; 
			padding: 0; 
		}
		body.car-sales-unit #info ul li label
		{
			font-weight: normal; 
			float: left; 
			width: 40px; 
			padding-right: 4px; 
			/* text-align: right; */
		}

	body.car-sales-unit #features ul 
	{
		margin: 0; 
		padding: 0 0 0 20px; 
	}
		body.car-sales-unit #features ul li 
		{
			float: left; 
			width: 31%; 
			margin: 0; 
			padding: 0; 
		}
	
	body.car-sales-unit #contact li#message
	{
		clear: both; 
		width: 96%; 
	}
	body.car-sales-unit #contact li#message textarea
	{
		width: 96%; 
	}

	body.car-sales-unit .bigpic 
	{
		border: solid 1px #666; 
		display: block; 
		width: 480px; 
		margin: 0 auto 16px auto; 
	}
	body.car-sales-unit #pictues table 
	{
	}
		body.car-sales-unit #pictures td 
		{
			padding: 0 4px; 
		}
			body.car-sales-unit #pictures td img
			{
				border: solid 1px #666; 
			}