﻿.autocomplete_completionListElement 
{  
	padding:2px;
    width:auto;
    background-color: #fff;
    list-style-type : none;
    border: solid 1px #000;
    overflow:auto;
    height : 200px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	padding : 1px;
	padding-bottom:5px;
}


.partner_logos{ margin:0; }
.partner_logos a{ margin-left:10px; }
.partner_logos a img{ border:none; }

.gray{ color:#ccc; }


/***** BOOKING FORM CSS *****/

/* Generic form elements */
ul, li
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: none; }

h1 {font-size: 22px; color: #6d3c0f; font-weight: bold;}
h4 {font-size: 12px; color: #af5904; font-weight: bold;}
h4.right {float: left; font-size: 14px; color: #eb8023; font-weight: bold;}


/* End of generic form elements */

/* Destinations Booking Form */
.destination_bookingform {width: 321px;/* height: 286px; */margin: 10px auto; }
ul.dest_booking { float: left; width: 321px; position: relative;}
ul.dest_booking li { float: left;}
ul.dest_booking li.flights_tab_sel .flights_form, ul.dest_booking li.accom_tab_sel .accom_form, ul.dest_booking li.tours_tab_sel .tours_form, ul.dest_booking li.cars_tab_sel .cars_form
{ position: relative; left: 0; /*top: 34px;*/ margin-top:34px; margin-bottom:5px; width: 300px; min-height:230px; border: 2px solid #00005f; background: #FFF; padding: 10px; font-size:11px;}



.flights_tab_unsel .flights_form, .accom_tab_unsel .accom_form, .tours_tab_unsel .tours_form, .cars_tab_unsel .cars_form {overflow: hidden; display: none;}

div.tab{ border:solid 2px #00005f; border-bottom:0; background:#FFF; -moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;  -moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;}
div.tab h4 { margin:0; }

/* Accommodation Tab */
ul.dest_booking li.accom_tab_unsel {float: left; }
ul.dest_booking li.accom_tab_unsel div.tab {float: left; background:#cccccc; border:solid 2px #666666; width: 107px; height: 30px; position: absolute; top:2px; left: 10px; }
ul.dest_booking li.accom_tab_unsel div.tab span.sel_left {float: left; background:#cccccc; width: 5px; height: 30px;}
ul.dest_booking li.accom_tab_unsel div.tab span.sel_right {float: right; background:#cccccc; width: 5px; height: 30px;}
ul.dest_booking li.accom_tab_unsel div.tab h4 {float: left; padding: 8px 2px 0 6px; color: #2e7ca0;}
ul.dest_booking li.accom_tab_unsel div.tab h4 a {color: #666666;}
ul.dest_booking li.accom_tab_sel {float: left; }
ul.dest_booking li.accom_tab_sel div.tab {float: left; background:#fff; width: 107px; height: 32px; position: absolute; top:2px; left: 10px; }
ul.dest_booking li.accom_tab_sel div.tab span.sel_left {float: left; background:#fff; width: 5px; height: 32px;}
ul.dest_booking li.accom_tab_sel div.tab span.sel_right {float: right; background:#fff; width: 5px; height: 32px;}
ul.dest_booking li.accom_tab_sel div.tab h4 { padding: 8px 2px 0px 6px; color: #2e7ca0; }
ul.dest_booking li.accom_tab_sel div.tab h4 a {color: #00005f;}

ul.a_form { float: left; width: 296px; }
ul.a_form li {float: left; padding: 0 0 2px 0;}

ul.a_form li select.large {float: left; background: url('../images/forms/input_large.gif'); width: 296px; height: 26px; border: 0; padding: 4px 2px 4px 3px; font-size: 11px; color: #666; }
ul.a_form li input.large {background:transparent url(../images/forms/input_large.gif) repeat scroll 0 0; border:0 none; clear: left; color:#666666; float:left; font-size:11px; height:18px; margin-right: 40px; padding:4px 2px 4px 3px; width:291px;}
ul.a_form li input.small {background:transparent url(../images/forms/input_small.gif) no-repeat scroll 0 0; border:0 none; clear: left; color:#666666; float:left; font-size:11px; height:17px; padding:4px 2px 4px 3px; width:97px;}
/* ul.a_form li select {background:transparent url(../images/forms/input_small.gif) repeat scroll 0 0; border:0 none; border-right: 1px solid #CCC; clear: left; color:#666666; float:left; font-size:11px; height:25px; padding:4px 2px 4px 3px; width:97px;} */
ul.a_form li label {color:#435760; float:left; font-size:12px; font-weight:bold; padding:5px 10px 3px 0;}

ul.a_form li ul.double_drop {float: left; width: 100%; }
/* ul.a_form li ul.double_drop li.cal_left select {float: left; background: url('../images/forms/input_small.gif'); width: 99px; height: 25px; border: 0; padding: 4px 2px 4px 3px; font-size: 11px; color: #666; }*/
ul.a_form li ul.double_drop li.cal_left img {float: left; padding: 0 0 0 3px; }
/*ul.a_form li ul.double_drop li.cal_left input.small {float: left; background: url('../images/forms/input_xsmall.gif'); width: 34px; height: 19px; border: 0; padding: 6px 2px 0px 3px; font-size: 11px; color: #666;}*/
/* ul.a_form li ul.double_drop li.cal_right select {float: left; background: url('../images/forms/input_small.gif'); width: 99px; height: 25px; border: 0; padding: 4px 2px 4px 3px; font-size: 11px; color: #666; } */
ul.a_form li ul.double_drop li.cal_right img {float: left; padding: 0 0 0 3px; }

ul.a_form li ul.checkbox_list {float: left; width: 296px; padding: 5px 0 0 0; }
ul.a_form li ul.checkbox_list li {float: left; width: 98px;}
ul.a_form li ul.checkbox_list li label {padding: 2px 0 0 0;}

ul.a_form li ul.radio_list {float: left; width: 200px; padding: 5px 0 0 0; }
ul.a_form li ul.radio_list li {float: left; width: 90px;}
ul.a_form li ul.radio_list li label { font-weight:normal;}

ul.a_form li ul.radio_list_long {float: left; width: 296px; padding: 5px 0 0 0; }
ul.a_form li ul.radio_list_long li {float: left; }
ul.a_form li ul.radio_list_long li label { float: left; font-weight:normal; padding-right:0px; margin: 0 0 0 10px;}
ul.a_form li ul.radio_list_long li input { margin-right:0px; position: relative; top: 2px;}
ul.a_form li ul.radio_list_long li label.main {float: left; font-weight: bold; margin: 0 5px 0 0;}

/* Flights Tab */
ul.dest_booking li.flights_tab_sel {float: left; }
ul.dest_booking li.flights_tab_sel .tab {float: left; background:#fff; width: 51px; height: 32px; position: absolute; top:2px; left: 127px; }
ul.dest_booking li.flights_tab_sel .tab span.sel_left {float: left; background:#fff; width: 5px; height: 32px;}
ul.dest_booking li.flights_tab_sel .tab span.sel_right {float: right; background:#fff; width: 5px; height: 32px;}
ul.dest_booking li.flights_tab_sel .tab h4 {float: left; padding: 8px 2px 0 7px;}
ul.dest_booking li.flights_tab_sel div.tab h4 a {color: #00005f;}
ul.dest_booking li.flights_tab_unsel {float: left; margin: 0 0 0 10px;}
ul.dest_booking li.flights_tab_unsel .tab {float: left; background:#cccccc; border:solid 2px #666666; width: 51px; height: 30px; position: absolute; top:2px; left: 127px; }
ul.dest_booking li.flights_tab_unsel .tab span.sel_left {float: left; background:#cccccc; width: 5px; height: 30px;}
ul.dest_booking li.flights_tab_unsel .tab span.sel_right {float: right; background:#cccccc; width: 5px; height: 30px;}
ul.dest_booking li.flights_tab_unsel .tab h4 {float: left; padding: 8px 2px 0 7px;}
ul.dest_booking li.flights_tab_unsel div.tab h4 a {color: #666666;}

/* Tours Tab */
ul.dest_booking li.tours_tab_unsel {float: left; }
ul.dest_booking li.tours_tab_unsel div.tab {float: left; background:#cccccc;border:solid 2px #666666;  width: 47px; height: 30px; position: absolute; top:2px; left: 188px; }
ul.dest_booking li.tours_tab_unsel div.tab span.sel_left {float: left; background:#cccccc; width: 5px; height: 30px;}
ul.dest_booking li.tours_tab_unsel div.tab span.sel_right {float: right; background:#cccccc; width: 5px; height: 30px;}
ul.dest_booking li.tours_tab_unsel div.tab h4 {float: left; padding: 8px 2px 0 7px; color: #2e7ca0;}
ul.dest_booking li.tours_tab_unsel div.tab h4 a {color: #666666;}
ul.dest_booking li.tours_tab_sel {float: left; }
ul.dest_booking li.tours_tab_sel div.tab {float: left; background:#fff; width: 47px; height: 32px; position: absolute; top:2px; left: 188px; }
ul.dest_booking li.tours_tab_sel div.tab span.sel_left {float: left; background:#fff; width: 5px; height: 32px;}
ul.dest_booking li.tours_tab_sel div.tab span.sel_right {float: right; background:#fff; width: 5px; height: 32px;}
ul.dest_booking li.tours_tab_sel div.tab h4 {float: left; padding: 8px 2px 0 7px; color: #2e7ca0;}
ul.dest_booking li.tours_tab_sel div.tab h4 a {color: #00005f;}


/* Cars Tab */
ul.dest_booking li.cars_tab_unsel {float: left;}
ul.dest_booking li.cars_tab_unsel div.tab {float: left; background:#cccccc; border:solid 2px #666666; width: 41px; height: 30px; position: absolute; top:2px; left: 245px; }
ul.dest_booking li.cars_tab_unsel div.tab span.sel_left {float: left; background:#cccccc; width: 5px; height: 30px;}
ul.dest_booking li.cars_tab_unsel div.tab span.sel_right {float: right; background:#cccccc; width: 5px; height: 30px;}
ul.dest_booking li.cars_tab_unsel div.tab h4 {float: left; padding: 8px 2px 0 7px; color: #2e7ca0;}
ul.dest_booking li.cars_tab_unsel div.tab h4 a {color: #666666;}
ul.dest_booking li.cars_tab_sel {float: left; }
ul.dest_booking li.cars_tab_sel div.tab {float: left; background:#fff; width: 41px; height: 32px; position: absolute; top:2px; left: 245px; }
ul.dest_booking li.cars_tab_sel div.tab span.sel_left {float: left; background:#fff; width: 5px; height: 32px;}
ul.dest_booking li.cars_tab_sel div.tab span.sel_right {float: right; background:#fff; width: 5px; height: 32px;}
ul.dest_booking li.cars_tab_sel div.tab h4 {float: left; padding: 8px 2px 0 7px; color: #2e7ca0;}
ul.dest_booking li.cars_tab_sel div.tab h4 a {color: #00005f;}

/* End Destinations Booking Form */

/* Add to itinerary lightbox */
.itinerary_form { border-top:1px solid #CCCCCC; margin-top:10px; height:200px; padding-top:12px; font-size:11px;}
.triple_select {width:300px; clear:both; margin:7px 0px;}
.itinerary_form .triple_select li.first { float:left; width:58px;}
.itinerary_form .triple_select li.first select { width: 44px; height: 21px; background:#fff; border: 0; font-size: 11px; color: #666;}
.itinerary_form .triple_select li.second {float:left; width:112px;}
.itinerary_form .triple_select li.second select { width: 99px; height: 21px; background:#fff; border: 0; font-size: 11px; color: #666;}
.itinerary_form .triple_select li.third {float:left; width:77px;}
.itinerary_form .triple_select li.third select { width: 77px; height: 21px; background: url('../images/forms/select_medium.gif'); border: 0; font-size: 11px; color: #666;} 
.itinerary_form .triple_select li.cal {text-align:right; width:32px; float:right;}
.itinerary_form .radio_list li { padding:0; width:300px; padding:6px 0px 0px 0px; clear:left; margin-top:0px; margin-bottom:0px;}
.itinerary_form .radio_list p { float:left; padding:4px 5px 0px 0px;}
* html .itinerary_form .radio_list p {padding-left:4px;} 
.itinerary_form .radio_list .radio { float:left; }
.itinerary_form .starts_select {width:150px; float:left; padding-left:3px;}
.itinerary_form .starts_select li { width:50px; float:left; clear:none; padding:4px 0px 0px 0px; margin:0;}
.itinerary_form .starts_select li.hours select { width: 44px; height: 21px; background: url('../images/forms/select_small.gif'); border: 0; font-size: 11px; color: #666;}
.itinerary_form .starts_select li.minutes select { width: 44px; height: 21px; background: url('../images/forms/select_small.gif'); border: 0; font-size: 11px; color: #666;}
.itinerary_form .duration { margin-left:22px; }
.itinerary_form .duration select { width: 44px; height: 21px; background: url('../images/forms/select_small.gif'); border: 0; font-size: 11px; color: #666; float:left;}
.itinerary_form .buttons { clear:both; padding-top:25px; }

/* Add trip items light box */
.add_trip_items_form {width: 635px; border-bottom: 1px solid #E2DFD0; padding: 0 0 10px 0; height: 265px;}
.right_light_form {float: left; margin: 0 0 0 10px; width: 325px;}
.right_light_form h3 {color: #2E4056; font-size: 12px; }
.right_light_form ul li {margin: 15px 0 0 0; float: left; clear: left;}
.right_light_form ul li label {color:#2E4056; float: left; font-size:12px; font-weight: bold; width: 100%}
.right_light_form ul ol {float: left; width: 310px;}
.right_light_form ul ol li {margin: 0 0 5px; font-size: 11px; width: 280px;}
.right_light_form ul ol li input {float: left; margin: 0 5px 0 0;}
.right_light_form ul ol li label {float: left; color: #666; font-weight: normal; width: 60px;}
.right_light_form ul ol ol {float: left; width: 250px;}
.right_light_form ul ol ol li {clear: left; float: left;}
.right_light_form select {background:transparent url(../images/forms/input_med.gif) repeat scroll 0 0; border:0 none; border-right: 1px solid #CCC;  color:#666666; float:left; font-size:11px; height:26px; padding:4px 2px 4px 3px; margin: 0 10px 0 0;}
select.lb_sel_short {background:transparent url(../images/forms/input_small.gif) repeat scroll 0 0; border:0 none; border-right: 1px solid #CCC;  color:#666666; float:left; font-size:11px; height:25px; padding:4px 2px 4px 3px; margin: 0 10px 0 0; width: 55px;}
.add_trip_items_form .right_light_form p, .add_trip_items_form .right_light_form ul li p.lightbox_subtitle {font-size: 12px;}
.add_trip_items_form .right_light_form ul li p {font-size: 11px;}

/* lightbox forms */
.light_text_area .itinerary_form { border-top:1px solid #CCCCCC; margin-top:10px; padding-top:12px; font-size:11px; padding-bottom:30px;}
.light_text_area .triple_select {width:300px; clear:both; padding:5px 0 15px 0; height: 24px; margin: 00 }
.light_text_area .triple_select li.first { float:left; width:65px;}
.light_text_area .triple_select li.first select {background:transparent url(../images/forms/input_small.gif) repeat scroll 0 0; border:0 none; border-right: 1px solid #CCC;  color:#666666; float:left; font-size:11px; height:25px; padding:4px 2px 4px 3px; margin: 0 10px 0 0; width: 55px;}
.light_text_area .triple_select li.second {float:left; width:112px;}
.light_text_area .triple_select li.second select {background:transparent url(../images/forms/input_small.gif) repeat scroll 0 0; border:0 none; border-right: 1px solid #CCC;  color:#666666; float:left; font-size:11px; height:25px; padding:4px 2px 4px 3px; margin: 0 10px 0 0; width: 100px;}
.light_text_area .triple_select li.third {float:left; width:77px;}
.light_text_area .triple_select li.third select {background:transparent url(../images/forms/input_small.gif) repeat scroll 0 0; border:0 none; border-right: 1px solid #CCC;  color:#666666; float:left; font-size:11px; height:25px; padding:4px 2px 4px 3px; margin: 0 10px 0 0; width: 70px;} 
.light_text_area .triple_select li.cal {text-align:right; width:32px; margin: 0 0 0 10px; float:left;}
.light_text_area .radio_list li { padding:0; width:300px; padding:6px 0px 0px 0px; clear:left; margin-top:0px; margin-bottom:0px;}
.light_text_area .radio_list p { float:left; padding:4px 5px 0px 0px;}
* html .light_text_area .radio_list p {padding-left:4px;} 
.light_text_area .radio_list .radio { float:left; }
.light_text_area .starts_select {width:150px; float:left; padding-left:3px;}
.light_text_area .starts_select li { width:55px; float:left; clear:none; padding:4px 0px 0px 0px; margin:0;}
.light_text_area .starts_select li.hours select {background:transparent url(../images/forms/input_small.gif) repeat scroll 0 0; border:0 none; border-right: 1px solid #CCC;  color:#666666; float:left; font-size:11px; height:25px; padding:4px 2px 4px 3px; margin: 0 10px 0 0; width: 45px;}
.light_text_area .starts_select li.minutes select {background:transparent url(../images/forms/input_small.gif) repeat scroll 0 0; border:0 none; border-right: 1px solid #CCC;  color:#666666; float:left; font-size:11px; height:25px; padding:4px 2px 4px 3px; margin: 0 10px 0 0; width: 45px;}
.light_text_area .duration { margin-left:22px; }
.light_text_area .duration select {background:transparent url(../images/forms/input_small.gif) repeat scroll 0 0; border:0 none; border-right: 1px solid #CCC;  color:#666666; float:left; font-size:11px; height:25px; padding:4px 2px 4px 3px; margin: 0 2px 0 2px; width: 45px;}
.light_text_area .buttons { clear:both; padding-top:25px; }

.light_text_area .form {padding-bottom:30px; width:300px; }
.light_text_area .form a.add_extra_heading {float: left; margin: 10px 0 0 0; width: 100%;}

.light_text_area .form label { clear:both; font-weight:bold; margin:5px 0px 2px 0px;color:#435760; font-size:12px; float:left;}
.light_text_area .form input.med { background:transparent url(../images/forms/input_med.gif) repeat scroll 0 0; border:0 none; clear: left; color:#666666; float:left; font-size:11px; height:18px; margin-right: 40px; padding:4px 2px 4px 3px; width:222px; }
.light_text_area .form input.large { background:transparent url(../images/forms/input_large.gif) repeat scroll 0 0; border:0 none; clear: left; color:#666666; float:left; font-size:11px; height:18px; margin-right: 40px; padding:4px 2px 4px 3px; width:291px; }
.light_text_area p {clear:both; font-size:11px;}
.light_text_area li p {clear:none; font-size:11px;}
.right_light_form ol li label {font-size: 11px;}
.light_text_area p.lightbox_subtitle {color: #435760; font-size: 12px; font-weight: bold;}
.light_text_area .right_light_form p.lightbox_subtitle {padding: 0 0 10px 0;}
.light_text_area .right_light_form ul p.lightbox_subtitle {line-height: 13px; padding: 0 0 5px 0;}
.light_text_area .twinsleft {padding-bottom:0px; width:225px; height: 279px; overflow:hidden; margin: 0px;}
.light_text_area .twinsleft label {padding-top: 10px;}
.light_text_area .twinsleft input.med {margin-right: 0px;}
.light_text_area .twinsleft .lighbox_check {clear:left; float: left; margin: 10px 10px 0px 0}
.light_text_area .twinsleft .lighbox_check_text {color: #666; height: 15px; display: inline-block; float: left; margin: 10px 10px 0px 0; width: 150px;}
.light_text_area .twinsleft .buttons, .light_text_area .twinsright .buttons {border-top: 1px solid #E2DFD0; height: 32px; padding: 10px 0 0 0; margin: 10px 0 0 0;}
.light_text_area .twinsleft .login_area {clear: left; float:left; margin: 10px 0; height: 32px; width: 220px;}
.light_text_area .twinsleft p.left {margin: 10px 0 0 0;}
.not_a_member {background: #fff; border: 1px #DCDCD2 solid; float: left; width: 345px; margin: 0 0 44px 0; padding: 10px;}
.not_a_member div {margin: 10px 0;}
.not_a_member div img {float: left; margin: 0 10px 0 0}
.not_a_member div p {clear: none}
.not_a_member a {padding: 20px 0 0 0;}
.twinsright {background: #F4F3EE; width: 367px; height: 279px;}
.light_text_area .twinsleft label.emaillab {padding-top: 0px;}
*:first-child+html .twinsright {background: #F4F3EE; width: 367px; height: 300px;}
*:first-child+html .twinsleft { height: 300px;}
* html .light_text_area .twinsright {background: #F4F3EE; width: 367px; height: 300px; overflow: hidden;}
* html .light_text_area .twinsleft {background: #F4F3EE; height: 300px; margin: 0px;}

/* left nav search form*/
.left_search_form {float: left;}
.left_search_form li {float: left; clear: both; width: 145px; overflow: hidden;}
.left_search_form li.half {width: 65px; clear: none;}
.left_search_form label {color:#435760; float:left; font-size:12px; font-weight:bold; padding:5px 10px 0 0;}
.left_search_form input.medium {background:transparent url(../images/forms/input_large.gif) repeat scroll 0 0; border:0 none; border-right: 1px solid #ccc; clear:left; color:#666666; float:left; font-size:11px; padding: 4px; height:18px; width: 136px;}
.left_search_form input.cal {background:transparent url(../images/forms/input_small.gif) repeat scroll 0 0; float: left; border:0 none; color:#666666; font-size:11px; padding: 4px; height:17px; width: 91px;}
.left_search_form .calholder {float:left; clear: left; width: 140px; }
.left_search_form select {background:transparent url(../images/forms/input_small.gif) repeat scroll 0 0; border-color: #CCCCCC; border-style:none solid none none; border-width:0 1px 0 0; clear:left; color:#666666; float:left; font-size:11px; height:25px; padding:4px 2px 4px 3px; width:54px;}
