/**********************
ESTILO PARA EL CUSTOMER
**********************/
.uxCustomer
{
    width:100%;
   
    padding: .5em;
}
.uxCustomer table,td
{
}
.uxCustomer .optional
{
    font-weight: bold;
    padding: 1em 0 1em 0;
    margin: 0;
 }





/************************************************
DEFAULT PAGE
************************************************/
body.default .uxReservation
{
    margin: 7px;
    color:#fff;
}
body.default .uxSpecials
{
    width: 200px;
	background-color:#fff; /* #b7c0db */
    text-align: center;
    color:#005ec5;
}
body.default .uxSpecials .vehicle
{
    float:none;
	margin-top:15px;    
}
body.default .uxSpecials .name
{
}
body.default .uxSpecials .rates
{
}
body.default .uxSpecials .button
{
	background-color: #175E99;
    border: none;	
    color: #fff;
    width: 100%;
    padding: 1px;
}


/************************************************
FLEET PAGE
************************************************/
/*
body.fleet .title
{
    color: #fff;
    background-color: #333;
	font-weight: bold;
	padding: 4px;
}
*/

body.fleet .uxReservation
{
	 background-color: #fff; /* #A8CBFF */
	 padding: 8px;
}
body.fleet .uxReservation td
{
	/* padding: 2px; */
}

body.fleet .uxFleet
{
    width: 100%; 
    background-color: #fff;
}

body.fleet .uxFleet .vehicle
{
	 width: 241px;
	 min-height: 220px;
	 height: auto !important;
	 height: 220px;
	 border-right: dotted 1px #999;
	 border-bottom: dotted 1px #999;
	 padding: 4px;
	 float: left;
}
body.fleet .uxFleet .vehicle .image
{
    float: right; 
}
body.fleet .uxFleet .vehicle .name
{
    display: block; 
    font-weight: bold; 
    padding: 2px; 
    background-color: #007521;
    color: #fff;
}
body.fleet .uxFleet .vehicle .occupancy
{
    float: right; 
}
body.fleet .uxFleet .vehicle .occupancy td, th
{
    border: none;
    padding: 4px;
    text-align: center;
}
body.fleet .uxFleet .vehicle .features
{
    float: left; 
    white-space: nowrap;
    width: 150px; 
}
body.fleet .uxFleet .vehicle .features ul
{
    margin-left: 2.5em; 
}
body.fleet .uxFleet .vehicle .rates
{
    font-weight: bold;
}
body.fleet .uxFleet .vehicle .select
{
    float: right; 
}

/************************************************
CONTACT PAGE
************************************************/
body.contact .button
{
    color: #fff;
    background-color: #2668BE;
	padding: 10px;
	border: solid 1px #333;
	font-weight: bold;
	text-align: left;
}

body.contact .contact-page
{
    width: 100%;
    background-color:#fff;
}

body.contact .contact-page .left-side
{
	background: #fff; /* #A8CBFF */ 
	color: #000; 
}
body.contact .contact-page .right-side
{
	width:507px;
	height: 346px; 
	background-repeat: no-repeat; 
	background-position: left top; 
	padding: 0 0 0 8px; 
}
body.contact .contact-page .right-side #address
{
	padding: 8px 0; 
}
body.contact .contact-page .right-side #phones
{
	font-weight: bold; 
	list-style: none; 
	padding: 8px 0; 
	margin: 0; 
}
body.contact .contact-page .right-side #phones label
{
	font-weight: normal; 
	float: left; 
	width: 6em; 
}

body.contact .contact-page .contact-form
{
	width:246px;
	padding:5px;    
}
body.contact .contact-page .contact-form td, .main .content .contact-form th
{
	padding-left:8px;
	padding-top:5px;
	padding-bottom:2px;
}
body.contact .contact-page .contact-form input
{
	/* margin:0px; */
}

/************************************************
FAQ PAGE
************************************************/
body.page .faq-page
{
    background-color: #F9F9FB;
    color: #080055;
    margin: 1em;
    padding: .5em;
    border: dotted 1px #000;
}
body.page .faq-page .questions-1 strong
{
    color: #DE8713;
	font-weight: bold;
}
body.page .faq-page .questions-2 strong
{
    color: #DE8713;
	font-weight: bold;
}
body.page .faq-page ul
{
	list-style-type: none;
}
body.page .faq-page H1
{
    background-color: #111;
    padding:.3em;
	font-weight: bold;
    margin:0px;	
	color: #0080ff;
    text-align: center; 
    padding: 1em;    
}
body.page .faq-page .questions-1
{
    padding: 1em;
    width: 50%;
}
body.page .faq-page .questions-1 .section
{
    padding: .5em;
}
body.page .faq-page .questions-1 .section a
{
    color: #333;
}
body.page .faq-page .questions-2
{
    padding: 1em;
    width: 50%;
}
body.page .faq-page .questions-2 .section
{
    padding: .5em;
}
body.page .faq-page .questions-2 .section a
{
    color: #333;
}
body.page .faq-page .answers
{
    background-color: #C8C8C8;
	text-align: left;
	margin: -.5em;	
}
body.page .faq-page .answers .section
{
    padding: .5em;
}
body.page .faq-page .answers .section a
{
    color: #080055;
}

/************************************************
QUOTE PAGE
************************************************/
/*DANI*/
body.quote .quote-page .left-side
{
    color: #000;
    background: #fff;
}
body.quote .quote-page .right-side
{
    color: inherit;
    background: #fff; /* #A8CBFF */
}
body.quote .quote-page .quote
{
    margin: 1.5em;
	width:100%;
}
body.quote .quote-page .quote-left
{
    width:35%;
    text-align:left;
    margin:5px;
}
body.quote .quote-page .quote-right
{
    width:65%;
    text-align:left;
    margin:5px;
}



body.quote .quote-page .uxVehicleInfo
{
    text-align: center;
    margin: .5em;
    background-color: #fff;
    color: #000;
}

body.quote .quote-page .uxVehicleInfo .vehicle
{
    width:100%;
    text-align: center;
}


body.quote .quote-page .uxVehicleInfo .image
{
}
body.quote .quote-page .uxVehicleInfo .left-side
{
    text-align: center;
    padding:5px;
    
}
body.quote .quote-page .uxVehicleInfo .right-side
{
    padding: .5em;
    text-align:left;
}

body.quote .quote-page .uxVehicleInfo .vehicle td
{
}

body.quote .quote-page .uxVehicleInfo .name
{
    text-align:left;    
}
body.quote .quote-page .uxVehicleInfo .models
{
    text-align:left;        
}
body.quote .quote-page .uxVehicleInfo .passengers
{
    margin:2px;
    text-align:center;
    vertical-align:top;
}
body.quote .quote-page .uxVehicleInfo .suitcases
{
    margin:2px;
    text-align:center;
    vertical-align:top;
}

/*
body.quote .quote-page .right-side
{
    background-color: #fff;
    color: #000;
}
*/

body.quote .quote-page .uxExtras
{
    padding-bottom: 20px;
}
body.quote .quote-page .uxExtras .item
{
	clear: both; 
    width: 100%;
/*    border-bottom: dotted 1px #999;*/
}
body.quote .quote-page .uxExtras .qty
{
    text-align: center;
    float: left;
    padding: 2px;
    width: 40px; 
}
body.quote .quote-page .uxExtras .charge
{
    float: left;
    padding-top: 5px;
    padding-right: 4px;
}
body.quote .quote-page .uxExtras .spanvalue
{
    float: left;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 4px;
}
body.quote .quote-page .uxExtras .sufix
{
    padding-top: 5px;
}


body.quote .quote-page .uxQuote
{
    padding: .5em; 
}
body.quote .quote-page .uxQuote .item
{
    width: 100%;
    height: 25px;
    vertical-align: bottom;
}
body.quote .quote-page .uxQuote .item td
{
/*    border-bottom: dotted 1px #999;*/
}
body.quote .quote-page .uxQuote .item .qty
{
    float: left;
    padding-top: 5px;
    font-weight: bold;
}
body.quote .quote-page .uxQuote .item .charge
{
    float: left;
    padding-top: 5px;
    padding-right: 4px;
}
body.quote .quote-page .uxQuote .item .spanvalue
{
    float: left;
    font-weight: bold;
    padding-top: 7px;
}
body.quote .quote-page .uxQuote .item .sufix
{
    padding-top: 7px;
}
body.quote .quote-page .uxQuote .item .subtotal
{
    font-weight: bold;
    padding-top: 7px;
    text-align: right; 
}
body.quote .Total
{
}
body.quote .quote-page .uxQuote .Total td
{
/*
    color: #fff;
    background: #001E8E;
*/
    font-size: medium; 
    font-weight: bold;
}

body.quote .quote-page .uxOtherChoices
{
    text-align: center;
    padding: .3em;
    height: 115px;
}
body.quote .quote-page .uxOtherChoices .vehicle
{
    width: 141px;
	 min-height: 140px;
	 height: auto !important;
	 height: 140px;
    float: left;
    text-align: center;
    background-color:#fff;
    margin:2px;
    color: #000;
}
body.quote .quote-page .uxOtherChoices .name
{
    font-weight: bold
}
body.quote .quote-page .uxOtherChoices .rates
{
}
body.quote .quote-page .uxOtherChoices .blackout
{
    color: #f00;
}



/************************************************
RESERVE PAGE
************************************************/
body.reserve .uxReservationView
{
    width:90%;
    margin:10px;
}
body.reserve .uxReservationView .left
{
	text-align: left;
}
body.reserve .uxReservationView .right
{
	text-align: left;
}
body.reserve .left-side
{
	 background-color: #fff;
	 color: #000;
}
body.reserve .uxReservationView .left
{
    width:50%;
}
body.reserve .uxReservationView .right
{
    width:50%;    
}


body.reserve .reserve-page .uxVehicleInfo
{
    text-align: center;
    margin: .5em;
    background-color:#fff;    
}

body.reserve .reserve-page .uxVehicleInfo .vehicle
{
    width:100%;
    text-align: center;
    background-color:#fff;
}

body.reserve .vehicle .image
{
	border: solid 1px #333;
}
body.reserve .reserve-page .left-side
{
    color: #000;
    background: #fff;
}
body.reserve .reserve-page .right-side
{
    color: inherit;
    background: #fff; /* #A8CBFF */
}

body.reserve .vehicle .name
{
    font-weight: bold;
    text-align:left;    
}
body.reserve .vehicle .models
{
    text-align:left;        
}
body.reserve .vehicle .passengers
{
    margin:2px;
    text-align:center;
    vertical-align:top;
}
body.reserve .vehicle .suitcases
{
    margin:2px;
    text-align:center;
    vertical-align:top;
}


body.reserve .uxQuote
{
    padding: .5em; 
}
body.reserve .uxQuote .item
{
    width: 100%;
    height: 25px;
    vertical-align: bottom;
}
body.reserve .uxQuote .item td
{
    border-bottom: dotted 1px #999;
}
body.reserve .uxQuote .item .qty
{
    float: left;
    padding-top: 5px;
    font-weight: bold;
}
body.reserve .uxQuote .item .charge
{
    float: left;
    padding-top: 5px;
    padding-right: 4px;
}
body.reserve .uxQuote .item .spanvalue
{
    float: left;
    font-weight: bold;
    padding-top: 7px;
}
body.reserve .uxQuote .item .sufix
{
    padding-top: 7px;
}
body.reserve .uxQuote .item .subtotal
{
    font-weight: bold;
    padding-top: 7px;
    text-align: right; 
}
body.reserve .Total
{
}
body.reserve .reserve-page .uxQuote .Total td
{
/*
    color: #fff;
    background: #001E8E;
*/
    font-weight: bold;
}


body.reserve .right-side
{
    color: #000;
    background: #fff; /* #A8CBFF */
    font-weight: bold;
}

body.reserve .uxCustomer td
{
}



/************************************************
VIEW PAGE
************************************************/
body.view .view-page td
{
    color: #000;
    padding: 4px 4px 4px 4px;
}
body.view .view-page .left-side
{
	background-color: #ccc;
}
body.view .view-page .right-side
{
	background-color: #fff; /* #A8CBFF */
	color: #000; 
}
body.view .view-page .heading
{
    color: #333;
    background: #fff;
    margin-right: 2px;
}

body.view .vehicle
{
    width:100%;
    text-align: center;
    background-color:#fff;
}
body.view .vehicle .right-side
{
 background-color: #f00;
}
body.view .vehicle .image
{
	border: solid 1px #333;
}
body.view .vehicle .left-side
{
    text-align: center;
    padding:5px;
    color: #333;
    
}
body.view .vehicle .right-side
{
    padding: .5em;
    text-align:left;
    background-color: #fff;
    color: #333;
}

body.view .vehicle .name
{
    font-weight: bold;
    text-align:left;    
}
body.view .vehicle .features
{
/*	 background-color: Transparent; */
}
body.view .vehicle .models
{
    text-align:left;        
}
body.view .vehicle .passengers
{
    margin:2px;
    text-align:center;
    vertical-align:top;
}
body.view .vehicle .suitcases
{
    margin:2px;
    text-align:center;
    vertical-align:top;
}

body.view .uxQuote
{
    padding: .5em; 
}
body.view .uxQuote .item
{
    width: 100%;
    height: 25px;
    vertical-align: bottom;
}
body.view .uxQuote .item td
{
    border-bottom: dotted 1px #999;
}
body.view .uxQuote .item .qty
{
    float: left;
    padding-top: 5px;
    font-weight: bold;
}
body.view .uxQuote .item .charge
{
    float: left;
    padding-top: 5px;
    padding-right: 4px;
}
body.view .uxQuote .item .spanvalue
{
    float: left;
    font-weight: bold;
    padding-top: 7px;
}
body.view .uxQuote .item .sufix
{
    padding-top: 7px;
}
body.view .uxQuote .item .subtotal
{
    font-weight: bold;
    padding-top: 7px;
    text-align: right; 
}
body.view .Total
{
}
body.view .Total td
{
    font-weight: bold;
}


body.view .right-side
{
    color: #ccc;
    background: #2C2D28;
    font-weight: bold;
}

body.view .uxCustomer td
{
	 padding: 4px;
}


body.view .uxReservationView
{
    width:90%;
    margin:10px;
}
body.view .uxReservationView td
{
}
body.view .uxReservationView .left
{
	text-align: left;
}
body.view .uxReservationView .right
{
	text-align: left;
}
body.view .view-page .left-side
{
	width: 50%;
}
body.view .view-page .uxCustomer table
{
	width: 250px;
}
body.view .view-page .uxCustomer td
{
}

/************************************************
EDIT PAGE
************************************************/
body.edit .edit-page td
{
    color: #000;
    /* padding: 4px 4px 4px 4px; */
}
body.edit .edit-page .left-side
{
    color: #000;
    background: #fff;
}
body.edit .edit-page .right-side
{
    color: inherit;
    background: #fff; /* #A8CBFF */
}




body.edit .vehicle
{
    width:100%;
    text-align: center;
    background-color:#fff;
}
body.edit .vehicle .right-side
{
 background-color: #f00;
}
body.edit .vehicle .image
{
	border: solid 1px #333;
}
body.edit .vehicle .left-side
{
    text-align: center;
    padding:5px;
    color: #333;
    
}
body.edit .vehicle .right-side
{
    padding: .5em;
    text-align:left;
    background-color: #fff;
    color: #333;
}

body.edit .vehicle .name
{
    font-weight: bold;
    text-align:left;    
}
body.edit .vehicle .features
{
/*	 background-color: Transparent; */
}
body.edit .vehicle .models
{
    text-align:left;        
}
body.edit .vehicle .passengers
{
    margin:2px;
    text-align:center;
    vertical-align:top;
}
body.edit .vehicle .suitcases
{
    margin:2px;
    text-align:center;
    vertical-align:top;
}

body.edit .uxQuote
{
    padding: .5em; 
}
body.edit .uxQuote .item
{
    width: 100%;
    height: 25px;
    vertical-align: bottom;
}
body.edit .uxQuote .item td
{
    border-bottom: dotted 1px #999;
}
body.edit .uxQuote .item .qty
{
    float: left;
    padding-top: 5px;
    font-weight: bold;
}
body.edit .uxQuote .item .charge
{
    float: left;
    padding-top: 5px;
    padding-right: 4px;
}
body.edit .uxQuote .item .spanvalue
{
    float: left;
    font-weight: bold;
    padding-top: 7px;
}
body.edit .uxQuote .item .sufix
{
    padding-top: 7px;
}
body.edit .uxQuote .item .subtotal
{
    font-weight: bold;
    padding-top: 7px;
    text-align: right; 
}
body.edit .Total
{
}
body.edit .Total td
{
    font-weight: bold;
}


body.edit .edit-page .uxExtras
{
    margin-bottom:10px;
}
body.edit .edit-page .uxExtras .item
{
    width: 100%;
    border-bottom: dotted 1px #999;
}
body.edit .edit-page .uxExtras .qty
{
    text-align: center;
    float: left;
    padding: 2px;
}
body.edit .edit-page .uxExtras .charge
{
    float: left;
    padding-top: 5px;
    padding-right: 4px;
}
body.edit .edit-page .uxExtras .spanvalue
{
    float: left;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 4px;
}
body.edit .edit-page .uxExtras .sufix
{
    padding-top: 5px;
}

body.edit .uxCustomer td
{
	 padding: 4px;
}
body.edit .uxCustomer input
{
}

.content .button-bar input
{
/*
    background: #194b81;
    color: #fff;
    border-style: solid; 
    border-width: 2px; 
    border-color: #2164AB #103256 #103256 #2164AB;
*/
    font-weight: bold; 
    margin-right: 2px;
    padding: 4px 4px 4px 4px;
}

.title
{
    color: #fff;
    background: #c00;
	font-weight: bold;
    padding: 3px;
}
.uxReservation
{
	border: solid 1px #c00; 
}