/*--------------------------------------------------------------------------*/
/*****COMPONENT RTE*****/
/*--------------------------------------------------------------------------*/
.componentRTE {margin-bottom:20px;}

.getstarted { background: transparent url(../images/bg/tile0_get-started.png) no-repeat scroll 0 0; padding-top: 45px; height:131px; }

/*--------------------------------------------------------------------------*/
/*****COMPONENT HOMEPAGE FLASH*****/
/*--------------------------------------------------------------------------*/
.componentHomeFlash {width:950px; overflow:hidden; position:relative; height: 330px;}
.componentHomeFlash h1 {margin:0px; position:relative; height: 330px; }
.componentHomeFlash h1 a {position:absolute; bottom:0px; left:0px;}

/*--------------------------------------------------------------------------*/
/*****COMPONENT SUB NAVIGATIONS*****/
/*--------------------------------------------------------------------------*/
.componentSubNav {margin-bottom:20px; width: 260px;}
.componentSubNav .bottom {height:5px; font-size:0.1em;}
.componentSubNav ul {margin-bottom:15px; }
.componentSubNav li {list-style:none; margin:0px; font-size:1.25em;}
.componentSubNav li.section {font-size:1em; font-weight:bold; padding-left:20px;}
.componentSubNav li a {display:block; width:202px; height:auto; padding:7px 7px 7px 20px; margin:0px 1px; line-height:1.4em; color: #39adde;}
.componentSubNav li a:hover {text-decoration:none; color: #666;}
.componentSubNav li.selected { background-color:#F5FAFD; }
.componentSubNav li.selectedTwoLines a {height:48px; padding:8px 10px 0px 30px;}
.componentSubNav .middle { background:transparent url(../images/bg/subnav_heading.png) no-repeat scroll 0 0;}
.componentSubNav .middleNoBig {display:inline-block;}
.componentSubNav h2 { font-size: 1.6em; margin-bottom: 0; padding: 12px 20px; text-align: left; font-weight:normal; }
.componentSubNav h2 a { color: #4fb7e3; }
.componentSubNav .middle li { background-image: url(../images/template/arrow_subnav.gif);background-repeat: no-repeat; background-position: 220px center;  height: 38px; line-height: 38px;}
.componentSubNav .middle li.sep { height: 1px; background: transparent url(../images/template/blue_sep.gif) no-repeat scroll 0 0; width: 100%;  font-size: 0; line-height:0; white-space:nowrap;}

/**overwrite the template
/*--------------------------------------------------------------------------*/
.componentSubNav .containerGetStarted{ background: transparent url(../images/bg/tile11_get-started.png) no-repeat scroll 0 0; width: 261px; height: 160px; padding-top: 40px;}
.componentSubNav .containerGetStarted li { height: 35px;}
.componentSubNav .containerGetStarted li a { line-height: 1.2em; font-size: 1em; }
.componentSubNav .containerGetStarted  ul { margin-bottom:10px;}


.componentSubNav .gallery { background: transparent url(../images/bg/subnav_gallery.png) no-repeat scroll left top; width: 260px; height: 145px; margin-top: 15px;}
.componentSubNav .gallery a { display:block; width: 260px; height:145px; text-indent: -999em;}


.tTwoColumns .breadcrumbs a{ color: #39ADDE; }
.tTwoColumns .breadcrumbs a:hover { color: #666;}

/*rte*
--------------------------------------------------------------------*/
.rte {line-height:1.4em; font-size: 1.2em; margin-bottom: 15px;}
.rte h1 {font-size:2.15em; font-weight:normal; line-height:normal; color: #666;}
.rte h2 {font-size:1.5em; font-weight:normal; line-height:normal;} 
.rte h2 a { color: White;}
.rte h2 a:hover { color:white; text-decoration: none;}
.rte h2.subtle {font-size:1.4em; line-height:1.2em;}
.rte h2.sectionHeading {padding:12px; margin-bottom:20px; 
	background:white url('../images/bg/sectionHeadingH2.png') repeat-x 0px bottom;}
.rte h3 {font-size:1.15em; line-height:1.3em; font-weight:bold; }
.rte li, .rte ol ul li {list-style-type:disc; list-style-position:outside; margin:0px 0px 0px 30px;}
.rte li.noListType {list-style-type:none;}
.rte ol li, .rte ol ol li {list-style-type:decimal;}
.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,.rte p,.rte ul,.rte ol,.rte dl,.rte fieldset,.rte table {margin-bottom:15px;}
.rte table table {margin-bottom:0px;}
.rte p.intro {font-size:1.15em; line-height:1.3em;}
.rte .center {text-align:center;}
.rte .noMargin {margin-bottom:5px;}
.rte .borderBottom {padding-bottom:15px; border-bottom:1px solid #e5e5e5;}
.rte td {vertical-align:top;}
.rte ul ul, .rte ol ul {margin:5px 0px;}
.rte a:hover {text-decoration:underline;}

.rte table { margin-bottom: 15px; }
.rte table#tblRates { width: 100%; margin-bottom: 15px; border: 1px solid #ccc;}
.rte table#tblRates tr.pagetext{ background: transparent url(../images/template/horizonal_sep.gif) repeat-x scroll bottom center;}

.rte table table { border:none; margin-bottom: 0;}
.rte table#tblRates th { background: #f5fafd url(../images/template/horizonal_sep.gif) repeat-x scroll bottom center; font-size: 1.5em; padding: 15px; }
.rte  a{ color: #39ADDE; }
.rte  a:hover { color: #666;}

/* accomodation*/
.rte .accommFormSearch-bookingPanel {font-size: 12px; background-color: #ffffff; width: 261px; text-align: left; border: 1px solid #ececec; margin-top: 0px; padding: 7px; color:#888;  font-family:Arial,Verdana,Sans-Serif; }
.rte .accommFormSearch-bookingHead2 { line-height: 150%;  font-family:Arial,Verdana,Sans-Serif; font-size: 15px; font-style: normal; font-weight: bold; text-decoration: none; color:#888; }
.rte .accommFormSearch-bookingText  { 
  font-family:Arial,Verdana,Sans-Serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color:#888;
	padding-right: 8px;
}
.rte .accommFormSearch-bookingSmall { color:#888; font-size: 1.1em; padding: 2px; }

.rte .accommFormSearch-rangeValid    { color: red; font-weight: bold; font-size: 8.5pt; text-align: center; border: none; width: 132px; background-color: #efa84e; }
.rte .accommFormSearch-rangeInvalid  { color: red;   font-weight: bold; font-size: 8.5pt; text-align: center; padding: 2px; border: none; width: 132px; background-color: #efa84e; }
.rte .accommFormSearch-bookingSelect { color:#888; font-style: normal; width: 40px; font-weight: normal; font-size: 1.1em;  font-family:Arial,Verdana,Sans-Serif; text-decoration: none; margin: 1.5px; padding: 0px; border: none 0px green; }
.rte .accommFormSearch-bookingSelect-Larger { color:#888; font-style: normal; width: 65px; font-weight: normal;  font-size: 1.1em;  font-family:Arial,Verdana,Sans-Serif; text-decoration: none; padding: 0px; border: none 0px green; }



/*Component Accommodation
----------------------------*/
.componentAccom { }
.categoryList { border-top: 1px solid #e7e5e5; }

.categoryList .item{ padding: 15px; background: #f5fafd url(../images/template/horizonal_sep.gif) repeat-x scroll bottom center;}
.categoryList .last { background-image:none; }
.categoryList .even { background-color: #fff;}

.item .right { float: left; display:inline; width: 500px; }
.item h2 { color: #666; font-size: 1.8em; float:left; font-weight:normal; line-height: 1em; margin-bottom: 10px;}
.item .smallThumb { display:inline; float:left; margin-right: 17px; width: 95px; height: 95px; }
.item .largeThumb { display:inline; float:left; margin-right: 17px; width: 130px; height: 130px; }
.item .shortDesc  { clear:both; font-size: 14px; line-height: 1.4em; margin-bottom:7px;}
.item .read_more {  color: #39ADDE; font-size : 1.2em; font-weight: bold; padding: 5px 0; }



/*
Component Media
=----------------------*/
.componentMedia { }
.componentMedia .right{ width: 450px;}
/*Gallery Summary on other pages
------------------------------------------------*/
.gallerySummary { background-color:#f5fafd; padding: 20px; position: relative;}
.gallerySummary h2 { font-size: 1.5em; font-weight: normal;color: #666; background: transparent url(../images/template/footer_nav_sep.gif) repeat-x scroll center bottom;  padding-bottom: 10px;}
.gallerySummary .note { position: absolute; font-size: 1em; top: 20px; right: 25px;}
.gallerySummary .imgSet { margin: 0 auto; width: 580px; padding-top: 15px;}
.gallerySummary .img { background: transparent url(../images/gallery/imgShadwoBg.png)  no-repeat scroll center center; padding:2px 5px; margin: 5px; width:125px; display: inline; float: left;}


/*Gallery
-------------------------------------------------*/
.componentGallery {line-height:1.4em; font-size: 1.2em; color: #666; }
.componentGallery h1 {font-size:2.15em; font-weight:normal; line-height:normal; color: #666;}
.componentGallery h2 {font-size:1.2em; font-weight:bold; line-height:normal; background: #f5fafd url(../images/template/horizonal_sep.gif) repeat-x scroll bottom center; padding: 0 20px 7px 20px;}
.componentGallery .note { position: absolute; font-size: 0.9em; top: 20px; right: 25px;}
.componentGallery .detailImage{width:100%;padding:30px 0 10px; text-align:left; height: 430px;}
.componentGallery .sliderImages{width:630px; height: 170px; background-color: #f5fafd; padding: 17px 0;  position:relative;}
.componentGallery .sliderImagesInner{width:33px;float:left;}
.componentGallery .sliderImages .show{position:relative;width:560px;overflow:hidden;float:left;padding:20px 0 0 5px;}
.componentGallery .sliderImages .scrollerWrapper{float:left;width:20000px;z-index:1;}
.componentGallery .rightHandler{float:left;padding:30px 0 0;}
.componentGallery .leftHandler{float:left;padding:30px 0 0;}
.componentGallery .sliderImages ul{float:left;width:555px;position:relative;}
.componentGallery .sliderImages li{float:left;padding:0 6px;}

/*Enquiries
-------------------------------------------------*/
.componentEnquiry { background-color:#f5fafd; width: 550px; padding: 25px 0 25px 70px;  }
.componentEnquiry table td { padding: 10px; }
.componentEnquiry .label { font-size: 0.95em; }
.componentEnquiry input[type=text] { font-family: Arial;  /*line-height: 28px;*/ padding: 3px; border: 1px solid #cccccc; width: 200px; margin-top: 5px;   }
.componentEnquiry textarea { font-family: Arial; padding: 3px; border: 1px solid #cccccc;  margin-top: 5px; font-size: 1em;}
.componentEnquiry .submit { background: transparent url(../images/button/submit.png) no-repeat scroll 0 0; display:block; width: 135px; height: 45px; text-indent: -999em; border:none; cursor: pointer;}
/*--------------------------------------------------------------------------*/
/*****SHADOWBOX*****/
/*--------------------------------------------------------------------------*/
#shadowbox_overlay {visibility:hidden; display:block; margin:0; padding:0; 
	position:absolute; top:0; left:0; z-index: 998;}
#shadowbox_container {position:fixed; top:0; left:0; z-index:999; width:100%; height:0px; 
	margin:0; padding:0; text-align:center;}
#shadowbox {display:none; visibility:hidden; margin:0 auto; padding:20px; 
	position:relative; z-index:999; font-family:inherit; text-align: left; background-color: #fff;}
#shadowbox_toolbar {width:28px; height:28px; margin:0; padding:0;
	position:absolute; top:7px; right:7px; z-index:1500 !important;}
#shadowbox_toolbar_inner div#shadowbox_nav_close {padding:0px;}
#shadowbox_toolbar_inner div#shadowbox_nav_close a#close {display:block;}
#shadowbox #shadowbox_title {height:auto; padding:0;}
#shadowbox #shadowbox_title_inner {display:block; height:auto; padding:0px 0px 10px 0px; 
	white-space:nowrap; font-size:16px;  font-weight:normal; color:#999;}
#shadowbox #shadowbox_title_inner span {display:block; text-transform:none;}
#shadowbox_body {position: relative; z-index:1000; overflow:hidden; 
	margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; color:#000; border:0px;}
#shadowbox_body_inner {position: relative; overflow: hidden; z-index:1000;}
#shadowbox_content.html {width:100%; height:100%; overflow:auto;}
#shadowbox_loading {position: absolute; top:0; left:0; height:100%; width:100%;}
#shadowbox_loading img {display:none;}
#shadowbox_loading span {float:left; margin-top:16px; font:normal 11px Arial;}
#shadowbox_loading span a,#shadowbox_loading span a:link,#shadowbox_loading span a:visited {color:#fff;}
#shadowbox_counter {float:left; padding-left:10px;}
#shadowbox_counter a {padding: 0 4px 0 0;}
#shadowbox_counter a.shadowbox_counter_current {text-decoration:underline; font-weight: bold;}
div.shadowbox_message {text-align:center; padding:10px;}
div.shadowbox_message a:link,div.shadowbox_message a:visited {text-decoration:none; color:White; font-weight:bold;}
div.shadowbox_message a:hover,div.shadowbox_message a:focus {text-decoration:underline;}
#shadowbox_toolbar_inner div#shadowbox_nav_close a#close {width:28px; height:28px; 
	background:transparent url('../images/Close.png') no-repeat top left;}
#shadowbox_content.html a {color:#520707;}
#shadowbox_loading {background: #fff url('../images/shadowboxLoading.gif') no-repeat center center;}


.rte li, .rte ol ul li {list-style-type:disc; list-style-position:outside; margin:0px 0px 0px 25px;}
.getstarted { background: transparent url(../images/bg/tile1_get-started.png) no-repeat scroll 0 0; padding-top: 45px; height:323px; }
.mediaLogin{}
.mediaLogin p{padding:5px;font-size:10.5px;} 
.mediaLogin p a{color:#4FB7E3;} 
.mediaLogin table{margin:5px 0;}
.mediaLogin table td{line-height:30px;}
.mediaLogin table td.label{padding-left:10px;font-size:11px;width:75px;}
.mediaLogin table td input[type="text"], .mediaLogin table td input[type="password"]{border:1px solid #CCCCCC;padding:2px;width:160px;}
.mediaLogin .loginBtn{display:block;padding:10px 10px 0 0px;float:right;}

.gallery li{display:inline;float:left;list-style-type:none;margin:0 10px 12px 0;text-align:center;width:150px;}
.gallery li img {display:block;padding-bottom:3px;}
.accommFormSearch-bookingPanel {
background-color:#FFFFFF;border:1px solid #ECECEC;color:#888888;font-family:Arial,Verdana,Sans-Serif;margin-top:0;padding:7px;text-align:left;width:261px;}

/*-------------------------------------------------
    Specials
-------------------------------------------------*/
.specials{padding:0 15px 0 0;}
.specials h1{font-size:18px;font-weight:bold;}
.specials h2{font-size:14px;margin:0px;color:#39ADDE;}
.specials p{font-size:12px;}
.specials .specials_inner{padding-right:15px;}
.specials a.image{display:block;padding-left:30px;}

.specials .specials_under{padding:10px 20px;background: transparent url(../images/bg/footerBg.png) repeat-x scroll 0 0;}
.specials .specials_under h4{line-height:1.2em;}
.specials .specials_under ul li{float:left;font-size:11px;width:180px;}


/*-------------------------------------------------
    Gallery
-------------------------------------------------*/
/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
.avatarGallery div.content {display: block;width: 700px;background:none;padding:20px 0 0; margin:0;}
.avatarGallery div.content a, .avatarGallery div.navigation a {text-decoration: none;color: #777;}
.avatarGallery div.content a:focus, div.content a:hover, .avatarGallery div.content a:active {text-decoration: underline;}
.avatarGallery div.controls {margin-top: 5px;height: 23px; position:absolute;z-index:9999;}
.avatarGallery div.controls a {padding: 5px;display:block;}
.avatarGallery div.ss-controls {float: left;display:none;}
.avatarGallery div.nav-controls {width:628px;margin-top:170px;}
.avatarGallery div.nav-controls a.prev{float:left;}
.avatarGallery div.nav-controls a.next{float:right;}
.avatarGallery div.slideshow-container {position: relative;clear: both;height: 430px; /* This should be set to be at least the height of the largest image in the slideshow */}
.avatarGallery div.loader {position: absolute;top: 0;left: 0;background-image: url('../images/shadowboxLoading.gif');background-repeat: no-repeat;background-position: center;
	width: 550px;height: 430px; /* This should be set to be at least the height of the largest image in the slideshow */}
.avatarGallery div.slideshow {}
.avatarGallery div.slideshow span.image-wrapper {display: block;position: absolute;top: 0;left: 0;}
.avatarGallery div.slideshow a.advance-link {display: block;width: 628px;text-align: center;
	height: 430px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 0px; /* This should be set to be at least the height of the largest image in the slideshow */}
.avatarGallery div.slideshow a.advance-link:hover, .avatarGallery div.slideshow a.advance-link:active, .avatarGallery div.slideshow a.advance-link:visited {text-decoration: none;}
.avatarGallery div.slideshow img {vertical-align: middle;}
.avatarGallery div.download {float: right;}
.avatarGallery div.caption-container {position: relative;clear: left;height: 0px;} /*no caption needed*/
.avatarGallery span.image-caption {display: block;position: absolute;width: 550px;top: 0;left: 0;}
.avatarGallery div.caption {padding: 12px;}
.avatarGallery div.image-title {font-weight: bold;font-size: 1.4em;}
.avatarGallery div.image-desc {line-height: 1.3em;padding-top: 12px;}
.avatarGallery div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
.avatarGallery ul.thumbs {clear: both;margin: 0;padding: 0;}
.avatarGallery ul.thumbs li {float: left;padding: 0;margin: 5px 10px 5px 0;list-style: none;}
.avatarGallery a.thumb {padding: 0px;display: block;border: 1px solid #ccc;}
.avatarGallery ul.thumbs li.selected a.thumb {background: #000;}
.avatarGallery a.thumb:focus {outline: none;}
.avatarGallery ul.thumbs img {border: none;display: block;}
.avatarGallery div.pagination {clear: both;}
.avatarGallery div.navigation div.top {margin-bottom: 12px;height: 11px;}
.avatarGallery div.navigation div.bottom {margin-top: 12px;}
.avatarGallery div.pagination a, .avatarGallery div.pagination span.current, .avatarGallery div.pagination span.ellipsis {
display: block;float: left;margin-right: 2px;padding: 4px 7px 2px 7px;border: 1px solid #ccc;}
.avatarGallery div.pagination a:hover {background-color: #eee;text-decoration: none;}
.avatarGallery div.pagination span.current {font-weight: bold;background-color: #000;border-color: #000;color: #fff;}
.avatarGallery div.pagination span.ellipsis {border: none;padding: 5px 0 3px 2px;}