@charset "utf-8";
/* Florida4Less Homepage CSS Document */

/* Content */
#content #contentA {width:318px; margin-right:3px;}

#searchHolder .searchOptions {float:left; display:inline; background:url(../images/search/search-back.gif) left top no-repeat scroll; width:255px; min-height:378px; padding:10px 5px 7px 9px;} /* check IE6 */
#searchHolder .searchBottom {float:right; display:inline; width:269px; height:6px; background:url(../images/search/search-back-bottom.gif) left top no-repeat scroll;}


#content #contentB {width:639px;}
#content #contentB .left {float:left; display:inline; width:318px; height:346px; margin-bottom:15px; position:relative;}
#content #contentB .left img {float:left; display:inline; margin-top:25px;}
#content #contentB .left ul.links li {position:absolute; z-index:5;}
#content #contentB .left ul.links li.j {top:90px; left:190px;}
#content #contentB .left ul.links li.db {top:133px; left:220px;}
#content #contentB .left ul.links li.o {top:153px; left:200px;}
#content #contentB .left ul.links li.c {top:161px; left:127px;}
#content #contentB .left ul.links li.t {top:171px; left:183px;}
#content #contentB .left ul.links li.k {top:172px; left:227px;}
#content #contentB .left ul.links li.sp {top:181px; left:108px;}
#content #contentB .left ul.links li.s {top:197px; left:140px;}
#content #contentB .left ul.links li.wpb {top:194px; left:218px;}
#content #contentB .left ul.links li.fl {top:227px; left:218px;}
#content #contentB .left ul.links li.n {top:246px; left:183px;}
#content #contentB .left ul.links li.m {top:253px; left:235px;}
#content #contentB .left ul.links li.f {top:293px; left:168px;}
#content #contentB .left ul.links li a {font-size:10px; color:#000;}
#content #contentB .left ul.links li.o a {font-size:11px; font-weight:bold;}
#content #contentB .left ul.links li a:hover {text-decoration:none; color:#de2025;}
#content #contentB .left ul.descriptions li {position:absolute; z-index:6; border:1px solid #0185c6; padding:5px; font-size:11px; width:120px; z-index:7; background:#FFF; color:#4b4b4b; display:none;}
#content #contentB .left ul.descriptions li span {position:absolute; display:block; width:15px; height:8px; background:url(../images/homepage/tip-point.gif); right:10px; bottom:-8px;}
#content #contentB .left ul.descriptions li#j {top:43px; left:102px;} /* check IE6 styles */
#content #contentB .left ul.descriptions li#db {top:67px; left:130px;}
#content #contentB .left ul.descriptions li#o {top:112px; left:122px;}
#content #contentB .left ul.descriptions li#c {top:80px; left:70px;}
#content #contentB .left ul.descriptions li#t {top:131px; left:67px;}
#content #contentB .left ul.descriptions li#k {top:77px; left:110px;}
#content #contentB .left ul.descriptions li#sp {top:142px; left:67px;}
#content #contentB .left ul.descriptions li#s {top:130px; left:74px;}
#content #contentB .left ul.descriptions li#wpb {top:126px; left:151px;}
#content #contentB .left ul.descriptions li#fl {top:173px; left:158px;}
#content #contentB .left ul.descriptions li#n {top:179px; left:106px;}
#content #contentB .left ul.descriptions li#m {top:200px; left:156px;}
#content #contentB .left ul.descriptions li#f {top:201px; left:116px;}

#content #contentB #postcards {clear:both; float:left; display:inline; width:639px; height:87px; background:url(../images/homepage/florida-postcards-back.gif) left top no-repeat scroll; position:relative;}
#content #contentB #postcards img {position:absolute; top:-14px; right:-24px;}
#content #contentB #postcards h4 {float:left; display:inline; width:132px; color:#0080c1; margin:11px 0 0 8px; font-size:1.35em; line-height:1.1em;}
#content #contentB #postcards p {margin:15px 114px 0 150px; font-size:0.70em; color:#484848; line-height:1.2em;}
#content #contentB #postcards p a {color:#0080c1; font-weight:bold; text-decoration:underline;}

#content #contentB .right {float:right; display:inline; width:318px; height:346px;}
#content h3 {background:url(../images/global/red-header.gif) left top no-repeat scroll; width:304px; height:35px; color:#FFF; font-size:0.9em; padding-left:14px; line-height:33px;}
#content #contentB .right h3 {background:url(../images/global/red-header-on-blue.gif) left top no-repeat scroll;}
#content #contentB .right fieldset {float:left; display:inline; background:url(../images/homepage/ideas-back.gif) left top no-repeat scroll; width:318px; height:30px; padding-top:10px;}
#content #contentB .right fieldset label {display:none;}
#content #contentB .right fieldset select {float:left; display:inline; width:266px; font-size:11px; margin:1px 0 0 9px;}
#content #contentB .right fieldset input {float:left; display:inline; margin:0 0 0 5px;}
#content #contentB .right .idea {float:left; display:inline; position:relative; width:318px; height:136px;}
#content #contentB .right .idea img {position:absolute;}


/* Banner Ads */
#bannerAds {float:left; display:inline; margin-top:6px;}
#bannerAds .advert {width:318px; height:129px; float:left; display:inline; margin-right:3px;}
/*#bannerAds .first {background:url(../images/homepage/why-villa-back.jpg) left top no-repeat scroll;}
#bannerAds .first h4 {color:#e01e23; font-size:1.0em; font-weight:normal; padding:10px 0 0 168px; width:120px;}
#bannerAds .first ul {margin:3px 0 0 168px;}
#bannerAds .first 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:140px;}*/
#bannerAds .second {background:url(../images/homepage/two-destinations-back.jpg) left top no-repeat scroll;}
#bannerAds .second a {display:block; width:130px; height:119px; color:#FFF; padding:10px 108px 0 80px;}
#bannerAds .second a:hover {text-decoration:none;}
#bannerAds .third {margin-right:0; background:url(../images/homepage/bonded-back.jpg) left top no-repeat scroll;}
#bannerAds .third h4 {clear:both; padding:15px 0 0 15px; color:#e01e23; font-size:1.0em; font-weight:normal;}
#bannerAds .third img {float:left; display:inline; margin:6px 10px 0 0;}
#bannerAds .third p {color:#4b4b4b; padding:0 0 0 15px; float: left; clear: both; width: 280px; margin: 5px 0 0; font-size: 0.9em;}
#bannerAds .third p span {float: left;}
#bannerAds .third p img {margin: 3px 5px 0 5px; float: left;}
#bannerAds .third img.abta {margin:12px 25px 0 15px;}
#bannerAds .third img.atol {margin-top: 5px;}


/* Villa and seaworld banner swap - 16/09/09 */
#content #contentB .right .idea.two {height:129px; margin-top: 7px;}
#content #contentB .right .idea.two {background:url(../images/homepage/why-villa-back.jpg) left top no-repeat scroll;}
#content #contentB .right .idea.two h4 {font-size:1.0em; font-weight:normal; padding:10px 0 0 168px; width:120px;}
#content #contentB .right .idea.two h4 a {color:#e01e23;}
#content #contentB .right .idea.two ul {margin:3px 0 0 168px;}
#content #contentB .right .idea.two 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:140px;}




