@import url("xstandard.css");
@import url("menu-h.css");
@import url("forms.css");
@import url("../corners/corners.css");
@import url("jquery.lightbox-0.5.css");
@import url("jquery-ui-1.7.2.custom.css");
@import url("galleryCarousel.css");

/* All styles that the user can add via Xstandard should appear in xstandard.css */
body {
	font-size:0.8em; 
	background:#122d86; 
	border-top:14px solid #001b2f; 
/*	border-bottom:31px solid #001b2f; */
	color:#FFF;
	padding:0 0 31px;	
}
img#bg {position:fixed; z-index:0; width:100%;}

/* Page building styles */
div#wrap { width:980px; margin:0 auto;position:relative; z-index:1;}
div#tmpBanner {position:absolute; top:154px; right:3px; z-index:999;}
div#header { width:100%; z-index:2; background:url(/cms/outertemplates/images/ContentTop.gif) bottom no-repeat; padding:0 0 10px;}
	img#logo { float:right; }
	p#subHeader {
		color:#FFFFFF;
		float:left;
		font-family:Helvetica;
		font-size:1.8em;
		padding-left:35px;
		padding-top:60px;
		text-transform:uppercase;
	}
	div#fixedLinks {position:absolute; left:34px; top:-14px; width:183px; height:29px; line-height:29px; background:url(/cms/outertemplates/images/fixedlinksbg.gif) no-repeat;}
	div#fixedLinks ul {margin:0; float:left;}
	div#fixedLinks li {display:inline; list-style:none; border-left:1px solid #FFF; padding-left:4px;}
	div#fixedLinks li.first {border-left:0; margin-left:10px;}
	div#fixedLinks a {color:#FFF;}
	div#fixedLinks a#searchLink{float:left; padding:6px;}
	
	/* Text resizing styles */
	#widgets {float:right;}
	#widgets li {display:inline;}
		#smallText { font-size:0.8em; } /* This should match the font size of the body tag */
		#mediumText { font-size: 1.9em; }
		#largeText { font-size:1.0em; font-weight:bold; }
		
		.smallText { font-size:0.8em; } /* This should match the font size of the body tag */
		.mediumText { font-size: 1.2em; }
		.largeText { font-size:1.6em; }
		
div#middleWrap { 
	width:960px;
	padding:0 10px 10px; 
	background:#001829; 
	margin:0 auto; 
	overflow:hidden; 
}
div#leftCol { width: 190px; float:left; border: 1px dashed black; padding:5px;}
div#content { width:662px; float:left; background:#03233a; padding:10px; margin:10px 0 10px; position:relative;}
div#content > div.corner {background-image:url(/cms/outertemplates/images/contentCorners.gif);}
    div#content.white { background:#fff;color:#000;}
    div#content.white > div.corner {background-image:url(/cms/outertemplates/images/contentCornersWhite.gif);}


#home #moreWidgets {float:right; clear:right;}
#home #fbWidget {background:#fff;}
#home #weatherWidget {float:right; clear:right;}
#home div#homeContent { width:440px; padding:0 10px; }
	div#homeFeature {margin:0 0 10px; position:relative; width:960px; height:545px;}
	div#homeFeature img {width:960px; height:545px;}
	div#homeCarousel {float:right;}
	div#contentHeader {position:relative; margin:0 auto; width:955px;}
	div#contentHeader img {display:block;}
	div#contentFooter {width:928px; height:48px; background:url(/cms/outertemplates/images/footerbg.gif) no-repeat; clear:both; padding:11px 12px 12px; position:relative;}
	div#contentFooter img {padding:0 3px;}
		div#newsletter {border-left:1px solid #001b2f; position:absolute; top:10px; right:10px; padding-left:15px;}
		div#newsletter p {}
		div#newsletter span.txtEmail {vertical-align:middle; background:url(/cms/outertemplates/images/txtNewsletterEmail.gif) no-repeat; width:215px; height:24px; display:inline-block;}
		div#newsletter span.txtEmail input {background:none; border:none; color:#4788ba; padding:4px 10px; width:195px; height:16px;}
		div#newsletter input {vertical-align:middle;}
div#rightCol { width: 250px; float:left; padding:9px; margin:0 0 0 8px; background:#001321; position:relative;}
div#rightCol > div.corner {background-image:url(/cms/outertemplates/images/rightColCorners.gif);}
	div.rightBox {position:relative; margin:0 0 10px; color:#4788ba; z-index:5;}
	div.rightBox h2 {
		width:235px; 
		height:41px; 
		line-height:41px; 
		background:url(/cms/outertemplates/images/sidebar/header.png) no-repeat; 
		padding-left:15px;
		margin:0; 
		font-weight:normal;
		position:relative;		
		z-index:5;
	}
	div.rightBox h2 a {display:block;}
	div.rightBoxContent {
		background:#03253d url(/cms/outertemplates/images/sidebar/sidebarbtm.gif) bottom no-repeat;
		position:relative;
		z-index:1;
		padding:35px 10px 10px;
		margin-top:-25px;
		width:230px;
	}
	div.rightBox a.toggle, div.rightBox a.go {
		width:250px;
		height:41px;
		position:absolute;
		z-index:6;
		top:0px;
		right:0px;
		overflow:hidden;
		text-indent:-999em;
		background-position:215px 5px;
		background-repeat:no-repeat;
	}
	a.fb, a.twitter {
		width:34px;
		height:41px;
		position:absolute;
		z-index:6;
		top:0px;
		right:0px;
		overflow:hidden;
		text-indent:-999em;
		background-position:0 5px;
		background-repeat:no-repeat;
	}
	a.twitter {width:70px;}	
	ul.fishLogos {margin:0;}
	ul.fishLogos li {display:inline;}
	
	#facebook h2, #facebook a {color:#51a6e2;}
	#facebook a.fb {background-image:url(/cms/outertemplates/images/sidebar/facebook.gif);}
	#facebook a.twitter {background-image:url(/cms/outertemplates/images/sidebar/twitter.gif);}
	
	#quickEnquiry h2, #quickEnquiry a {color:#fdad00;}
	#quickEnquiry a.expand {background-image:url(/cms/outertemplates/images/sidebar/orange-expand.gif);}
	#quickEnquiry a.collapse {background-image:url(/cms/outertemplates/images/sidebar/orange-collapse.gif);}
	#quickEnquiry a.go {background-image:url(/cms/outertemplates/images/sidebar/orange-go.gif);}
	
	#checkAvailability h2, #checkAvailability a {color:#d50101;}
	#checkAvailability a.expand {background-image:url(/cms/outertemplates/images/sidebar/red-expand.gif);}
	#checkAvailability a.collapse {background-image:url(/cms/outertemplates/images/sidebar/red-collapse.gif);}
	#checkAvailability a.go {background-image:url(/cms/outertemplates/images/sidebar/red-go.gif);}
	
	#otherProperties h2, #otherProperties a {color:#00bffd;}
	#otherProperties a.expand {background-image:url(/cms/outertemplates/images/sidebar/blue-expand.gif);}
	#otherProperties a.collapse {background-image:url(/cms/outertemplates/images/sidebar/blue-collapse.gif);}
	#otherProperties a.go {background-image:url(/cms/outertemplates/images/sidebar/blue-go.gif);}
	
	#amenities h2, #amenities a {color:#6ad22e;}
	#amenities a.expand {background-image:url(/cms/outertemplates/images/sidebar/green-expand.gif);}
	#amenities a.collapse {background-image:url(/cms/outertemplates/images/sidebar/green-collapse.gif);}
	#amenities a.go {background-image:url(/cms/outertemplates/images/sidebar/green-go.gif);}
	
	#guestReviews h2, #guestReviews a {color:#ef01ed;}
	#guestReviews a.expand {background-image:url(/cms/outertemplates/images/sidebar/purple-expand.gif);}
	#guestReviews a.collapse {background-image:url(/cms/outertemplates/images/sidebar/purple-collapse.gif);}
	#guestReviews a.go {background-image:url(/cms/outertemplates/images/sidebar/purple-go.gif);}
	
div#breadcrumb { clear:both; overflow:hidden; margin:5px 0; border-bottom:1px solid #022e50; overflow:hidden;}
div#breadcrumb p { float:left; margin:0; padding:5px 0 5px 5px; color:#4788BA;}
div#breadcrumb ul { float:left; padding: 5px 5px 5px 0; margin:0;}
div#breadcrumb li { display:inline; padding-left:16px; background:url(/cms/outertemplates/images/breadcrumb.gif) 4px 4px no-repeat; }
div#breadcrumb li.first {padding-left:5px; background:none;}

div#footer { font-size:0.9em; overflow:hidden; color:#4788ba; background:#00121f url(/cms/outertemplates/images/ContentBtm.gif) top no-repeat; padding:15px 0 0;}
div#footerBtm { background: url(/cms/outertemplates/images/footerBtm.gif) bottom no-repeat; height:10px;}
div#footer p { float:left; margin:0; display:inline; padding-left:15px; line-height:22px; }
div#footer p img {vertical-align:middle;}
div#footer div.footerText p { float:none; display:block; margin:0 0 0.8em; padding-left:0; line-height:1.7em; }
div#footer ul.footerLinks {float:right; margin:5px 0 0; display:inline; padding-right:15px;}
div#footer ul.footerLinks li {display:inline;}
div#footer ul.footerLinks li a {margin-right:4px; padding-right:12px; background: right 3px no-repeat;}
div#footer ul.footerLinks li a.lnkRed {color:#ee2901; background-image:url(/cms/outertemplates/images/downarrow-red.gif);}
div#footer ul.footerLinks li a.lnkGreen {color:#4acc0b; background-image:url(/cms/outertemplates/images/downarrow-green.gif);}
div#footer ul.footerLinks li a.lnkBlue {color:#1491fb; background-image:url(/cms/outertemplates/images/downarrow-blue.gif);}
div#footer ul.footerLinks li a.lnkOrange {color:#e9b000; background-image:url(/cms/outertemplates/images/downarrow-orange.gif);}

div#footer div.footerText {clear:both; padding:5px 15px; display:none; width:950px;}
div#footer div.footerText a.footerClose {float:right; text-transform:uppercase;}
div#footer div.footerText a {text-decoration:none;}
div#footer div.footerText a:hover {color:#FFF;}
div.footerRed, div.footerRed a {color:#ee2901;}
div.footerGreen, div.footerGreen a {color:#4acc0b;}
div.footerBlue, div.footerBlue a {color:#1491fb;}
div.footerOrange, div.footerOrange a {color:#e9b000;}


div#news ul { margin: 5px 5px 5px 25px; }
div#skipLinks {position:absolute; left:-9999px;}

div.left, input.left { float:left; }
div.right, input.right { float:right; }

div.clear { clear:both; }

div.left2Col { float:left; width:50%; }
div.right2Col { float:right; width:50%; }

/* Clearfix for non ie browsers */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
/* End of Clearfix */



/***************************************
**             Carousel               **
***************************************/
div#carousel {
	width:493px;
	height:116px;
	background:url(/cms/outertemplates/images/carouselbg.gif);
	position:relative;	
	margin:0 0 10px;
}

a.CarouselPrev, a.CarouselNext {
	width:26px;
	height:26px;
	position:absolute;
	top:50%;
	margin-top:-13px;
	background-image:url(/cms/outertemplates/images/carouselbuttons.png);
	overflow:hidden;
	text-indent:-999em;
	z-index:2;
	cursor:pointer;
}

a.CarouselPrev {background-position:top left; left:10px;}
a.CarouselPrev:Hover {background-position:bottom left; background-color:Transparent;}

a.CarouselNext {background-position:top right; right:10px;}
a.CarouselNext:Hover {background-position:bottom right; background-color:Transparent;}

div#carouselInner {
	height:100px;
	margin:0 37px 0 36px;
	position:relative;
	padding:7px 0 0;
	width:420px;
	overflow:hidden;
}

ul#carouselList {
	position:relative;
	overflow:hidden;
	margin:0;	
}

ul#carouselList li {
	float:left;
	display:inline;
	width: 200px;
	height: 100px;
	background:none;
	color:#FFF;
	margin:0 5px;
}

ul#carouselList h2 {
	border:0;
	color:#FFF;
	font-family:Trebuchet MS;
	font-size:1.9em;
	font-weight:bold;
	line-height:1em;
	margin:0 0 0.5em 0;
}
ul#carouselList h3 {
	color:#FFF; 
	border:0; 
	margin:0 0 0.5em;
	font-family:Arial;
	font-size:1.6em;
}
ul#carouselList td {vertical-align:top;}
ul#carouselList p {
	color:#9f9f9f;
	font-size:1.4em;
	margin:0 0 0.5em;
}

ul#carouselList a.findOutMore {
	color:#f4862d;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
}

ul#carouselList a.findOutMore:hover {color:#FFF; background:none;}

/****************************
** Gallery Carousel Styles **
****************************/

img#featuredImg {display:block;}	
#galleryWrap li img {width:176px; height:100px; display:block;}
#galleryWrap li {position:relative; padding:0 4px;}
#galleryWrap li a {display:block; width:176px; height:100px;}
#galleryWrap li div.corner {background-image:url(/cms/outertemplates/images/corners1.png);}
#galleryWrap li div.tl, #galleryWrap li div.bl {left:4px;}
#galleryWrap li div.tr, #galleryWrap li div.br {right:4px;}
a#GCNext, a#GCPrev {position:relative; margin:0 auto; top:0; left:0; display:block;}
table#GCCarousel {margin:15px auto; border-collapse:collapse; width:622px;}
table#GCCarousel td {border:0; overflow:hidden; vertical-align:middle; height:100px;}

div.gallery {clear:both;}
div.gallery div.box {float:left;position:relative; width:212px; height:154px; margin:1px;}
div.gallery div.box a.imageMask {
	display:block; 
	width:212px; 
	height:44px; 
	background:url(/cms/outertemplates/images/galleryItemMask.png) top left no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:4;
	font-size: 0.8em;
}
div.gallery div.box a {color:#FFF; padding-top:110px; text-align:center;}
div.gallery div.box img {opacity:0.5;}
div.pager {clear:both; text-align:center; padding:5px 0;}
div.pager li {display:inline; padding:0 4px;}
div.imagePreview {
	position:absolute;
	width:465px;
	height:327px;
	z-index:10;
	margin-top:-367px;
	margin-left:-233px;
	left:-999em;
}
div.imagePreview div.mask {
	position:relative;
	width:465px;
	height:327px;
	background:url(/cms/outertemplates/images/galleryItemMaskFull.png) top left no-repeat;
	z-index:2;
}
div.imagePreview div.imagePreviewBG img {
	height:276px;
}

div.imagePreview div.imagePreviewBG {
	background:#FFF;
	position:absolute; 
	top:25px; 
	left:28px; 
	z-index:1; 
	width:410px; 
	height:276px;
	text-align:center;
	overflow:hidden;
}

div#homeCarousel {
	width:454px;
	/*background:url(/cms/outertemplates/images/carouselbg.gif);*/
	background:#001321;
	position:relative;	
	margin:0 0 10px;
	padding:10px 0;
}

div#homeCarousel #galleryWrap div.corner {display:none;}
div#homeCarousel #galleryWrap li div.corner {display:block;}
div#homeCarousel #galleryWrap li {padding:0;}
div#homeCarousel #galleryWrap li a {padding:8px;}
div#homeCarousel #galleryWrap li div.tl {top:8px; left:8px;}
div#homeCarousel #galleryWrap li div.tr {top:8px; right:8px;}
div#homeCarousel #galleryWrap li div.bl {bottom:8px; left:8px;}
div#homeCarousel #galleryWrap li div.br {bottom:8px; right:8px;}


div#homeCarousel table#GCCarousel {width:auto; margin:0 auto;}

div.hidden h2 {margin-bottom:0.2em;}
div.hidden a.showHideBlock {color: #fff; background:url(/cms/outertemplates/images/bg-hbClosed.gif) 0 no-repeat; display:block; padding:7px 10px; font-weight:normal; font-size:0.8em;}
    div.hidden a.open {background:url(/cms/outertemplates/images/bg-hbOpen.gif) 0 no-repeat;}
div.hidden a.showHideBlock:hover {text-decoration:none;}
div.hidden div.hbPadding {padding:0 10px;}

div.blankTmp p {margin:0;}