﻿/************************************************************************************************************************
	COLORS, BORDERS & FONTS
************************************************************************************************************************/

html 
{
	font: 62.5% Verdana, Arial; 
}
body 
{
	color: #fff;
	font-size: 1.1em;
	background-color: #000000;
}
a
{
	background: inherit; 
	color: #999; 
}
h1	{font-size: 1.6em; color: #f00; }
h2	{font-size: 1.4em; }
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 .banner
{
	background: url(/media/header.gif) no-repeat center bottom; 
	color: inherit; 
}
.primary-menu, 
.primary-menu a
{
	background: #000; 
	color: #fff; 
}
.content 
{
	background: #fff; 
	color: #000; 
}
.secondary-menu
{
	background: #2b378b; 
	color: #fff; 
}
.content a 
{
	background: inherit; 
	color: #06c; 
}
.secondary-menu a
{
	background: inherit; 
	color: #fff; 
	/* text-transform: uppercase; */
	text-decoration: none; 	
}
.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; 
	font-weight: bold; 
	font-size: 1.1em; 
}
.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: #3f4aa6; 
	color: #fff; 
}
.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; 
}

/************************************************************************************************************************
	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: 950px; 
}

.main .wait
{
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 8px 8px 8px 28px; 
}

/******************** Header ********************/

.print-heading
{
	display: none; 
}


.header
{
}

.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-color: Transparent; 
		background-repeat: no-repeat; 
		background-position: left center; 
		color: #666; 
		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 .banner
{
	clear: both; 
	text-align: right; 
}

.primary-menu
{
	padding: .5em 1em; 
    /* text-transform: uppercase;  */
}
.primary-menu ul, .primary-menu li
{
	display: inline; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}
.primary-menu a
{
	margin: 0 .75em; 
	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: 60em; 
}
*/

/****************************** 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 
{
	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; 
}

.actions
{
	clear: both; 
	margin-top: 1em; 
	text-align: center; 
}
.actions a, 
.actions input 
{
	margin-left: .5em; 
	margin-right: .5em; 
}
.title
{
	background: #2b378b; 
	color: #fff; 
	margin-bottom: 4px; 
	padding: 4px 8px; 
	text-transform: uppercase; 
}
.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
{
	padding: .5em 0; 
	text-align: center; 
}
.secondary-menu a
{
	padding: 0 .5em; 
}
.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
{
	width: 100%; 
}
.content .fleet td
{
	padding: 16px 0; 
	text-align: center; 
}
.content .fleet .pic 
{
}
.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
{
	float: right; 
}

body.default div.col#primary 
{
	width: 60%; 
}
body.default div.col#secondary 
{
	width: 40%; 
}
body.default div.box#form 
{
}
body.default div.box#form #pickup-location select
{
	width: 200px; 
}
body.default div.box#form #rate input
{
	width: 50px; 
}

body.default table.fleet td
{
	padding: 4px; 
	width: 33%; 
}

body.default .call
{
	background: url(/media/laddy.jpg) no-repeat right top; 
	height: 130px; 
	padding: 25px 145px 0 0; 
	color: #f00; 
	font-size: 1.5em; 
	font-weight: bold; 
}

body.default .fleet a
{
	color: #f00; 
	font-size: 1.2em; 
	text-decoration: none; 
}


/******************** Contact page ********************/

body.contact-default div.col
{
	float: right; 
}
body.contact-default div.col#primary 
{
	width: 60%; 
}
body.contact-default div.col#secondary 
{
	width: 40%; 
}
body.contact-default li#country, 
body.contact-default li#message
{
	clear: both; 
}
body.contact-default li#message textarea
{
	width: 20em; 
	height: 150px; 
}






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: 7em; 
}

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.rent-default li#pickup-date, 
body.rent-default li#dropoff-date 
{
	clear: both; 
	float: left; 
	padding-right: 1em; 
}
body.rent-default li#pickup-date input, 
body.rent-default li#dropoff-date input 
{
	width: 7em; 
}
body.rent-default li#rate-code input 
{
	width: 5em; 
}

/******************** Group page ********************/

body.rent-group div.col#primary 
{
	width: 70%; 
}
body.rent-group div.col#secondary 
{
	width: 30%; 
}

/******************** 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: 80%; 
}
body.faq .content div.col#secondary  
{
	width: 20%; 
}
body.faq .content ul 
{
	list-style: none; 
	margin: 0; 
	padding: 0; 
}
body.faq .content li
{
	padding: .5em 0; 
	/* width: 65em;  */
}
body.faq .content label 
{
	display: block; 
}

/******************** Vehicle page ********************/

body.vehicles .content .pic
{
	float: right; 
	padding-left: 4px; 
}
