body,html, form, #container {/* commented backslash hack - hides from Mac IE5 \*/height: 90%;/* end hack */}
body {margin:0px auto; padding:0px; font: 76% Tahoma, Arial, Helvetica, Verdana, sans-serif; color:#000; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0px auto; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
ol, ul {list-style-type:none}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a {text-decoration:none}
.right {float:right !important}
.bold {font-weight:bold}
.left {float:left}
/*start top nav styles-----------------------------------------------------------------------*/
body > #container {height: auto; min-height: 90%;}
#container {float:left; text-align:center; background:url('images/top_bkg.jpg') top repeat-x; width:100%; padding-bottom:250px; height: auto; min-height: 100%; }
#top_nav_wrap {width:990px}
#top_logo {float:left}
#top_banner_ad {float:right; padding-top:10px}
#topnav {float:left; width:990px}
#topnav ul {list-style-type:none; float:left; border-bottom:1px solid white; }
#topnav ul li {display:inline; float:left; text-align:center; border-right:2px solid #94d3f9; }
#topnav ul li a {display:block; text-align:center; color:White; padding:50px 0px 2px 0px; font-size:110%;}
#topnav ul li a:hover {color:#cc7a40}
#topnav ul li.home {background:url('images/home_icon.gif') top left no-repeat; width:71px;}
#topnav ul li.destinations {background:url('images/dest_icon.gif') top left no-repeat; width:99px}
#topnav ul li.villasicon {background:url('images/villa_icon.gif') top left no-repeat; width:73px}
#topnav ul li.flights {background:url('images/flight_icon.gif') top left no-repeat; width:76px}
#topnav ul li.transfers {background:url('images/transfers_icon.gif') top left no-repeat; width:87px}
#topnav ul li.car {background:url('images/car_icon.gif') top left no-repeat; width:83px}
#topnav ul li.insurance {background:url('images/insurance_icon.gif') top left no-repeat; width:87px}
#topnav ul li.excursions {background:url('images/information_icon.gif') top left no-repeat; width:89px}
#topnav ul li.offers {background:url('images/savings_icon.gif') top left no-repeat; width:98px}
#topnav ul li.contact {background:url('images/contact_icon.gif') top left no-repeat; width:89px}
.time_date {width:118px; height:68px; color:White; border-bottom:1px solid white; float:right; text-align:right}
.time {padding:0px 0px 8px 0px; width:115px}
.date {float:right; padding:0px 0px 6px 0px; width:115px}
.basket {float:right; margin-top:-4px}
.view_basket {float:right; color:White; padding:1px 0px 2px 4px; font-weight:bold;}
.time a {float:right; color:White; padding:5px 0px 2px 4px; font-weight:bold}
#topnav ul li.home_on {background:url('images/home_icon_on.gif') top left no-repeat; width:71px;}
#topnav ul li.destinations_on {background:url('images/dest_icon_on.gif') top left no-repeat; width:99px}
#topnav ul li.villas_on {background:url('images/villa_icon_on.gif') top left no-repeat; width:73px}
#topnav ul li.flights_on {background:url('images/flight_icon_on.gif') top left no-repeat; width:76px}
#topnav ul li.car_on {background:url('images/car_icon_on.gif') top left no-repeat; width:83px}
#topnav ul li.transfers_on {background:url('images/transfers_icon_on.gif') top left no-repeat; width:87px}
#topnav ul li.insurance_on {background:url('images/insurance_icon_on.gif') top left no-repeat; width:87px}
#topnav ul li.excursions_on {background:url('images/information_icon_on.gif') top left no-repeat; width:89px}
#topnav ul li.offers_on {background:url('images/savings_icon_on.gif') top left no-repeat; width:98px}
#topnav ul li.contact_on {background:url('images/contact_icon_on.gif') top left no-repeat; width:89px}
#latest_newsbkg {text-align:left; background:url('images/latest_bkg.jpg') top left no-repeat; height:21px; width:990px; float:left}
#latest_newsbkg ul {list-style-type:none; float:left}
#latest_newsbkg ul li {float:left; display:inline}
.rss {padding:3px 5px 0px 5px}
.rss1 {padding:3px 0px 0px 0px}
.latest {padding: 3px 0px 3px 5px; color:#4ea5d2; font-size:90%}
.ticker a {float:left; color:#cc7a40; font-size:90%; padding:3px 0px 3px 3px}
#latest_newsbkg ul.right {float:right; font-size:90%; color:#aaadaf; padding:3px 5px 0px 0px}
.logged_in {color:#7b7b7b; padding:0px 0px 0px 10px}
.name {color:#7b7b7b; font-weight:bold}
.logout {color:#7b7b7b; padding:0px 0px 0px 10px; font-weight:normal; text-decoration:underline}
.search {color:#7b7b7b; height:28px; padding:5px 0px 5px 4px; display:block}
/*end top nav*/
#main_content {width:990px; text-align:left}
/*start left panel styles-----------------------------------------------------------------*/
#quicksearch {width:209px; float:left; background:url('images/call_topcurve.gif') top left repeat-x; padding-bottom:10px}
.quicksearch {float:right; width:240px}
#qsearchWrap {float:left; width:240px; padding-bottom:10px; margin-top:35px}
.qsearch_input {float:left; width:114px; height:12px; margin:0px 0px 0px 8px; font-size:85%; color:Gray;}
.search {float:left; margin-top:10px; padding:0px}
.quicksearch a {background:url('images/qsearch_btn.gif') no-repeat; margin:0px; width:20px; height:17px; padding:0px; float:left}
.pleaseEnter {float:right; padding:0px 15px 3px 0px; position:relative; z-index:1 !important; margin:2px 46px 0px 0px;}
.quicksearch h2 {font-weight:bold; font-size:145%; color:#84cdf3; padding:10px 0px 0px 15px}
.quicksearch p {position:relative; text-align:right; float:right; font-size:130%; color:#84cdf3; padding:8px 15px 26px 15px; line-height:16pt}
.quicksearch ul {list-style-type:none; padding-left:17px}
.quicksearch ul li {float:left; display:inline; padding:8px 15px 0px 0px}
#left_panels {float:left; width:209px; margin-top:25px}
#villa_search {float:left; width:209px; margin-top:0px; }
#villa_search ul {list-style-type:none; }
#villa_search ul li {display:inline;}
#villa_search ul li.villa_tab {float:left; background:url('images/villasearch_villatab.gif') top left no-repeat; width:94px; height:22px}
#villa_search ul li.flight_tab {float:left; background:url('images/villasearch_flighttab.gif') top left no-repeat; width:101px; height:30px}
#villa_search ul li.villa_tab a {float:left; margin:8px 0px 0px 8px; font-weight:bold; font-size:100%; color:#525c5f}
#villa_search ul li.flight_tab a {float:left; margin:8px 0px 0px 8px; font-weight:bold; font-size:100%; color:#525c5f}
#villa_search h2 {font-weight:bold; color:#525c5f}
#villa_search_content {float:left; width:195px; background:url('images/search_bkg_slice.gif') top left repeat-x #77cbe4; border-left:1px solid white; border-right:1px solid white; padding:0px 6px; }
#villa_search_content_box {float:left; width:185px; border:1px solid #74bdd5; background:url('images/searchbox_bkg_slice.gif') top left repeat-x #a1d3e3; margin:7px 0px 0px 0px; padding:0px 4px;}
#search_dest_wrap {float:left; width:180px;}
.villa_search_dest {float:left; padding:8px 4px 0px 8px;}
.ttlicon {float:left; padding:3px 0px 0px 3px}
.search_ttl {float:left; width:75px; margin-top:4px}
.date1 {margin-top:3px}
.search_persons_ttl {float:left; width:60px; margin-top:-6px}
.search_persons_error {width:160px}
#search_dest_input {float:left; width:110px; margin-top:4px; padding-bottom:7px}
.ttl {float:left; padding:13px 0px 2px 8px;}
.input {float:left; margin:10px 4px 0px 0px;}
.input2 {float:left; padding:5px 4px 4px 6px;}
.input_radDatePicker {float:left; padding:0px 0px 4px 0px ; width:100px}
.input_radDatePicker_villaDetails {float:right; padding:0px 80px 4px 0px ; width:100px}
#datePicker_wrap {float:left; width:182px; padding:0px; margin:0px 0px 0px 11px;}
.datePicker {background:url('images/villasearch_calendar.gif') top left no-repeat;}
.calendar_icon1 {float:left; margin:12px 0px 0px 10px}
.calendar_icon2 {float:left; margin:6px 0px 0px 10px}
.divide {float:left; width:180px; height:8px; border-bottom:1px solid #60b0cd}
.date_input1 {margin-top:10px; float:left}
.date_input2 {margin-top:4px; float:left}
#search_date {width:180px; float:left; margin-top:8px}
#search_duration_wrap {float:left; width:180px; margin-top:8px}
#search_person_wrap {float:left; width:180px;}
#search_persons_input {float:left; width:55px; margin-top:8px;}
#search_flight_wrap {float:left; width:180px;}
#villasearch_airport {float:left; width:170px; padding:8px 0px 0px 8px}
#villasearch_invalidairport {float:left; width:170px; padding:8px 0px 0px 8px; visibility:visible }
#noflight_ttl {float:left; padding:13px 0px 2px 8px;}
#no_flight {float:left; margin:10px 0px 0px 5px;}
#search_btn {float:left; padding:10px 0px 8px 8px; height:17px; width:68px; }
#search_btn a {color:white; float:left; background:url('images/search_btn.gif') top left no-repeat; padding:0px 16px 5px 16px}
#search_btn a:hover {color:white; float:left; background:url('images/search_btn_hover.gif') top left no-repeat; padding:0px 16px 5px 16px}
#with_confidence {float:left; margin-top:15px;}
#with_confidence h2 {background:url('images/with_confidence_top.gif') top left no-repeat; font-weight:bold; color:#e65c00; font-size:120%; padding:5px 0px 5px 8px}
#testimonial {float:left; position:relative; margin-top:-178px}
#testimonial h3 {color:#12375e; font-weight:bold; padding-left:10px; font-size:120%}
#network_icons {float:left; background:#c9c9c9; width:208px}
#network_icons ul {float:left; list-style-type:none; padding:6px 0px 4px 10px; width:198px; border-bottom:1px dashed gray}
#network_icons ul li {display:inline; padding:0px 7px 0px 0px;}
#abta {float:left; margin:6px 0px 0px 10px}
#atol {float:left; margin:5px 0px 0px 15px}
.enter_keyword {display:block; padding:0px 0px 4px 15px; margin-top:-4px; }
.under_txt {font-size:80%; padding-top:4px}
/*end left panels*/
/*start home page styles-------------------------------------------------------------------------*/
#right_content {width:767px; float:right; margin:20px 0px 0px 0px;}
#welcome_copy {color:#125f57}
#welcome_copy h1 {font-size:120%; font-weight:bold;}
#welcome_copy p {padding:5px 25px 0px 0px; font-size:105%}
#offers_wrap {float:left; width:767px}
#home_flash_holder {margin:6px 0px 0px 0px; width:460px; float:left}
#villaoftheday {float:right; text-align:left; width:303px; padding-top:5px; margin-bottom:-8px}
#villaoftheday h2 {background:url('images/villa_day_top.gif') top left no-repeat; height:19px; padding-top:4px}
#villaoftheday h2 a {color:#0b837f; font-weight:bold; font-size:110%; padding:5px 0px 5px 10px; }
#all_villas {float:right; text-align:left; width:303px; padding-top:0px}
#all_villas h2 {height:164px;}
.villa_day_price {float:right; position:relative; top:-30px; z-index:auto}
.villa_day_price h3 {background:#e63a5a; height:18px; padding-top:2px}
.villa_day_price h3 a {color:#fff; font-weight:bold; font-size:110%; padding:8px;}
.btm_curve {float:left; position:relative; margin-top:-33px;}
#offer_excursions {float:right; padding-top:10px;}
.home_featured_villas {width:749px; float:left; border-left:1px solid #b3dddc; border-right:1px solid #b3dddc; padding:0px 5px 0px 11px; background:url('images/featuredvilla_bkgslice.gif') top left repeat-x #f9f9f9}
.home_featured_villas2 {width:749px; float:left; border-left:1px solid #f7bec5; border-right:1px solid #f7bec5; padding:0px 5px 0px 11px; background:url('images/featuredvilla_bkgslice.gif') top left repeat-x #f9f9f9}
#header1 {background:url('images/lastmin_top.gif') top left no-repeat; margin-top:20px; width:767px; float:left}
#header1 h2 {color:#fff; font-weight:bold; font-size:130%; padding:6px 0px 6px 10px}
#header2 {background:url('images/newvillas_top.gif') top left no-repeat; margin-top:20px; width:767px; float:left}
#header2 h2 {color:#fff; font-weight:bold; font-size:130%; padding:6px 0px 6px 10px}
.border_topleft {border-top:1px solid #969696; border-left:1px solid #969696}
.villa1 {float:left; width:231px; margin-top:10px; padding:0px 23px 0px 0px;}
.villa1 h1 {color:#105b72; font-weight:bold; font-size:115%; display:block; padding-bottom:5px}
.villa1 p {color:black; padding-bottom:6px; font-size:90%}
.villa2 {float:left; width:231px; margin-top:10px; padding:0px 0px 0px 0px;}
.villa2 h1 {color:#105b72; font-weight:bold; font-size:115%; display:block; padding-bottom:5px}
.villa2 p {color:black; padding-bottom:6px; font-size:90%}
.dashed_divide {float:left; border-bottom:1px dashed gray; width:742px; padding:4px 0px 0px 0px; height:3px}
.home_price {margin-top:1px; text-align:right; background:#555555; width:226px; font-weight:bold; font-size:110%; color:#fff; float:right; padding:4px 5px 4px 0px}
.show_more_btm1 {float:left; background:url('images/lastmin_btm.gif') top no-repeat; width:767px; height:29px;}
.show_more_btm1 a {color:#a0a0a0; float:right; padding:4px 13px 0px 0px}
.show_more_btm1 a.open, .show_more_btm1 a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 110px;
float:right;
text-align:right;
}
.show_more_btm2 {float:left; background:url('images/newvillas_btm.gif') top no-repeat; margin-bottom:20px; width:767px; height:29px;}
.show_more_btm2 a {color:#a0a0a0; float:right; padding:4px 13px 0px 0px}
.show_more_btm2 a.open1, .show_more_btm2 a.close1 {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 110px;
float:right;
text-align:right;
}
ul.hover_block li{list-style:none; float:left; padding: 0px; width:150px; position: relative; margin-right: 0px; }
ul.hover_block li a {display: block; background:#393939; position: relative; overflow: hidden; height: 97px; width:199px; padding: 16px; color: #000;}
ul.hover_block li a {text-decoration: none; color:#fff; font-size:90%; text-align:center}
ul.hover_block li img {position: absolute;top: 0;left: 0;border: 0;}
#home_destinations {display:block; padding-top:20px}
#home_destinations_content {background:url('images/destinations_bkg.gif') top left no-repeat #f9f9f9; float:left; width:992px}
#home_destinations_content a.dest_ttl {color:#4b4b4b}
#home_destinations_content a:hover.dest_ttl {color:#3f9588}
#home_destinations_content a.res_ttl {color:#a3a3a3}
#home_destinations_content a:hover.res_ttl {color:#494949}
#home_destinations_content a.dest {color:#65aaa0; padding-top:5px; float:left}
#home_destinations_content ul {list-style-type:none; padding:5px 0px 10px 0px;}
#home_destinations_content ul li {display:block; padding:2px 0px 2px 0px;}
.dest_col1 {float:left; width:70px; padding:0px 0px 0px 20px;}
.dest_col2 {float:right; width:70px; padding:0px 15px 0px 20px; border-left:1px solid #eeeeee}
#home_dest_wrap {display:block; text-align:left; }
#home_dest_left {display:block }
.toppanel {
position: relative;
top: 0;
width: 100%;
z-index: 999;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.panel {
width: 100%;
min-height: 0px;
color: #999999;
background: #f9f9f9;
position: relative;
z-index: 3;
overflow: hidden;
display: none;
float:left;
}
.toppanel1 {
position: relative;
top: 0;
width: 100%;
z-index: 999;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.panel1 {
width: 100%;
min-height: 0px;
color: #999999;
background: #f9f9f9;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
float:left;
}
#info_content {display:block; width:960px; margin:20px auto; }
#info_content p {font-size:90%; color:#888}
#info_content a {color:#0b837f}
/*end home page*/
/*Start breadcrumbs--------------------------------------------------------------------*/
#breadcrumb_wrap {float:left; padding:3px 0px 0px 0px; width:760px}
.bread_first {float:left}
.bread_slice {float:left; background:url('images/bread_slice.gif') top left repeat-x; padding:2px 0px 5px 3px}
.bread_slice a {color:#666666}
.bread_slice a.active {color:#e77008}
.bread_last {float:left}
.bread_mid {float:left}
/*End breadcrumbs*/
/*start tab styles-----------------------------------------------------------------*/
.left {float:left}
.tabs_holder {float:left; width:100%}
.tab_on {float:left; margin-right:4px}
.tabon_ttl {background:url('images/tabon_slc2.gif') top left repeat-x #fef6e5; position:relative; float:left;}
.tabon_ttl a {float:left; color:#666666; font-size:110%; font-weight:bold; padding:6px 4px 10px 3px}
.left_left {float:left}
.tab_off {float:left; margin-right:4px}
.taboff_ttl {background:url('images/taboff_slc.gif') top left repeat-x #ebebeb; float:left;}
.taboff_ttl a {float:left; color:#9d9d9d; font-size:110%; font-weight:bold; padding:6px 4px 7px 3px}
.taboff_ttl a:hover {float:left; color:#666666; font-weight:bold; padding:6px 4px 7px 3px}
.dest_topcurve {float:left; position:relative; top:10px}
.top_curve {float:left; position:relative; top:38px; margin:-1px 0px 0px 0px; z-index:10}
.tab_on_slc {float:left; position:relative}
#destinations2 {position:relative; top:7px; float:left; padding:0px 10px 10px 10px; background: #fff6dd; border-left:1px solid white; border-right:1px solid white; width:738px}
#destinations_left2 {float:left; width:580px; padding-top:4px}
#destinations_top2 {float:left; width:580px;}
#destinations_top2 h2 {float:left; color:#666666; font-weight:bold; font-size:115%; padding:0px 0px 5px 0px; width:540px}
#destinations_top2 p {float:left; color:#666666; font-size:95%; line-height:145%}
#destinations {position:relative; top:5px; float:left; padding: 0px 10px 10px 10px; background: #fff6dd; border-left:1px solid white; border-right:1px solid white; width:738px}
#destinations_left {float:left; width:749px; padding-top:4px;}
#destinations_top {float:left; width:570px;}
#destinations_top h1 {float:left; color:#666666; font-weight:bold; font-size:115%; padding:0px 0px 5px 0px; width:540px}
#destinations_top p {float:left; color:#666666; font-size:95%; line-height:145%}
#destination_locations {float:left; width:580px}
.dest1 {width:265px; height:120px; float:left; padding:7px; background:#fff8e6; margin:10px 10px 0px 0px}
.dest2 {width:265px; height:120px; float:left; padding:7px; background:#fff8e6; margin:10px 0px 0px 0px}
.info {width:130px; float:left; padding:0px 0px 0px 10px}
.info h3 a {width:130px; float:left; padding:0px 0px 5px 0px; font-weight:bold; font-size:120%; color:#c0423b}
.info p {float:left; padding:5px 0px 0px 0px; font-size:90%;width:130px;}
.destinations_right {padding:10px; float:right; width:137px; background:#ede6d2; border-top:1px solid #d4cfc3; border-left:1px solid #d4cfc3; margin-top:4px; position:relative; z-index:100; margin-right:10px}
.destinations_right h1 {color:#d86816; font-weight:bold; padding:0px 0px 5px 0px; font-size:110%}
.destinations_right a {color:#1f6d86; font-weight:bold;}
.destinations_right h2 {color:#1f6d86; font-weight:bold; font-size:120%}
.destinations_right p.featVilla {color:#595754; float:left; padding-top:7px; font-size:90%}
.destinations_right h2.cost {padding-top:4px; float:right; font-weight:bold; color:#d86816}
.featvilla_wrap {width:135px; float:left; padding:5px 0px 5px 0px; border-bottom:1px solid #b8b8b8}
.featvilla_wrap_btm {width:135px; float:left; padding:5px 0px 98px 0px; }
.feat_img {float:left; margin-top:8px; border-top:1px solid #919191; border-left:1px solid #919191}
.featvilla_short_btm {width:135px; float:left; padding:5px 0px 70px 0px; }
#destination_img {float:left; width:580px;}
.border {border:2px solid #b9b9b9}
#about_dest_info {float:left; padding:0px 7px 0px 0px}
#about_dest_info h1 {display:block; font-weight:bold; font-size:110%; color:#666666; padding:8px 0px 4px 0px}
#about_dest_info p {float:left; color:#666666; padding:0px 0px 5px 0px; line-height:18px}
#about_dest_info img {padding:4px 4px 4px 4px}
#destination_img_map {float:left; width:580px;}
#about_dest_info_map {float:left; padding:0px 7px 0px 0px}
#about_dest_info_map h2 {display:block; font-weight:bold; font-size:110%; color:#666666; padding:0px 0px 6px 0px}
#weather_wrap {float:left; border-bottom:1px solid #b8b8b8; padding-bottom:8px; }
.weather_icon {border:1px solid #b9b9b9; float:left}
#temp_info {float:left; width:70px; padding:0px 0px 15px 0px}
#temp_info p {color:#888888; padding:7px 0px 0px 5px}
#temp_info p.temp {padding:0px 0px 0px 5px; font-size:200%; color:#888888; font-weight:bold}
#weather_info {padding:9px 0px 0px 0px;}
#weather_info ul li {color:#888888;}
#resorts_wrap {float:left; padding:8px 0px 8px 0px; border-bottom:1px solid #b8b8b8}
#resorts_wrap ul {list-style-image:none}
#resorts_wrap ul li {background:url('images/resorts_arrow.gif') left no-repeat; padding:5px 0px 5px 15px; border-bottom:1px dashed #b8b8b8}
#resorts_wrap ul li.resort_btm {background:url('images/resorts_arrow.gif') left no-repeat; padding:5px 0px 5px 15px; border:none}
#resorts_wrap ul li a {font-weight:bold; color:#29608b; display:block}
#weather_feat_villa {display:block; padding:10px 0px 0px 0px}
#event_wrap {float:left; width:570px; padding:10px 0px; border-bottom:1px dashed #bbbbbb}
.event_ttl {font-weight:bold; color:#1f6d86; font-size:120%; color:#000; display:block; padding-bottom:4px; }
.event_desc {display:block; padding-bottom:4px}
.event_start {color:#686868; padding-right:10px}
.event_end {color:#686868;}
.excursions {display:block; width:560px}
.excursions h1 {font-size:120%; color:#666666; font-weight:bold;}
.excursions h2 {font-size:110%}
/*end destination tabs*/
/*start villa listing styles---------------------------------------------------------------*/
.villas_top {margin-top:5px; float:left}
.villas {float:left; padding:0px 10px; background: #fff6dd; border-left:1px solid white; border-right:1px solid white; }
.pagination {float:right; font-size:90%; padding:0px 3px 6px 0px; display:block; position:relative; color:#666666; text-align:right}
.pagination a {color:#666666}
.pagination a:hover {color:#cc7a40}
.pagination a.back_begin {background:url('images/back_begin.gif') top left no-repeat; width:13px; height:13px; float:left; margin-right:2px}
.pagination a:hover.back_begin {background:url('images/back_begin_hover.gif') top left no-repeat; width:13px; height:13px; float:left; margin-right:2px}
.pagination a.back_page {background:url('images/back_page.gif') top left no-repeat; width:11px; height:13px; float:left; margin-right:6px}
.pagination a:hover.back_page {background:url('images/back_page_hover.gif') top left no-repeat; width:11px; height:13px; margin-right:6px}
.pagination a.next_page {background:url('images/next_page.gif') top left no-repeat; width:11px; height:13px; float:left; margin-right:4px}
.pagination a:hover.next_page {background:url('images/next_page_hover.gif') top left no-repeat; width:11px; height:13px; float:left; margin-right:4px}
/*.page_numbers {float:left; padding:0px 6px}*/
.no {float:left; padding: 0px 6px; border-left:solid 1px grey}
/*a.no:visited {background-color: #00AAC4; }
a.no:hover {text-decoration: none;color: #000; background-color: #00AAC4;} */
.villas_ttl {display:block; padding:0px 0px 7px 10px;}
.villas_ttl2 {display:block; padding:0px 0px 7px 10px;font-size:larger}
#refine_wrap {padding:0px 0px 8px 10px; float:left; width:730px; margin-bottom:10px; border-top:1px dotted #c8c8c8; border-bottom:1px dotted #c8c8c8}
#refine_wrap p {color:#656565; font-weight:bold; font-size:90%; padding:0px 0px 4px 0px;}
.ref_destination {float:left; padding:5px 0px 3px 0px; width:110px; margin:0px 10px 0px 0px;}
.ref_resort {float:left; padding:5px 0px 3px 0px; width:90px; margin:0px 15px 0px 0px;}
.ref_persons {float:left; padding:5px 0px 3px 0px; width:65px; margin:0px 10px 0px 0px;}
.villas_search {padding-top:13px; float:left}
.villas_search a {background:url('images/villas_search_btn.gif') top left no-repeat; float:left; height:21px; width:75px; margin-top:6px}
.villas_search a:hover {background:url('images/villas_search_btn_hover.gif') top left no-repeat; float:left; height:21px; width:75px; margin-top:6px}
.villas_search_msg {float:left; padding:15px 0px;}
.late_offers_search {float:left}
.late_offers_search a {background:url('images/villas_search_btn.gif') top left no-repeat; float:left; height:21px; width:75px;}
.late_offers_search a:hover {background:url('images/villas_search_btn_hover.gif') top left no-repeat; float:left; height:21px; width:75px;}
.late_offer_villas {float:left; width:231px; margin-top:10px; padding:0px 15px 0px 0px;}
.late_offers_tbl {display:block; border:none !important; margin:15px 0px 20px 0px}
table.late_offers1 {display:block; width:735px; border:none !important}
table.late_offers1 tr {display:block}
table.late_offers1 tr td {float:left !important; border:none; }
table.late_offers2 {display:block; width:735px; border:none !important}
table.late_offers2 tr {display:block}
table.late_offers2 tr td {float:left !important; border:none;}
.adv_alternateflights {float:left; padding:18px 0px 0px 0px;}
.adv_alternateflights .toggle ul li a {float:left}
.adv_alternateflights a { width:124px; height:20px; float:left}
.adv_alternateflights a:hover {width:124px; height:20px; float:left}
#adv_alternateflights {float:left; padding:6px 0px 8px 10px; border-top:1px dotted #c8c8c8; width:730px }
#adv_alternateflights ul {display:block}
#adv_alternateflights ul li {float:left; margin:10px 15px 6px 0px; width:220px}
.adv_checkbox {float:left; padding-right:7px}
.adv_feature {float:left; padding-right:10px}
#adv_alternateflights h2 {padding:0px 0px 5px 0px; font-weight:bold}
.adv_alternateflights a.open, .adv_alternateflights a.close {
height: 22px;
line-height: 20px !important;
padding-left: 0px !important;
cursor: pointer;
display: block;
width: 110px;
float:right;
text-align:right;
}
.adv_alternateflights2 {float:left; padding:18px 0px 0px 0px;}
.adv_alternateflights2 .toggle2 ul li a {float:left}
.adv_alternateflights2 a { width:124px; height:20px; float:left}
.adv_alternateflights2 a:hover {width:124px; height:20px; float:left}
#adv_alternateflights2 {float:left; padding:6px 0px 8px 10px; border-top:1px dotted #c8c8c8; width:730px }
#adv_alternateflights2 ul {display:block}
#adv_alternateflights2 ul li {float:left; margin:10px 15px 6px 0px; width:220px}
.adv_checkbox2 {float:left; padding-right:7px}
.adv_feature2 {float:left; padding-right:10px}
#adv_alternateflights2 h2 {padding:0px 0px 5px 0px; font-weight:bold}
.adv_alternateflights2 a.open2, .adv_alternateflights2 a.close2 {
height: 22px;
line-height: 20px !important;
padding-left: 0px !important;
cursor: pointer;
display: block;
width: 110px;
float:right;
text-align:right;
}
#from_calender_control {float:left; padding:6px 0px 8px 10px;}
.from_calender_open {float:left; padding:18px 0px 0px 8px}
.from_calender_open a {background:url('images/calendarIcon.gif') top left no-repeat; width:124px; height:20px; float:left}
.from_calender_open a:hover {background:url('images/calendarIcon.gif') top left no-repeat; width:124px; height:20px; float:left}
.from_calender_open .fromCaltoggle ul li a {float:left}
.from_calender_open a.fromCalOp, .from_calender_open a.fromCalClose {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 110px;
float:right;
text-align:right;
}
.fromCaltoppanel {
position: relative;
top: 0;
width: 100%;
z-index: 999;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.fromCalpanel {
width: 100%;
min-height: 0px;
color: #999999;
background: #fff6dd;
position: relative;
z-index: 3;
overflow: hidden;
display: none;
float:left;
}
#to_calender_control {float:left; padding:6px 0px 8px 10px;}
.to_calender_open {float:left; padding:18px 0px 0px 8px}
.to_calender_open a {background:url('images/calendarIcon.gif') top left no-repeat; width:124px; height:20px; float:left}
.to_calender_open a:hover {background:url('images/calendarIcon.gif') top left no-repeat; width:124px; height:20px; float:left}
.to_calender_open .toCaltoggle ul li a {float:left}
.to_calender_open a.toCalOp, .to_calender_open a.toCalClose {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 110px;
float:right;
text-align:right;
}
.toCaltoppanel {
position: relative;
top: 0;
width: 100%;
z-index: 999;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.toCalpanel {
width: 100%;
min-height: 0px;
color: #999999;
background: #fff6dd;
position: relative;
z-index: 3;
overflow: hidden;
display: none;
float:left;
}
.adv_search {float:left; padding:18px 0px 0px 8px}
.adv_search a {background:url('images/adv_search.gif') top left no-repeat; width:124px; height:20px; float:left}
.adv_search a:hover {background:url('images/adv_search_hover.gif') top left no-repeat; width:124px; height:20px; float:left}
#adv_search {float:left; padding:6px 0px 8px 10px; border-top:1px dotted #c8c8c8; width:730px }
#adv_search ul {display:block}
#adv_search ul li {float:left; margin:10px 15px 6px 0px; width:220px}
.adv_checkbox {float:left; padding-right:7px}
.adv_feature {float:left; padding-right:10px}
#adv_search h2 {padding:0px 0px 5px 0px; font-weight:bold}
.adv_search a.open, .adv_search a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 110px;
float:right;
text-align:right;
}
.adv_search2 {float:left; padding:18px 0px 0px 8px}
.adv_search2 a {background:url('images/adv_search.gif') top left no-repeat; width:124px; height:20px; float:left}
.adv_search2 a:hover {background:url('images/adv_search_hover.gif') top left no-repeat; width:124px; height:20px; float:left}
#adv_search2 {float:left; padding:6px 0px 8px 10px; border-top:1px dotted #c8c8c8; width:730px }
#adv_search2 ul {display:block}
#adv_search2 ul li {float:left; margin:10px 15px 6px 0px; width:220px}
.adv_checkbox2 {float:left; padding-right:7px}
.adv_feature2 {float:left; padding-right:10px}
#adv_search2 h2 {padding:0px 0px 5px 0px; font-weight:bold}
.adv_search2 a.open, .adv_search2 a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 110px;
float:right;
text-align:right;
}
.toppanel3 {
position: relative;
top: 0;
width: 100%;
z-index: 999;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.panel3 {
width: 100%;
min-height: 0px;
color: #999999;
background: #fff6dd;
position: relative;
z-index: 3;
overflow: hidden;
display: none;
float:left;
}
.toppanel32 {
position: relative;
top: 0;
width: 100%;
z-index: 999;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.panel32 {
width: 100%;
min-height: 0px;
color: #999999;
background: #fff6dd;
position: relative;
z-index: 3;
overflow: hidden;
display: none;
float:left;
}
.results_top {margin-top:5px; float:left}
.villa_listings {width:738px ; float:left}
.listing_wrap1 {float:left; background:#fff8e6; padding:7px; margin-bottom:7px}
.list_img_holder {float:left; width:160px; margin: 2px 7px 0px 0px}
.list_img {border:2px solid white}
.list_info_ttl {float:left; width:547px; padding:7px 0px 0px 7px}
.villa_listings h1 {font-weight:bold; font-size:120%; color:#666666;}
.villa_listings h2 {font-weight:bold; color:#666666;}
.list_info_ttl p {color:#666666; padding:0px 0px 0px 0px;}
.list_info {float:left; width:430px; padding:7px 0px 0px 7px;}
.villa_price_large {float:right; text-align:right; font-size:x-large; margin-top:-40px}
.villa_price {float:right; text-align:right}
.villa_price_tab {float:right; text-align:right; margin-top:-40px}
.villa_listings ul {list-style-type:none; float:left; margin-bottom:3px}
.villa_listings ul li {display:inline; float:left; padding:0px 8px 0px 0px}
.feature_no {float:left; font-size:90%}
.list_info h1 {font-weight:bold; font-size:120%; color:#666666;}
.list_info p {color:#666666; padding:0px 0px 0px 0px;}
p.list_price {padding:60px 0px 0px 0px; color:#666666 }
p.list_price_sml {padding:26px 0px 0px 0px; color:#666666; float:left }
.available {float:left; padding-top:20px}
.new_icon {float:left; padding:20px 0px 0px 10px}
.recommended_icon {float:left; padding:20px 0px 0px 10px}
.list_info p span.price_breakdown {color:#666666; font-weight:bold; position:absolute; margin-top:17px }
.villa_details_price{float:left; margin: 5px 0px 0px 33px;}
.select_villa {float:right; width:107px;}
.select_btn {float:right; width:107px; padding-top:5px}
.select_btn a {float:right; background:url('images/details_btn.gif') top left no-repeat; width:94px; height:27px; }
.select_btn a:hover {float:right; background:url('images/details_btn_hover.gif') top left no-repeat; width:94px; height:27px;}
.select_btn2 {float:right; width:107px; padding-top:56px}
.select_btn2 a {float:right; background:url('images/details_btn.gif') top left no-repeat; width:94px; height:27px; }
.select_btn2 a:hover {float:right; background:url('images/details_btn_hover.gif') top left no-repeat; width:94px; height:27px;}
.people {float:right; }
.people p {float:left; color:#666666}
.flag_booking_period {background:url('images/48hrs.gif') no-repeat; width:35px; height:20px; margin:7px 0px 0px 0px; padding-left:38px; float:left}
.flag_booking_period p.flag {width:200px; font-size:100%; float:left}
#villa_details a.add_check_btn {background:url('images/add_check_btn.gif') left no-repeat; display:block; width:262px; height:23px; border:none; cursor:pointer; margin:10px 0px 0px 27px}
.check_availability_btn {color:#fff !important; float:left; width:200px; margin:10px 5px 0px 10px; font-weight:bold; line-height:18px; padding:20px 52px 0px 13px; height:77px; background:url('images/check_availabilty_btn.gif') left no-repeat}
.check_availability_btn2 {color:#fff !important; float:left; width:200px; margin:10px 5px 0px 10px; font-weight:bold; text-align:right; line-height:18px; padding:20px 13px 0px 38px; height:77px; background:url('images/check_availabilty_btn2.gif') left no-repeat}
/*end villa listings*/
/*villa details styles----------------------------------------------------------------*/
#villa_top {float:left; padding-bottom:5px; margin:-25px 0px 0px 15px; width:735px; position:relative; z-index:1}
#villa_top h1 {display:block; font-weight:bold; font-size:130%; color:#cc7a40; padding:8px 0px}
#villa_top p {display:block; padding:5px 0px; border-bottom:1px dashed #bcbcbc; border-top:1px dashed #bcbcbc; margin-top:8px}
#coverflow {float:left; margin:10px 0px 0px 0px}
#GalleryHolder {margin-left:15px; width:806px}
#GalleryHolder .slideshow {margin:0px 0px 0px 0px ;padding:0px; float:left; }
#GalleryHolder .thumbHolder {float:right; margin:0px 0px 0px 0px}
#GalleryHolder .thumbHolder .thumb {float:left; margin-bottom:8px;}
#GalleryHolder .thumbHolder ul.thumbs li {display:inline; height:82px; float:left}
#villa_details {float:left; width:764px; padding:0px 0px; background:#fff6dd; border-left:1px solid white; border-right:1px solid white;}
.forgot_details_back_btn {background:url('images/detail_back_btn.gif') left no-repeat; margin:0px 15px 0px 0px; padding:0px; text-align:right}
.forgot_details_back {text-align:right}
.villaDetailsTop {float:left; margin:10px 0px 0px 0px}
#villa_details_top {float:left; width:740px; padding:0px 6px 0px 12px;}
#villa_details_top h2 {display:block; color:#666666; font-weight:bold; font-size:115%; padding:0px 0px 5px 3px;}
#fav_icons {float:right; padding:3px 0px 0px 0px; height:15px; position:relative; z-index:5}
#fav_icons:after {clear:both}
#fav_icons ul {list-style-type:none; height:15px; float:right }
#fav_icons ul li {display:inline; padding:0px 5px 0px 22px; float:right; }
#fav_icons ul li a {color:#339398;}
#fav_icons ul li.email_friend {background:url('images/email_friend.gif') left no-repeat;}
#fav_icons ul li.download {background:url('images/download_pdf.gif') left no-repeat;}
#fav_icons ul li.add_fav {background:url('images/add_fav.gif') left no-repeat;}
#fav_icons ul li a.details_back_btn {background:url('images/detail_back_btn.gif') left no-repeat; margin:0px 15px 0px -10px; padding:0px; cursor:pointer;}
#villa_details_img {float:left; padding:5px 5px 0px 13px}
#villa_reviews_wrap {width:735px; padding:15px; float:left; }
#villa_reviews_container {background:#f2ecdd;}
.villa_reviews {padding:10px}
.villa_reviews h2 {color:#1d7176; font-size:120%; font-weight:bold; display:block; padding-bottom:7px}
.review_wrap {color:#565656; padding:5px 0px 8px 0px; border-bottom:1px dotted #d5d5d5}
.review_wrap p {line-height:18px; }
.review_wrap p.reviewer {font-size:90%; color:#888}
#villa_details_info_wrap {float:left; padding:7px 0px 5px 0px; width:740px;}
#villa_details_info {background:#fff8e6; width:514px; float:left; padding:5px 9px 5px 7px; margin:0px 4px 0px 0px;}
#villa_details_info h1 {display:block; color:#666666; font-weight:bold; font-size:115%; padding:0px 0px 5px 3px;}
#villa_details_info h2 {display:block; color:#666666; font-weight:bold; font-size:100%; padding:0px 0px 5px 3px;}
#villa_details_info p {float:left; color:#666666; font-size:95%; line-height:145%; padding:0px 0px 12px 3px}
#info_map_wrap {width:514px; float:left; margin:0px 0px 0px 0px; }
.price_from {text-align:left ;padding:2px 0px 2px 0px; margin:0px 0px 0px 5px}
.villa_details_date {text-align:left; padding:2px 0px 6px 0px; margin:0px 0px 0px 5px}
#villa_details_book_now {float:left; padding:0px 0px 3px 0px; margin:0px; text-align:left}
#villa_features {float:right; width:192px; padding-right:5px;}
#villa_features h1,h2 {color:#666666; font-weight:bold; font-size:115%; padding:0px ;}
#availability {float:left; width:188px; padding:4px 7px 8px 0px; background:#fff8e6;}
#search_availability_wrap {float:left; }
#search_availability_input {float:left; width:55px; margin-top:-2px; }
.persons_input {float:left; padding:4px 0px 4px 0px; width:30px; }
.availability_ttl {color:#666666; float:left; width:75px;}
.availability_ttl2 {color:#666666; float:left; width:75px; margin-top:-13px}
#availability_search {float:left; margin:0px 0px 2px 6px;}
#availability_search a {background:url('images/availability_srch_btn.gif') top left no-repeat; float:left; height:21px; width:99px; margin-top:6px}
#availability_search a:hover {background:url('images/availability_srch_btn_hover.gif') top left no-repeat; float:left; height:21px; width:99px; margin-top:6px}
#availability_search_tranfer {float:left; margin:0px 0px 2px 6px;}
#availability_search_tranfer a {background:url('images/availability_srch_btn.gif') top left no-repeat; float:left; height:21px; width:99px;}
#availability_search_tranfer a:hover {background:url('images/availability_srch_btn_hover.gif') top left no-repeat; float:left; height:21px; width:99px;}
.prop_details {float:left; margin-left:0px}
#prop_details_wrap {float:left; width:738px; background:#fff8e6;}
#property_details {float:left; padding:8px 8px 8px 16px; background:#fff6dd;}
#property_details h2 {color:#666666; font-weight:bold; font-size:115%; padding:10px 0px 5px 12px; }
#property_details h3 { color:#666666; font-weight:bold; font-size:105%; padding:0px 0px 5px 3px; }
#property_details ul {list-style-type:none}
#property_details ul li {display:block; padding:0px 0px 7px 3px; color:#666666}
.column_wrap {float:left; width:146px; padding:5px 24px 5px 10px; margin-bottom:10px; border-right:1px dotted #c9c3b5}
.column_wrap_last {float:left; width:148px; padding:5px 26px 5px 10px;}
#features {float:left; width:182px; background:#fff8e6; padding:5px; margin-top:4px}
#features ul {list-style-type:none; float: left; padding:0px 0px 6px 15px}
#features ul li {display:block; padding:7px 0px 7px 38px; color:#666666}
#features ul li.bedrooms {background:url('images/bedrooms.gif') left no-repeat}
#features ul li.sleeps {background:url('images/sleeps.gif') left no-repeat}
#features ul li.pool {background:url('images/pool.gif') left no-repeat}
#features ul li.shops {background:url('images/shops.gif') left no-repeat}
#features ul li.beach {background:url('images/beach.gif') left no-repeat}
#features ul li.AC {background:url('images/air_con_icon.gif') left no-repeat; display:block; margin:6px 0px 4px 0px}
#features ul li.carhire {background:url('images/car_requierd.gif') left no-repeat; display:block; margin:4px 0px}
#features ul li.restaurant {background:url('images/restaurant.gif') left no-repeat; display:block; margin:4px 0px}
#features ul li.feature {float:left;}
.feature {padding:7px 0px 0px 0px; color:#666666}
#map {background:#fff8e6; width:514px; float:left; padding:5px 9px 5px 7px; margin:5px 4px 0px 0px}
#map h2 {display:block; color:#666666; font-weight:bold; font-size:115%; padding:0px 0px 5px 3px;}
.sml_map {border:1px solid #666666; margin:3px 0px 0px 3px; width:512px; height:150px}
/*villa details end*/
/*start booking style-------------------------------------------------------------------*/
#villa_availability_wrap {float:left; width:758px; background:#fff6dd; border-left:1px solid white; border-right:1px solid white}
#villa_availability_top {float:left; margin:5px 0px 0px 0px}
#build_quote_villa_availability {float:left; padding:0px 10px 10px 10px}
#build_quote_villa_top_btns {width:720px; text-align:right; float:right; position:relative; top:2px; right:4px;}
#build_quote_villa_top_btns ul {list-style-type:none; font-size:90%}
#build_quote_villa_top_btns ul li {display:inline; padding-left:4px}
#build_quote_villa_top_btns ul li a {color:#2b716d}
#build_quote_villa_top_btns ul li a:hover {color:#888888}
#build_quote_flight_availability {float:left; padding:0px 10px 10px 10px}
#build_quote_flight_top_btns {width:720px; text-align:right; float:right; position:relative; top:2px; right:4px;}
#build_quote_flight_top_btns ul {list-style-type:none; font-size:90%}
#build_quote_flight_top_btns ul li {display:inline; padding-left:4px}
#build_quote_flight_top_btns ul li a {color:#2b716d}
#build_quote_flight_top_btns ul li a:hover {color:#888888}
#build_quote_transfer_availability {float:left; padding:0px 10px 10px 10px}
#build_quote_transfer_top_btns {width:720px; text-align:right; float:right; position:relative; top:2px; right:4px;}
#build_quote_transfer_top_btns ul {list-style-type:none; font-size:90%}
#build_quote_transfer_top_btns ul li {display:inline; padding-left:4px}
#build_quote_transfer_top_btns ul li a {color:#2b716d}
#build_quote_transfer_top_btns ul li a:hover {color:#888888}
#build_quote_carhire_availability {float:left; padding:0px 10px 10px 10px}
#build_quote_carhire_top_btns {width:720px; text-align:right; float:right; position:relative; top:2px; right:4px;}
#build_quote_carhire_top_btns ul {list-style-type:none; font-size:90%}
#build_quote_carhire_top_btns ul li {display:inline; padding-left:4px}
#build_quote_carhire_top_btns ul li a {color:#2b716d}
#build_quote_carhire_top_btns ul li a:hover {color:#888888}
#top_btns_2 ul li a.carhire_rtn {margin:-20px 0px 10px 18px; float:left; background:url('images/lrgback_btn.gif') left no-repeat; width:80px; height:25px; cursor:pointer}
.booktabon_ttl {background:#fff6dd; position:relative; float:left; border-top:1px solid white}
.booktabon_ttl a {float:left; color:#666666; font-size:110%; font-weight:bold; padding:6px 4px 10px 3px}
#booking_content {width:746px; float:left; margin:20px 0px 0px 20px}
.booking_curve {float:left; position:relative; top:39px; margin:-1px 0px 0px 0px}
#booking_options {float:left; background:#fff6dd; border-left:1px solid white; border-right:1px solid white}
#villa_unavailable {float:left; padding:0px 10px 10px 10px}
#villa_unavailable_2 {float:left; padding:0px 10px 10px 10px}
.villa_wrap {width:700px; float:left;}
#unavailable_img {float:left; width:150px}
#villa_unavailable_info {float:left; padding:10px 0px 0px 10px; width:480px; }
#villa_unavailable_info h2 {color:#666666; font-weight:bold; font-size:120%; padding:0px 0px 5px 0px}
#villa_unavailable_info p {color:#666666;}
.footnote {display:block; margin-bottom:10px}
#unavailable_notice {float:left; padding:10px; margin-top:10px; background:#fff9eb; border:1px solid #c7c0b1}
#unavailable_notice h2 {width:510px; float:left; font-weight:bold; font-size:100%; color:#d42323; border-bottom:1px solid #c7c0b1; padding:0px 0px 5px 0px}
#unavailable_notice p {float:left; padding:8px 0px 0px 0px; font-size:110%; width:480px;}
#unavailable_notice ul {list-style-type:none; float:left; width:500px}
#unavailable_notice ul li {float:left; display:block; padding:10px 0px 0px 0px}
.choose a {float:left; background:url('images/choose_btn.gif') left no-repeat; width:105px; height:17px; margin:0px 0px 0px 5px; cursor:pointer}
.choose a:hover {float:left; background:url('images/choose_btn_hover.gif') left no-repeat; width:105px; height:17px; margin:0px 0px 0px 5px}
#alt_villas {float:left; padding:10px 0px 0px 0px}
.however {display:block; width:700px; color:#666666; font-size:90%;}
#available_notice {float:left; text-align:center; padding:10px 8px; margin-top:10px; background:#fff9eb; border:1px solid #c7c0b1; width:706px}
#available_notice h1 a {font-weight:bold; font-size:120%; color:#2b716d; padding:0px 0px 5px 0px}
#villa_extras {float:left; padding:10px; margin-top:10px; background:#fff9eb; border:1px solid #c7c0b1; width:710px; padding:6px}
#villa_supplements {float:left; padding:10px; margin-top:10px; background:#fff9eb; border:1px solid #c7c0b1; width:710px; padding:6px}
a.view_villas {background:url('images/view_villas_btn.gif') right no-repeat; float:left; width:116px; height:23px; margin:32px 0px 15px 0px; }
a.next_step_checkout {background:url('images/secure_payment.gif') right no-repeat; float:right; width:133px; height:23px; margin:12px 0px -15px 0px; }
a.next_step {background:url('images/next_step.gif') right no-repeat; float:right; width:102px; height:23px; margin:12px 0px -15px 0px; }
a:hover.next_step {background:url('images/next_step_hover.gif') right no-repeat; float:right; width:102px; height:23px; margin:12px 0px -15px -0px; }
a.no_next {background:url('images/no_nextstep.gif') right no-repeat; float:right !important; width:180px; height:38px; margin:12px 0px -15px 0px;}
a.no_checkout {background:url('images/no_checkout.gif') right no-repeat; float:right !important; width:242px; height:30px; margin:12px 0px 0px 0px;}
a.no_pass_checkout {background:url('images/no_checkout.gif') right no-repeat; float:right !important; width:205px; height:30px; margin:-3px 0px 0px 0px;}
#top_btns_2 {width:720px; text-align:right; float:right; position:relative; top:2px; right:4px;}
#top_btns_2 ul {list-style-type:none; font-size:90%}
#top_btns_2 ul li {display:inline; padding-left:4px}
#top_btns_2 ul li a {color:#2b716d}
#top_btns_2 ul li a:hover {color:#888888}
#top_btns {width:720px; text-align:right; float:right; position:relative; top:2px; right:4px;}
#top_btns ul {list-style-type:none; font-size:90%}
#top_btns ul li {display:inline; padding-left:4px}
#top_btns ul li a {color:#2b716d}
#top_btns ul li a:hover {color:#888888}
#top_btns ul li a.carhire_rtn {margin-top:3px; margin-left:10px ;float:left; background:url('images/lrgback_btn.gif') left no-repeat; width:80px; height:25px; cursor:pointer}
#alt_villa_listings {width:724px; float:left; margin-top:7px}
.alt_list_info {float:left; width:364px; padding:7px 0px 0px 7px}
.alt_list_info h1 {font-weight:bold; font-size:120%; color:#666666;}
.alt_list_info p {color:#666666; padding:8px 0px 0px 0px}
.alt_list_info p.list_price {padding:25px 0px 0px 0px}
#basket {margin:26px 0px 0px 0px; float:left; width:225px; font-size:90%}
#basket_content {width:223px; min-height:160px; background:url('images/basket_bkg.gif') top left no-repeat #94e1d5; float:left; border-right:1px solid white; border-left:1px solid white;}
#basket_content a {color:#666666}
#basket_content a:hover {color:#000}
#basket_content h2 {font-weight:bold; font-size:125%; color:#178478; padding:5px 0px 0px 10px;}
#basket_content p {padding:7px 8px 7px 10px; color:#666666; display:block;}
#basket_content span.bold {padding:7px 8px 7px 0px; color:#666666; display:block }
.item_break {color:#666666; border-bottom:1px dotted #888; float:left !important; width:202px; padding:6px 10px 6px 10px !important}
.flights_break {color:#666666; border-bottom:1px dotted #888; float:left !important; width:202px; padding:8px 20px 8px 0px !important}
.item_flights {color:#666666; float:left !important; width:202px; padding:0px 10px 0px 10px !important}
.villa_date {float:left !important; width:325px; padding-top:2px; font-weight:normal}
.left_item {float:left; width:150px; font-weight:normal}
.left_total {float:left; width:150px; font-weight:bold}
.right_item {float:right; width:40px; text-align:right; font-weight:bold}
.item_total {color:#666666; float:left !important; font-weight:bold !important; width:202px; padding:8px 10px 8px 10px !important}
.checkout_btn a {background:url('images/checkout_btn.gif') top left no-repeat; float:left; margin:7px 7px 0px 0px; width:96px; height:23px}
.checkout_btn a:hover {background:url('images/checkout_btn_hover.gif') top left no-repeat; float:left; margin:7px 7px 0px 0px; width:96px; height:23px}
.checkout_btnCarHirePage a {background:url('images/checkout_btn.gif') top left no-repeat; float:right; margin:7px 7px 0px 0px; width:96px; height:23px}
.add_driver_btn{float:left; margin:7px 7px 0px 0px; width:96px; height:23px;}
.checkout_btnCarHirePage a:hover {background:url('images/checkout_btn_hover.gif') top left no-repeat; float:right; margin:7px 7px 0px 0px; width:96px; height:23px}
.save_btn a {background:url('images/save_btn.gif') top left no-repeat; float:left; margin:7px 7px 0px 0px; width:67px; height:23px}
.save_btn a:hover {background:url('images/save_btn_hover.gif') top left no-repeat; float:left; margin:7px 7px 0px 0px; width:67px; height:23px}
.save_btn_basket_contents a {background:url('images/save_btn.gif') top left no-repeat; float:right; cursor:pointer; margin:0px 10px 0px 0px; width:75px; height:23px}
.save_btn_basket_contents a:hover {background:url('images/save_btn_hover.gif') top left no-repeat; cursor:pointer; float:right; margin:0px 10px 0px 0px; width:75px; height:23px}
.basket_btn a {float:right; background:url('images/add_basket_btn.gif') top left no-repeat; width:145px; height:23px; margin:10px 0px 0px 17px}
.basket_btn a:hover {float:right; background:url('images/add_basket_btn_hover.gif') top left no-repeat; width:145px; height:23px; margin:10px 0px 0px 17px}
.basket_no_extras_btn a {float:right; background:url('images/no_extras_add.gif') top left no-repeat; width:205px; height:23px; margin:10px 0px 0px 17px}
.basket_no_extras_btn a:hover {float:right; background:url('images/no_extras_add.gif') top left no-repeat; width:205px; height:23px; margin:10px 0px 0px 17px}
.back_btn a {display:block; background:url('images/lrgback_btn.gif') top left no-repeat; width:62px; height:23px; margin:1px 10px 6px 0px}
.back_btn a:hover {display:block; background:url('images/lrgback_btn_hover.gif') top left no-repeat; width:62px; height:23px; margin:1px 10px 6px 0px}
.no_thanks .no_next {float:right !important; width:172px; height:23px; margin:0px 10px 0px 17px;}
.no_thanks_flight a {float:right !important; width:172px; height:23px; margin:10px 10px 0px 17px}
.no_thanks_transfer a {float:right !important; width:172px; height:23px; margin:10px 0px 0px 23px}
.no_thankscheckout{float:right !important; width:242px; height:30px; margin:-17px 0px 0px 0px;}
.select_flight_btn a {float:right; background:url('images/select.gif') top left no-repeat; width:62px; height:23px; margin:0px 0px 6px 0px}
.psngr_info {float:left; margin:5px auto}
.back_btn_btm {display:block; margin:4px 0px 0px 13px}
.btn_below {margin:30px 0px 0px 5px}
.back_btn1 a {float:left; background:url('images/lrgback_btn.gif') top left no-repeat; width:62px; height:23px; margin:0px 0px 0px 4px}
.back_btn1 a:hover {float:left; background:url('images/lrgback_btn_hover.gif') top left no-repeat; width:62px; height:23px; margin:0px 0px 0px 4px}
.clearbasket_btn1 a {float:left; background:url('images/clear_basket.gif') top left no-repeat; width:132px; height:23px; margin:0px 0px 0px 4px}
.clearbasket_btn1 a:hover {float:left; background:url('images/clear_basket_hover.gif') top left no-repeat; width:132px; height:23px; margin:0px 0px 0px 4px}
/*.clear_basket {background:url('images/clear_basket.gif') left no-repeat; float:left; padding:12px 64px; margin-left:10px}*/
.add_remove {color:#666666; display:block; width:120px; margin:15px 0px 0px 10px}
#villa_extras h2 {font-size:110%; font-weight:bold; padding:0px 0px 5px 0px; color:#666666}
#villa_extras p {color:#666666; width:700px}
.villa_extras {float:left;}
.villa_extras ul {list-style-type:none; float:left; font-size:90% }
.villa_extras ul li {float:left; display:inline; padding:4px 5px 2px 5px; border-right:1px solid #c4c0b8}
.villa_extras ul.row1 {margin:15px 0px 0px 0px; width:706px; background:#ddd8cc; border-top:1px solid #c4c0b8; border-left:1px solid #c4c0b8; border-right:1px solid #c4c0b8;}
.villa_extras ul.row2 {width:706px; background:#fef2d4; border-left:1px solid #c4c0b8; border-right:1px solid #c4c0b8;}
.villa_extras ul.row3 {width:706px; background-color:#fef2d4; border-left:1px solid #c4c0b8; border-right:1px solid #c4c0b8;}
.villa_extrass ul.row4 {width:706px; background:#fef2d4; border-left:1px solid #c4c0b8; border-right:1px solid #c4c0b8;}
.villa_extras ul.row5 {width:706px; background:#fef8e7; border-bottom:1px solid #c4c0b8; border-left:1px solid #c4c0b8; border-right:1px solid #c4c0b8;}
.villa_extras ul li.item {width:400px; height:18px;}
.villa_extras ul li.unit_cost {width:80px; height:18px}
.villa_extras ul li.quantity {width:80px; height:18px}
.villa_extras ul li.total {width:80px; height:18px; border-right:none}
.villa_extras ul li.flight_extra_name {width:210px; height:18px;}
.villa_extras ul li.flight_extra_cost {width:60px; height:18px}
.villa_extras ul li.flight_extra_required {width:50px; height:18px}
.villa_extras ul li.flight_extra_total {width:70px; height:18px}
#uk_airports {float:left; padding:0px 0px 0px 10px; margin-top:-10px; width:723px;}
#uk_airports_content p {padding:7px 0px 0px 0px}
#airports_tab {background:url('images/airports_tab.gif') top left no-repeat; float:left; width:723px}
#airports_tab a {float:left; padding:4px 0px 4px 7px; font-weight:bold; font-size:105%; color:#383838}
#uk_airports_content {float:left; width:716px; background:#fefbf3; border-left:1px solid #c4c0b8; border-right:1px solid #c4c0b8; border-bottom:1px solid #c4c0b8; padding:8px 0px 8px 5px}
#uk_airports_content p {font-weight:bold; color:#686868; font-size:110%}
.flight_details {float:left;}
.flight_psngr_details table {width:707px;}
.flight_psngr_details tr {width:707px;}
.flight_psngr_details td {padding:5px 2px}
.flight_search td {padding:6px 0px 4px 12px; color:#666666}
#add_psngrs a {background:url('images/add_passengers.gif') top left no-repeat; width:113px; height:20px; display:block; margin:15px 0px 5px 0px}
#add_psngrs a:hover {background:url('images/add_passengers_hover.gif') top left no-repeat; width:113px; height:20px; display:block; margin:15px 0px 5px 0px}
.transfers_search tr {float:left; padding:5px 0px 0px 10px;}
.transfers_search td {padding:6px 0px 4px 12px; color:#666666}
#transfers_content {float:left; width:706px; padding:8px 0px 8px 0px}
#transfers_content p {font-weight:bold; color:#686868; font-size:110%; display:block; padding-left:15px}
.transfer_details {float:left; padding-left:15px}
.transfer_details ul {list-style-type:none; float:left; font-size:90%}
.transfer_details ul li {float:left; display:inline; padding:4px 5px 2px 5px; border-right:1px solid #c4c0b8}
.transfer_details ul.row1 {margin:15px 0px 0px 0px; width:687px; background:#ddd8cc; border-top:1px solid #c4c0b8; border-left:1px solid #c4c0b8; border-right:1px solid #c4c0b8;}
.transfer_details ul.row2 {width:687px; background:#fef2d4; border-left:1px solid #c4c0b8; border-right:1px solid #c4c0b8;}
.transfer_details ul.row3 {width:687px; background:#fef8e7; border-left:1px solid #c4c0b8; border-right:1px solid #c4c0b8;}
.transfer_details ul.row4 {width:687px; background:#fef2d4; border-left:1px solid #c4c0b8; border-right:1px solid #c4c0b8;}
.transfer_details ul.row5 {width:687px; background:#fef8e7; border-bottom:1px solid #c4c0b8; border-left:1px solid #c4c0b8; border-right:1px solid #c4c0b8;}
.info_icon {float:right; padding:0px}
.transfer_details ul li.route {width:250px; height:18px;}
.transfer_details ul li.date {width:120px; height:18px}
.transfer_details ul li.vehicle {width:150px; height:18px}
.transfer_details ul li.price {width:70px; height:18px}
.transfer_details ul li.choose {width:40px; height:18px; border-right:none; text-align:center}
.transfer_details ul li.flight_extra_name {width:210px; height:18px;}
.transfer_details ul li.flight_extra_cost {width:60px; height:18px}
.transfer_details ul li.flight_extra_required {width:50px; height:18px}
.transfer_details ul li.flight_extra_total {width:70px; height:18px}
#carhire_content {float:left; width:706px; padding:2px 0px 8px 15px; margin:-25px 0px 0px 0px; font-weight:bold; color:#6c6b6b}
.carhire_details {float:left;}
.carhire_details ul {list-style-type:none; float:left; font-size:90% }
.carhire_details ul li {float:left; display:inline; padding:4px 5px 2px 5px; border-right:1px solid #c4c0b8}
.carhire_details ul.row1 {margin:15px 0px 0px 0px; width:706px; background:#ddd8cc; border:1px solid #c4c0b8;}
.carhire_details ul.row2 {width:706px; background:#ddd8cc; border-bottom:1px solid #c4c0b8; border:1px solid #c4c0b8; margin-top:5px}
.carhire_details ul.row3 {width:706px; background-color:White; border-bottom:1px solid #c4c0b8; border-left:1px solid #c4c0b8; border-right:1px solid #c4c0b8;}
.carhire_details ul.row4 {width:706px; background:#fef2d4; border-bottom:1px solid #c4c0b8; border-left:1px solid #c4c0b8; border-right:1px solid #c4c0b8;}
.carhire_details ul.row5 {width:706px; background:#fef8e7; border-bottom:1px solid #c4c0b8; border-left:1px solid #c4c0b8; border-right:1px solid #c4c0b8;}
.carhire_details ul li.vehicle {width:140px; height:28px;}
.carhire_details ul li.acon {width:35px; height:28px}
.carhire_details ul li.doors {width:30px; height:28px}
.carhire_details ul li.luggage {width:97px; height:28px;}
.carhire_details ul li.examplecar {width:175px; height:28px}
.carhire_details ul li.price {width:35px; height:28px}
.carhire_details ul li.No {width:35px; height:28px}
.carhire_details ul li.choose {width:30px; height:28px; border-right:none; text-align:center}
.carhire_details ul li.vehicle_list {width:140px; height:125px; padding-top:22px}
.carhire_details ul li.acon_list {width:35px; height:125px; text-align:center; padding-top:22px}
.carhire_details ul li.examplecar_list {width:175px; height:125px; text-align:center; padding-top:22px}
.carhire_details ul li.doors_list {width:30px; height:125px; text-align:center; padding-top:22px}
.carhire_details ul li.luggage_list {width:97px; height:125px; padding-top:22px;}
.carhire_details ul li.price_list {width:35px; height:125px; text-align:center; padding-top:22px}
.carhire_details ul li.No_list {width:35px; height:125px; text-align:center; padding-top:22px}
.carhire_details ul li.choose_list {width:30px; height:125px; border-right:none; text-align:center; cursor:pointer; padding-top:22px; padding-left :11px}
.carhire_details ul li.vehicle_ttl {height:18px; border-right:none;}
.carhire_search td {padding:6px 0px 4px 12px; color:#666666}
.car_availability {float:left; padding:1px 0px 0px 3px}
#carhire_content h3.vehicle_unavailable {display:block; margin:15px 0px 0px 8px; color:#30726d !important; font-size:120% !important}
.saveBtn {background:url('images/save_btn.gif') top left no-repeat; float:left; width:120px; height:24px}
.please_note {margin-bottom:20px; float:left}
.error {padding-top:40px}
#car_search {float:right; margin:3px 0px 3px 0px;}
#car_search a {background:url('images/availability_srch_btn.gif') top right no-repeat; float:right; height:21px; width:99px; margin-top:6px}
#car_search a:hover {background:url('images/availability_srch_btn_hover.gif') top right no-repeat; float:right; height:21px; width:99px; margin-top:6px}
#car_availability_key ul {list-style-type:none;}
#car_availability_key ul li {display:block; padding:6px 0px 0px 0px}
#car_availability_key ul li a {margin-top:-4px;}
.key_img {padding:9px 4px 0px 0px;}
.addcar_basket a {float:right; background:url('images/add_basket_btn.gif') top left no-repeat; width:145px; height:23px; margin:13px 0px 0px 17px}
.addcar_basket a:hover {float:right; background:url('images/add_basket_btn_hover.gif') top left no-repeat; width:145px; height:23px; margin:13px 0px 0px 17px}
/*end booking style*/
/*start checkout styles-------------------------------------------------------------------------*/
#checkout_wrap {text-align:center;}
.checkout_top {margin-top:40px}
#checkout_content {width:744px; background:#fff6dd; border-right:1px solid white; border-left:1px solid white;}
.para_wrap {padding:10px 40px 0px 25px; width:679px}
#checkout_content p {text-align:left; color:#4f4e4e}
#process_wrap {padding:0px 10px 10px 18px}
#process_wrap ul {list-style-type:none; font-weight:bold; font-size:110%; padding-top:5px; margin-bottom:15px; float:left}
#process_wrap ul li {display:inline;}
#process_wrap ul li.on {background:url('images/ch_process_on.gif') top left no-repeat; color:#4f4e4e; width:138px; height:21px; float:left; padding:2px 15px 0px 0px}
#process_wrap ul li.off {background:url('images/ch_process_off.gif') top left no-repeat; color:#c9c0a9; width:138px; height:21px; float:left; padding:2px 15px 0px 0px}
#process_wrap ul li.off_end {background:url('images/ch_process_off.gif') top left no-repeat; color:#c9c0a9; width:138px; height:21px; float:left; padding:2px 0px 0px 0px}
#process_wrap ul li.on_end {background:url('images/ch_process_on.gif') top left no-repeat; color:#4f4e4e; width:138px; height:21px; float:left; padding:2px 0px 0px 0px}
#process_wrap ul li.visited {background:url('images/ch_process_visited.gif') top left no-repeat; color:#c9c0a9; width:138px; height:21px; float:left; padding:2px 15px 0px 0px}
.arrow_off {background:url('images/arrow_off.gif') top left no-repeat; float:left; width:22px; height:22px; padding-right:15px}
.arrow_on {background:url('images/arrow_on.gif') top left no-repeat; float:left; width:22px; height:22px; padding-right:15px}
#psngr_details_wrap {text-align:center; margin-top:20px; width:706px; border-top:1px solid black; border-bottom:1px solid black}
#psngr_info {float:left; background:#f0e8d1; font-weight:bold; color:#4f4e4e; margin-top:4px; width:702px; text-align:left; padding:2px 0px 2px 4px}
.linewrap {float:left; width:706px; padding:5px 0px 0px 5px; text-align:left}
.title {float:left; width:60px}
.psngr {float:left; width:124px}
.forename {float:left; width:120px}
.surname {float:left; width:120px}
.gender {float:left; width:90px}
.dob1 {float:left; width:55px}
.dob2 {float:left; width:70px}
.dob3 {float:left; width:55px}
#contact_wrap {float:left; margin-top:10px; border-top:1px dashed gray; margin-bottom:15px}
#contact_info {float:left; background:#f0e8d1; font-weight:bold; color:#4f4e4e; margin-top:4px; width:702px; text-align:left; padding:2px 0px 2px 4px}
#details_content {float:left; padding:8px 0px 5px 5px}
#details_content p {padding:0px 0px 5px 0px}
#input_details_wrap {float:left}
.col1 {float:left; width:150px}
.col2 {float:left; width:180px}
.col3 {float:left; width:90px}
.col4 {float:left; width:150px}
.btns_wrap {float:left; margin-top:8px; width:707px; padding-left:18px;}
.btns_wrap a.back {float:left; background:url('images/lrgback_btn.gif') top left no-repeat; width:62px; height:23px; }
.btns_wrap a:hover.back {float:left; background:url('images/lrgback_btn_hover.gif') top left no-repeat; width:62px; height:23px;}
.btns_wrap a.next {float:right; background:url('images/proceed_btn.gif') top left no-repeat; width:96px; height:23px; }
.btns_wrap a:hover.next {float:right; background:url('images/proceed_btn_hover.gif') top left no-repeat; width:96px; height:23px;}
.btns_wrap a.print {float:right; background:url('images/print_btn.gif') top left no-repeat; width:96px; height:23px; margin-right:5px}
.btns_wrap a:hover.print {float:right; background:url('images/print_btn_hover.gif') top left no-repeat; width:96px; height:23px; margin-right:5px}
#itinerary_wrap {text-align:left; margin-top:20px; width:706px;}
.itinerary_item {float:left; padding:7px; width:692px; border:1px solid #b7b7b7; background:#fefaf2; margin-bottom:8px}
.itinerary_item h1 {font-weight:bold; font-size:110%; color:#158470;}
.itinerary_item h2 {font-weight:bold; font-size:110%; color:#158470;}
.itinerary_item h3 {font-weight:bold; color:#4f4e4e; padding-bottom:3px;}
.solid_line {float:left; width:695px; border-bottom:1px solid #b7b7b7; margin:4px 0px}
.dashed_line {float:left; width:692px; border-bottom:1px dashed #b7b7b7; margin:4px 0px}
.villa_name {width:200px; float:left}
.villa_name a {color:#2F7865}
.villa_name a:hover {color:#40B59A}
.total {float:right; color:#4f4e4e; font-weight:bold}
.remove a {background:url('images/remove_btn.gif') top left no-repeat; width:17px; height:17px; margin-left:15px}
.remove a:hover {background:url('images/remove_btn_hover.gif') top left no-repeat; width:17px; height:17px; margin-left:15px}
.remove_blank {width:32px; height:17px; float:right;}
.carhire_extra {float:left; padding:7px; width:676px; border:1px solid #b7b7b7; background:#eee; margin:8px 0px}
.carhire_extra .stats {float:left; padding:3px 0px 3px 7px; width:550px; margin:0px 0px}
.carhire_extra .stats h1 {font-weight:bold; font-size:110%; color:#4f4e4e;}
.carhire_extra .stats h2 {font-weight:bold; font-size:110%; color:#4f4e4e;}
.carhire_extra .stats h3 {font-weight:bold; color:#4f4e4e; padding-bottom:3px;}
.carhire_extra .solid_line {width:672px; float:left; border-bottom:1px dotted #b7b7b7; margin:2px 0px}
.carhire_extra .total {float:right; color:#4f4e4e; font-weight:bold; padding:3px 0px; float:right}
.carhire_extra .remove a {background:url('images/remove_btn.gif') top left no-repeat; padding:3px 0px; width:17px; height:17px; margin:3px 0px 0px 15px; float:right}
.carhire_extra .remove a:hover {background:url('images/remove_btn_hover.gif') top left no-repeat; padding:3px 0px; width:17px; height:17px; margin-left:15px; float:right}
#basket_error {text-align:left; margin-top:20px; width:706px;}
.basket_error {float:left; padding:7px; width:692px; border:1px solid #b7b7b7; background:#fefaf2; margin-bottom:8px}
.basket_error h1 {font-weight:bold; font-size:110%; color:#158470;}
.basket_error h2 {font-weight:bold; color:#4f4e4e; padding-bottom:3px; width:200px; float:left}
.basket_error h3 {font-weight:bold; color:#4f4e4e; padding-bottom:3px;}
.journey_details_out {float:left; width:655px}
.journey_details_rtn {float:left; width:615px}
.airports {width:200px; float:left}
.airline {width:45px; float:left}
.flight_no {width:70px; float:left}
.dep_time {width:120px; float:left}
.arr_time {width:120px; float:left}
.psngr_details_add {float:left; padding:5px 30px 10px 0px}
.stats {float:left; padding-right:20px}
.discounts {float:left; padding:7px; width:692px; border:1px solid #db201f; background:#fefaf2; margin-bottom:8px}
.discounts h1 {font-weight:bold; font-size:110%; color:#db201f;}
.discount_total {float:right; color:#db201f; font-weight:bold}
#basket_main {float:left; position:relative; right:93px; width:744px; background:url('images/basket_slc.gif') bottom left repeat-x #f4f9f2; border-right:1px solid white; border-left:1px solid white;}
#my_basket h1 {font-size:120%; font-weight:bold; text-align:left; color:#158470; padding:5px 0px 0px 20px}
.basket_curve {float:left; position:relative; right:93px}
.ref_no {font-weight:bold; color:#4f4e4e;}
.space {float:left; padding-left:5px}
#add_btns {float:left; margin:10px 0px 10px 20px}
.add_extras a {background-image:url('images/add_extras_sprite.gif'); float:left; width:113px; height:20px}
.add_extras a.extras {background-position:0px 0px}
.add_extras a:hover.extras {background-position:0px -20px}
.add_extras {float:left; margin:0px 10px 0px 0px}
.add_extras a.flights {background-position:-113px 0px}
.add_extras a:hover.flights {background-position:-113px -20px}
.add_extras a.carhire {background-position:-226px 0px}
.add_extras a:hover.carhire {background-position:-226px -20px}
.add_extras a.transfers {background-position:-339px 0px}
.add_extras a:hover.transfers {background-position:-339px -20px}
.btns_wrap a.basket_checkout {float:right; background:url('images/checkout_btn.gif') top left no-repeat; width:96px; height:23px; }
.btns_wrap a:hover.basket_checkout {float:right; background:url('images/checkout_btn_hover.gif') top left no-repeat; width:96px; height:23px;}
.btns_wrap a.basket_main_checkout {float:right; background:url('images/basket_checkout_btn.gif') top left no-repeat; width:96px; height:23px; }
.btns_wrap a:hover.basket_main_checkout {float:right; background:url('images/basket_checkout_btn_hover.gif') top left no-repeat; width:96px; height:23px;}
#payment_content {padding-left:5px; width:706px}
#payment_content h1 {font-weight:bold; font-size:130%; color:#017a68; padding-top:6px}
#payment_content p.processing_fee {font-size:85%; text-align:center; padding-top:2px}
#card_details_wrap {width:360px; float:left; text-align:left; margin-right:20px}
#card_details_wrap h1 {float:left; color:#4f4e4e; font-size:120%; width:290px; padding-bottom:8px}
#card_address_wrap {width:320px; float:right; text-align:left;}
#card_address_wrap h1 {float:left; color:#4f4e4e; font-size:120%; width:290px; padding-bottom:8px}
.card_line_wrap {float:left; padding-bottom:5px}
.card_details {float:left; width:100px; padding-right:5px}
.card_details_input {float:left}
.input_info {float:left; font-size:80%; padding-left:5px}
#important_info {float:left; text-align:left; padding-bottom:10px}
#important_info h1 {color:#4f4e4e; font-size:120%; padding-bottom:8px}
.checkbox_wrap {margin-left:80px; padding:5px 0px; width:400px}
.checkbox_wrap p { padding-left:8px}
.checkbox_wrap a {color:#017a68}
.checkbox {float:left; padding-right:8px}
#cms_generic_style table.process {margin:10px auto; color:#b5d7d4; width:720px; height:20px; background:#429b90; padding:7px 12px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-bottom-left-radius:10px}
.payment_process1 {float:left; padding-left:10px; width:100px }
.payment_process2 {float:left; padding-left:10px; width:120px }
.payment_process4 {float:right; padding-right:10px }
.payment_process {float:left; }
.active_process {font-weight:bold; font-size:110%; color:#fff}
.verisign {float:right; margin-bottom:-15px;}
/*end checkout styles*/
/*start cms generic styles--------------------------------------------------------------------*/
#cms_content_wrap2 {float:left; width:738px; padding:0px 10px; background: #fff6dd; border-left:1px solid white; border-right:1px solid white;}
#cms_content_wrap {float:left; width:738px; padding:0px 10px; background: #fff6dd; border-left:1px solid white; border-right:1px solid white;}
#cms_generic_style {float:left; padding:0px 18px 0px 10px; text-align:left; position:relative; width:550px }
#cms_generic_style h1 {display:block !important; font-weight:bold; font-size:110%; color:#666666; padding:8px 0px 8px 0px}
#cms_generic_style h2 {display:block !important; font-weight:bold; color:#666666; padding: 10px 0px 5px 0px}
#cms_generic_style img {display:block; padding:4px 4px 8px 0px;}
#cms_generic_style p {padding-top:5px; padding-bottom:5px; line-height:18px; display:block !important; float:none !important}
#cms_generic_style a {color:#1f6d86}
#cms_generic_style ul {display:block; margin:8px 0px 0px 25px !important; list-style-type:disc !important; color:#656565}
#cms_generic_style ul li {padding:2px 0px}
#cms_generic_style ol {display:block; margin:8px 0px 0px 25px !important; list-style-type:disc !important; color:#656565}
#cms_generic_style ol li {padding:2px 0px}
#cms_sub_nav {float:right; margin:10px 10px 10px 0px; position:relative}
/*end cms generic styles*/
/*start news styles--------------------------------------------------------------------------------*/
#news_wrap {float:left; width:718px; padding:8px 20px 0px 20px; background: #fff6dd; border-left:1px solid white; border-right:1px solid white;}
#news_wrap h1 {font-size:160%; font-weight:bold; color:#35877f; padding:6px 0px 6px 2px; border-bottom:1px dotted #999}
#news_wrap h1 span {font-style:italic; color:#999;}
#news_wrap ul li { margin-left:25px; padding:4px 0px 4px 0px;}
#news_story {float:left; width:480px; margin-top:15px}
#news_story h2 {color:#555; display:block; padding:5px 0px 8px 0px}
#news_list {float:right; width:190px; border-left:1px dotted #999; padding:0px 10px 10px 10px; margin-top:15px}
#news_list a {color:#35877f;}
.news_item {display:block; padding:10px 0px 23px 0px; border-bottom:1px dotted #999}
.news_item h3 {color:#35877f; font-size:110%; font-weight:bold; display:block; padding-bottom:3px}
.news_item p span.more {font-style:italic; padding-top:3px; float:left}
.news_item p span.pub_date {font-style:italic; padding-top:3px; float:right; color:#999}
#news_list p.older_articles {display:block; padding:4px 0px; float:left; width:134px; margin-top:16px; font-size:120%; background:url('images/older_news_arrows.gif') right no-repeat}
#older_news {float:left; width:480px; margin-top:15px}
#older_news a {color:#35877f;}
/*Start Login styles-------------------------------------------------------------------------*/
#login_wrap {float:left; margin-left:162px; padding-top:3px}
#login_top {float:left; background:url('images/register_top.gif') top left no-repeat; width:419px; height:42px}
#login_top a {float:left; font-weight:bold; color:#484747; font-size:110%; padding:8px 0px 4px 18px}
#login_content_wrap {float:left; background:url('images/login_slc.gif') top left repeat-y}
#login_content {float:left; background:url('images/login_mid.gif') top left no-repeat; width:419px; }
.username_wrap {width:390px; float:left; padding-bottom:10px; padding:20px 0px 0px 30px}
.username {float:left; width:70px; font-size:110%; color:#556367}
.username_input {float:left; margin-left:10px}
.password_wrap {width:390px; float:left; padding:10px 0px 10px 30px}
#error {float:left; padding:14px 0px 0px 30px}
.login_btn {float:left; padding:0px 0px 0px 0px; background:url('images/login_btn.gif') top left no-repeat; width:78px; height:20px}
.login_btn_wrap {float:left; padding:10px 0px 10px 30px;}
#login_brk {float:left; width:384px; border-bottom:1px dashed gray; margin-left:17px}
#pass_brk {float:left; width:384px; border-bottom:1px dashed gray; margin-left:17px}
#username_brk {float:left; width:384px; border-bottom:1px dashed gray; margin-left:17px; margin-top:7px}
#payment_brk {float:left; width:384px; border-bottom:1px dashed gray; margin-left:17px; margin-top:7px}
#create_account {padding:8px 25px 10px 30px; float:left}
#create_account p {font-size:110%; font-weight:bold; color:#556367}
.reg_btn {float:left; padding:0px; background:url('images/register_btn.gif') top left no-repeat; width:78px; height:20px}
.reg_btn_wrap {float:left; padding:0px 0px 5px 30px; width:80px; height:26px}
#login_btm {float:left; background:url('images/login_btm.gif') top left no-repeat; width:419px; height:15px}
#forgotten_pass {margin:8px 25px 10px 30px; float:left}
#forgotten_pass p {font-size:110%; font-weight:bold; color:#556367}
#forgotten_username {margin:8px 25px 10px 30px; float:left}
#forgotten_username p {font-size:110%; font-weight:bold; color:#556367}
#pay_remaining_amount {margin:8px 25px 10px 30px; float:left}
#pay_remaining_amount p {font-size:110%; font-weight:bold; color:#556367}
#form_style {float:left; padding:0px 18px 0px 10px; text-align:left; position:relative; width:850px }
#form_style h1 {display:block; font-weight:bold; font-size:110%; color:#666666; padding:8px 0px 8px 0px}
.register_form {float:left; width:320px; margin-top:10px}
.register_form td {padding:5px 10px; color:#444444;}
.rem_pay_form {float:left;margin-top:10px}
.rem_pay_form td {color:#444444;padding:5px 10px;}
.rem_pay_form_td {color:#444444; width:300px}
.payment_important_info_form {float:left; width:720px; margin-top:10px}
.payment_important_info_form td {padding:5px 10px; color:#444444;}
.payment_form2 {float:left}
.payment_form tr {width:807px;}
.payment_form td {padding:5px 10px; color:#444444}
.payment_form2 tr {width:410px;}
.payment_form2 td {padding:5px 10px; color:#444444}
.payment_form4 tr {width:807px;}
.payment_frm4td{padding: 5px 0px 5px 10px; color:#444444; width:125px}
.forgot_pass {color:#fff; float:left; margin-left:25px; font-weight:bold;}
#register_success {padding:8px 25px 10px 30px; float:left}
#register_success p {font-size:120%; font-weight:bold; color:#556367}
.book_now {background:url('images/book_now.gif') left no-repeat; width:106px; height:25px; float:left; margin:0px 0px 0px 0px; cursor:pointer}
.add_to_basket {background:url('images/add_basket_btn.gif') left no-repeat; width:145px; height:25px; display:block; margin:5px 0px 0px 5px}
#customer_details_edit {padding:8px 25px 10px 30px; float:left}
#customer_details_edit p {font-size:110%; font-weight:bold; color:#556367}
.asterisc {font-weight:bold; color:#e4162a}
#change_password {padding:8px 25px 10px 30px; float:left}
#change_password p {font-size:110%; font-weight:bold; color:#556367}
#view_customer_favourite_villas {padding:8px 25px 10px 30px; float:left}
#view_customer_favourite_villas p {font-size:110%; font-weight:bold; color:#556367}
a.clickHere {color:#556367; padding-left:5px}
a:hover.clickHere {color:#fff; padding-left:5px}
#view_customer_saved_quotes {padding:8px 25px 10px 30px; float:left}
#view_customer_saved_quotes p {font-size:110%; font-weight:bold; color:#556367}
#view_customer_outstanding_payments {padding:8px 25px 10px 30px; float:left}
#view_customer_outstanding_payments p {font-size:110%; font-weight:bold; color:#556367}
#view_view_booking_invoice {padding:8px 25px 10px 30px; float:left}
#view_view_booking_invoice p {font-size:110%; font-weight:bold; color:#556367}
.submit_btn {background:url('images/submit_btn2.gif') top left no-repeat; float:left; width:80px; height:24px; margin-top:4px}
/*End Login styles*/
/* table styles-----------------------------------------------------------------------*/
#tblHolder2 {float:left; border:1px solid #c4c0b8;}
.tblHeader2 {background:#ddd8cc; padding:5px}
#tblHolder2 table { border:1px solid #c4c0b8; background:#fefbf3; margin:0px;}
#tblHolder2 tr {border:1px solid #ece9d8; }
#tblHolder2 td {padding:5px; font-size:90%; color:#666666}
#tblHolder {float:left; border:1px solid #c4c0b8;}
.tblHeader {background:#ddd8cc; padding:5px}
#tblHolder table { border:1px solid #c4c0b8; background:#fefbf3; margin:0px;}
#tblHolder tr {border:1px solid #ece9d8; }
#tblHolder td {padding:5px; font-size:90%; color:#666666}
#tblHolder_extras {float:left; margin-top:15px; width:707px; border:1px solid #c4c0b8;}
.tblHeader {background:#ddd8cc; padding:5px}
#tblHolder_extras table { border:1px solid #c4c0b8; background:#fefbf3; margin:0px;}
#tblHolder_extras tr { border:1px solid #ece9d8; }
#tblHolder_extras td {padding:2px 5px; font-size:90%; color:#666666}
.extra_dropdown {font-size:90%}
#tblHolder_supplements {float:left; margin-top:15px; width:707px; border:1px solid #c4c0b8;}
.tblHeader {background:#ddd8cc; padding:5px}
#tblHolder_supplements table { border:1px solid #c4c0b8; background:#fefbf3; margin:0px;}
#tblHolder_supplements tr { border:1px solid #ece9d8; }
#tblHolder_supplements td {padding:2px 5px; font-size:90%; color:#666666}
/*start footer styles------------------------------------------------------------------*/
#footer {float:left; text-align:center; background:url('images/footer_img.jpg') top repeat-x; width:100%; position:relative;
margin-top: -250px; /* negative value of footer height */
height: 250px;
clear:both; }
#footer_nav { text-align:center; width:990px; margin-top:20px; padding:4px 0px 4px 0px; border-top:1px dotted gray; border-bottom:1px dotted gray; }
#footer_nav ul {list-style-type:none; color:gray}
#footer_nav ul li {display:inline; padding:0px 20px 0px 0px}
#footer_nav ul li a {color:#3f9588; padding:0px 20px 0px 0px}
#footer_nav ul li a:hover {color:#000}
#footer_content { padding:0px 0px 0px 0px; color:gray; text-align:left; width:990px; margin:3px auto 3px auto; font-size:90%}
.footer_info1 {float:left; padding: 5px 15px 0px 130px; width:210px}
.footer_info2 {float:left; padding:5px 15px; width:280px}
.footer_info3 {float:left; padding:5px 15px; width:280px}
.footer_info4 {float:left; padding:5px 15px; width:210px}
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
.break {padding:0px 0px 150px 0px;}
.footer_line {width:990px; border-bottom:1px dotted gray;}
/*end footer------------------------------------------------------------------------------*/
.clearboth {clear:both}
.block {display:block}
.none {margin:0px; padding:0px;}
.noneFF {margin:-6px 0px -5px 0px; padding:0px; }
.loading_bkg {position:fixed; float:left; margin-top:-800px; margin-left:-800px; z-index:99 !important; width:2000px; height:4000px; background:#111111; opacity:0.80; filter:alpha(opacity=80); }
.loading_gif {z-index:100 !important; position:fixed; opacity:0.85; filter:alpha(opacity=85); margin:0px 0px 0px -94px }
.searching {z-index:100 !important; position:fixed; font-weight:bold; color:White; font-size:120%; margin:75px 0px 0px -110px }
.dont_forget {z-index:100 !important; position:fixed; opacity:0.85; filter:alpha(opacity=85); margin:120px 0px 0px -196px }
.loading_bkg_buildquote {position:fixed; float:left; margin-top:-800px; margin-left:-1300px; z-index:99 !important; width:2000px; height:4000px; background:#111111; opacity:0.80; filter:alpha(opacity=80); }
.loading_gif_buildquote {z-index:100 !important; position:fixed; opacity:0.85; filter:alpha(opacity=85); margin:170px 0px 0px -620px }
.searching_buildquote {z-index:100 !important; position:fixed; font-weight:bold; color:White; font-size:120%; margin:235px 0px 0px -635px }
.dont_forget_buildquote {z-index:100 !important; position:fixed; opacity:0.85; filter:alpha(opacity=85); margin:270px 0px 0px -706px }
.carHireImportanInfoDescription {font-weight:normal}
.header{display:none;}
.rcMainTable {width:100px; background-color:white}
.calendarBkg .rcMain .rcMainTable .rcRow .cell_bkg {background-color:#cbebfa !important;}
.loading_payment_wrap {position:fixed !important; margin-top:-800px !important; margin-left:-600px !important; z-index:99 !important; width:2000px !important; height:4000px !important; background:#111111; opacity:0.80; filter:alpha(opacity=80); }
.loading_bkg_payment {position:fixed !important; float:left !important; margin-top:-800px !important; margin-left:-600px !important; z-index:99 !important; width:2000px !important; height:4000px !important; background:#111111; opacity:0.80; filter:alpha(opacity=80); }
.loading_gif_payment {z-index:100 !important; position:fixed !important; opacity:0.85; filter:alpha(opacity=85); margin:125px 0px 0px 140px !important}
.searching_payment {z-index:100 !important; position:fixed !important; font-weight:bold; color:White; font-size:120%; margin:200px 0px 0px 150px !important}