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

#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 #attractionsProcess {float: left; display: inline; margin: 7px 0 0 11px;}
#bannerContainer #attractionsProcess ul {float: left; width: 628px; margin: 0; padding: 0;}
#bannerContainer #attractionsProcess 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 #attractionsProcess ul li.processFirst {background: url(../images/attractions/attractions-process-first-off.gif) left top no-repeat scroll; width: 152px;}
#bannerContainer #attractionsProcess ul li.processLast {background: url(../images/attractions/attractions-process-last-off.gif) left top no-repeat scroll; width: 166px;}
#bannerContainer #attractionsProcess ul li strong.selected {background: url(../images/attractions/attractions-process-selected.gif) left top no-repeat scroll; display: block; width: 155px; height: 27px;}
#bannerContainer #attractionsProcess ul li.processFirst strong.selected {background: url(../images/attractions/attractions-process-first-selected.gif) left top no-repeat scroll; width: 152px;}
#bannerContainer #attractionsProcess 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;}

.tabs h2 {float: left; clear:both; background:url(../images/global/red-header.gif) left top no-repeat scroll; width:304px; height:35px; color:#FFF; font-size:1.1em; padding-left: 14px; line-height:33px;}
#tabs p.pricing {float: right; font-size: 0.75em; color: #fff; margin: 15px 5px 0 0;}
#tabs a {float: right; margin-top: 7px;}

#content div.leftCol {float: left; width: 318px; margin-right: 3px; overflow: hidden;}
#content div.leftCol #attractionsTicketSearch {width: 318px; background: url(/includes/images/attractions/attractions-fieldset-bg.gif) left 2.4em no-repeat scroll!important; overflow: hidden; height: 253px;}
#content div.leftCol #attractionsTicketSearch fieldset#attractionsFields {width: 298px; margin: 10px 10px 0 10px; display: inline;}
#content div.leftCol #attractionsTicketSearch fieldset#attractionsFields p {font-size: 0.7em; float: left; color: #484848;}
#content div.leftCol #attractionsTicketSearch fieldset#attractionsFields label {font-size: 0.7em; font-weight: bold; color: #484848; margin: 0; padding: 0; width: 100%; float: left; clear: left; line-height: 19px;}
#content div.leftCol #attractionsTicketSearch fieldset input,
#content div.leftCol #attractionsTicketSearch fieldset select {float: left; clear: both!important; font-size: 0.7em; clear: none; margin-bottom: 5px;}
#content div.leftCol #attractionsTicketSearch fieldset select#sortby {margin-bottom: 8px;}
#content div.leftCol #attractionsTicketSearch fieldset div.startDate {float: left; clear: both; width: 280px; margin-bottom: 5px;}
#content div.leftCol #attractionsTicketSearch fieldset div.startDate select {clear: none!important; margin-right: 3px;}
#content div.leftCol #attractionsTicketSearch fieldset a {float: left;}
#content div.leftCol #attractionsTicketSearchBottom {background: url(/includes/images/attractions/attractions-fieldset-bg-bottom.gif) left top no-repeat scroll; width: 318px; height: 7px; float: left; overflow: hidden;}

#content div.middle {float: left; width: 318px}
#content div.middle img {float: left; margin-top: 4px;}

#content div.right {float: right; width: 318px;}
#content div.right div.idea {margin: 0 0 9px; width: 318px;}


/* results */
#content #pageBody {background: #fff; width: 961px!important; float: left; padding-bottom: 0;}
#content #pageBodyBottom {background: url(../images/search-results/page-background-bottom-corners.gif) left bottom no-repeat scroll; width: 961px; float: left; clear: both; height: 7px;}

#content #pageBody #availableResults {width: 931px!important; margin-left: 15px; display: inline-block; border-bottom: 1px solid #cccccc; padding: 5px 0 10px;}
#content #pageBody #availableResults p {font-size: 0.7em; color: #5d5d5d; margin: 0; padding: 0;}
#content #pageBody #flights form {overflow: hidden;}
#content #pageBody #flights #availableResults {background: none;}
#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; margin: 0; padding: 0;}

#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 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!important; margin-top: 7px; padding: 0;}

#content #pageBody #searchFields table#passengerInformation {width: 920px; margin-left: 15px; margin-top: 10px;}
#content #pageBody #searchFields table#passengerInformation th {color: #188bc6; font-weight: bold; padding: 0 0 10px; text-align: left; font-size: 0.7em;}
#content #pageBody #searchFields table#passengerInformation th.type {text-align: right; padding: 0;}
#content #pageBody #searchFields table#passengerInformation td {font-size: 0.7em; padding-bottom: 5px; color: #545454;}
#content #pageBody #searchFields table#passengerInformation td.type {text-align: right; }
#content #pageBody #searchFields table#passengerInformation td input {width: auto; margin-right: 5px; font-size: 1em;}
#content #pageBody #searchFields table#passengerInformation td input.textField {width: 125px;}
#content #pageBody #searchFields table#passengerInformation td select {font-size: 1em;}
#content #pageBody #searchFields table#passengerInformation td .nameDetails {width: 120px; margin-right: 5px;}
#content #pageBody #searchFields table#passengerInformation p.note {color: #ed2228; font-size: 1em; margin-top: 20px;}
#content #pageBody #searchFields table#passengerInformation p.note strong {color: #ed2228; font-size: 1em;}
#content #pageBody #searchFields table#passengerInformation .terms {font-size: 1.1em;}
#content #pageBody #searchFields table#passengerInformation .terms input.checkbox {width: auto; height: auto; margin: 0 10px 0 0; vertical-align:sub; padding: 0; border: none;}
#content #pageBody #searchFields table#passengerInformation .terms a {}
#content #pageBody #searchFields table#passengerInformation .type {text-align: right!important; padding-right: 10px;}

#content #pageBody #searchFields table#proceedButtons {width: 920px; border-top: 1px solid #666666; padding-top: 10px; margin: 10px 0 10px 15px; font-size: 0.7em;}
#content #pageBody #searchFields table#proceedButtons input {width: auto; height: auto; border: none; float: left; margin: 0 5px 10px 0;}
#content #pageBody #searchFields table#proceedButtons input.continue {float: right; margin-right: 0;}
#content #pageBody #searchFields table#proceedButtons label {color: #545454; display: inline-block; float: left; margin-bottom: 10px; line-height: 15px;}
#content #pageBody #searchFields table#proceedButtons label a {color: #545454; text-decoration: underline;}

/* 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 */

#content div.showHideContainers {position: relative; float: left; clear: both; display: inline; margin: 0 0 0 15px; /*width: 946px;*/ width: 920px; background: url(/includes/images/search-results/results-grey-border.gif) left bottom repeat-x scroll; padding-bottom: 5px; min-height: 126px;}

#content div.showHideContainers .photos {margin: 20px 15px 0 7px; width: 116px; float: left; display:inline;}
#content div.showHideContainers .photos img {margin-bottom: 10px;}
#content div.showHideContainers .photos p {font-size: 0.6em; color: #5d5d5d; margin: 0; padding: 10px 0 0; line-height:1.15em; clear: both;}
#content div.showHideContainers .photos p span {display:block; float:left; display:inline; font-size:1.4em; padding:1px 2px 20px 0;}
#content div.showHideContainers .photos #thumbs {width: 116px; position: relative; z-index: 1;}
#content div.showHideContainers .photos #thumbs img {margin-bottom: 0;}
#content div.showHideContainers .photos #thumbs p {font-size: 0.7em; line-height:normal; padding: 0 0 3px; margin: 0;}
#content div.showHideContainers .photos #thumbs a {float: left; margin: 2px 2px 0 0; width: 57px;}
#content div.showHideContainers .photos #thumbs a.right {margin-right: 0;}
#content div.showHideContainers .photos #largeImage {position: absolute; top: 25px; left: 125px; width:275px; border: 1px solid #cccccc; z-index: 100;}
#content div.showHideContainers .photos #largeImage img {border: 5px solid #fff}

#content div.showHideContainers .attractionDetails {float: left; width: 640px; margin: 10px 0 20px 0; display: inline; padding-top:8px;}
#content div.showHideContainers .attractionDetails div.starRating {margin-bottom:2px; width: 250px; float:left; display:inline;}
#content div.showHideContainers .attractionDetails div.starRating img {margin-right:3px;}
#content div.showHideContainers .attractionDetails h2 {float: left; display:inline; color: #188bc6; font-size: 0.9em; width: 464px; margin: 0 0 4px;}
#content div.showHideContainers .attractionDetails img.deal {float: right; display:inline;}
#content div.showHideContainers .attractionDetails p {float: left; display:inline; width: 100%; font-size: 0.7em;}
#content div.showHideContainers .attractionDetails p.basis {color: #5d5d5d; margin-bottom:0.5em;}
#content div.showHideContainers .attractionDetails 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 div.showHideContainers .attractionDetails p.links a.expand {background: url(../images/global/red-arrow-down.gif) 0em 0.5em no-repeat scroll;}

#content div.showHideContainers .attractionResults {float: left; width: 780px; margin: 10px 0 20px 0; display: inline; padding-top:8px;}
#content div.showHideContainers .attractionResults h2 {float: left; display:inline; color: #188bc6; font-size: 0.9em; width: 464px; margin: 0 0 4px;}
#content div.showHideContainers .attractionResults img.deal {float: right; display:inline;}
#content div.showHideContainers .attractionResults p {float: left; display:inline; width: 100%; font-size: 0.7em;}
#content div.showHideContainers .attractionResults p.basis {color: #5d5d5d; margin-bottom:0.5em;}

#content div.showHideContainers div.status {clear: both; display: inline; color: #5d5d5d; width: 100%;}
#content div.showHideContainers div.status .statusDetails {width: 300px; float: left; margin: 0 0 5px; padding: 0; display: inline-block;}
#content div.showHideContainers div.status .statusDetails p {line-height: 20px; margin-bottom: 5px; margin: 0; padding: 0;}
#content div.showHideContainers div.status .priceDetails {float: right; width: 302px; margin: 0 0 4px; padding: 0;}
#content div.showHideContainers div.status .priceDetails .statusPerson {float: left; width: 190px; margin: 0; padding: 0 5px 0 0; display: inline;}
#content div.showHideContainers div.status .priceDetails .statusPerson p {line-height: 20px; text-align: right; margin: 0; padding: 0;}
#content div.showHideContainers div.status .priceDetails .statusPrice {float: left; width: 45px; margin: 0; padding: 0 5px 0 0; display: inline;}
#content div.showHideContainers div.status .priceDetails .statusPrice p {margin: 0; padding: 0; line-height: 20px; text-align: right;}
#content div.showHideContainers div.status .priceDetails .statusAmout {width: 50px; margin: 0; padding: 0; display: inline; float: left;}
#content div.showHideContainers div.status .priceDetails .statusAmout select {font-size: 0.7em; width: 50px; margin: 0; display: inline; float: left;}

#content div.showHideContainers .facilities {float: left; margin: 0 0 0 7px;}
#content div.showHideContainers .facilities .leftCol {width: 443px; float: left; margin-right: 37px; overflow: hidden;}
#content div.showHideContainers .facilities .leftCol h3 {float: left; color: #188bc6; font-size: 0.9em; width: 444px; margin: 0 0 5px;}
#content div.showHideContainers .facilities .leftCol p {font-size: 0.7em; color: #5d5d5d;}
#content div.showHideContainers .facilities .rightCol {width: 170px; float: left;}
#content div.showHideContainers .facilities .rightCol .facilitiesContainer {margin-bottom: 20px;}
#content div.showHideContainers .facilities .rightCol h4 {color: #188bc6; font-size: 0.7em; width: 220px; margin: 2px 0 7px; padding: 0;}
#content div.showHideContainers .facilities .rightCol ul {font-size: 0.7em; color: #5d5d5d; margin: 0; padding: 0;}
#content 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 div.showHideContainers .facilities .rightCol p {font-size: 0.7em; color: #5d5d5d;}

#content .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.villaResults .tag {margin: 15px 25px 0; display: inline;}
#content .flightDetails .tag {margin-top: 0;}
#content .tag p {margin: 0; font-size: 10px; line-height: 10px; float: right; width: 86px; padding: 17px 15px 0 0; color: #ed2228;}
#content .tag p strong {font-size: 20px; font-weight: bold; display: block; line-height: 22px; height: 22px; padding-top: 1px;}
#content .tag p strong .pence {font-size: 11px;}
#content .tag p.continue {margin: 20px 23px 0 0; padding: 0; display: inline;}

input.attractionsTickets {margin-top: 15px;}