@charset "utf-8"; /* Florida4Less Search Results CSS Document */ div#background {background:url(../images/search-results/main-back.jpg) center top no-repeat scroll;} #bannerContainer {z-index: 10; float: left; clear: both; background: url(../images/search-results/banner-bg.gif) left top no-repeat scroll; width: 961px; height: 146px; margin-top: 10px;} #bannerContainer h1 {display: inline; float: left; color: #df2026; font-size: 1.85em; width: 796px; text-align: left; margin: 54px 0 0 0; border-bottom: 1px dashed #e5e5e5; padding-bottom: 7px;} #bannerContainer #abtaContainer {float: right; margin: 50px 11px 0 0; width: 123px; height: 77px;} #bannerContainer #process {float: left; display: inline; margin: 7px 0 0 11px;} #bannerContainer #process ul {float: left; width: 796px; margin: 0; padding: 0;} #bannerContainer #process ul li {display: inline-block; float: left; background: url(../images/search-results/process-off.gif) left top no-repeat scroll; width: 133px; height: 27px; font-size: 12px; font-weight: bold; color: #fff; text-align: center; line-height: 24px;} #bannerContainer #process ul li.processFirst {background: url(../images/search-results/process-first-off.gif) left top no-repeat scroll; width: 130px;} #bannerContainer #process ul li.processLast {background: url(../images/search-results/process-last-off.gif) left top no-repeat scroll; width: 134px;} #bannerContainer #process ul li strong.selected {background: url(../images/search-results/process-selected.gif) left top no-repeat scroll; display: block; width: 133px; height: 27px;} #bannerContainer #process ul li.processFirst strong.selected {background: url(../images/search-results/process-first-selected.gif) left top no-repeat scroll; width: 130px;} #bannerContainer #process ul li.processLast strong.selected {background: url(../images/search-results/process-last-selected.gif) left top no-repeat scroll; width: 134px;} #content p.pleaseNote {color: #fff; font-size: 0.7em; margin-left: 17px;} #content #tabs {background: url(../images/search-results/page-background.gif) left bottom no-repeat scroll; overflow: hidden; /*height: 37px;*/ height: 44px; margin-top: 5px; float: left; width: 961px;} /*#content #tabs ul.searchTabs {float: left; margin: 0 0 0 12px; padding: 0; display: inline;} #content #tabs ul.searchTabs li {display: inline-block; float: left; background: url(../images/search-results/tab-off.gif) left top no-repeat scroll; width: 100px; height: 31px; margin: 0 9px 0 0;} #content #tabs ul.searchTabs li.active {background: url(../images/search-results/tab-on.gif) left top no-repeat scroll;} #content #tabs ul.searchTabs li a {color: #ed2228; font-size: 11px; font-weight: bold; text-decoration: underline; display: block; width: 100px; height: 31px; text-align: center; line-height: 30px;}*/ #content #tabs h2 {float: left; clear:both; background:url(../images/global/red-header.gif) left top no-repeat scroll; width:552px; height:35px; color:#FFF; font-size:0.9em; padding-left: 14px; line-height:33px;} #content #tabs input.button {float: right; margin-top: 7px;} #content #tabs.headerBar {height: 44px;} #content #tabs #resultsHeader {width: 961px;} #content #tabs #resultsHeader h2 {float: left; clear:both; background:url(../images/global/red-header.gif) left top no-repeat scroll; width:552px; height:35px; color:#FFF; font-size:0.9em; padding-left:14px; line-height:33px;} #content #tabs #resultsHeader input {float: right; margin-top: 7px;} /*#content #pageBody {background: url(../images/search-results/page-background-bottom.gif) left bottom no-repeat scroll; width: 961px; float: left; padding-bottom: 50px;}*/ #content #pageBody {background: #fff; width: 961px; float: left; padding-bottom: 30px;} #content #pageBodyBottom {background: url(../images/search-results/page-background-bottom-corners.gif) left bottom no-repeat scroll; width: 961px; float: left; height: 7px!important; line-height: 7px;} #content #pageBody #pagination {float: left; display: inline; margin: 0 0 0 15px; width: 920px; padding-bottom: 10px; background: url(../images/search-results/divider-bevel.gif) left bottom repeat-x scroll;} #content #pageBody #pagination #sort {float: left; display: inline; width: 250px; margin: 10px 0 0 0;} #content #pageBody #pagination #sort label {color: #000; font-size: 11px; vertical-align: middle;} #content #pageBody #pagination #sort select {font-size: 11px; width:130px;} #content #pageBody #pageNumbers {float: right; margin: 12px 0 0 0; text-align: right; width: 650px; display: inline;} #content #pageBody #pageNumbers p {margin: 0; padding: 0; font-size: 11px; font-weight: bold; color: #000;} #content #pageBody #pageNumbers p strong {padding-right: 10px;} #content #pageBody #pageNumbers p a {color: #000;} #content #pageBody #pageNumbers p .pagingBullet {visibility: hidden;} #content #pageBody #pageNumbers p .selectedPage {display: inline-block; width: 21px; height: 20px; background: url(../images/search-results/pagination-active.gif) left top no-repeat scroll; text-align: center; line-height: 20px;} #content #pageBody #pageNumbers p input.button {vertical-align: middle;} #content #pageBody #pageNumbers p input.next {margin: 0 0 0 10px; width: 96px; height: 24px;} #content #pageBody #pageNumbers p input.previous {margin: 0 10px 0 0; width: 118px; height: 24px;} #content #pageBody div.showHideContainers {position: relative; float: left; clear: both; display: inline; /*margin: 0 0 0 15px; width: 946px;*/ margin: 0; border-left: 15px solid #fff; width: 920px; padding-bottom: 5px; min-height: 126px;} #content #pageBody div.showHideContainers .photos {margin: 20px 15px 0 7px; width: 116px; float: left; display:inline;} #content #pageBody div.showHideContainers .photos img {margin-bottom: 10px;} #content #pageBody div.showHideContainers .photos p {font-size: 0.6em; color: #5d5d5d; margin: 0; padding: 10px 0 0; line-height:1.15em; clear: both;} #content #pageBody div.showHideContainers .photos p span {display:block; float:left; display:inline; font-size:1.4em; padding:1px 2px 20px 0;} #content #pageBody div.showHideContainers .photos #thumbs {width: 116px; position: relative; z-index: 1;} #content #pageBody div.showHideContainers .photos #thumbs img {margin-bottom: 0;} #content #pageBody div.showHideContainers .photos #thumbs p {font-size: 0.7em; line-height:normal; padding: 0 0 3px; margin: 0;} #content #pageBody div.showHideContainers .photos #thumbs a {float: left; margin: 2px 2px 0 0; width: 57px;} #content #pageBody div.showHideContainers .photos #thumbs a.right {margin-right: 0;} #content #pageBody div.showHideContainers .photos #largeImage {position: absolute; top: 25px; left: 125px; width:275px; border: 1px solid #cccccc; z-index: 100;} #content #pageBody div.showHideContainers .photos #largeImage img {border: 5px solid #fff} #content #pageBody div.showHideContainers .accommodationDetails {float: left; width: 585px; margin: 10px 0 20px 0; display: inline; padding-top:8px;} #content #pageBody div.showHideContainers .accommodationDetails div.starRating {margin-bottom:2px; width: 250px; float:left; display:inline;} #content #pageBody div.showHideContainers .accommodationDetails div.starRating img {margin-right:3px;} #content #pageBody div.showHideContainers .accommodationDetails h2 {float: left; display:inline; color: #188bc6; font-size: 0.9em; width: 464px; margin: 0 0 4px;} #content #pageBody div.showHideContainers .accommodationDetails img.deal {float: right; display:inline;} #content #pageBody div.showHideContainers .accommodationDetails p {float: left; display:inline; width: 464px; font-size: 0.7em;} #content #pageBody div.showHideContainers .accommodationDetails p.basis {color: #5d5d5d; margin-bottom:0.5em;} #content #pageBody div.showHideContainers .accommodationDetails p.links a {float: left; color: #ed2228; font-weight: bold; text-decoration: underline; padding-left: 12px; margin-right: 10px; background: url(../images/global/red-arrow.gif) left center no-repeat scroll;} #content #pageBody div.showHideContainers .accommodationDetails p.links a.expand {background: url(../images/global/red-arrow-down.gif) 0em 0.5em no-repeat scroll;} #content #pageBody div.showHideContainers .facilities {float: left; margin: 0 0 0 7px;} #content #pageBody div.showHideContainers .facilities .leftCol {width: 443px; float: left; margin-right: 37px; overflow: hidden;} #content #pageBody div.showHideContainers .facilities .leftCol h3 {float: left; color: #188bc6; font-size: 0.9em; width: 444px; margin: 0 0 5px;} #content #pageBody div.showHideContainers .facilities .leftCol p {font-size: 0.7em; color: #5d5d5d;} #content #pageBody div.showHideContainers .facilities .rightCol {width: 170px; float: left;} #content #pageBody div.showHideContainers .facilities .rightCol .facilitiesContainer {margin-bottom: 20px;} #content #pageBody div.showHideContainers .facilities .rightCol h4 {color: #188bc6; font-size: 0.7em; width: 220px; margin: 2px 0 7px; padding: 0;} #content #pageBody div.showHideContainers .facilities .rightCol ul {font-size: 0.7em; color: #5d5d5d; margin: 0; padding: 0;} #content #pageBody div.showHideContainers .facilities .rightCol ul li {line-height: 15px; padding-left: 10px; background: url(../images/global/bullet-blue.gif) left center no-repeat scroll;} #content #pageBody div.showHideContainers .facilities .rightCol p {font-size: 0.7em; color: #5d5d5d;} /* Villa Flight Car */ #content #pageBody .resultcontent {float: left; overflow: hidden; clear: both; padding-bottom: 1px; background: url(/images/layout/dividing-line.gif) 0.9em bottom no-repeat scroll; /*width: 933px;*/} #content #pageBody .resultcontent div.showHideContainers {/*background: url(../images/search-results/results-border.gif) left bottom repeat-x scroll;*/ width:919px; padding-bottom:18px;} #content #pageBody .resultcontent div.showHideContainers .accommodationDetails img.deal {margin-right:10px;} #content #pageBody.villaResults img.deal {margin-right:10px;} #content #pageBody div.showHideContainers .accommodationDetails p.links {margin-bottom:0;} #content #pageBody .resultcontent .flightDetails {float:left; display:inline; width:918px; margin: 18px 0 0; border-left: 15px solid #fff; /*position:relative;*/ padding-bottom: 10px;} #content #pageBody #cars .resultcontent .flightDetails {border-bottom: 1px solid #a3a3a3;} #content #pageBody .resultcontent .flightDetails .airline {float:left!important; display:inline; width:126px; margin: 0 0 0 12px;} #content #pageBody .resultcontent .flightDetails .airline h3 {font-size:0.70em; color:#188bc6; margin:2px 0 6px;} #content #pageBody .resultcontent .flightDetails .airline p {color:#FFF; font-size:0.70em;} #content #pageBody .resultcontent .flightDetails .flights {float: left!important; display: inline; width: 579px; margin-top: 2px;} #content #pageBody .resultcontent .flightDetails .flights table {float: left; margin: 0; padding: 0; border: none; width: 579px;} #content #pageBody .resultcontent .flightDetails .flights thead th {text-align: left!important; font-size: 0.7em; color:#188bc6; padding-bottom: 0 0 10px 0;} #content #pageBody .resultcontent .flightDetails .flights th, #content #pageBody .resultcontent .flightDetails .flights td {border: none!important; text-align: left; padding: 0 0 10px 0!important;} #content #pageBody .resultcontent .flightDetails .flights .airportIcon {/*width: 121px;*/ width: 114px; margin: 0; padding: 0;} #content #pageBody .resultcontent .flightDetails .flights td.airportRadio {/*width: 25px!important;*/ width: 24px;} #content #pageBody .resultcontent .flightDetails .flights td.airport {/*width: 259px!important;*/ width: 255px; padding-right: 10px; font-size:0.70em; color:#5d5d5d;} #content #pageBody .resultcontent .flightDetails .flights td.date {/*width: 72px!important;*/ width: 78px; padding-right:10px; font-size:0.70em; color:#5d5d5d;} #content #pageBody .resultcontent .flightDetails .flights td.time {/*width: 72px!important;*/ width: 78px; padding-right:10px; font-size:0.70em; color:#5d5d5d;} #content #pageBody .resultcontent .flightDetails .flights table table td {padding-bottom: 10px;} #content #pageBody .resultcontent .flightDetails .ticketingOptions .flights a.tooltipparent {margin-top: 0; vertical-align: middle; z-index: 100!important; position: relative;} #content #pageBody .resultcontent .flightDetails .ticketingOptions .flights span.tooltip {font-size: 1em;} #content #pageBody .resultcontent .flightDetails .ticketingOptions .flights span.tooltipContainer {top: -2em; left: 2.5em;} #content #pageBody .resultcontent .flightDetails .ticketingOptions .flights h3 {font-size:1em; color:#188bc6; margin:2px 0 6px; width:125px;} #content #pageBody .resultcontent .flightDetails .flights .showHide td {border-top: 1px dotted #cccccc!important; paddi ng-top: 10px!important;} #content #pageBody .resultcontent .flightDetails .flights table tbody th {padding:0 20px 20px 0; color:#FFF;} #content #pageBody .resultcontent .flightDetails .flights table tbody th span {display:block; background:url(../images/search-results/outbound-icon.gif) 0em 0.2em no-repeat scroll; line-height:27px; width:99px; height:25px; text-align:right; font-size:0.9em; padding-right:12px;} #content #pageBody .resultcontent .flightDetails .flights table tbody th span.inbound {background:url(../images/search-results/inbound-icon.gif) 0em 0.2em no-repeat scroll;} #content #pageBody .resultcontent .flightDetails a.otherFlightInfo {display: block; font-size:1em; margin: 3px 0 0; padding: 0; line-height: auto; } #content #pageBody .resultcontent .flightDetails a.otherFlightInfo {color:#ed2228; background:url(../images/global/red-arrow.gif) 0 0.1em no-repeat scroll; padding-left:10px;} #content #pageBody .resultcontent .flightDetails .flights table table td.airport, #content #pageBody .resultcontent .flightDetails .flights table table td.airportRadio, #content #pageBody .resultcontent .flightDetails .flights table table td.date, #content #pageBody .resultcontent .flightDetails .flights table table td.time, #content #pageBody .resultcontent .flightDetails .flights table table td.radio {border-top: 1px dotted #cccccc; padding: 10px 0;} #content #pageBody .resultcontent .flightDetails div.alternative {background:url(/images/layout/alternative-flight-options.gif) no-repeat; cursor:pointer; width:169px; height:37px; float: right; margin-top:5px;} #content #pageBody .resultcontent .flightDetails div.alternative p {text-align:right; margin: 0; padding: 0; font-size: 0.7em;} #content #pageBody .resultcontent .flightDetails div.alternative p a {color:#ed2228; text-decoration:underline; font-weight:bold; background:url(../images/global/red-arrow.gif) 0 0.1em no-repeat scroll; padding-left:9px;} #content #pageBody .resultcontent .flightDetails div.alternative p a:hover {text-decoration:none;} #content #pageBody .tag {background: url(../images/search-results/tag.gif) left top no-repeat scroll; width: 122px; height: 110px; margin: 15px 0 0!important; padding: 0!important; float: right!important; clear: none;} #content #pageBody .villaResults .tag {margin: 15px 25px 0; display: inline;} #content #pageBody .flightDetails .tag {margin-top: 0;} #content #pageBody .tag p {margin: 0; font-size: 10px; line-height: 10px; float: right; width: 86px; padding: 17px 15px 0 0; color: #ed2228;} #content #pageBody .tag p strong {font-size: 20px; font-weight: bold; display: block; line-height: 22px; height: 22px; padding-top: 1px;} #content #pageBody .tag p strong .pence {font-size: 11px;} #content #pageBody .tag p.continue {margin: 20px 44px 0 0; padding: 0; display: inline;} #content #pageBody .tag.deposit {background: url(../images/search-results/tag-deposit.gif) left top no-repeat scroll; width: 195px; height: 110px; margin: 15px 0 0!important; padding: 0!important; float: right!important; clear: none; overflow: hidden;} #content #pageBody.villaResults .tag.deposit {margin: 15px 25px 0 0;} #content #pageBody .flightDetails .tag.deposit {margin-top: 0;} #content #pageBody .tag.deposit p {margin: 0; font-size: 10px; line-height: 10px;} #content #pageBody .tag.deposit p.depositFlag {float: left; width: 70px; padding: 17px 0 0 13px; color: #fff;} #content #pageBody .tag.deposit p.cost {float: right; width: 86px; padding: 17px 15px 0 0; color: #ed2228;} #content #pageBody .tag.deposit p strong {font-size: 20px; font-weight: bold; display: block; line-height: 22px; height: 22px; padding-top: 1px;} #content #pageBody .tag.deposit p strong .pence {font-size: 11px;} #content #pageBody .tag.deposit p.continue {margin: 20px 23px 0 0; padding: 0; display: inline;} #content #pageBody .resultcontent .carDetails {position: relative!important; z-index: 1!important; float:left; display:inline; width:918px; /*margin:0 0 0 15px;*/margin: 0; border-left: 15px solid #fff; position:relative; width:918px; padding-bottom:18px;} #content #pageBody .resultcontent .carDetails h3 {float:left; display:inline; font-size:0.70em; color:#188bc6; width:111px; margin:18px 0 0 12px;} #content #pageBody .resultcontent .carDetails div.car {float:left; display:inline; width:160px; overflow:hidden;} #content #pageBody .resultcontent .carDetails .spec {float:left; display:inline; margin-top:18px;} #content #pageBody .resultcontent .carDetails .space {float:left; display:inline; margin-top:14px;} #content #pageBody .resultcontent .carDetails table {border:none; padding:0; } #content #pageBody .resultcontent .carDetails th {border:none; padding:0; text-align:left; color:#5d5d5d; font-size:0.70em; padding:0 5px 1px 0;} #content #pageBody .resultcontent .carDetails td {border:none; padding:0; text-align:left; color:#5d5d5d; font-size:0.70em;} #content #pageBody .resultcontent .carDetails td.passengers img, #content #pageBody .resultcontent .carDetails td.luggage img {margin-right:1px;} #content #pageBody .resultcontent .carDetails th.passengers {padding-bottom:19px;} #content #pageBody .resultcontent .carDetails td.passengers {padding-bottom:19px;} #content #pageBody .resultcontent .carDetails th.luggage {height: 26px;} #content #pageBody .resultcontent .carDetails td.luggage {height: 26px;} #content #pageBody .resultcontent .carDetails .spec table th {width:126px; padding-right:20px;} #content #pageBody .resultcontent .carDetails .spec table td {width:105px; padding-right:20px;} #content #pageBody .resultcontent .carDetails .space table th {width:76px; padding-right:20px;} #content #pageBody .resultcontent .carDetails .upgradeCar {background:url(/images/layout/upgrade-your-carhire.gif) no-repeat; cursor:pointer; width:169px; height:37px; float: right; margin-top:15px;} #content #pageBody .resultcontent .carDetails .upgradeCar p.upgrade {font-size:0.70em; text-align:right; margin-top:18px;} #content #pageBody .resultcontent .carDetails .upgradeCar p.upgrade a {color:#ed2228; text-decoration:underline; font-weight:bold; background:url(../images/global/red-arrow.gif) 0 0.1em no-repeat scroll; padding-left:10px;} #content #pageBody .resultcontent .carDetails p.continue {position:absolute; right:0; bottom:0;} #content #pageBody .upgradeRoom {clear: left; color:#5d5d5d; font-size:0.70em; line-height: 20px; width: 913px; position: relative;} #content #pageBody .upgradeRoom .room {float: right; width: 774px; position: relative; margin-top: 10px;} #content #pageBody .upgradeRoom .room .roomNo {position: absolute; left: 0; top: 0; width: 55px;} #content #pageBody .upgradeRoom h3 {font-size: 1em; float: left; padding: 2px 5px 0 7px; margin-top: 10px;} #content #pageBody .upgradeRoom a.tooltipparent {float: left; clear: none; margin-top: 10px;} #content #pageBody .upgradeRoom span.tooltip {font-size: 1em;} #content #pageBody .upgradeRoom span.tooltipContainer {top: -2em; left: 2em;} #content #pageBody .upgradeRoom .roomRows {float: right; overflow: hidden; margin-bottom: 3px; width: 710px;} #content #pageBody .upgradeRoom .roomRows.highlight {background: #d1e8f4;} #content #pageBody .upgradeRoom .roomDetails {float: left; margin: 0; display: inline; width: 545px; position: relative;} #content #pageBody .upgradeRoom .roomDetails label {cursor: pointer; vertical-align: middle;} #content #pageBody .upgradeRoom .roomDetails input {vertical-align: middle; margin: 2px;} #content #pageBody .upgradeRoom .priceAdjustment {float: right; margin-left: 10px; width: 134px; text-align: right; padding-right: 5px; color: #445965;} #content #pageBody .resultcontent .updateDetails {width: 920px; margin: 0; overflow: hidden; float: left;} #content #pageBody .resultcontent .updateDetails p {margin: 0; padding: 0;} #content #pageBody .resultcontent .updateDetails p.back {float: left; width: 100px;} #content #pageBody .resultcontent .updateDetails p.continue {float: right; font-weight: bold; color:#188bc6; font-size: 0.75em; text-align: right; width: 800px; padding-bottom: 10px;} #content #pageBody .resultcontent .updateDetails p.continue input, #content #pageBody .resultcontent .updateDetails p.continue img {vertical-align: middle; margin: 0 0 2px 6px;} #content #pageBody #noResults h3 {color: #188bc6; font-size: 14px;} .noBorder {border: none!important; background: none!important; padding: 0!important;} .pricingMessages {font-weight:normal !important; color:#5d5d5d !important;} .pricingMessagesBigger {font-size:1.1em; font-weight:bold; color:#5d5d5d !important;}