﻿/************************************************************************************************************************
	COLORS, BORDERS & FONTS
************************************************************************************************************************/

html 
{
	font: 62.5% Arial; 
}
body 
{
	background: #bfc4d7 url(/images/bg.jpg); 
	background-position:center top; background-repeat:no-repeat; 
	color: #294088; 
	font-size: 1.2em; 
}
a
{
	background: inherit; 
	color: #294088; 
}
h1	{font-size: 1.7em; color:#ba0015 }
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:transparent /*url(/images/header.jpg)*/ no-repeat scroll 0 0;
	display:block;
	height:170px;
	text-indent:-9999px;
	width:960px;
}

.primary-menu, 
.primary-menu a {
	background:transparent url(/images/bg4.jpg) no-repeat scroll 0 0; 
	background-position:left top;
	background-repeat:no-repeat;
	color:#FFFFFF; 
	text-transform:uppercase;
}
.content, 
.secondary-menu
{
	background: #fff; 
	color: #000;

}
.content a, 
.secondary-menu a
{
 
	color:#000CFF;
	text-decoration:none;
}
.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: #3E62D0 /*url(/images/bg1.jpg)*/; 
	background-position:left top; 
	background-repeat:no-repeat; 
	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(/images/loading.gif) no-repeat 8px; 
	color: #fff; 
}

#secondary
{
	background:transparent url(/images/bg2.jpg); 
	background-position:left top; 
	background-repeat:no-repeat; 
}

/************************************************************************************************************************
	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;
			background:#FFFFFF; 
}
td
{
	vertical-align: top; 
		background:#FFFFFF;
}

ul.form
{
	margin: 0; 
	padding: 0; 
}

.main
{
	margin: auto; 
	width: 960px;
	height:auto; 
}

.main .wait
{
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 8px 8px 8px 28px; 
}

/******************** Header ********************/

.print-heading
{
	display: none; 
}
.lang
{
	margin: 0; 
	padding: 8px; 
	text-align: left; 
}
	.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:0.2em;
	height:28px;
}
.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; 
	/*min-height: 372px;*/
	background: #FFFFFF;
	height: 800px; 
  
}
.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(/images/lock.gif) no-repeat; 
	color: #090; 
	font-weight: bold; 
	padding: 0 0 0 18px; 
}

/******************** Secondary Menu ********************/

.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 ********************/

.footer
{
	background: #0b425a; 
	color: #fff; 
	margin-top: 5px;
	padding: 20px 15px 20px;
	position: relative;
}
	.footer .copyright p 
	{
		padding: 0; 
	}
	.footer a.power 
	{
		background: transparent url(/images/power.png) 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: 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; 
}


body.home div.col#primary 
{
	width: 69%; 
}
body.home div.col#secondary 
{
	width: 30%; 
}
body.home table.fleet td
{
	padding: 4px; 
	width: 33%; 
}
body.home ul.home-bullets
{
font-size:1em;
font-weight:bold;
list-style-image:url(/images/mark.jpg);
list-style-position:outside;
list-style-type:none;
margin:0;
padding-bottom:1em;
padding-left:70px;
}


/******************** 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: left; 
}
body.rent div.col#primary
{
	width: 70%; 
}
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: 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%; 
}

/******************** 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
{       
        padding: 5px 12px;
}



.tel {
color:#FFFFFF;
float:right;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
font-weight:bold;
height:50px;
margin-top:95px;
position:absolute;
text-align:center;
width:500px;

}	


	/* =====================================JQUERY SLIDER==============================================*/


#slide {

	width:630px;

 	height: 140px; 

	margin:5px auto 10px;

	clear:both;

}

#s3slider {

   width: 630px; /* important to be same as image width */

   height: 140px; /* important to be same as image height */

   position: relative; /* important */

   overflow: hidden; /* important */

}



#s3sliderContent {

   width: 300px; /* 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: 20px;

   font-family:arial;

   line-height:38px;

   text-transform:capitalize;

   padding: 10px 13px;

   width: 350px;

   height:120px;

   text-align:right;

   background-color: #none;

   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 */

   color: #fff;

   display: none; /* important */

   top: 0;

   right:20px;

}

/*

.s3sliderImage span a.button {

	display:block;

	float: left;

	padding:2px 10px;

	font-size:18px;

	background:#333;

	color:#fff;

	text-decoration:none;

	margin:10px 0 0;

}



.s3sliderImage span a.button:hover {

	background:#111;

}

*/

.sf-menu {
    margin-left: auto;
	margin-right: auto; 
/*background:#fb2025 url(/images/bg_nav1.jpg);
width:960px;*/
/*border-top:1px solid #000;*/
z-index:20;
position:relative;
}

.sf-menu li {
background:none !important;
}

.sf-menu a {
/*background:#fb2025 ;*/
color:#fff !important;
font-size:11px;
/*border-color:#000;
border-top:none;*/
}

.sf-menu li li a {
/*border-top:1px solid #000;*/
font-size:11px;
}

.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
color:#fff !important;
background:#980314 /*url(/images/bg_nav1.jpg)*/;
}

.div_bullet {
float:left;
position:relative;
width:600px;
}	
.div_bullet1 {
float:left;
position:relative;
text-align:left;
width:200px;
}	
.div_bullet2 {
float: right;
position:relative;
text-align:left;
width:300px;
}	

