/**************************************************
Tropical Sky - Screen CSS - Author: Ollie
**************************************************/





/* Site wide styles *********************/

.HorizontalRule{
	background-color:#CCC;
	clear:left;
	display:block;
	height:1px;
	margin-bottom:15px;
	}
	.standardform .HorizontalRule{
		margin-top:15px;
		}

.divClear{
	clear:both;
	}

/* Page Structure *********************/

#Container{
	margin:0 auto;
	width:900px;}

#Header{
	float:left;
	width:900px;
	}
	


#LeftColumn{
	background-color:#FFF;
	padding-bottom:5px;
	clear:left;
	float:left;
	width:230px;
	}
	
#RightColumn{
	float:right;
	width:666px;
	}

#FullColumn{
	background:#FFF;
	float:left;
	padding:4px 0 0;
	width:900px;
	}





/* Header Content *********************/

#Header #Logo{
	float:left;
	width:230px;
	}

#Header #Hotline{
	background:url("../graphics/header_telnumber.gif") no-repeat left top;
	float:left;
	height:0;
	margin:0;
	overflow:hidden;
	padding:68px 0 0;
	width:670px;
	}

/*Weddings*/


#MainTopMast{
	clear:left;
	}

#wishlistStatus{
	background:url(../graphics/wishlist-status-bg.jpg) no-repeat;
	float:left;
	margin-top:4px;
	padding:4px;
	width:892px;}

#wishlistStatus strong,
#wishlistStatus em{
	color:#906;
	display:block;
	float:left;}

#wishlistStatus strong{
	font-size:1.2em;
	padding:0 15px 0 30px;}

#wishlistStatus em{
	font-style:normal;
	padding:3px 0 0;}

#wishlistStatus em span{
	color:#906;
	font-weight:bold;}

#wishlistStatus a{
	background:url(../graphics/btn_view_wishlist.png) no-repeat;
	float:right;
	height:0;
	overflow:hidden;
	padding:23px 0 0;
	width:142px;}
	




/* Breadcrumbs *********************/



/* Wedding Region e.g. Caribbean **********************/





/* Wedding Country Page e.g. Barbados ****************/



/* Wedding Details Page ****************/











/*Call Tracking*/





/* Static Text Content *********************/
	
.imgFloatLeft{
	float:left;
	margin:0 15px 15px 0;
	}

.imgFloatRight{
	float:right;
	margin:0 0 15px 15px;
	}

/* Footer *********************/












/* Pop Up Box ***************/

#popbox{
	padding:10px 20px;
	text-align:left;
	}

/* Clearfix (updated for IE7 compatibility) ****************/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
   
* html>body .clearfix {
	display:inline;
	width:100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height:1%;
	/* End hide from IE-mac */
	}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility:visible !important;
	margin:0;
	}

.sIFR-replaced {
	visibility:visible !important;
	}

span.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
	}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {
  display:none !important;
	}



/* jQpanels - http://www.andreacfm.com/index.cfm/jquery-plug-ins/jqpanels/index.cfm/jquery-plug-ins/jqpanels */

.panel{}
.panel-up{}
.panel-down{}
.panel-target{}
.panel-closed{display:none;}


/* jQuery Bookmark styles */
.bookmark_list {
	background:#EEE;
	float: left;
	display: block;
	list-style-type: none;
	font-size: 80%;
	margin: 0 0 15px;
	padding: 10px 0 10px 20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  /* Safari3/Opera9 */
	.bookmark_list {
		font-size: 100%;
	}
}
html:first-child .bookmark_list {  /* Opera */
	font-size: 80%;
}
.bookmark_list li {
	float: left;
	width: auto;
	margin:0;
	padding: 0 20px 0 0;
}
.bookmark_compact {
}
.bookmark_compact li {
	width: 16px;
	margin: 0;
	background-color: transparent;
	border: none;
}
.bookmark_list a {
	font-size:1.2em;
	width: 100%;
}
.bookmark_list span {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.bookmark_list img {
	border: none;
	vertical-align: bottom;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  /* Safari3/Opera9 */
	.bookmark_list img {
		margin-bottom: 3px;
		vertical-align: middle;
	}
}
html:first-child .bookmark_list img { /* Opera */
	margin-bottom: 3px;
	vertical-align: middle;
}

/*** J Query Tabs - http://stilbuero.de/jquery/tabs_3/ ***/

#InfoTabs{
	float:left;
	width:600px;}

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
	display:none;}
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
	display:none;}
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel{}

.ui-tabs-nav{
	list-style:none;
	margin:0 0 0 15px;
	padding:0;}

.ui-tabs-nav:after{ /* clearing without presentational markup, IE gets extra treatment */
	display:block;
	clear:both;
	content:" ";}

.ui-tabs-nav li{
	float: left;
	margin: 0 1px 0 0;
	min-width:84px; /* be nice to Opera */
	border-bottom:1px solid #FFF;}

.ui-tabs-nav a, .ui-tabs-nav a span{
  display:block;
  padding:0 10px;
  background:url(../graphics/tab.png) no-repeat;}

.ui-tabs-nav a{
	margin:1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
	padding-left:0;
	color:#FFF !important;
	font-size:1.2em;
	line-height:1.2;
	text-align:center;
	text-decoration:none;
	white-space:nowrap; /* required in IE 6 */    
	outline:0; /* prevent dotted border in Firefox */}

.ui-tabs-nav .ui-tabs-selected a{
	position:relative;
	top:1px;
	margin-top:0;}

.ui-tabs-nav a span{
	width:64px; /* IE 6 treats width as min-width */
	min-width:64px;
	height:24px; /* IE 6 treats height as min-height */
	min-height:24px;
	padding-top:6px;
	padding-right:0;
	color:#FFF !important;}

*>.ui-tabs-nav a span { /* hide from IE 6 */
	width:auto;
	height:auto;}

.ui-tabs-nav .ui-tabs-selected a span{padding-bottom:1px;}
.ui-tabs-nav .ui-tabs-selected{border:none;}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active{background-position:100% -150px;}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active{background-position:100% -100px;}
.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-position:0 -50px;}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span{background-position:0 0;}
.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{cursor:text;}
.ui-tabs-nav .ui-tabs-selected a span{font-weight:bold;}
.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{cursor: pointer;}
.ui-tabs-disabled{
	opacity:.4;
	filter:alpha(opacity=40);}

#TabInfoContainer{
  background:url(/graphics/tab-brdr-bottom.gif) no-repeat 0 100%;
	float:left;
	width:600px;}

.ui-tabs-panel{
	padding:0;
	background:url(/graphics/tab-brdr-top.gif) no-repeat; /* declare background color for container to avoid distorted fonts in IE while fading */}

.ui-tabs-loading em {}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
	display:inline-block;}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display:inline-block;}
	
/* New Left Nav Drop Down */

#leftNav{
	border-bottom:1px solid #DDDDDD;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 10px;
	padding:0;
	width:220px;}

#leftNav li{
	position:relative;
	border-color:#DDDDDD #FFFFFF #FFFFFF;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	float:left;
	margin:0;
	padding:0;
	width:217px;}

#leftNav a, #leftNav li span.leftNavNoLinks{
	background:url(../graphics/left_nav_link_arrow.gif) no-repeat 195px 50%;
	color:#CC3399;
	display:block;
	float:left;
	font-size:1.2em;
	padding:7px 0 7px 10px;
	text-decoration:none;
	width:207px;
	font-weight:bold;}

#leftNav li span.leftNavNoLinks{
	cursor:default;}

#leftNav li:hover a,
#leftNav li a.active,
#leftNav li:hover span,
#leftNav li span.active{
	background:#CC3399 url(../graphics/left_nav_link_arrow_wht.gif) no-repeat 195px 50%;
	color:#FFF;
	width:207px;}



#leftNav ul.dropMenu{
	clear:both;
	display:none;
	float:left;
	left:217px;
	list-style:none;
	margin-left:0px;
	/*padding:10px 0 5px;*/
	position:absolute;
	/*top:-1px;*/
	width:190px;
	padding-bottom:7px;
	background:url(../graphics/left-nav-sub-bgr.gif) no-repeat left bottom;
	top:0;
	}

#leftNav li:hover ul.dropMenu{
	display:block !important;}

#leftNav ul.dropMenu li{
	border:none;
	clear:both;}

#leftNav ul.dropMenu li a{
	color:#fff;
	display:block;
	float:left;
	font-size:1.1em;
	padding:7px 0 7px 10px;
	text-decoration:none;
	width:180px;}

#leftNav ul.dropMenu li a:hover{
background:#990066;
	color:#FFF;}

/* Left Nav Have a Question */
.haveQuestion p strong, .haveQuestion p em, .haveQuestion p a{
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	width:210px;
}
.haveQuestion p strong{
	background:url(../graphics/have-question-title.gif) no-repeat;
	padding:30px 0 0 0 !important;}

.haveQuestion p em{
	padding:33px 0 0 0 !important;}

.haveQuestion p.callTrack2203 em{background:url(../graphics/have-question-tel-2203.gif) no-repeat;}
.haveQuestion p.callTrack2204 em{background:url(../graphics/have-question-tel-2204.gif) no-repeat;}
.haveQuestion p.callTrack2205 em{background:url(../graphics/have-question-tel-2205.gif) no-repeat;}

.haveQuestion p a{
	background:url(../graphics/have-question-button.gif) no-repeat !important;
	padding:37px 0 0 0 !important;}

.blueHeading{ color:#0099CC; font-size:1.8em; font-weight: bold;}
.redheading{ color:#990066; font-weight:bold;}

/* FREE WEDDINGS BY EDMONDO */


.AccHotelListItem .weddingPrice {
	width:396px !important;
	}

.AccHotelListItem .hotelPrice {
	width:396px !important;
	}

.AccHotelListItem {
	border-bottom:1px solid #DDDDDD;
	float:left;
	margin:0 0 15px;
	padding:0 0 15px;
	width:606px;
	}

.AccHotelListItem img{
	float:left;
	width:170px;
	}

.AccHotelListItem h2 {
	float:right;
	font-weight:bold;
	padding:5px 0 20px;
	width:406px;
	}

.AccHotelListItem p {
	clear:none;
	float:right;
	line-height:1.35em;
	padding:3px 0 5px;
	width:406px;
	}
		
.AccHotelListItem h2 a {
	display:block;
	font-weight:bold;
	text-decoration:none;
	}
.bannerContainerLeft{ width:308px; float:left;}
.bannerContainerRight{ width:308px; float:left; padding-left:10px;}
.textHighlight{color:#CC3399; font-size:1.4em; font-weight:bold;}