﻿/************************************************************************************************************************
	COLORS, BORDERS & FONTS
************************************************************************************************************************/

html 
{
	font: 62.5% Arial; 
}
body 
{
	background: #f8f2e2 url(../images/bg.jpg); 
	background-position:top; 
	background-repeat:repeat-x; 
	color: #000; 
	font-size: 1.2em; 
}
a
{
	background: inherit; 
	color: #FFB515; 
}
h1	{font-size: 1.7em; }
h2	{font-size: 1.5em; }
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(/images/header.jpg) no-repeat;
	width: 960px;
	height: 170px;
	display: block;
	text-indent: -9999px;
}

.primary-menu, 
.primary-menu a
{
	background: #0b3e71 url(/images/top_nav_bg.gif) repeat scroll 0 0; 
	color: #666;
	height: 30px; 

}
.content, 
.secondary-menu
{
	/*background: #fff; */
	color: #000; 
}
.content a, 
.secondary-menu a
{
	background: inherit; 
	color:#3575B0; 
}
.content li#res-no
{
	color: #c00; 
} 
.content .validation-summary
{
	background: #ffc url(/images/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: url(../images/bg_form.jpg); 
	background-position:top left; 
	background-repeat:no-repeat; 
	color: #FFB515; 
	font-weight: bold; 
	font-size: 1em;
	text-transform:uppercase;
}
.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(/images/loading.gif) no-repeat 8px; 
	color: #fff; 
}

#secondary
{
	background: #eee; 
}

/************************************************************************************************************************
	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; 
	height:100%; 
	background:#FFFFFF;
}

.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; 
	/*background:#FFF; */
}
	.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(/images/flag-en.gif); }
	
	.lang li.es a, 
	.lang li.es span	{background-image: url(/images/flag-es.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; 
}

.primary-menu
{
	font-weight: bold; 
	/*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 1em; 
	text-decoration: none; 
}

/****************************** DO NOT TOUCH ******************************/
.content
{
	clear: both; 
	height: 100%;
	padding-top:5px;
}
.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; 
	background: #3575B0; 
	color:#FFF;
}

.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(/images/lock.gif) no-repeat; 
	color: #090; 
	font-weight: bold; 
	padding: 0 0 0 18px; 
}

/******************** Secondary Menu ********************/

.secondary-menu
{
	padding: .5em 0; 
	text-align: left; 
}
.secondary-menu a
{
	padding: 0 .5em; 
}
.secondary-menu ul, 
.secondary-menu li
{
	display: inline; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}


/******************** Footer ********************/

.footer
{
background:#145fa2 url(/images/footer.png);
color:#FFB515;
margin-top:2px;
padding:10px 15px;
position:relative;
}
	.footer .copyright p 
	{
		padding: 0; 
	}
	.footer a.power 
	{
		background: transparent url(/images/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;
	}
.footer-menu
{
	color: #FFB515 ; 
 }
.footer-menu a
{
	color: #FFB515; 
}
/************************************************************************************************************************
	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: 8px; 
	text-align: center; 
	width: 33%; 
}
.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: 2px; 
	vertical-align: middle; 
}
.content .extras td.qty
{
	text-align: right; 
}
.content .extras td.price
{
	padding-right: 0; 
}

/******************** Quote ********************/

.content .quote
{
}
	.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.home div.col#featured
{
	width: 100%; 
	border-bottom: solid 1px #ccc; 
}
body.home div.col#featured .featured-list
{
	width: 100%; 
}
body.home div.col#featured .featured-list td
{
	text-align: center; 
	text-transform: uppercase; 
	font-weight: bold; 
}
body.home div.col#featured .featured-list td a
{
	text-decoration: none; 
	color:#3575B0; 
}


body.home div.col#primary 
{
	width: 70%; 
}
body.home div.col#secondary 
{
	width: 29%; 
}
body.home table.fleet td
{
	padding: 4px; 
	width: 33%; 
}
body.home ul.home-bullets
{
	font-weight: bold; 
	font-size:1.1em;
}

/******************** Contact page ********************/

body.contact div.col#primary 
{
	width: 60%; 
}
body.contact div.col#secondary 
{
	width: 40%; 
}
body.contact li#message
{
	clear: both; 
}
	body.contact li#message textarea
	{
		width: 20em; 
		height: 100px; 
	}
body.contact li#branch
{
	clear: both; 
}
body.contact .locations
{
	margin: 0; 
	padding: 0; 
}
	body.contact #locations ul
	{
		list-style: none; 
	}
body.contact .location
{
	float: left; 
	clear: both; 
	width: 100%; 
	border-top: solid 1px #ccc; 
	padding: 1em 0; 
}
body.contact .location:first-child
{
	border-top: none; 
}
	body.contact .location .info
	{
		float: left; 
		width: 40%; 
	}
	body.contact .location .info .name
	{
		font-weight: bold; 
		padding-bottom: .5em; 
	}
	body.contact .location .info .address
	{
		text-transform: uppercase; 
		padding-bottom: .5em; 
	}
	body.contact .location .info .phones
	{
		clear: both; 
		margin: 0; 
		padding: 0; 
	}
	body.contact .location .info .phones label
	{
		float: left; 
		width: 5em; 
	}
	body.contact .location .info .map
	{
		clear: both; 
	}

	body.contact .location .hours
	{
		float: left; 
		width: 60%; 
	}
	body.contact .location .hours
	{
	}
	body.contact .location .hours label
	{
		float: left; 
		width: 7em; 
	}
	body.contact .location .hours ul
	{
		margin: 0; 
		padding: 0; 
	}
	body.contact .location .hours li
	{
		font-weight: normal; 
	}

/******************** Rent home  ********************/

body.rent div.col
{
	float: right; 
}
body.rent div.col#primary
{
	width: 69%; 
}
body.rent div.col#secondary
{
	width: 30%; 
}

body.home li#pickup-date, 
body.home li#dropoff-date, 
body.rent li#pickup-date, 
body.rent li#dropoff-date 
{
	clear: both; 
	float: left; 
	padding-right: 1em; 
}
body.home li#pickup-location select, 
body.home li#dropoff-location select, 
body.rent li#pickup-location select, 
body.rent li#dropoff-location select 
{
	width: 200px; 
}
body.home li#pickup-date input, 
body.home li#dropoff-date input, 
body.rent li#pickup-date input, 
body.rent li#dropoff-date input 
{
	width: 80px; 
}
body.home li#rate-code input, 
body.rent li#rate-code input 
{
	width: 60px; 
}

body.home li#email, 
body.home li#confirmation 
{
	float: left; 
	padding-right: 1em; 
}
body.home 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: 41%; 
}
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: 49%; 
}
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%; 
}

/******************** Driving page ********************/

body.driving .content div.col#primary
{
	width: 65%; 
}
body.driving .content div.col#secondary  
{
	width: 35%; 
}

/******************** Road Conditions page ********************/

body.roadconditions.content div.col#primary
{
	width: 65%; 
}
body.roadconditions .content div.col#secondary  
{
	width: 35%; 
}

/******************** Vehicle page ********************/

body.vehicles .content .pic
{
	float: right; 
	padding-left: 4px; 
}


/*** Car Sales page ***/

body.sale
{
}
	body.sale div.col#primary 
	{
		width: 65%; 
	}
	body.sale div.col#secondary 
	{
		width: 35%; 
	}
	body.sale .units
	{
		border-top: solid 1px #ccc; 
		width: 100%; 
	}
		body.sale .units td
		{
			border-bottom: solid 1px #ccc; 
			padding: 4px 0; 
		}
		body.sale .units .pic
		{
			width: 30%; 
		}
		body.sale .units .price
		{
			width: 20%; 
		}


body.sale-unit
{
}
	body.sale-unit div.col#primary 
	{
		width: 45%; 
	}
	body.sale-unit div.col#secondary 
	{
		width: 55%; 
	}
	body.sale-unit .price
	{
		float: right; 
		font-size: 1.6em; 
		display: block;  
		color: #f00; 
		margin: 0; 
		padding: .5em 0; 
	}
	
	body.sale-unit #info ul 
	{
		margin: 0; 
		padding: 0; 
	}
		body.sale-unit #info ul li
		{
			float: left; 
			font-weight: bold; 
			width: 48%; 
			list-style: none; 
			margin: 0; 
			padding: 0; 
		}
		body.sale-unit #info ul li label
		{
			font-weight: normal; 
			float: left; 
			width: 40px; 
			padding-right: 4px; 
		}

	body.sale-unit #features ul 
	{
		margin: 0; 
		padding: 0 0 0 20px; 
	}
		body.sale-unit #features ul li 
		{
			float: left; 
			width: 48%; 
			margin: 0; 
			padding: 0; 
		}
	
	body.sale-unit #contact li#message
	{
		clear: both; 
		width: 96%; 
	}
	body.sale-unit #contact li#message textarea
	{
		width: 96%; 
	}

	body.sale-unit .bigpic 
	{
		border: solid 1px #666; 
		display: block; 
		width: 480px; 
		margin: 0 auto 16px auto; 
	}
	body.sale-unit #pictues table 
	{
	}
		body.sale-unit #pictures td 
		{
			padding: 0 4px; 
		}
			body.sale-unit #pictures td img
			{
				border: solid 1px #666; 
			}

div.paypal
{
	text-align: center; 
}
div.disclaimer
{
	padding: 12px; 
}
div.payment-description
{
	height: 150px;
	overflow: auto; 
        padding: 5px 12px;
}


/* =====================================menu==============================================*/

.menu{
	border:none;
	border:0px;,
	margin:0px;
	padding:0px;
	color:#ffb515;
/*	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;*/
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	}
.menu ul{
	/*background:#536509 ;*/
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		/*width:150px;*/
		}
	.menu li a{
		/*background:#DFDFDD;*/
		color:#ffb515;
		display:inline-block;
		/*font-weight:normal;*/ 
		line-height:28px;
		font-size:11px;
		margin:0px;
		padding:0 21.5px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #3575b0; 
			background-position:left; 
			background-repeat:no-repeat;
			color:#ffb515;
			text-decoration:none;
			}
	.menu li ul{
		background:#3575b0;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:#3575b0;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:30px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#22486a;
			border:0px;
			color:#ffb515;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	
      
.tel {
color:#FFB515;
font-size:12px;
font-weight:bold;
margin-top:135px;
padding:2px;
position:absolute;
text-align:right;
text-transform:uppercase;
width:600px;
}
.tel2{
color:#FFB515;
font-size:18px;
font-weight:bold;
margin-top:95px;
padding:2px;
position:absolute;
text-align:right;
text-transform:uppercase;
width:450px;
}

/* =====================================JQUERY SLIDER==============================================*/

#slide {	
width:640px;
height:130px;
margin-left: 10px;
/*margin-top: 5px; 
margin:0 7px 4px;
padding:0 0 4px;*/
background:url(/images/blue-line.png) repeat-x bottom;
clear:both;

}



#s3slider {
   width:640px; /* important to be same as image width */
   height: 130px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width:640px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin:0;
   padding:0;

}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   font-size: 25px;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   line-height:25px;
   letter-spacing:-1px;
   text-transform:capitalize;
   padding: 15px 20px;
   width: auto;
   /*height: 130px;*/
   text-align:center;
   text-transform:uppercase;
   background-color:#000;
   color:#FFB515;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   display: none; /* important */
   top: 0;
   left: 0;
}

.s3sliderImage span .button {
display:block;
background:#0A4259;
color:#fff;
padding:10px;
margin:10px 0 0;
font-size:14px;
line-height:14px;
letter-spacing:0;
float:left;
text-decoration:none;
}


.HomepageBullets {
font-size:12px;
list-style-image:url(/images/check.gif);
margin-left:20px;

}

/* =====================================Menu 4==============================================*/

#menu4 ul {
    list-style-type: none;
	border:none;
	border:0px;,
	padding:0px;
    margin: 0px;
    width: 200px; 
    font-family: Arial, sans-serif;
    font-size: 11px; 
	font-weight:bold;
}

#menu4 ul li {
    background: url(../images/menu4.jpg);
		height:30px;
}
#menu4 ul li a {
    color: #FFB515;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 10px 10px 10px 19px;
}
#menu4 ul li a:hover {
    background:  url(../images/menu4_1.jpg);
   /*border-left: 10px solid #333;*/
    color: #FFB515;
}
	
	
/* =====================================menu footer==============================================*/



.menufooter { 
	/*width: 70%; */
	

	}
	
.menufooter li a {


  	height: 32px;
  	height: 24px;
	text-decoration: none;
	}
	
.menufooter li a:link, .menufooter li a:visited {

	color: #FFB515;



	}
	
.menufooter li a:hover {
	
	color: #FFB515;

	}
	
.menufooter li a:active {

	color: #FFB515;

	}	
	
.table1_1 {

	width:550px; 
	float: left;

	}		
	
.table1 {

	width:595px; 
	float: left;

	}	
.table2 {

	width:360px; float: right;

	}	
.table3 {

	width:650px; float: left;

	}	
.table4 {

	width:300px; float: right;

	}	
.gallery {

	width:100%; 
	float:left;
	padding:0px;
    margin: 0px;

	}
	
	
 

