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

/* -- ACCESSIBILITY SPECIFIC -- */
ul#skiplinks{position:absolute; width:0;}
ul#skiplinks li {line-height:0px; font-size:0.5px; height:0px;}

html {height:100%;}
body {background:#68cdf7 url(../images/global/main-grad-back.jpg) left top repeat-x scroll; color:#005aab; font-size:101%; font-family:Arial, Helvetica, sans-serif; height:100%; margin:0; padding:0;}
form, fieldset, dl, dd, dt {border:0; margin:0; padding:0;}
ul, ol {list-style-type:none; margin:0; padding:0;}
li {margin:0; padding:0;}
p {line-height:1.3em; margin:0 0 0.9em 0; padding:0 0 0 1px;}
hr {display:none;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0 0 0 1px;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:0;}
.button {background: none; height:auto; width:auto; display:inline; float:none; margin-top:0; border:0; cursor:pointer;}


div#background {width:100%; background:url(../images/global/main-back.jpg) center top no-repeat scroll; min-height:700px;}
div#wrapper {width:990px; margin:0 auto; position: relative;}
.greyDivider {border-top: 1px solid #cccccc;}

/* Header */
#header {float:left; width:960px;}
#header img.logo {float:left; margin:4px 0 0;}
#header p {margin: 55px 0 0 80px; float: left; width: 352px; padding: 0;}
#header p img {float: left;}
#header .right {float:right; display:inline; width:122px; margin-top:17px;}
#header .right img.abta {margin:0 11px 7px 9px;}
#header .right img.atol {margin-bottom:7px;}
#header .right a.basket {display: block; float: left; width: 91px; height: 26px; text-decoration: none; color: #fff; font-size: 11px; background: url(../images/global/basket-button.gif) left top no-repeat scroll; padding: 0 0 0 31px; line-height: 26px;}

/* Navigation */
#navigation {height:1%;position: absolute; top: 15px; left: 81px; width:811px; z-index:100;}
#navigation ul {float: left; margin-top: 83px; background: url(../images/global/nav-bg.gif) left top no-repeat scroll; width: 774px; height: 47px; padding: 0 0 0 38px;}
#navigation ul li {float: left; display: inline; padding: 0 14px; height: 47px; background: url(../images/landing/nav-divider.gif) right center no-repeat scroll;}
#navigation ul li.last {background: none;}
#navigation ul li a {color: #fff; font-weight: bold; font-size: 0.75em; display: block; margin-top: 15px;}

/* top banner and ticker container */
#bannerContainer {z-index: 10; float: left; clear: both; background: url(../images/global/banner-bg.gif) left top no-repeat scroll; width: 960px; height: 281px; margin-top: 10px;}
#bannerContainer h1 {float: left; color: #0080c1; font-size: 16px; font-weight: normal; width: 945px; text-align:center; margin: 47px 0 0 0; padding-left:15px; line-height:1.4em;}
#bannerContainer h1 strong.phoneNumber {font-size:150%;}

#bannerContainer #flashContainer {float: left; margin: 10px 0 0 8px; position:relative;}
#bannerContainer #flashContainer img {position:absolute; z-index:3; top:-78px; left:-40px;}/* check ie6 */
#bannerContainer #flashContainer #flash {position:absolute; z-index:2;}
/*#bannerContainer #ticker {float: right; display:inline; width: 292px; height:196px; background: url(../images/global/ticker-bg.gif) left top no-repeat scroll; margin: 10px 8px 0 0; padding-left:20px; position:relative; font-size:0.70em;}
#bannerContainer #ticker .tabmsg {}
#bannerContainer #ticker .stileupdn {}
#bannerContainer #ticker .stileret {}
#bannerContainer #ticker h2 {font-size:14px; color:#de2025; padding:10px 0 0 0;}
#bannerContainer #ticker .offer {width:272px; float:left; display:inline;}
#bannerContainer #ticker .offer a {display:block; height:45px; border-bottom:1px solid #c3c3c3; margin:0; padding:5px 0 0 0; color:#6b6b6b; background:url(../images/global/ticker-arrow.gif) 1px 16px no-repeat scroll;}
#bannerContainer #ticker .offer a:hover {background:url(../images/global/ticker-arrow-black.gif) 1px 16px no-repeat scroll; text-decoration:none;}
#bannerContainer #ticker .offer span.text {display:block; float:left; display:inline; width:117px; padding:5px 15px 0 36px; cursor:pointer;}
#bannerContainer #ticker .offer span.OfferTickerPrice {display:block; float:right; width:100px; background:url(/images/homepage/OfferPrice_bg.gif) no-repeat; text-align:center; line-height:41px; font-size:12px; font-weight:bold; color:#333333; text-transform:uppercase;}
#bannerContainer #ticker .offer img {float:right; display:inline;}
#bannerContainer #ticker a.all {color:#de2025; position:absolute; bottom:5px; left:56px; text-decoration:underline;}
#bannerContainer #ticker a.all:hover {color:#000;} original homepage ticker, now replaced by static banner */
#bannerContainer #ticker {float: right; display:inline; width: 312px; height:196px; margin: 10px 8px 0 0; padding-left:0; position:relative;}
#bannerContainer #ticker a {margin: 0; padding: 0; text-decoration: none;}
#bannerContainer #ticker a img {border: none;}

/* header
#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 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 input.button {float: right;}
#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;}

#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 */
#content {float:left; display:inline; width:960px; margin-top:8px;}
#content #contentA {float:left; display:inline;}
#content #contentB {float:left; display:inline;}

#searchHolder {width:318px; margin-top:3px;}
#searchHolder #searchNav {float:left; display:inline; width:49px;}
#searchHolder #searchNav ul li {float:left; display:inline; width:49px; height:50px; margin-bottom:1px; text-align:center; font-size:10px; line-height:11px;}
#searchHolder #searchNav ul li a {display:block; width:49px; height:24px; padding-top:26px; color:#ed2228;}
#searchHolder #searchNav ul li a:hover {text-decoration:none;}
#searchHolder #searchNav ul li.fv a {background:url(../images/search/flights-villas-off.gif) left top no-repeat scroll;}
#searchHolder #searchNav ul li.fv a:hover, #searchHolder #searchNav ul li.fv a.active {background:url(../images/search/flights-villas-on.gif) left top no-repeat scroll;}
#searchHolder #searchNav ul li.fh a {background:url(../images/search/flights-hotels-off.gif) left top no-repeat scroll;}
#searchHolder #searchNav ul li.fh a:hover, #searchHolder #searchNav ul li.fh a.active {background:url(../images/search/flights-hotels-on.gif) left top no-repeat scroll;}
#searchHolder #searchNav ul li.f a {background:url(../images/search/flights-off.gif) left top no-repeat scroll; height:19px; padding-top:31px;}
#searchHolder #searchNav ul li.f a:hover, #searchHolder #searchNav ul li.f a.active {background:url(../images/search/flights-on.gif) left top no-repeat scroll;}
#searchHolder #searchNav ul li.v a {background:url(../images/search/villas-off.gif) left top no-repeat scroll; height:19px; padding-top:31px;}
#searchHolder #searchNav ul li.v a:hover, #searchHolder #searchNav ul li.v a.active {background:url(../images/search/villas-on.gif) left top no-repeat scroll;}
#searchHolder #searchNav ul li.h a {background:url(../images/search/hotels-off.gif) left top no-repeat scroll; height:19px; padding-top:31px;}
#searchHolder #searchNav ul li.h a:hover, #searchHolder #searchNav ul li.h a.active {background:url(../images/search/hotels-on.gif) left top no-repeat scroll;}

#searchHolder fieldset {width:255px; border-bottom:1px dotted #c8c8c8; margin-bottom:8px; padding-top:8px; font-size:0.70em; color:#000; padding-bottom:3px;}
#searchHolder fieldset.last {margin-bottom:0!important; padding-bottom:0!important; border-bottom:none!important;}
#searchHolder fieldset label {display:inline-block; padding-left:1px;}
#searchHolder fieldset input {font-size:1.0em;}
#searchHolder fieldset select {font-size:1.0em;}
#searchHolder fieldset img.calendar {vertical-align:middle; margin-left:2px;} /* check IE6 & IE7 */
#searchHolder fieldset.travel label {width:63px; margin-bottom:8px;;}
#searchHolder fieldset.travel label.direct {width:auto;}
#searchHolder fieldset.travel input { margin-bottom:8px;}
#searchHolder fieldset.travel select {width:175px; margin-bottom:8px;}
#searchHolder fieldset.travel select.flexibility {width:77px;}
#searchHolder fieldset.travel select.class {width:77px;}
#searchHolder fieldset.travel input.nights {width:54px;}
#searchHolder fieldset.travel input.departing {width:96px;}
#searchHolder fieldset.travel p {line-height: 16px;}
#searchHolder fieldset.travel td.directFlightOption input {margin: 0;}
#searchHolder fieldset.travel td.directFlightTitle p {margin-top: 8px;}
#searchHolder fieldset.car {padding-top:3px!important;} /* See IE6 & IE7 */
#searchHolder fieldset.car label {font-weight:bold; margin-bottom:5px;}
#searchHolder fieldset.car input {margin-bottom:4px;}
#searchHolder fieldset.travellers p {font-weight:bold;}
#searchHolder fieldset.travellers .people {float:left; display:inline; width:53px;}
#searchHolder fieldset.travellers .first {margin-left:50px;}
#searchHolder fieldset.accommodation p {font-weight:bold;}
#searchHolder fieldset.accommodation .option {float:left; display:inline; width:53px;}
#searchHolder fieldset.accommodation select {margin-bottom:8px;}
#searchHolder fieldset.accommodation .room {width:51px;}
#searchHolder fieldset.accommodation .rating {width:83px;}
#searchHolder fieldset.accommodation .optionSelection {float:left; display:inline;}
#searchHolder fieldset.accommodation .optionDetails {clear:both; float:left; display:inline; height:1%;}
#searchHolder fieldset.accommodation .optionDetails .room {clear:both; float:left; display:inline; width:240px;}
#searchHolder fieldset.accommodation .optionDetails .room p {font-weight:bold; float:left; display:inline; width:50px; padding-top:16px;}
#searchHolder fieldset.accommodation .optionDetails .room .roomOption {float:left; display:inline; width:53px; padding-bottom:5px;}

/* Banner Ads */
#bannerAds {float:left; display:inline; margin-top:6px;}
#bannerAds .advert {width:318px; height:129px; float:left; display:inline; margin-right:3px;}
#bannerAds .why {background:url(../images/homepage/why-villa-back.gif) left top no-repeat scroll; position:relative;}
#bannerAds .why h4 {color:#e01e23; font-size:1.0em; font-weight:normal; padding:10px 0 0 168px; width:120px;}
#bannerAds .why ul {margin:3px 0 0 168px;}
#bannerAds .why ul li {padding-left:15px; background:url(../images/global/star-bullet.gif) 0 3px no-repeat scroll; font-size:0.70em; color:#4b4b4b; float:left; display:inline; width:130px;}
#bannerAds .why img {position:absolute; left:7px; top:7px;}
#bannerAds .twoDestinations {background:url(../images/homepage/two-destinations-back.jpg) left top no-repeat scroll;}
#bannerAds .twoDestinations a {display:block; width:130px; height:119px; color:#FFF; padding:10px 108px 0 80px;}
#bannerAds .twoDestinations a:hover {text-decoration:none;}
#bannerAds .protected {margin-right:0; background:url(../images/homepage/bonded-back.jpg) left top no-repeat scroll;}
#bannerAds .protected h4 {clear:both; padding:5px 0 0 15px; color:#e01e23; font-size:1.0em; font-weight:normal;}
#bannerAds .protected p {font-size:0.70em; color:#4b4b4b; padding:5px 0 0 15px; }
#bannerAds .protected img {float:left; display:inline; margin:6px 10px 0 0;}
#bannerAds .protected img.abta {margin:15px 10px 0 15px;}
#bannerAds .protected img.atol {}
#bannerAds .sale {background:url(../images/villas/sale-back.gif) left top no-repeat scroll; margin-top:6px; position:relative;}
#bannerAds .sale h4 {color:#e01e23; font-size:1.0em; font-weight:normal; padding:12px 0 0.4em 14px; width:120px;}
#bannerAds .sale p {clear:left; width:120px; font-size:0.70em; color:#4a4a4a; margin-left:14px; line-height:1.2em;}
#bannerAds .sale p a {color:#4a4a4a; text-decoration:underline;}
#bannerAds .sale img {position:absolute; top:2px; right:7px;}



/* Sign Up */
#signUp {float:left; display:inline; width:948px; height:32px; margin-top:6px; padding:0 6px; font-size:0.70em; color:#4b4b4b; background:url(../images/global/sign-up-back.gif) left top no-repeat scroll;}
#signUp h5 {float:left; display:inline; color:#e01e23; font-size:1.35em; width:129px; height:22px; margin:7px 12px 0 0; background:url(../images/global/ticker-arrow.gif) 0em 0em no-repeat scroll; padding:1px 0 0 25px;}
#signUp label {float:left; display:block; margin:11px 12px 0 0;}
#signUp input {float:left; display:inline;}
#signUp input.text {padding:2px 6px; width:170px; border:1px solid #4b4b4b; font-size:1em; color:#4b4b4b; margin:6px 4px 0 0;}
#signUp input.button {margin-top:4px; float: left; padding: 0; width: 114px; height: 24px;}

/* Footer */
#footer {float:left; display:inline; width:960px; margin-top:6px; font-size:0.70em; color:#FFF;}
#footer .top {width:960px; height:60px; float:left; display:inline; background:#FFF url(../images/global/footer-top.gif) left top no-repeat scroll; color:#000; position:relative;}
#footer .top .logos {float:left; display:inline; width:590px; padding:16px 0 0 10px;}
#footer .top .logos ul li {float:left; display:inline; margin-right:25px; color:#4c4c4c; font-size:0.8em;}
#footer .top .logos ul li.last {margin:0; padding-top:8px;}

#footer .top .menu {float:right; display:inline; width:336px; padding:8px 10px 0 0; position: relative; z-index: 1;}
#footer .top .menu p {font-size:1.6em; color:#0080c1; margin-bottom:0.2em; text-align:right;}
#footer .top .menu ul {float:right;}
#footer .top .menu ul li {float:left; display:inline; border-left:1px solid #66cef5; padding-left:3px; margin-left:3px;}
#footer .top .menu ul li.first {border:0; padding-left:0; margin-left:0;}
#footer .top .menu ul li a {color:#66cef5;}
#footer .endTop {width:960px; float:left; display:inline;}
#footer .bottom {position:relative; width:960px; float:left; display:inline; padding-top:16px;}
#footer .bottom p {margin:0;}
#footer h1, #footer h2 {font-size:1em;}
#footer .bottom .company {float:left; display:inline; width:750px; margin-left:10px;}
#footer .bottom .company p {line-height:1.6em;}
#footer .bottom .copyright {position:absolute; right:10px; bottom:0.2em;}
#footer .seo {float:left; display:inline; width:940px; padding:30px 10px 0; color:#a4e1fa;}
#footer .seo a {color:#a4e1fa; text-decoration:underline;}

/* tooltip*/ 
a.tooltipparent {text-decoration: none; color: 4b4b4b; display: inline-block !important; display: inline; vertical-align: middle; margin-bottom: -1px; position: relative; z-index: 100;}
a.tooltipparent span.tooltipContainer {visibility: hidden; display:block; position:absolute; top: -1.5em; left: 1.5em;}
a.tooltipparent.below span.tooltipContainer {top: 2em; left: -11.8em;}
a.tooltipparent span.tooltipContainer span.tooltip {background: url(/includes/images/global/tooltip-top-bg.png) 0em 0em no-repeat scroll; color:#4b4b4b; padding: 10px 20px 5px 25px; font-weight:normal; font-size: 0.8em; line-height: 13px; position: relative; float: left; display: block;}
a.tooltipparent span.tooltipContainer span.tooltip p {margin: 0; padding: 0; min-height: 35px; width: 150px;}
a.tooltipparent.below span.tooltipContainer span.tooltip {background: url(/includes/images/global/tooltip-below-top-bg.png) 0em 0em no-repeat scroll; padding: 25px 30px 5px 15px;}
a.tooltipparent span.tooltipContainer span.tooltip strong {font-size: 1.1em; padding-bottom: 3px; display: inline-block;}

/* Opera 6+ specific values (also affects Safari) */
@media screen and (min-width: 0px) {
	a.tooltipparent span.tooltipContainer span.tooltip {margin-top: 1.5em;}
	a.tooltipparent.below span.tooltipContainer span.tooltip {margin-top: 0;}	
}

/* Safari (Opera override) */
html*a.tooltipparent span.tooltipContainer span.tooltip {margin-top: 0em;}

a.tooltipparent span.tooltipContainer span.tooltipBottom {background: url(/includes/images/global/tooltip-bottom-bg.png) left bottom no-repeat scroll; display: block; width: 195px; height: 14px; font-size: 0.7em; /* font-size controls IE6 */ position: relative; float: left;}
a.tooltipparent.below span.tooltipContainer span.tooltipBottom {background: url(/includes/images/global/tooltip-below-bottom-bg.png) left bottom no-repeat scroll; display: block; width: 195px; height: 15px; position: relative; float: left; }
a.tooltipparent:hover {text-decoration: none; border-bottom: none;}
a.tooltipparent:hover span.tooltipContainer {visibility: visible; /* blow up width, could be zeroed by opera hack */ width: 200px;}
a.tooltipparent.below:hover span.tooltipContainer {width: 185px;}

/* -- USEFUL CLASSES -- */
.clr {clear:both; line-height:0px; font-size:0.5px; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Non IE clearfix */
.nw {white-space: nowrap;}