/* $Id: florida.css,v 1.7 2011/08/03 10:37:03 andy.p Exp $ */
/* =Generic Imports
-----------------------------------------------------------------------------*/
@import "index.css";

h1.floridaHome {
	border-bottom: none!important;
}

/* = Florida Welcome Panel
-----------------------------------------------------------------------------*/

#floridaWelcome {
	float:left;
}
#floridaHomeContainer {
	border:1px solid #C8C8C8;
	clear: both;
	height: 211px;
}
#floridaHomeContainer .floridaHomeLeft img {
	float: left;
	height: 211px;
	width: 418px;
}
#floridaHomeContainer .floridaHomeRight {
	background: #E9E9E9;
	float: right;
	height: 211px;
	width: 287px;
}
#floridaHomeContainer .floridaHomeRight .upperRightListContainer,
#floridaHomeContainer .floridaHomeRight .lowerRightListContainer {
	height: 100px;
}
#floridaHomeContainer .floridaHomeRight .upperRightListContainer div,
#floridaHomeContainer .floridaHomeRight .lowerRightListContainer div {
	background: #AF141A;
	color: #FFF;
	font-size: 1.3em;
	font-weight: bold;
	margin: 4px;
	padding-left: 5px;
}
#floridaHomeContainer .floridaHomeRight .lowerRightListContainer .listContainerLeft,
#floridaHomeContainer .floridaHomeRight .upperRightListContainer .listContainerLeft {
	background: none;
	float: left;
	font-size: 1em;
	width: 125px;
}
#floridaHomeContainer .floridaHomeRight .lowerRightListContainer .listContainerRight,
#floridaHomeContainer .floridaHomeRight .upperRightListContainer .listContainerRight {
	background: none;
	float: right;
	font-size: 1em;
	width: 125px;
}
#floridaHomeContainer .floridaHomeRight .upperRightListContainer .listContainerLeft ul,
#floridaHomeContainer .floridaHomeRight .upperRightListContainer .listContainerRight ul,
#floridaHomeContainer .floridaHomeRight .lowerRightListContainer .listContainerLeft ul,
#floridaHomeContainer .floridaHomeRight .lowerRightListContainer .listContainerRight ul {
	color: #000;
	list-style: disc outside url(../images/pageElements/graphics/arrowFloridaRed.gif);
	margin: 0px 5px 0px 20px;
}
#floridaHomeContainer .floridaHomeRight .upperRightListContainer .listContainerLeft li,
#floridaHomeContainer .floridaHomeRight .upperRightListContainer .listContainerRight li,
#floridaHomeContainer .floridaHomeRight .lowerRightListContainer .listContainerLeft li,
#floridaHomeContainer .floridaHomeRight .lowerRightListContainer .listContainerRight li {
	border-bottom: 1px solid #C4C4C4;
}
#floridaHomeContainer .floridaHomeRight .upperRightListContainer .listContainerLeft li h2,
#floridaHomeContainer .floridaHomeRight .upperRightListContainer .listContainerRight li h2,
#floridaHomeContainer .floridaHomeRight .lowerRightListContainer .listContainerLeft li h2,
#floridaHomeContainer .floridaHomeRight .lowerRightListContainer .listContainerRight li h2 {
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
}
#floridaHomeContainer .floridaHomeRight .upperRightListContainer .listContainerLeft li a:hover,
#floridaHomeContainer .floridaHomeRight .upperRightListContainer .listContainerRight li a:hover,
#floridaHomeContainer .floridaHomeRight .lowerRightListContainer .listContainerLeft li a:hover,
#floridaHomeContainer .floridaHomeRight .lowerRightListContainer .listContainerRight li a:hover {
	background: #AF141A;
	color: #FFF;
	padding: 2px 0px;
}

/* = Florida Features Panel
-----------------------------------------------------------------------------*/

#floridaFeatures {
	float:left;
	width:707px;
}
#floridaFeatures h2 {
	font-size: 1.4em;
	margin:0px 0px 0px 0px;
}
#floridaFeatures img.map {
	float:right;
	padding-top:12px;
}
#floridaFeatures p strong {
	color:#af141a;
	text-decoration:underline;
	font-weight:normal;
}

/* = Florida Lower Left Panel Upper
-----------------------------------------------------------------------------*/

#fLColLowerPanelUpperContainer {
	clear:both;
	float:none;
	overflow:hidden;
	border:#af141a 1px solid;
	padding:2px;
	margin:12px 0 0 0;
}
#floridaLeftColumnInner {
	border:#af141a 1px solid;
	width: 253px;
	z-index:2999;
}
#floridaLeftColumnInnerb {
	background-image:url("../images/pageElements/graphics/florBoxCorner.gif");
	background-repeat:no-repeat;
	background-position:right top;
	margin:-1px;
	padding:4px;
	width: 247px;
	z-index:3000;
}
#floridaLeftColumnInner .floridaLeftColumnRowTop {
	padding:0 0 4px 0;
	margin:0 0 4px 0;
	width:225px;
	overflow:hidden;
}
#floridaLeftColumnInner .floridaLeftColumnRow {
	padding:4px 0 0 0;
	margin:4px 0 0 0;
	width:242px;
	border-top:1px dotted #c6c6c6;
	overflow:hidden;
}
#floridaLeftColumnInner .floridaLeftColumnRowTop .floridaLeftColumnRowImage,
#floridaLeftColumnInner .floridaLeftColumnRow .floridaLeftColumnRowImage {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	width:70px;
	height:70px;
	border:#121212 1px solid;
}
#floridaLeftColumnInner .floridaLeftColumnRow .floridaLeftColumnRowContent {
	float:right;
	padding:0;
	margin:0;
	width:157px;
}
#floridaLeftColumnInner .floridaLeftColumnRowTop .floridaLeftColumnRowTopContent {
	float:right;
	padding:0;
	margin:0;
	width:140px;
}
#floridaLeftColumnInner .floridaLeftColumnRowTop .floridaLeftColumnRowTopContent,
#floridaLeftColumnInner .floridaLeftColumnRow .floridaLeftColumnRowContent {
	color:#af141a;
	font-weight:bold;
	font-size:1.2em;
}
#floridaLeftColumnInner p {
	color:#086184;
	font-weight:normal;
	font-size:1.0em;
}
#floridaLeftColumnInner ul {
	margin:0 0 0 20px;
}
#floridaLeftColumnInner ul li {
	list-style:disc outside url(../images/pageElements/graphics/bulletFloridaWhite.gif);
	vertical-align:top;
}
#floridaLeftColumnInner a {
	font-size:0.9em;
	text-decoration:underline;
	color:#212121;
}
#floridaLeftColumnInner a:hover {
	text-decoration:none;
}
#floridaLeftColumnInner span {
	color:#AF141A;
	font-size:1.2em;
	font-weight:bold;
	vertical-align: top;
}

/* =Features Box
-----------------------------------------------------------------------------*/
#featureContainer {
	height:306px;
	overflow:hidden;
}
#offerFeatures{
	background:#fff;
	height:302px;
	margin-bottom:12px;
	padding:0px 0px 14px 0px;
	width:707px;
}
.ui-tabs-hide{
    display: none;
}
.ui-tabs-nav {
	float:left;
	margin:0!important;
	padding:0!important;
	list-style: none;
	width:240px!important;
	height:313px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
	background:#E5F3F8 url(themes/jetsv/images/pageElements/featureBox/un-selected.gif) no-repeat scroll 0 0;
	color:#BD1B0A!important;
	display:block;
	float:right;
	height:36px!important;
	margin:3px 0;
	padding:5px!important;
	width:196px!important;
}
.ui-tabs-nav li a span {
	color: #BD1B0A!important;
}
.ui-tabs-nav li a span:hover {
	color: #fff!important;
}
.ui-tabs-nav .tabsHeading {
	background:#FFFFFF;
	color:#000000 !important;
	font-size:1.8em;
	font-weight:bold;
	height:20px !important;
	padding:0 0 0 10px;
}
#offerFeatures div.ui-tabs-panel{
	background:#FFFFFF;
	border:1px solid #BD1A0A;
/*	float:right; */
	height:314px;
	overflow:hidden;
	width:462px;
}
.ui-tabs-nav li.ui-tabs-selected,
.ui-tabs-nav li:hover {
	background:#BD1B0A url(themes/jetsv/images/pageElements/featureBox/selected.gif) no-repeat scroll 0 0;
	color:#FFFFFF!important;
	height:36px!important;
	padding:5px;
	margin:3px 0;
	float:right;
	width:206px!important;
}
.ui-tabs-nav li.ui-tabs-selected a span {
	color: #fff!important;
}
.ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-nav li:hover a	 {
	background:transparent url(themes/jetsv/images/pageElements/featureBox/selectedArrow.gif) no-repeat scroll 185px 12px;
	border:medium none;
	margin:0;
	padding:0;
/*	width:203px; */
}
.ui-tabs-nav a {
    color: #000000;
    font-size:16px;
    font-weight: bold;
    line-height: 1.2;
    padding-left:10px;
    outline: 0; /* prevent dotted border in Firefox */
    text-align: left;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
}
.ui-tabs-nav .ui-tabs-selected a { color: #ffffff; }

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

/* = Feature Box - Offer Of The Week Tab
-----------------------------------------------------------------------------*/

.floridaHomeOfferOfTheWeekTab img.offerOfTheWeek {
	float:right;
	height:190px;
	margin-right:10px;
	width:250px;
}
.offerOfTheWeekContainer {
	background: transparent url(themes/jetsv/images/pageElements/featureBox/featureBox-tabs/offerOfTheWeek.gif) no-repeat 0 0;
	height:274px!important;
	padding:20px;
	width:422px!important;
}
.offerOfTheWeekContainer h2 {
	margin:0;
	padding:10px 0;
}
.offerOfTheWeekContainer h2 a {
	color: #BD1A0A;
}
.offerOfTheWeekContainer .offerOfTheWeekDetails {
	float:left;
	width:160px;
}
.offerOfTheWeekContainer .offerOfTheWeekDetails p.nights {
	font-weight:bold;
}
.offerOfTheWeekContainer .offerOfTheWeekDetails p.nights span {
	color:#BD1A0A;
	font-size:1.8em;
}

/* = Feature Box - Great Deals from...
-----------------------------------------------------------------------------*/

.offerOfTheWeekTab {
	background: transparent url(themes/jetsv/images/pageElements/featureBox/greyGradient.gif) repeat-x 0 0;
}
.offerOfTheWeekTab .offerDetailsTop,
.offerOfTheWeekTab .offerDetailsBottom {
	height: 157px!important;
	overflow:hidden;
	width: 218px
}
.offerOfTheWeekTab .offerDetailsTop {
	float: left;
}
.offerOfTheWeekTab .offerDetailsTop img.goToOffer,
.offerOfTheWeekTab .offerDetailsBottom img.goToOffer {
	bottom:15px;
	left:43px;
	position:relative;
}
.offerOfTheWeekTab .offerDetailsBottom {
	float: right;
}
.offerOfTheWeekTab .offerDetailsTop p.resortHeading,
.offerOfTheWeekTab .offerDetailsBottom p.resortHeading {
	color:#017EAE;
	font-size:1.9em;
	font-weight:bold;
	padding:25px 5px 0 20px;
}
.offerOfTheWeekTab .offerDetailsTop p.offerPrice,
.offerOfTheWeekTab .offerDetailsBottom p.offerPrice {
	border:none;
	bottom:30px;
	color:#B61C24;
	font-size:3.5em;
	font-weight:bold;
	left:50px;
	margin:0!important;
	position:relative;
}
.offerOfTheWeekTab .offerDetailsTop span,
.offerOfTheWeekTab .offerDetailsBottom span {
	bottom:50px;
	color:#B61C24;
	font-size:1.5em !important;
	font-weight:bold !important;
	left:100px;
	position:relative;
}
.offerOfTheWeekTab a img.resultsImageTop {
	float: right;
	height: 157px;
}
.offerOfTheWeekTab a img.resultsImageBottom {
	height: 157px;
}

/* = Florida Lower Left Panel Bottom
-----------------------------------------------------------------------------*/

#floridaLeftColumnLowerPanelBottom {
	clear:both;
	width:261px;
}
#floridaLeftColumnLowerPanelBottomHeader {
	background:transparent url(../images/pageElements/graphics/newBoxHead.gif) no-repeat;
	height:35px;
	color:#333333;
	font-size:16px;
	margin-top:1em;
	font-weight:bold;
}
#floridaLeftColumnLowerPanelBottomHeader p {
	padding-left:1em;
	padding-top:0.2em;
}
#floridaLeftColumnLowerPanelBottomBody {
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	padding:5px;
}
#floridaLeftColumnLowerPanelBottomBody ul {
	list-style:disc outside url(../images/pageElements/graphics/bulletFloridaWhite.gif);
	margin:0 0 0 20px;
}
#floridaLeftColumnLowerPanelBottomBody a {
	font-size:1.2em;
	text-decoration:underline;
	color:#af141a;
}
#floridaLeftColumnLowerPanelBottomFooter {
	background:transparent url(../images/pageElements/graphics/newBoxFooter.gif) no-repeat;
	height: 9px;
}

/* = Regions List & Interactive Map
-----------------------------------------------------------------------------*/

#destinationsMap .innerBox {
	float: left;
	width: 220px;
}
#destinationsMap li {
	margin-left: 20px;
}
#destinationsMap li a {
	color: #AF141C;
	font-size:1.1em;
	font-weight: bold;
}

/* = Special Offers Box - Florida Index
-----------------------------------------------------------------------------*/

h2.floridaOffersHeading {
	float:left;
	font-size:1.5em;
	margin:0;
	padding:0 20px 0 6px;
}
a.viewOffers {
	color:#AF141A;
	font-weight:bold;
	position:relative;
	top:7px;
}
#floridaIndexOffersHeader {
	float:right!important;
}
#floridaIndexOffersHeader,
#indexOffersHeader {
	background:#AF141A none repeat scroll 0 0;
	color:#FFFFFF !important;
	float:left;
	font-size:1em;
	height:37px;
	padding:0!important;
	margin:0!important;
	width:688px;
}
#floridaIndexOffersHeader,
#floridaIndexOffers	 {
	margin:5px!important;
	width:452px!important;
}
#floridaIndexOffersHeader .indexOffersHeaders,
#indexOffersHeader .indexOffersHeaders {
	background-repeat: repeat-x;
	font-size: 1.0em;
	font-weight: bold;
	height: 21px;
	padding-left: 5px;
}
#floridaIndexOffersHeader .indexOffersHeaders td,
#indexOffersHeader .indexOffersHeaders td {
	color: #fff!important;
	padding-left: 0;
}
#floridaIndexOffers {
	float:right!important;
}
#floridaIndexOffers,
#indexOffers {
	background:#E5F2F8 none repeat scroll 0 0;
	border-color:#FFFFFF;
	float:left;
	font-size:1em;
	margin-bottom: 10px;
	padding:0!important;
	width:688px;
}
#floridaIndexOffers tr .indexOffersContent a img,
#indexOffers tr .indexOffersContent a img {
	border: none;
}
.indexOfferRows {
	padding-left:10px !important;
}
.offerDateHeader { width:63px; padding-left:11px !important; }
.offerRegionHeader { width:86px; padding-left:8px !important; }
.offerAccomHeader { width:187px; }
.offerBoardHeader { width:85px;}
.offerFromHeader { width:69px; }
.offerNightsHeader { width:50px; }
.offerDate, .offerRegion, .offerAccom, .offerBoard, .offerFrom, .offerNights, .offerPrice, .offerBook  {
	border-top: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	padding: 0 2px 0 6px;
}
.offerDate { width:70px;}
.offerRegion { width:78px;}
.offerAccom { width:184px;}
.offerBoard { width:70px;}
.offerFrom { width:68px;}
.offerNights { width:45px;}
.offerPrice { width:78px; font-weight:bold;}
.offerPrice span { color: #047EB1; font-size: 1.9em; }

 /* = Florida Resorts Container and Block
-----------------------------------------------------------------------------*/

#resortsContainer .resortBlock {
	clear: both;
	border-bottom: 1px solid #ccc;
	height:160px;
	padding: 12px 7px;
}
#resortsContainer .resortBlock h3.header {
	color:#AF141C;
	font-size:1.4em;
	margin:7px 0;
	padding:0;
}
#resortsContainer .resortBlock img {
	float: left;
	padding-right: 10px;
}
#resortsContainer .resortBlock a.link {
	color: #AF141C;
	text-decoration:underline;
}

/* = Lifestyle Offers - Families, Villas, Early Booking & Regional
-----------------------------------------------------------------------------*/

h1.floridaFamilyOffersHeading,
h1.floridaVillasOffersHeading,
h1.floridaEarlyBookingOffersHeading,
h1.floridaRegionalOffersHeading {
	height:0;
	margin-top:0;
	overflow:hidden;
	padding-top:289px;
	width:706px;
}
h1.floridaFamilyOffersHeading {
	background:transparent url(themes/jetsv/images/offers/lifestyleOffers/families.jpg) no-repeat scroll 0 0;
}
h1.floridaVillasOffersHeading {
	background:transparent url(themes/jetsv/images/offers/lifestyleOffers/villas.jpg) no-repeat scroll 0 0;
}
h1.floridaEarlyBookingOffersHeading {
	background:transparent url(themes/jetsv/images/offers/lifestyleOffers/earlyBookingOffer.jpg) no-repeat scroll 0 0;
}
h1.floridaRegionalOffersHeading {
	background:transparent url(themes/jetsv/images/offers/lifestyleOffers/regionalDepartures.jpg) no-repeat scroll 0 0;
}


/* Turn of year features box */


#offerFeatures div.ui-tabs-panel {width:auto; height:auto; border:none; }
#offerFeatures .ui-tabs-nav {overflow:hidden; display:block; width:auto !important; height:auto; }
#offerFeatures .ui-tabs-nav li {float:left; width:174px !important; background-image:none; border:0px solid #fff; border-right-width:1px; margin:0px; padding:0px !important; height:auto !important; }
#offerFeatures .ui-tabs-nav li.last {border:none; width:176px !important;  }
#offerFeatures .ui-tabs-nav li a {font-size:1em; text-align:center; width:auto; margin:0px; height:14px; padding:10px 0px; background-image:none; background-image:url("/themes/jetsv/images/pageElements/backgrounds/featureButton.png"); background-repeat:repeat-x; background-position:top; color:#fff; }
#offerFeatures .ui-tabs-nav li a:hover, #offerFeatures .ui-tabs-nav li.ui-tabs-selected a {background-position:bottom; }