/* $Id: index.css,v 1.55 2011/11/16 10:01:40 adam.l Exp $ */
/* =Generic Imports
-----------------------------------------------------------------------------*/
#contentb {
	width: 705px;
}
#content{
	width:676px !important;
}

#indexPanel{
    background: #fff;
    padding: 15px;
    border: solid 4px #616569;
}
#indexPanel b{
	font-size:16px;
	font-weight: bold;
	text-transform: uppercase;
}

img.mainImage{
	clear:both;
	width:680px;
}

#content,#holiday_summary_div {
}
/* =Landing Page Section
-----------------------------------------------------------------------------*/
#landingLinks{
	clear:both;
}
#landingLinks div{
    background:url("../images/pageElements/background/doubleCurveTop.gif") no-repeat left top;
    float:left;
    padding:7px;
    width:216px;
}

#landingLinks div.middle{
    margin: 0 10px;
}
#landingLinks div p img{
    border:medium none;
    float:left;
    margin:0pt;
    padding-right:12px;
}
#landingLinks div a{
    display:block;
    float:left;
    text-align:right;
    width:100%;

}
/* =Features Box
-----------------------------------------------------------------------------*/
#offerFeatures{
	margin: 0 0 12px 0;
	float:right;
	width:698px;
	display: inline;
}
.ui-tabs-hide{
    display: none;
}
.ui-tabs-nav {
	float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 32px;
    overflow:hidden;
    font-size:1.1em;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0px;
    height: 39px;
    background:url("../images/index/homeTabDiv.gif") repeat-x left top;
}
.ui-tabs-nav li#last {
	width: 140px;
}
.ui-tabs-nav li#last a, .ui-tabs-nav li#last a span {
	width: 140px;
	border-right: none;
}
.ui-tabs-nav li#offerOfTheWeek a {
 	margin: 0px;
	width: 168px;
	border-right: none;
	padding: 0 2px 0 0px;
}

.ui-tabs-nav li.ui-tabs-selected{
    margin-top: 0px;
    /*border-top:#331A04 solid 0px;*/
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
 /*   padding: 5px 15px;*/
}
.ui-tabs-nav a {
    color: #fff;
    font-weight: bold;
    line-height: 3;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
    outline: 0; /* prevent dotted border in Firefox */
    border-right: solid 1px #666;
}

.worldWideTab { width:142px !important; }

.worldWideValue { border-right:none !important; }

.ui-tabs-nav a:visited {
	color:#fff;
}
.ui-tabs-nav a:hover{
	color:#FF8000;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    z-index: 2;
    color: #000;
}
.ui-tabs-nav a span {
    width: 138px; /* IE 6 treats width as min-width */
    min-width: 138px;
    height: 32px; /* IE 6 treats height as min-height */
}

.ui-tabs-nav.threeTabs a span {
    width: 232px; /* IE 6 treats width as min-width */
    min-width: 232px;
    height: 32px; /* IE 6 treats height as min-height */
}
.ui-tabs-nav.threeTabs li#last {
	width: 232px;
}
.ui-tabs-nav.threeTabs li#last a, .ui-tabs-nav.fourTabs li#last a span {
	width: 232px;
	border-right: none;
}

.ui-tabs-nav.fourTabs a span {
    width: 174px; /* IE 6 treats width as min-width */
    min-width: 174px;
    height: 32px; /* IE 6 treats height as min-height */
}
.ui-tabs-nav.fourTabs li#last {
	width: 173px;
}
.ui-tabs-nav.fourTabs li#last a, .ui-tabs-nav.fourTabs li#last a span {
	width: 173px;
	border-right: none;
}

.ui-tabs-nav li.two-line a span {
	padding-top: 2px;
    line-height: 14px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background:url("../images/index/homeTabDiv.gif") repeat-x left top;
    color:#FF8000 !important;
}

.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background:url("../images/index/homeTabBg.gif") repeat-x right top;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.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;
    color:#FF8000;
}
.ui-tabs-disabled {
   /* opacity: .4;
    filter: alpha(opacity=40);*/
}

#offerFeatures div.ui-tabs-panel{
    width:100%;
    overflow:hidden;
    top:0px;
}

/* =Features Box
-----------------------------------------------------------------------------*/
#offerTheWeek{
	background:#000000;
	color:#ffffff;
	float:right;
	height:254px;
	min-height:254px;
	width:166px;
	padding:12px 6px 0px 6px;
}
#offerTheWeek div{
    height:200px;
    overflow:hidden;
}
img.offerOfTheWeek{
	float:left;
	height:266px;
	min-height:266px;
	width:520px;
}
#offerTheWeek div p.center{
    text-align:center;
    text-transform: capitalize;
    font-weight:bold;
    font-size:1.4em;
    border-bottom: solid 1px #ffffff;
}
p.center em{
    font-style:normal;
}
#offerTheWeek div strong{
    font-size:1.4em;
}
#offerTheWeek div p{
    font-size:1.2em;
}
#offerTheWeek a{
    float:right;
}
#offerTheWeek .offerHeading{
	margin-top: 10px;
    font-weight: bold;
    font-size:1.3em;
}
#offerTheWeek .offerPrice{
    color: #ff8000;
    font-weight: bold;
    font-size:2em;
    margin-top:0px;
}

/* Recommended Features */
ul#recommendedFeatures {
	clear:both;
	float: left;
	width: 680px;
	padding:0;
	margin: 10px 0 0 3px;
	list-style:none;
}
ul#recommendedFeatures .rightMargin {
	margin:0 8px 0 0;
}
ul#recommendedFeatures li {
	float: left;
	width: 218px;
	padding:0;
	margin:0 0 0 0;
	display:inline;
}
ul#recommendedFeatures li .featureFrame {
	float: left;
	display:block;
	width: 210px;
	text-decoration:none;
}
ul#recommendedFeatures li .featureFrame .ftHdr {
	float: left;
	display:block;
	width: 213px;
	padding:4px;
	margin:0;
	color:#ffffff;
	font-weight:bold;
	font-size:1.1em;
	background:url("../images/index/featureBox/hp_featureBox-hdr-bg.jpg") no-repeat;
}
ul#recommendedFeatures li .featureFrame .ftHdr a {
	color:#ffffff;
	font-weight:bold;
	padding-left: 5px;
	text-decoration: none;
}
ul#recommendedFeatures li .featureFrame .ftHdr a:hover {
	text-decoration:none;
}
ul#recommendedFeatures li .featureFrame .ftContent {
	clear:both;
	float: left;
	display:block;
	width: 204px;
	height:105px;
	padding:8px;
	margin:0;
	font-weight:bold;
	font-size:0.9em;
}
ul#recommendedFeatures li p {
	float: left;
	display:block;
	width: 205px;
	padding:2px 0;
	margin:0;
}
ul#recommendedFeatures li p a {
	color:#000000;
	display:block;
	padding:0 0 0 10px;
	margin:0;
	text-decoration:none;
	background:url("../images/index/bull.gif") no-repeat top left;
}
ul#recommendedFeatures li p a:hover {
	text-decoration:underline;
}
ul#recommendedFeatures li .featureFrame .ft1 {
	background-color: #e1f0f7;
}
ul#recommendedFeatures li .featureFrame .ft2 {
	background-color: #e1f0f7;
}
ul#recommendedFeatures li .featureFrame .ft3 {
	background-color: #e1f0f7;
}
ul#recommendedFeatures li .featureFrame .ftLink {
	clear:both;
	float: left;
	display:block;
	width: 208px;
	padding:4px;
	margin:0;
	text-align:right;
	color:#ffffff;
	font-weight:bold;
	font-size:0.9em;
	background-color:#0057AE;
}
ul#recommendedFeatures li .featureFrame .ftLink a {
	color:#ffffff;
	font-weight:bold;
}
ul#recommendedFeatures li .featureFrame .ftLink a:hover {
	text-decoration:none;
}

/* Splash page links */
#splashPageContainer {
	float: right;
	width: 702px;
}
#splashPageContainer a.splashpageFrameLeft,
#splashPageContainer a.splashpageFrameCentre,
#splashPageContainer a.splashpageFrameCentreAgent, 
#splashPageContainer a.splashpageFrameRight {
	border: 5px solid #616569;
	cursor: pointer;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 159px;
	width: 220px;
}

#splashPageContainer a.splashpageFrameLeft {
	background:url("themes/tww/images/brochure/sandals/btnSandals.jpg") no-repeat;
	margin-right:5px;
}
#splashPageContainer a.splashpageFrameCentre {
	background:url(themes/tww/images/ads/quebecHolidays/btnQuebecHome.jpg) no-repeat;
	margin-right:5px;
}
#splashPageContainer a.splashpageFrameRight {
	background:url("../images/ads/sunResorts/btnHome.jpg") no-repeat;
}

#splashPageContainer a:hover.splashpageFrameLeft, #splashPageContainer a:hover.splashpageFrameCentre, #splashPageContainer a:hover.splashpageFrameRight {
	border-color: #777;
}
 

/* leftColoumn Lower Panel */
#leftColumnLowerPanel a.btnJetsave{
	background: url("themes/tww/images/pageElements/buttons/btnJetsave.jpg") no-repeat center top;
	display:block;
	margin:0 auto 6px;
	height:0;
	padding-top:98px;
	overflow:hidden;
}