@charset "utf-8";
/* Florida4Less Extras CSS Document */

/* correction for odd blue border inherited from global.css */
#searchFields, .searchFields{float:left; width:961px; height:auto; border:none!important; background: none; padding-top:0;}
/* end */

div#background {background:url(../images/search-results/main-back.jpg) center top no-repeat scroll;}
/*#content #pageBody {background: url(../images/search-results/page-background-bottom.gif) left bottom no-repeat scroll; width: 961px; float: left; padding-bottom: 20px;}*/
#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!important; padding: 0!important;}

#content #tabs {background: url(../images/search-results/page-background.gif) left bottom no-repeat scroll; overflow: hidden; height: 37px; margin-top: 5px; float: left; width: 961px;}
#content #tabs.headerBar {height: 44px;}
#content #tabs #resultsHeader {width: 961px;}
#content #tabs h2 {float: left; clear:both; background: url(../images/global/red-header.gif) left top no-repeat scroll; width:400px; height:35px; color:#FFF; font-size:0.9em; padding-left:14px; line-height:33px;}
#content #tabs #resultsHeader input {float: right; margin-top: 7px;}


#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; position: relative;}
#bannerContainer h1 {display: inline; float: left; color: #df2026; font-size: 1.85em; width: 623px; text-align: left; margin: 54px 0 0 0; border-bottom: 1px dashed #e5e5e5; padding-bottom: 7px;}

#bannerContainer #extrasProcess {float: left; display: inline; margin: 7px 0 0 11px;}
#bannerContainer #extrasProcess ul {float: left; width: 628px; margin: 0; padding: 0;}
#bannerContainer #extrasProcess ul li {display: inline-block; float: left; background: url(../images/attractions/attractions-process-off.gif) left top no-repeat scroll; width: 155px; height: 27px; font-size: 12px; font-weight: bold; color: #fff; text-align: center; line-height: 24px;}
#bannerContainer #extrasProcess ul li.processFirst {background: url(../images/attractions/attractions-process-first-off.gif) left top no-repeat scroll; width: 152px;}
#bannerContainer #extrasProcess ul li.processLast {background: url(../images/attractions/attractions-process-last-off.gif) left top no-repeat scroll; width: 166px;}
#bannerContainer #extrasProcess ul li strong.selected {background: url(../images/attractions/attractions-process-selected.gif) left top no-repeat scroll; display: block; width: 155px; height: 27px;}
#bannerContainer #extrasProcess ul li.processFirst strong.selected {background: url(../images/attractions/attractions-process-first-selected.gif) left top no-repeat scroll; width: 152px;}
#bannerContainer #extrasProcess ul li.processLast strong.selected {background: url(../images/attractions/attractions-process-last-selected.gif) left top no-repeat scroll; width: 166px;}
#bannerContainer a {position: absolute; top: 41px; right: 4px;}

/* header */
#content {position: relative;}
#content #tabs #resultsHeader h2 {width:370px;}
#content #tabs #resultsHeader p {color: #fff; font-size: 0.7em; float: right; float: right; width: 555px; padding: 1px 15px 0 1px;}
#content #tabs #resultsHeader p a {text-decoration: underline; font-weight: bold; color: #fff; padding-left: 10px; background: url(../images/global/white-arrow.gif) left center no-repeat scroll;}

#content #searchFields #tabs {margin: -22px 0 0 -5px;}
#content #searchFields #pageBody,
#content #searchFields #pageBodyBottom {margin-left: -5px;}
#content #searchFields.hotelrooms #pageBody {margin: -6px 0 0;}
#content #searchFields.hotelrooms #pageBodyBottom {margin: 0!important;} /* put in place to fix the corner overlap on summary.asp */

#content #searchFields.hotelrooms #pageBody.error #pageBodyBottom {margin: 0!important}

/* Content */
#content #pageBody.genericForm .fullWidth fieldset.extrasFields {background: url(../images/global/grey-dotted-border.gif) left bottom repeat-x scroll; float: none;}
#content #pageBody.genericForm .fullWidth fieldset.extrasFields.final {background: none; padding-bottom: 0;}
#content #pageBody.genericForm .fullWidth fieldset.extrasFields label {clear: both; margin-left: 80px;}
#content #pageBody.genericForm .fullWidth fieldset.extrasFields img {margin-top: 2px; float: left;}

#content #pageBody.genericForm .fullWidth fieldset.extrasFields .airportFacilities {float: left; margin-right: 30px; display: inline;}
#content #pageBody.genericForm .fullWidth fieldset.extrasFields .airportFacilities.checks {margin-left: 80px;}
#content #pageBody.genericForm .fullWidth fieldset.extrasFields .airportFacilities label {float: left; margin-left: 5px; clear: none; width: auto;}
#content #pageBody.genericForm .fullWidth fieldset.extrasFields .airportFacilities input {width: auto; border: none; float: left;}


/* generic form data */
#content #pageBody.genericForm .fullWidth fieldset.extrasDetails {background: url(/includes/images/global/grey-dotted-border.gif) left bottom repeat-x scroll;}
#content #pageBody.genericForm .fullWidth fieldset .yesNo {width: 100px; overflow: hidden; float: left;}
#content #pageBody.genericForm .fullWidth fieldset .yesNo label {float: none; clear: none; color: #000; font-weight: bold; font-size: 1.2em; width: auto;}
#content #pageBody.genericForm .fullWidth fieldset .yesNo input.radio {margin: 0 2px 0 0; float: none; width: auto; border: none;}
#content #pageBody.genericForm .fullWidth .extrasFields {float: left; clear: none!important; margin: 3px 0 0;}
#content #pageBody.genericForm .fullWidth .extrasFields label {width: 110px; float: left; clear: left;}
#content #pageBody.genericForm .fullWidth .extrasFields select {margin-top: 1px;}
#content #pageBody.genericForm .fullWidth .extrasFields #divSingleTrip {float: left; clear: both; overflow: hidden;}
#content #pageBody.genericForm .fullWidth .extrasFields #divSingleTrip select {width: 60px;}
#content #pageBody.genericForm .fullWidth .extrasFields #divSingleTrip a {float: left; margin-top: 4px;}

#content #pageBody.genericForm .fullWidth .extrasFields #travellers {float: left; clear: both; width: 818px; position: relative;}
#content #pageBody.genericForm .fullWidth .extrasFields #travellers h3,
#content #pageBody.genericForm .fullWidth .extrasFields #travellers .person {float: left; width: 120px;}
#content #pageBody.genericForm .fullWidth .extrasFields #travellers .person.first {margin-left: 80px; display: inline;}
#content #pageBody.genericForm .fullWidth .extrasFields #travellers .person label {float: left; clear: none; margin: 0 0 3px; padding: 0; line-height: normal; width: auto;}
#content #pageBody.genericForm .fullWidth .extrasFields #travellers .person label span {font-weight: normal;}
#content #pageBody.genericForm .fullWidth .extrasFields #travellers .person select {float: left; width: 50px; clear: left;}
#content #pageBody.genericForm .fullWidth .extrasFields #travellers input {float: right; width: auto; border: none; margin: 14px 0 0;}


/* results */
#content p.pleaseNote {color: #fff; font-size: 0.7em; margin: 0 0 0 14px; overflow: hidden;}
#content p.pleaseNote span {float: left; line-height: 23px;}
#content p.pleaseNote a {float: right; margin-right: 12px;}

#content #pageBody .resultcontent {width: 933px;}
#content #pageBody .resultcontent .hotelRow {float: right; overflow: hidden; width: 780px; margin: 0;}
#content #pageBody .resultcontent .hotelRow.highlight {background: #d1e8f4;}
#content #pageBody .resultcontent .hotelRow label {cursor: pointer; line-height: 22px; color: #445965; font-weight: bold; font-size: 0.7em; width:auto; float: right; clear: none;}
#content #pageBody .resultcontent .hotelRow input {height: 22px; border: none; width:auto; float: right; margin: 0 5px;}

#content .hotelRowInput {padding: 10px 28px 0 0; float: right; overflow: hidden; width: 752px; margin: 0;}
#content .hotelRowInput label {cursor: pointer; line-height: 22px; color: #445965; font-weight: bold; font-size: 0.7em; width:auto; float: right; clear: none;}
#content .hotelRowInput input {height: 22px; border: none; width:auto; float: right; margin: 0 4px 0 5px; padding: 0;}

#content .others {overflow: hidden; height: 28px; padding: 10px 8px 0; float: right;}
#content .others a {color: #188ac4; font-weight: bold; text-decoration: underline; font-size: 0.7em; float: right;}

#content #pageBody .resultcontent div.showHideContainers .accommodationDetails .hotelNotes {float: right; clear: both; height: 25px; width: 115px; padding: 0!important;}
#content #pageBody .resultcontent div.showHideContainers .accommodationDetails .hotelNotes img {margin: 0 0 0 10px!important; float: left; padding: 0!important;}

#content #pageBody .resultcontent .tag {height: 80px;}
#content #pageBody p.sorry {font-size: 0.75em; color: #5d5d5d; margin: 0; padding: 10px 0 0 10px;}
#content #pageBody.typeOfRoom p.sorry {padding: 10px 0 0 0!important; font-size: 0.7em;}
#content #searchFields.hotelrooms #pageBodyBottom {margin: -6px 0 0;}
#content #searchFields.hotelrooms #pageBodyBottom.error {margin: 0!important;}

#content .extrasIcons {color: #fff; font-size: 0.7em; float: right; display: inline-block; margin: 5px 3px 0 0; font-weight: bold;}
#content .extrasIcons img {margin-right: 3px; vertical-align: middle; border: none;}
#content .extrasIcons span {margin-right: 11px; height: 25px;}

#content .pageBodyTop {background: url(../images/search-results/page-background.gif) left bottom no-repeat scroll; overflow: hidden; height: 37px; margin-top: 5px; float: left; width: 961px;}
#content .pageBodyTop.headerBar {height: 44px;}
#content .pageBodyTop #resultsHeader {width: 961px;}
#content .pageBodyTop #resultsHeader h2 {float: left; clear:both; background: url(../images/global/red-header.gif) left top no-repeat scroll; width:400px; height:35px; color:#FFF; font-size:0.9em; padding-left:14px; line-height:33px;}
#content .pageBodyExtras {background: url(../images/search-results/page-background-bottom.gif) left bottom no-repeat scroll; width: 937px; float: left; padding: 0 12px 10px;}

#content table.extrasTable {font-size: 0.7em; color: #5d5d5d; width: 922px;}
#content #tableHeadersContainer {width: 961px; background: #fff!important; overflow: hidden; float: left;}
#content #tableHeadersContainer table.tableHeaders { font-size: 0.7em; color: #5d5d5d; width: 922px; margin-left: 12px;}
#content #tableHeadersContainer table.tableHeaders th {font-weight: bold; text-align: left; padding: 5px 7px;}
#content .carPark {width: 210px;}
#content .date {width: 85px;}
#content .duration {width: 70px;}
#content .inclusives {width: 144px;}
#content .price {width: 60px;}
#content .moreInfo {width: 85px;}
#content .selectThis {width: 170px;}

#content table.extrasTable tr.highlight td {background: #d1e8f4;}
#content table.extrasTable td {padding: 0 7px; line-height: 40px;}
#content table.extrasTable td.end {text-align: right; padding: 0 7px 0 7px;}
#content table.extrasTable td.divider {background: #cccccc; height: 1px;}
#content table.extrasTable td input {vertical-align: middle; border: none;}
#content table.extrasTable td label {font-weight: bold;}
#content table.extrasTable td img {margin-right: 10px; vertical-align: middle;}
#content table.extrasTable td a {float: left; color: #ed2228; font-weight: bold; text-decoration: underline; padding-left: 12px; margin-right: 10px; background: url(../images/extras/red-arrow.gif) left center no-repeat scroll;}
#content .pageBodyExtras .hotelRowInput {padding: 10px 0 0!important; float: left; width: 922px; border-top: 1px solid #a3a3a3!important; margin-top: 5px;}
#content .pageBodyExtras .hotelRowInput input {margin-right: 7px; border: auto;}
#content .pageBodyExtras .others {float: left; width: 888px; border-top: 1px solid #ccc!important; padding: 10px 9px 0 25px;}

#content input.continueButton {float: right; margin: 15px 11px 10px 0;}


/* room type */
#content .hotelPrice {position: absolute; top: 5px; right: 0; color: #fff; background: url(/includes/images/extras/price-holder.gif) left top no-repeat scroll; width: 105px; height: 27px; padding: 8px 10px 0 0; font-size: 14px;}
#content .hotelPrice p {float: right; margin: 0; padding: 0;}
#content #tabs.headerBar #price,
#content #resultsHeader #price {float: right; color: #fff; background: url(/includes/images/extras/price-holder.gif) left top no-repeat scroll; width: 105px; height: 27px; padding: 8px 10px 0 0; font-size: 14px;}
#content #tabs.headerBar #price p,
#content #resultsHeader #price p {float: right; margin: 0; padding: 0;}
#content #pageBody.typeOfRoom {padding-bottom:10px; margin-top: -6px;}
#content #pageBody.typeOfRoom .upgradeRoom {position: relative; border-top: 1px solid #ccc; padding-top: 10px; width: 919px;}
#content #pageBody.typeOfRoom .upgradeRoom .room {float: left; width: 913px; margin-top: 0;}
#content #pageBody.typeOfRoom .upgradeRoom .roomNo {width: 139px; position: absolute; left: 7px; top: 10px!important;}
#content #pageBody.typeOfRoom .upgradeRoom .roomNo.requirements {top: 2px!important;}
#content #pageBody.typeOfRoom .upgradeRoom .roomNo.summary {top: 8px!important;}
#content #pageBody.typeOfRoom .upgradeRoom .roomRows {float: right; overflow: hidden; margin-bottom: 3px; width: 774px;}
#content #pageBody.typeOfRoom .upgradeRoom input.noThanks {margin-left: 141px;}
#content #pageBody.typeOfRoom div.showHideContainers {background: none; padding-bottom: 0;}
#content #pageBody.typeOfRoom .resultcontent {background: none;}

#content .pageBodyExtras table th {text-align: left!important; padding-left: 7px; line-height: 40px; border-bottom: 1px solid #ccc;}

#content #searchFields.subTotal {float: left; position: relative; margin: 20px 0 0; background: #fff; width: 961px; padding-bottom: 10px; background: url(../images/search-results/subTotal.gif) left top no-repeat scroll;}
#content #searchFields.subTotal p {font-size: 0.7em; color: #5d5d5d; padding: 10px 10px 10px 19px;}
#content #searchFields.subTotal table#passengerInformation {width: 930px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-left: 19px;}
#content #searchFields.subTotal table#passengerInformation th {font-weight: bold; padding: 3px 0 10px; color: #5d5d5d; font-size: 0.7em; text-align: left;}
#content #searchFields.subTotal table#passengerInformation td {font-size: 0.9em; padding-bottom: 5px;}
#content #searchFields.subTotal table#passengerInformation td input {width: auto; margin-right: 5px; font-size: 0.75em;}
#content #searchFields.subTotal table#passengerInformation td input.textField {width: 125px;}
#content #searchFields.subTotal table#passengerInformation td select {font-size: 0.75em;}
#content #searchFields.subTotal table#passengerInformation td a {color: #5d5d5d; text-decoration: underline;}
#content #searchFields.subTotal table#passengerInformation td input {margin-left: 0;}
#content #subTotalBottom {float: left; background: url(/includes/images/search-results/page-background-bottom-corners.gif) left bottom no-repeat scroll; width: 961px; height: 7px; line-height: 7px; padding: 0; margin-bottom: 20px;}


#content #searchFields.subTotal table#proceedButtons {width: 930px; margin: 0 0 0 19px;}
#content #searchFields.subTotal table#proceedButtons td label {font-size: 0.7em; color: #5d5d5d; float: left; margin-top: 10px; padding-bottom: 20px;}
#content #searchFields.subTotal table#proceedButtons td a {color: #5d5d5d; text-decoration: underline;}
#content #searchFields.subTotal table#proceedButtons input {width: auto; height: auto; border: none; margin: 10px 0 0; vertical-align: middle; }
#content #searchFields.subTotal table#proceedButtons input.checkbox {margin: 10px 5px 0 0; float: left;} 
#content #searchFields.subTotal table#proceedButtons input.continue {float: right;}
#content #searchFields.subTotal table#proceedButtons tr.value {font-size: 14px; color: #ed2228; line-height: 40px;}
#content #searchFields.subTotal table#proceedButtons tr.value td {border-bottom: 1px solid #ccc;}
#content #searchFields.subTotal table#proceedButtons tr.value.summary td {border-bottom: none; line-height: normal;}
#content #searchFields.subTotal table#proceedButtons tr.value td.subTotalValue {text-align: right; padding-right: 10px;}

/* summary */
#content #pageBody div.showHideContainers {min-height: 0px;}
#content #pageBody .upgradeRoom .priceAdjustment {width: 180px; line-height: 15px;}



#content #pageBody.genericForm .fullWidth fieldset.extrasFields.final #travellers .button {width: 181px; height: 24px;}



/* calendar amends */
.cpMonthNavigation,
.cpYearNavigation {margin: 0!important; padding: 2px 0!important;}
table.cpBorder {padding: 0!important; margin: 0!important;}
table.cpBorder table {float: none!important; margin-top: 0!important;}
.cpYearNavigation select,.cpMonthNavigation select{margin: 0!important;}