/* CSS Document */

/* FJB Hotels | CSS document | Strangecorp */
/* Jim Rixon | Senior Developer | Strange Corporation */

/* --- DEFAULT STYLING --- */

html, body {
	/* height: 100%; --- SET FOR FIXED FOOTER --- */
	}

body * {
	/* --- CLEARS DEFAULT MARGIN & PADDING FOR ALL CHILD ELEMENTS --- */
	margin: 0;
	padding: 0;
	}
	
body {		
	background-color: #f8f5ec; /* --- DEFAULT BACKGROUND COLOUR --- */
	color: #292929; /* --- DEFAULT FOREGROUND (TEXT) COLOUR --- */
			
	font-family: Arial, Helvetica, sans-serif; /* --- DEFAULT FONT FAMILY --- */
	font-size: 62.5%; /* --- RESIZE BASE FONT SIZE (1em = 10px) --- */
	
	margin: 0;
	padding: 0;
	}
	
h1 {
	font-size: 3em;
	margin: 0 0 20px 0;
	}
	
h2 {
	font-size: 2.2em;
	margin: 0 0 20px 0;
	}
	
h3 {
	font-size: 1.4em;
	margin: 0 0 10px 0;
	}	

h4 {
	font-size: 1.2em;
	}

p {
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0 0 10px 0;
	}

hr {
	height: 0px;
	border: none;
	border-top: 1px solid #ddd;
	margin: 20px 0;
	}
	
a {
	color: #3e0063;
	}

a img {
	border: 0; /* --- CLEAR DEFAULT BORDER ON LINKED IMAGES --- */
	}
		

/* --- GENERIC LIST & SUB-LIST STYLING --- */
	
ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	list-style-type: square;
	}
	
	ul li {
		font-size: 1.2em;
		line-height: 1.4em;
		}
	
	ul li ul {
		margin: 5px 0 10px 0;
		padding: 0 0 0 20px;
		}
		
	ul li ul li {
		font-size: 90%;
		}
	
	ul li ol {
		margin: 5px 0 10px 0;
		padding: 0 0 0 20px;
		}
	
	ul li ol li {
		font-size: 90%;
		}

ol {
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	list-style-type: decimal;
	}
	
	ol li {
		font-size: 1.2em;
		}
		
	ol li ol {
		margin: 5px 0 10px 0;
		padding: 0 0 0 20px;
		}
		
	ol li ol li {
		font-size: 90%;
		}
	
	ol li ul {
		margin: 5px 0 10px 0;
		padding: 0 0 0 20px;
		}
		
	ol li ul li {
		font-size: 90%;
		}

/* --- GENERIC TABLE STYLING --- */
		
table {
	/*margin: 10px 0;*/
	/*border: 1px solid #aaa;*/
	/*border-collapse: collapse;*/
	/*width: 100%;*/
	}
	
	table tr {
		/*background-color: #fff;*/
		}
		
		table tr.alt {
			/* --- FOR ZEBRA STRIPING --- */
			/*background-color: #eee;*/
			}
	
	table th {
		background-color: #ccc;	
		/*border: 1px solid #aaa;*/
		/*padding: 5px;*/
		
		/*font-size: 1.2em;
		font-weight: bold;*/
		
		text-align: left;
		}
		
	table td {
		/*border: 1px solid #aaa;*/
		/*padding: 5px;
		
		font-size: 1.2em;*/
		}

/* --- GENERIC FORM STYLING --- */
		
form {
	/*-- background-color: #eee; --*/
	/*-- border: 1px solid #ccc; --*/
	/*-- margin: 40px 0 40px 30px; --*/
	margin: 0;
	padding: 0;
	}
		
	form label {
		display: block;
		float: left;
		clear: left;
		font-size: 1.2em;
		height: 2em;
		width: 160px;
		}
		
		form label.postfield {
			/* --- FOR PLACING TEXT ON THE RIGHT OF A FORM FIELD (EG. CHECKBOX) --- */
			clear: none !important;
			display: block;
			float: left;
			font-size: 1.2em;
			line-height: 1.6em;
			width: 300px !important;
			margin: 0 0 20px 8px; /* --- margin: 0 0 20px 8px; --- */
			padding-top: 3px;
			}
		
	form input {
		float: left;
		}
	
		form input.textfield {
			font-size: 1.2em;
			padding: 1px 2px;
			width: 200px;
			}
			
		form input.checkbox {
			margin: 5px 0 0 0;
			}
			
		form input.radiobutton {
			margin: 5px 0 0 0;
			}
			
		form input.submitbutton {
			background: url(/images/shared/buttons/btn_purplebg.jpg) no-repeat;
			display: block;
			clear: right;
			width: 157px;
			height: 32px;
			border: 0;
			font-family: "Times New Roman", Times, serif;
			font-weight: bold;
			font-size: 1.4em;
			color: #fff;
			margin: 10px 0 0 -4px;
			padding: 0 0 0 10px;
			text-align: left;
			cursor: pointer;
			}		
			
	form select {	
		float: left;
		clear: right;
		font-size: 1.2em;
		width: 206px;
		}
		
	form textarea {	
		float: left;
		clear: right;
		font-family: Arial, Helvetica, sans-serif;	
		font-size: 1.2em;
		width: 204px;
		margin: 3px 0 0 0;
		}
	
	form fieldset {
		clear: both;
		background-color: #fff;
		border: 1px dashed #ccc;
		padding: 20px;
		margin: 20px 0;
		}	

	/* --- RECAPTCHA --- */	
	
	#recaptchawrapper {
		clear: both;
		margin: 15px 0;
		}
		
		#recaptcha_widget_div {
			width: auto;
			float: left;
			}

/* --- GENERIC CONTACT FORM STYLING --- */	

#contactform {
	margin: 10px 0 0 30px;
	}
	
	#contactform p {
		margin: 20px 0 20px -30px;
		}
	
	#contactform span.required {
		font-size: 1.1em;
		color: #5D287C;
		}
		
/* --- MAILING LIST FORM STYLING --- */	

#mailinglistform {
	margin: 10px 0 0 30px;
	}	
	
	#mailinglistform p {
		margin: 20px 0 20px -30px;
		}
	
	#mailinglistform span.required {
		font-size: 1.1em;
		color: #5D287C;
		}

/* --- COMPETITION FORM STYLING --- */	

#competitionform {
	margin: 0 0 0 30px;
	}	
	
	#competitionform p {
		margin: 0 0 20px -30px;
		}
	
	#competitionform span.required {
		font-size: 1.1em;
		color: #5D287C;
		}
	
.question {
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.4em;
	}	

/* --- CAREER FORM STYLING --- */	

#careerform {
	margin: 0 0 0 30px;
	}	
	
	#careerform p {
		margin: 20px 0 20px -30px;
		}
	
	#careerform span.required {
		font-size: 1.1em;
		color: #5D287C;
		}		

/* --- GENERIC FEEDBACK FORM STYLING --- */

#feedbackform {
	margin: 0 0 0 30px;
	}
	
	#feedbackform p {
		margin: 0 0 20px -30px;
		}
	
	#feedbackform form p {
		clear: both;
		display: block;
		margin: 0 0 10px 0;
		padding: 20px 0 0 0;
		}	
	
	#feedbackform span.required {
		font-size: 1.1em;
		color: #5D287C;
		}	
	
	#feedbackform label {
		display: block;
		float: left;
		clear: left;
		font-size: 1.2em;
		height: 2em;
		width: 160px;
		margin: 0;
		padding: 2px 0 0 0;
		}
		
		#feedbackform label.fullwidth {
			width: 450px;
			margin: 20px 0 5px 0;
			}
		
		#feedbackform label.comments {
			margin: 15px 0 0 0;
			}	
		
		#feedbackform label.postfield {
			margin: 0 0 0 8px;
			}	
			
		#feedbackform label.mailinglist {
			margin: 20px 0 0 0;
			}		
		
		#feedbackform input.radiobutton {
			margin: 5px 0 0 0;
			}
		
		#feedbackform textarea {	
			margin: 20px 0 7px 0;
			}	
		
		#feedbackform span#calendaricon a {
			float: left;
			background: url(/images/fjbgroup/calendar_icon.gif) center no-repeat;
			text-indent: -10000px;
			display: block;
			height: 17px;
			width: 14px;
			margin-left: 5px;
			text-decoration: none;
			}	
		
/* --- RESTAURANTS ENQUIRY FORM STYLING --- */

#enquiryform {
	margin: 0 0 0 30px;
	}
	
	#enquiryform p {
		clear: both;
		margin: 20px 0 20px -30px;
		}
	
	#enquiryform span.required {
		font-size: 1.1em;
		color: #5D287C;
		}	
	
	#enquiryform label {
		display: block;
		float: left;
		clear: left;
		font-size: 1.2em;
		height: 2em;
		width: 160px;
		}	
		
	#enquiryform select.date, select.month, select.year, select.hours, select.minutes  {
		width: 50px;
		margin-right: 10px;
		float: left;
		}
		
	#enquiryform span#calendaricon a {
		float: left;
		background: url(/images/fjbgroup/calendar_icon.gif) center no-repeat;
		text-indent: -10000px;
		display: block;
		height: 17px;
		width: 14px;
		margin-left: 5px;
		text-decoration: none;
		}		
	
/* --- GENERIC TREATMENT FORM STYLING --- */

/* --- GENERIC CMS FORM STYLES --- */

	.required {
		/* --- REQUIRED FIELD FLAG --- */
		font-weight: bold;
		font-size: 1.4em;
		color: #f00;
		}
	
	.erroricon {
		/* --- VALIDATION ERROR ICON --- */
		color: #f00;
		font-weight: bold;
		font-size: 1.4em;
		float: left;
		margin: 0 5px;
		}
		
	#validation {
		/* --- VALIDATION MESSAGE --- */
		color: #f00;
		}
		
		#validation p {
			font-weight: bold;
			}
			
			#maincontent #validation p {
				margin: 0;
				padding: 0;
			}
			
			#maincontent #validation ul {
				margin: 5px 0 20px 20px;
				padding: 0;
				}
			
			#maincontent #validation ul li {
				background: url(/images/shared/bullets/li_bullet.gif) 6px 12px no-repeat;
				line-height: 1em;
				margin: 0;
				padding: 10px 0 0 20px;	
				}
		
/* --- CUSTOM CLASSES --- */
		
.clearboth {
	clear: both;
	}	
	
.fleft {
	float: left;
	}
	
.fright {
	float: right;
	}
	
.serif {
	font-family: "Times New Roman", Times, serif;
	}

.purple {
	color: #3e0063;
	}

.green {
	color: #01472b;
	}
	
.orange {
	color: #764301;
	}
	
.blue {
	color: #023a77;
	}
	
.yellow {
	color: #c78201;
	}

.purplebg {
	background-color: #f8f3fa;
	}

.greenbg {
	background-color: #d8e5de;
	}
	
.orangebg {
	background-color: #eee5d6;
	}
	
.bluebg {
	background-color: #e8eff7;
	}
	
.yellowbg {
	background-color: #f9f2d8;
	}	

/* --- LAYOUT DIVS --- */		

#pagewrapper {
	width: 100%;
	}
	
	#pagewrapper #utilitynavigation {
		background-color: #3e0063;
		width: 100%;
		margin: 0 auto;
		}
	
	#pagewrapper #mainnavigation {
		width: 994px;
		margin: 0 auto;
		}
	
	#pagewrapper #backgroundtexture {
		background: url(/images/shared/bg_pattern_light.gif) top repeat-x;
		}
		
		#pagewrapper #backgroundtexture #innerwrapper {
			background: url(/images/shared/bg_pattern_fade.png) top no-repeat;
			width: 989px;
			margin: 0 auto;
			overflow: hidden;
			padding-left: 5px;
			}		
		
	#pagewrapper #contentwrapper {
		float: left;
		width: 751px;
		overflow: hidden;
		}
		
		#pagewrapper #contentwrapper #lefthandcolumn {
			width: 184px;
			float: left;
			clear: both;
			}
		
		#pagewrapper #contentwrapper #maincontent {
			width: 567px;
			float: right;
			}
			
	#pagewrapper #contentwrapper.fullwidth {
		}
		
		#pagewrapper #contentwrapper.fullwidth #maincontent {
			width: 751px;
			float: none;
			clear: both;
			}
	
	#pagewrapper #righthandcolumn {
		float: right;
		width: 238px;		
		padding: 0 0 40px 0;
		}
		
	#pagewrapper #footer {
		clear: both;
		background: url(/images/shared/bg_pattern_dark.gif);
		border-top: 1px solid #cdcabf;
		}

/* --- HEADER & NAVIGATION STYLING --- */

#branding {
	margin: 0;
	padding: 0;
	}

#branding a#masthead {
	background: url(/images/fjbgroup/structural/fjb_logo.gif) no-repeat;
	float: left;
	width: 184px;
	height: 212px;
	text-indent: -2000px;
	}
	
	#branding #flashwrapper {
		width: 567px;
		float: left;
		}

#utilitynavigation ul {
	width: 924px;
	height: 25px;
	margin: 0 auto;
	padding: 0 35px;
	}
	
	#utilitynavigation ul li {
		background: url(/images/shared/utilnav_splitter.gif) right no-repeat;
		display: inline;
		font-size: 1.1em;
		padding-right: 10px;
		margin-right: 6px;
		line-height: 25px;
		}
		
		#utilitynavigation ul li.last {
			background: none;
			}
		
		#utilitynavigation ul li a {
			text-decoration: none;
			color: #fff;
			}
			
			#utilitynavigation ul li a:hover {
				text-decoration: underline;
				}

#mainnavigation ul {
	width: 924px;
	height: 42px;
	padding: 0 30px;
	margin: 0;
	}

	#mainnavigation ul li {
		background: url(/images/shared/mainnav_splitter.gif) right no-repeat;
		display: inline;
		font-size: 1.5em;
		padding-right: 10px;
		margin-right: 4px;
		line-height: 42px;
		}
		
		#mainnavigation ul li.fontsizefixed {
			font-size: 15px;
			}
		
	#mainnavigation ul li.last {
		background: none;
		}	
		
	#mainnavigation ul li a {
		text-decoration: none;
		color: #000;
		padding: 5px 0;
		}
		
		body.ourhotels #mainnavigation ul li#ourhotels a,
		body.breaks #mainnavigation ul li#breaks a,
		body.specialoffers #mainnavigation ul li#specialoffers a,
		body.families #mainnavigation ul li#families a,
		body.restaurants #mainnavigation ul li#restaurants a,
		body.healthspas #mainnavigation ul li#healthspas a,
		body.weddings #mainnavigation ul li#weddings a,
		body.conferencevenues #mainnavigation ul li#conferencevenues a,
		body.morethanhotels #mainnavigation ul li#morethanhotels a
			{
			background: url(/images/shared/mainnav_hilight.gif) bottom center no-repeat;
			color: #b1b1b1;
			}
				
		#mainnavigation ul li a:hover {
			background: url(/images/shared/mainnav_hilight.gif) bottom center no-repeat;
			color: #b1b1b1;
			}
		
/* --- MAIN CONTENT STYLING --- */

#maincontent {
	padding: 20px 0;
	}
	
	#maincontent h1#home {
		color: #5d287c;
		}
	
	#maincontent h1, #maincontent h2, #maincontent p, #maincontent ul, #maincontent ol, #maincontent table, #maincontent iframe {
		padding: 0 30px;
		}
	
	#maincontent h1, #maincontent h2 {
		font-weight: normal;
		}
	
	#maincontent p.notice {
		color: #FF0000;
		font-style: italic;
		}	
	
	#maincontent .contentrule {
		background: url(/images/shared/maincontent_divide.gif) bottom no-repeat;
		padding: 10px 0;
		}
			
	#maincontent ul {
		margin: 0 0 20px 0;
		list-style-type: none;
		}
		
		#maincontent ul li {
			background: url(/images/shared/bullets/li_bullet.gif) 6px 16px no-repeat;
			display: block;
			font-size: 1.2em;
			line-height: 1.4em;
			margin: 0;
			padding: 10px 0 0 20px;
			}
			
			#maincontent ul li ul {
				padding-left: 10px;
				}
			
				#maincontent ul li ul li {
					font-size: 100%;
					}	
				
					#maincontent ul li ul li ul {
						padding-left: 10px;
						}
			
	#maincontent ul.features {
		margin: 20px 0 0 0;
		list-style-type: none;
		}
		
		#maincontent ul.features li {
			background: url(/images/shared/bullets/li_bullet.gif) 6px 16px no-repeat;
			border-top: 1px solid #f4e4b3;
			display: block;
			font-size: 1.2em;
			line-height: 1.4em;
			margin: 10px 0;
			padding: 10px 0 0 20px;
			}				
	
	#maincontent .leftcol {
		float: left;
		width: 383px;
		}

	#maincontent .rightcol {
		float: right;
		width: 184px;
		margin-top: 60px;
		}	
			
/* --- BREADCRUMBS STYLING --- */

#maincontent #breadcrumbs {
	padding: 5px 0 15px 0;
	display: block;
	}
	
	#maincontent #breadcrumbs ul.breadcrumbs {
		margin: 0;
		list-style-type: none;
		}
		
		#maincontent #breadcrumbs ul.breadcrumbs li {
			background: none;
			border: none;
			display: inline;
			font-size: 1.1em;
			color: #534f42;
			margin: 0;
			padding: 0;
			}

/* --- HOME PAGE HOTEL FEATURE PANEL STYLING --- */
		
	#maincontent .hotelfeature {
		background: url(/images/fjbgroup/structural/hotelfeature_bg.jpg) top center repeat-x;
		width: 179px;
		padding: 0 0 0 6px;
		margin: 0 0 30px 0;
		}
		
		#maincontent .hotelfeature.last {
			padding: 0 6px;
			}
		
	#maincontent .hotelfeature h2 {	
		background: url(/images/fjbgroup/structural/hotelfeatures_underline.gif) bottom center no-repeat;		
		font-family: "Times New Roman", Times, serif;
		font-size: 2.2em;
		padding: 17px 0 5px 0;
		margin: 0 0 10px 0;
		font-weight: normal;
		text-align: center;
		}
		
		#maincontent .hotelfeature h2.fontsizefixed {
			font-size: 22px;
			}
		
		#maincontent .hotelfeature h2.threestars {	
			background: url(/images/fjbgroup/structural/hotelfeatures_3stars_underline.gif) bottom center no-repeat;
			}
		
		#maincontent .hotelfeature h2 a {
			text-decoration: none;
			}	

/* --- HOME PAGE FEATURE PANEL STYLING --- */

	#maincontent .homefeaturepanel {
		float: left;
		display: block;
		position: relative;
		width: 207px;
		height: 257px;
		padding: 10px 20px;
		margin: 20px 0 0 0;
		}
			
		#maincontent .homefeaturepanel.first {
			margin-left: 5px;
			}
		
		#maincontent .homefeaturepanel#spa {
			background: url(/images/fjbgroup/featurepanels/panel_bg_families.jpg) top left no-repeat;		
			}
			
		#maincontent .homefeaturepanel#weddings {
			background: url(/images/fjbgroup/featurepanels/panel_bg_weddings.jpg) top left no-repeat;		
			}
			
		#maincontent .homefeaturepanel#dining {
			background: url(/images/fjbgroup/featurepanels/panel_bg_xmas.jpg) top left no-repeat;		
			}
			
		#maincontent .homefeaturepanel h3 {		
			font-family: "Times New Roman", Times, serif;
			font-size: 2.2em;
			margin: 0 0 10px 0;
			font-weight: normal;
			width: 160px;
			}
			
			#maincontent .homefeaturepanel h3.fontsizefixed {
				font-size: 22px;
				}
			
			#maincontent .homefeaturepanel h3 a {
				color: #000;
				text-decoration: none;
				}
				
		#maincontent .homefeaturepanel p {
			/* font-family: "Times New Roman", Times, serif; */
			font-size: 1.4em;
			line-height: normal;
			position: absolute;
			top: 170px;
			padding: 0;
			margin: 0;
			width: 160px;
			color: #534f42;
			left: 23px;
			}
			
			#maincontent .homefeaturepanel p a {
				color: #534f42;
				text-decoration: none;
				}	
			
			#maincontent .homefeaturepanel p.fontsizefixed {
				font-size: 16px;
				}
			
		#maincontent .homefeaturepanel a.moredetails {
			/* font-family: "Times New Roman", Times, serif; */
			font-size: 1.4em;
			position: absolute;
			top: 240px;
			padding: 0;
			margin: 0;			
			width: 160px;
			color: #3e0063;
			text-decoration: underline;
			}	
		
			body.ourhotels #maincontent .homefeaturepanel a.moredetails {
				top: 260px;
				}		
		
		#maincontent .homefeaturepanel.narrow {
			width: 147px;
			padding: 15px 20px;
			margin: 30px 0 0 0;
			}
			
			#maincontent .homefeaturepanel.narrow h3 {		
				width: 125px;
				font-size: 2em;
				}
				
				#maincontent .homefeaturepanel.narrow h3.fontsizefixed {
					font-size: 20px;
					}
				
			#maincontent .homefeaturepanel.narrow p {
				width: 125px;
				}
			
			#maincontent .homefeaturepanel a.moredetails {
				width: 125px;
				}
				
			/*#maincontent .homefeaturepanel.narrow#spa {
				background: url(/images/shared/panel_bgsml_spa.jpg) top left no-repeat;		
				}/*
				
			/*#maincontent .homefeaturepanel#sailaway {
				background: url(/images/shared/panel_bgsml_sailaway.jpg) top left no-repeat;		
				}/*
				
			/*#maincontent .homefeaturepanel#business {
				background: url(/images/shared/panel_bgsml_business.jpg) top left no-repeat;		
				}/*
					
/* --- DOUBLE WIDTH FEATURE PANEL STYLING --- */
	
	#maincontent #leftfeaturedpanel {
		width: 377px;
		}
	
	#maincontent #rightfeaturedpanel {
		width: 368px;
		}	
	
	#maincontent .doublewidthfeature {
		background: url(/images/shared/double_width_feature_bg.jpg) top left no-repeat;
		height: 300px;
		float: left;
		}
	
		#maincontent .doublewidthfeature h2 {	
			font-family: "Times New Roman", Times, serif;
			font-weight: normal;
			font-size: 2.2em;
			text-align: center;
			margin: 0 0 20px 0;
			padding: 30px 0 5px 0;
			}
			
			#maincontent .doublewidthfeature h2.fourstars {	
				background: url(/images/fjbgroup/structural/hotelfeatures_underline.gif) bottom center no-repeat;	
				}
			
			#maincontent .doublewidthfeature h2.fontsizefixed {
				font-size: 22px;
				}
			
			#maincontent .doublewidthfeature h2.threestars {		
				background: url(/images/fjbgroup/structural/hotelfeatures_3stars_underline.gif) bottom center no-repeat;
				}
			
			#maincontent .doublewidthfeature h2 a {
				text-decoration: none;
				}
		
		#maincontent .doublewidthfeature img {
			margin: 0 0 20px 0;
			padding: 0;
			}	
			
		#maincontent .doublewidthfeature p {
			font-size: 1.2em;
			text-align: center;
			color: #3e0063;
			}

/* --- FULL WIDTH FEATURE PANEL STYLING --- */	

	#maincontent .fullwidthfeature {
		background: url(/images/shared/full_width_feature_bg.jpg) top left no-repeat;
		width: 745px;
		height: 324px;
		margin: 0 0 40px 0;
		}
	
		#maincontent .fullwidthfeature h2 {	
			font-family: "Times New Roman", Times, serif;
			font-weight: normal;
			font-size: 2.2em;
			margin: 0 0 20px 30px;
			padding: 30px 0 5px 0;
			}
			
			#maincontent .fullwidthfeature h2.fontsizefixed {
				font-size: 22px;
				}
			
			#maincontent .fullwidthfeature h2 a {
				text-decoration: none;
				}
		
		#maincontent .fullwidthfeature img {
			margin: 0 0 20px 0;
			padding: 0;
			}	
			
		#maincontent .fullwidthfeature p {
			font-size: 1.2em;
			margin-left: 250px;
			color: #000;
			}		

/* --- RESTAURANT STYLING --- */

/* --- RESTAURANT FEATURE PANEL STYLING --- */

	#maincontent .restaurantfeature {
		background: url(/images/shared/restaurant_feature_bg.jpg) top left no-repeat;
		width: 184px;
		height: 300px;
		padding: 0 5px 0 0;
		margin: 0;
		}
		
		#maincontent .restaurantfeature.first {
			margin-left: 184px;
			}
		
		#maincontent .restaurantfeature.last {
			width: 174px;
			}
	
		#maincontent .restaurantfeature h2 {		
			background: url(/images/fjbgroup/structural/hotelfeatures_underline.gif) bottom center no-repeat;		
			font-family: "Times New Roman", Times, serif;
			font-size: 2.2em;
			padding: 30px 0 5px 0;
			margin: 0 0 20px 0;
			font-weight: normal;
			text-align: center;
			}
			
			#maincontent .restaurantfeature h2.fontsizefixed {
				font-size: 22px;
				}
			
			#maincontent .restaurantfeature h2.threestars {		
				background: url(/images/fjbgroup/structural/hotelfeatures_3stars_underline.gif) bottom center no-repeat;
				}
			
			#maincontent .restaurantfeature h2 a {
				text-decoration: none;
				}
		
		#maincontent .restaurantfeature img {
			margin: 0 0 20px 0;
			}		
				
		#maincontent .restaurantfeature p {
			padding: 10px 20px 0 20px;
			font-size: 1.1em;
			}	
			
		#maincontent .restaurantfeature a.moredetails {
			/* font-family: "Times New Roman", Times, serif; */
			font-size: 1.2em;
			padding: 0 20px;
			margin: 0;			
			width: 160px;
			color: #3e0063;
			text-decoration: underline;
			}	

	/* --- RESTAURANT RESERVATION FEATURE PANEL STYLING --- */		

	#maincontent .reservationfeature {
		background: url(/images/shared/bg_feature_panel_fade.gif) top left repeat-x;
		width: 179px;
		margin: 0 5px 20px 0;
		}
		
		#maincontent .reservationfeature h3 {
			font-size: 2em;
			font-weight: normal;
			margin: 0;
			padding: 8px 0 0 15px;
			}
		
		#maincontent .reservationfeature p {
			margin: 0;
			padding: 10px 0 0 15px;
			line-height: 1.2em;
			}
			
			#maincontent .reservationfeature p.telephone {
				font-size: 2.4em;
				margin: 0;
				padding: 5px 0 0 15px;
				}
			
			#maincontent .reservationfeature p a.enquirebtn {
					width: 159px;
					height: 34px;
					display: block;
					border: 0;
					font-weight: bold;
					font-size: 1.2em;
					color: #fff;
					margin: 10px 0 0 -7px;
					padding: 7px 0 0 10px;
					text-align: left;
					cursor: pointer;
					}	
				
	/* --- RESTAURANT MENU FEATURE PANEL STYLING --- */		

	#maincontent .menufeature {
		background: url(/images/shared/bg_feature_panel_fade.gif) top left repeat-x;
		width: 179px;
		margin: 0 5px 20px 0;
		}
		
		#maincontent .menufeature h3 {
			font-family: "Times New Roman", Times, serif;
			font-size: 2em;
			font-weight: normal;
			margin: 0;
			padding: 8px 0 0 15px;
			}
			
		#maincontent .menufeature ul {
			margin: 0 0 20px 0;
			padding: 0 10px 10px 10px;
			}
			
			#maincontent .menufeature ul li {
				border: none;
				margin: 0;
				}
		
	/* --- RESTAURANT MENU STYLING --- */			
	
	#maincontent #menu {
		background: url(/images/shared/menu_divide.gif) bottom no-repeat;
		text-align: center;
		font-family: "Times New Roman", Times, serif;
		}
		
		#maincontent #menu .menuwrapper {
			background: url(/images/shared/menu_divide.gif) top no-repeat;
			padding: 30px 0;
			}		
		
		#maincontent #menu h1 {
			font-size: 2em;
			font-weight: normal;
			margin: 10px 0;
			}
		
		#maincontent #menu h2 {
			font-weight: bold;
			}
		
		#maincontent #menu h3 {
			}		
		
		#maincontent #menu p.dish {
			font-size: 1.6em;
			color: #000;
			font-weight: bold;
			margin: 15px 0 0 0;
			}	
		
		#maincontent #menu p {
			font-size: 1.4em;
			color: #534F42;
			margin: 0;
			}			

/* --- ROOMS STYLING --- */

/* --- ROOM PRICE FEATURE PANEL STYLING --- */		

	#maincontent #roompricefeature {
		background: url(/images/shared/bg_feature_panel_fade.gif) top left repeat-x;
		width: 179px;
		margin: 8px 5px 16px 0;
		}
		
		#maincontent #roompricefeature h3 {
			font-size: 2em;
			font-weight: normal;
			margin: 0;
			padding: 8px 0 10px 17px;
			}
		
		#maincontent #roompricefeature p {
			margin: 0;
			padding: 0 0 5px 17px;
			line-height: 1.2em;
			}
			
			#maincontent #roompricefeature span.price {
				font-size: 2.4em;
				}	

	/* --- ROOM FEATURES STYLING --- */
	
	#maincontent #roomfeatures {
		background: url(/images/shared/maincontent_half_rule.gif) top no-repeat;
		margin: 30px 0;
		padding: 10px 0 0 0;
		}	
		
		#maincontent #roomfeatures h2 {
			font-size: 2.2em;
			}	

	/* --- BOOKING WIDGET STYLING --- */			

	#maincontent #bookingwidget {
		width: 178px;
		height: 137px;
		margin: 0 5px 10px 0;
		}	
		
		#maincontent #bookingwidget.leftmargin {
			margin-left: 40px;
			}	
		
		#maincontent #bookingwidget h3 {
			font-weight: normal;
			font-size: 2em;
			margin: 0;
			padding: 10px 0 0 17px;
			}
		
		#maincontent #bookingwidget p {
			margin: 0;
			padding: 0 0 0 17px;
			}
			
			#maincontent #bookingwidget p a {
				text-decoration: none;
				}
			
		#maincontent #bookingwidget p.telephone {
			font-size: 2.4em;
			line-height: 1.2em;
			}	
				
				#maincontent #bookingwidget p a.bookonlinebtn {
					width: 159px;
					height: 34px;
					display: block;
					border: 0;
					font-weight: bold;
					font-size: 1.2em;
					color: #fff;
					margin: 10px 0 0 -7px;
					padding: 7px 0 0 10px;
					text-align: left;
					cursor: pointer;
					}										

/* --- PAGINATION STYLING --- */

	#maincontent .paging {
		width: 567px;
		text-align: center;
		margin: 10px 0;
		clear: both;
		display: block;
		}
		
		#maincontent .paging .margintop {
			margin: 20px 0 0 0;
			}
	
	#maincontent .paging a {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.2em;
		margin: 0 5px;
		}
	
		#maincontent .paging a.onpage {
			text-decoration: none;
			}		
	
		#maincontent a.arrow {
			text-decoration: none;
			background-color: #ece7ee;
			margin: 0 5px;
			padding: 0 5px 2px 5px;
			}	
	
	#maincontent .paginationtext {
		font-size: 1.1em;
		margin: 10px 0 0 0;
		display: none;
		}
		
/* --- MAIN CONTENT HR STYLING --- */		

	#maincontent .gradienthr {
		background: url(/images/shared/maincontent_top_fade.gif) top no-repeat;
		}


/* --- MAIN CONTENT VIDEO STYLING --- */
	#maincontent #videowrapper {
		margin: 0 0 30px 30px;
		}

/* --- ROOMS STYLING --- */

	#maincontent .roomsummary {
		background: url(/images/shared/maincontent_divide.gif) bottom no-repeat;
		width: 567px;
		margin: 0;
		padding: 20px 0 20px 0;
		display: block;
		overflow: hidden;
		}
		
		#maincontent .roomsummary a.roomthumbimg {
			float: right;
			margin: 0;
			padding: 0 20px 0 20px;
			}
			
		#maincontent .roomsummary h2 {
			font-size: 2em;
			margin: 0 0 10px 0;
			padding: 0 0 0 40px;
			}
			
			#maincontent .roomsummary h2 a {
				text-decoration: none;
				}	
			
		#maincontent .roomsummary p {
			font-size: 1.1em;
			margin: 0;
			padding: 0 0 10px 40px;
			}
				
			#maincontent .roomsummary p a {
				font-size: 1.4em;
				}
				
	#maincontent .firstroomsummary {
		margin: 0;
		padding: 25px 0 20px 0;
		}
		
	#maincontent .lastroomsummary {
		background: url(/images/shared/maincontent_bottom_fade.gif) bottom no-repeat;
		padding: 20px 0 25px 0;
		}		

/* --- NEWS STYLING --- */

	#maincontent .newsitemsummary {
		background: url(/images/shared/maincontent_divide.gif) bottom no-repeat;
		width: 567px;
		display: block;
		overflow: hidden;
		padding-bottom: 20px;
		}
		
		#maincontent .newsitemsummary a.newsthumb img {
			float: right;
			margin: 10px 10px 0 0;
			}
			
		#maincontent .newsitemsummary h2 {
			font-size: 2em;
			margin: 10px 0 0 30px;
			padding: 0;
			}
			
		#maincontent .newsitemsummary p {
			font-size: 1.1em;
			margin: 10px 0 0 30px;
			padding: 0;
			}
				
			#maincontent .newsitemsummary p.date {
				font-size: 1.1em;
				margin: 0 0 0 30px;
				padding: 0;
				}
				
	#maincontent .firstnewssummary {
		margin: 0;
		padding: 20px 0 20px 0;
		}
		
	#maincontent .lastnewssummary {
		background: url(/images/shared/maincontent_bottom_fade.gif) bottom no-repeat;
		padding: 0 0 30px 0;
		}
		
	#maincontent .newsitem h1 {
		margin: 0;
		}
			
	#maincontent .newsitem p.date {	
		font-size: 1.3em;
		margin: 0 0 20px 0;
		}	
		
	#maincontent .newsitem img {
		float: right;	
		padding: 0 5px 35px 35px;	
		}

/* --- COMPETITION STYLING --- */

	#maincontent .compitemsummary {
		background: url(/images/shared/maincontent_divide.gif) bottom no-repeat;
		margin: 15px 0;
		padding: 0 10px 12px 40px;
		display: block;
		overflow: hidden;
		}
		
		#maincontent .compitemsummary a.thumb {
			float: right;
			margin: 0 0 0 20px;
			}
			
		#maincontent .compitemsummary h2 {
			padding: 0;
			font-size: 2em;
			margin: 0 0 5px 0;
			}
			
		#maincontent .compitemsummary p {
			padding: 0;
			font-size: 1.1em;
			}
				
			#maincontent .compitemsummary p.date {
				font-size: 1.1em;
				font-weight: bold;
				margin: 0;
				}
				
	#maincontent .firstcompsummary {
		margin: 0;
		padding: 25px 10px 20px 40px;
		}
		
	#maincontent .lastcompsummary {
		background: url(/images/shared/maincontent_bottom_fade.gif) bottom no-repeat;
		padding: 0 10px 20px 40px;
		}
			
	#maincontent .competitionitem p.date {	
		font-size: 1.3em;
		margin: 0 0 20px 0;
		}	
		
	#maincontent .competitionitem img {
		float: right;	
		padding: 0 5px 35px 35px;	
		}
					
/* --- BROCHURES STYLING --- */

	#maincontent .brochuresummary {
		width: 189px;
		height: 220px;
		margin: 20px 0 0 0;
		float: left;
		display: block;
		overflow: hidden;
		}
		
		#maincontent .brochuresummary img {
			margin: 0 0 0 40px;
			padding: 0;
			}	
			
		#maincontent .brochuresummary p {
			font-size: 1.1em;
			padding: 5px 0 0 40px;
			}

/* --- SPECIAL OFFERS STYLING --- */	

	#maincontent #chineoffers, #havenoffers, #harbourheightsoffers, #sandbanksoffers {
		padding: 20px 0;
		}
		
	#maincontent .offersrule {
		background: url(/images/shared/maincontent_divide.gif) no-repeat;
		border: none;
		height: 2px;
		margin: 0;
		padding: 0;
		}	
		
	#maincontent .specialoffersummary {
		padding: 0 10px 10px 30px;
		display: block;
		overflow: hidden;
		}
		
		#maincontent .specialoffersummary a.thumb {
			float: right;
			margin: 0 0 0 20px;
			}
		
		#maincontent .offersthumb {
			float: right;
			clear: right;
			margin: 0 5px 0 20px;
			}	
	
			#maincontent #chineoffers h2 a, #havenoffers h2 a, #harbourheightsoffers h2 a, #sandbanksoffers h2 a {
				text-decoration: none;
				}		
		
		#maincontent .specialoffersummary h3 {
			font-weight: normal;
			font-size: 1.8em;
			}
			
		#maincontent .specialoffersummary p {
			font-size: 1.2em;
			margin: 0;
			padding: 0;
			}
			
			#maincontent .specialoffersummary p.date {
				font-size: 1.1em;
				font-weight: bold;
				margin: 0;
				}
		
		#maincontent .lastoffersummary {
			background: url(/images/shared/maincontent_bottom_fade.gif) bottom no-repeat;
			padding: 10px 10px 30px 30px;
			}	

/* --- LINKS STYLING --- */

	#maincontent .linkitemsummary {
		width: 567px;
		display: block;
		overflow: hidden;
		padding: 20px 0 0 0;
		}
		
		#maincontent .linkitemsummary h2 {
			font-size: 2em;
			margin: 0 0 0 30px;
			padding: 0;
			}
			
		#maincontent .linkitemsummary h2 a {
			margin: 0;
			padding: 0;
			}
			
		#maincontent .linkitemsummary p {
			margin: 10px 0 0 30px;
			padding: 0;
			}
				
			#maincontent .linkitemsummary p a {
				margin: 0;
				padding: 0;
				}
				
	#maincontent .firstitem {
		margin: 0;
		}
		
	#maincontent .lastitem {
		background: url(/images/shared/maincontent_bottom_fade.gif) bottom no-repeat;
		padding: 20px 0 30px 0;
		}			
			
/* --- CAREER VACANCIES STYLING --- */
	
	#maincontent #vacancies {
		width: 65%;
		margin: 40px 0;
		}	
		
/* --- CAREERS APPLY FEATURE PANEL STYLING --- */			

	#maincontent #submitcvfeature {
		background: url(/images/shared/panel_bgpurple_feature.jpg) no-repeat;
		width: 178px;
		height: 137px;
		margin: 0 10px 35px 35px;
		float: right;
		}
		
		#maincontent #submitcvfeature h3 {
			font-family: "Times New Roman", Times, serif;
			font-weight: normal;
			font-size: 2em;
			margin: 0;
			padding: 10px 0 0 15px;
			}
		
		#maincontent #submitcvfeature p {
			margin: 0;
			padding: 10px 0 0 15px;
			}
			
			#maincontent #submitcvfeature p a {
				text-decoration: none;
				}
				
				#maincontent #submitcvfeature p a.cvsubmitbutton {
					background: url(/images/fjbgroup/structural/apply_bg.jpg) no-repeat;
					width: 147px;
					height: 32px;
					display: block;
					border: 0;
					font-family: "Times New Roman", Times, serif;
					font-weight: bold;
					font-size: 1.2em;
					color: #fff;
					margin: 0 0 0 -4px;
					padding: 6px 0 0 10px;
					text-align: left;
					cursor: pointer;
					}	

/* --- GALLERY STYLING --- */	
#maincontent #gallerycontainer {
	width: 567px;
	overflow: hidden;
	margin: 40px 0 0 0;
	padding: 20px 0;
	}
	
	#maincontent .galleryleftcol {
		float: left;
		display: block;
		width: 368px;
		}
	
	.mainimageborder {
		display: table;
		height: 368px;
		overflow: hidden;
		background-color: #e7e3d7;
		}		
	 
	.mainimagewrapper {
		display: table-cell;
		vertical-align: middle;
		}	
	
	.mainimage {
		width: 368px;
		text-align: center;
		}	
	
	#maincontent .galleryrightcol {
		position: relative;
		float: right;
		display: block;
		width: 199px;
		padding: 0 0 20px 0;
		}
		
		#maincontent .galleryrightcol h3 {
			margin-left: 10px;
			margin-bottom: 20px;
			}
			
			#maincontent .galleryrightcol .imageframe {
				float: left;
				margin: 0 0 10px 10px;
				}
			
				#maincontent .galleryrightcol .imageframe a {
					display: block;
					width: 85px;
					height: 85px;
					background-color: #e7e3d7;
					background-position: 50% 50%;
					background-repeat: no-repeat;
					}
			
					#maincontent .galleryrightcol .imageframe a img {
						display: none;
						}
		
		#maincontent .galleryrightcol a {
			font-family: "Times New Roman", Times, serif;
			font-size: 1.4em;
			}
			
		#maincontent .gallerybtncontainer {
			width: 179px;
			overflow: hidden;
			}	
		
		#maincontent a.gallerypreviousbtn {
			position: absolute;
			bottom: 0;
			left: 0;
			text-align: left;
			margin-left: 10px;
			}
			
		#maincontent a.gallerynextbtn {
			position: absolute;
			bottom: 0;
			right: 0;
			text-align: right;
			margin-right: 10px;
			}
			
			
	#maincontent #gallerycontainer #media-listing .item {
		background: url(/images/shared/video/footer.gif) bottom no-repeat;
		float: left;
		width: 180px;
		height: 350px;
		margin: 0 0 30px 5px;
		}
		
		#maincontent #gallerycontainer #media-listing .item .details h2 {			
			font-family: "Times New Roman", Times, serif;
			font-size: 2em;
			line-height: normal;
			margin: 10px 0 5px 0;
			padding: 0 10px;
			}
			
			#maincontent #gallerycontainer #media-listing .item .details h2 a {
				text-decoration: none;
				}
			
		#maincontent #gallerycontainer #media-listing .item .details p {
			padding: 0;
			margin: 0 0 10px 0;
			padding: 0 10px;
			color: #6A6A6A;
			}
			
		#maincontent #gallerycontainer #media-listing .item .details small {
			font-size: 1.1em;
			margin: 0 0 10px 0;
			display: block;
			padding: 0 10px;
			color: #6A6A6A;
			}
		
/* --- LEFT-HAND COLUMN STYLING --- */

#lefthandcolumn {
	padding: 30px 0;
	}

/* --- LHC SUB-NAVIGATION --- */	
	
#lefthandcolumn #subnavigation {
	background: url(/images/shared/subnav_bg.jpg) top center no-repeat;
	padding: 20px 10px 0 10px;
	width: 164px;
	}
	
	body.about #subnavigation ul li#about a,
	body.blog #subnavigation ul li#blog a,
	body.brochures #subnavigation ul li#brochures a,
	body.careers #subnavigation ul li#careers a,
	body.competitions #subnavigation ul li#competitions a,
	body.contact #subnavigation ul li#contact a,
	body.localarea #subnavigation ul li#localarea a,
	body.newsletter #subnavigation ul li#newsletter a,
	body.news #subnavigation ul li#news a
		{
		color: #5d287c;
		}
	
	body.funstersentertainment #subnavigation ul li#funstersentertainment a,
	body.villademarvol #subnavigation ul li#villademarvol a,
	body.catamaran #subnavigation ul li#catamaran a,
	body.wineclub #subnavigation ul li#wineclub a,
	body.watersportsacademy #subnavigation ul li#watersportsacademy a,
	body.theoperahouse #subnavigation ul li#theoperahouse a,
	body.littlerainbowsnursery #subnavigation ul li#littlerainbowsnursery a,
	body.chineacademy #subnavigation ul li#chineacademy a,
	body.businessclub #subnavigation ul li#businessclub a,
	body.diningclub #subnavigation ul li#diningclub a
		{
		color: #5d287c;
		}	
	
	/* --- SUB-NAVIGATION - LEVEL 1 --- */	
	
	#lefthandcolumn #subnavigation ul {
		background: url(/images/shared/subnav_footer.gif) center bottom no-repeat;
		margin: 0;
		padding: 0 0 15px 0;
		list-style-type: none;
		}
		
		#lefthandcolumn #subnavigation ul li {
			font-size: 1.4em;
			line-height: 1.8em;
			color: #3e0063;
			}
	
		#lefthandcolumn #subnavigation ul li a {
			color: #534f42;
			text-decoration: none;
			font-weight: bold;
			}
			
			#lefthandcolumn #subnavigation ul li a:hover {
				text-decoration: underline;
				color: #3e0063;		
				}			
	
		#lefthandcolumn #subnavigation ul li.active {
			font-weight: bold;
			}			
	
			#lefthandcolumn #subnavigation ul li.active a {
				color: #3e0063;
				}
		
		/* --- SUB-NAVIGATION - LEVEL 2 --- */			
				
		#lefthandcolumn #subnavigation ul li.active ul {
			background: none;
			padding: 0 0 0 10px;
			margin: 0 0 10px 0;
			}
				
			#lefthandcolumn #subnavigation ul li.active ul li {
				font-size: 90%;
				}
				
				#lefthandcolumn #subnavigation ul li.active ul li a {				
					font-weight: normal;
					padding: 0 0 0 10px;
					color: #534f42;
					}
					
				#lefthandcolumn #subnavigation ul li.active ul li a:hover {					
					color: #3e0063;
					}		
		
		/* --- SUB-NAVIGATION - LEVEL 3 --- */				
					
		#lefthandcolumn #subnavigation ul li.active ul li ul.subsub {
			display: none;
			padding: 0 0 0 10px;
			margin: 0 0 5px 0;
			}
			
			#lefthandcolumn #subnavigation ul li.active ul li ul.subsub li {
				}
				
			#lefthandcolumn #subnavigation ul li.active ul li ul.subsub li a {
				background: none !important;
				color: #3e0063 !important;
				font-weight: normal !important;
				}
				
			#lefthandcolumn #subnavigation ul li.active ul li ul.subsub li a:hover {
				color: #3e0063 !important;
				}	
	
/* --- RIGHT-HAND COLUMN STYLING --- */

/* --- RHC - BOOK HOTEL ROOM --- */

#righthandcolumn #bookhotelroom {
	background: url(/images/fjbgroup/structural/bookhotel_bg.jpg) top right no-repeat;
	background-color: #f3ebec;
	width: 193px;
	padding: 15px 20px 21px 20px;
	overflow: hidden;
	}
	
	#righthandcolumn #bookhotelroom form {
		background: none;
		border: 0;
		padding: 0;
		margin: 0;
		}
	
		#righthandcolumn #bookhotelroom form h2 {
			background: none;
			font-weight: normal;
			font-size: 1.8em;
			margin: 0 0 8px 0;
			}
		
		#righthandcolumn #bookhotelroom form label {
			height: auto;
			width: auto;
			float: none;
			font-size: 1.1em;
			color: #7f7f7f;
			margin: 0 0 2px 0;
			}	
			
		#righthandcolumn #bookhotelroom form select {
			margin: 0 10px 10px 0;
			width: auto;
			font-size: 1.1em;
			}	
	
	#righthandcolumn #bookhotelroom form .formcolumn {	
		width: 60px;
		}
		
		#righthandcolumn #bookhotelroom form .formcolumn select {
			width: 46px;
			}
			
	#righthandcolumn #bookhotelroom form input.searchbutton {
		background: url(/images/fjbgroup/structural/search_bg.gif) no-repeat;
		float: left;
		width: 110px;
		height: 33px;
		display: block;
		font-family: "Times New Roman", Times, serif;
		font-size: 1.6em;
		font-weight: bold;
		color: #fff;
		padding: 5px 10px;
		text-align: left;
		cursor: pointer;
		margin: 0 0 0 -4px;
		border: 0;
		}
		
	#righthandcolumn #bookhotelroom form a#calendar {	
		background: url(/images/fjbgroup/structural/calendar_icon.gif) no-repeat;
		width: 19px;
		height: 16px;
		text-indent: -2000px;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		}
				
/* --- RHC - TELEPHONE CONTACT --- */
		
	#righthandcolumn #telephonecontact {
		background-color: #f2e9e8;
		padding: 5px 20px 10px 20px;
		margin: 0 0 30px 0;
		width: 193px;
		}
		
		#righthandcolumn #telephonecontact p {
			font-family: "Times New Roman", Times, serif;
			padding: 0;
			margin: 0;
			font-size: 1.4em;
			line-height: 2em;
			font-weight: bold;
			color: #3e0063;
			}
	
		#righthandcolumn #telephonecontact p span {
			font-size: 2.2em;
			font-weight: normal;
			color: #000;
			}
	
/* --- RHC - GENERIC FEATURE PANEL --- */
	
	#righthandcolumn .featurepanel {
		background: url(/images/shared/rhc_feature_bg.jpg) no-repeat;
		}
		
		#righthandcolumn .featurepanel h3 {
			font-family: "Times New Roman", Times, serif;		
			font-size: 2em;
			padding: 15px 20px;
			font-weight: normal;
			}
			
		#righthandcolumn .featurepanel p {
			padding: 0px 30px;
			font-size: 1.2em;
			}
			
		#righthandcolumn .featurepanel a.moredetails {
			/* font-family: "Times New Roman", Times, serif; */	
			padding: 0px 30px;
			font-size: 1.4em;
			}
		
		#righthandcolumn .featurepanel .rule {
			background: url(/images/shared/rhc_rule.jpg) no-repeat;
			height: 2px;
			display: block;
			width: 204px;
			margin: 20px auto;
			}
		
/* --- FOOTER STYLING --- */

#footer #footercontainer {
	width: 994px;
	margin: 0 auto;
	overflow: hidden;
	}
	
	#footer #footercontainer .footerpromo {
		width: 190px;
		float: left;
		display: block;
		text-align: center;
		padding: 30px 0;
		}
		
		#footer #footercontainer .footerpromo h3 {
			background: url(/images/shared/footer_underline.gif) bottom center no-repeat;		
			font-family: "Times New Roman", Times, serif;
			font-size: 2.2em;
			padding: 0 0 5px 0;
			margin: 0 0 10px 0;
			font-weight: normal;
			}
			
			#footer #footercontainer .footerpromo h3.threestars {
				background: url(/images/shared/footer_3stars_underline.gif) bottom center no-repeat;
				}
			
			#footer #footercontainer .footerpromo h3 a {
				text-decoration: none;
				color: #6a6a6a;
				}
				
		#footer #footercontainer .footerpromo p {
			/* font-family: "Times New Roman", Times, serif; */
			font-size: 1.1em;
			}
			
			#footer #footercontainer .footerpromo p a {
				text-decoration: underline;
				}			
	
	#footer #footercontainer .aa_accreditation {
		float: right;
		width: 40px;
		height: 63px;
		margin: 35px 20px 0 0;
		display: block;
		}
	
	#footer #footercontainer .aa_accreditation span {
		position: absolute;
		top: -2000px;
		}
	
	#footer #footercontainer img#investor {
		margin: 35px 0;
		float: right;
		}	
	
	#footer #footercontainer p {	
		font-size: 1.1em;
		color: #8c8d93;
		}
		
		#footer #footercontainer p a {			
			color: #3e0063;
			text-decoration: none;
			}
		
		#footer #footercontainer p.fright a {			
			color: #8c8d93;
			text-decoration: none;
			}
			
			#footer #footercontainer p.fright a:hover {
				text-decoration: underline;
				}	
		
		#footer #footercontainer p.reservations {	
			clear: both;	
			font-family: "Times New Roman", Times, serif;
			font-size: 2em;
			color: #000;
			margin: 0 0 10px 0;
			}
			
		#footer #footercontainer p.reservations a {
			color: #3e0063;
			text-decoration: underline;
			font-weight: normal;
			}	
	
	#footer #footercontainer ul {
		padding: 0;
		}
		
		#footer #footercontainer ul li {
			background: url(/images/shared/footnav_splitter.gif) right no-repeat;
			display: inline;
			font-size: 1.1em;
			padding-right: 10px;
			margin-right: 6px;
			}
		
		#footer #footercontainer ul li.last {
			background: none;
			}
			
		#footer #footercontainer ul li a {
			color: #3e0063;
			text-decoration: none;
			}
			
			#footer #footercontainer ul li a:hover {
				text-decoration: underline;
				}

/* --- NAVARINO BOOKING ENGINE STYLING --- */
				
#pagewrapper #bookingwrapper {
	width: 994px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	}		
	
	#pagewrapper #bookingwrapper h1 {
		font-size: 2.6em;
		font-weight: normal;
		margin: 20px 0 20px 30px;
		}	
		
.CheckAvailContainer, .AvailResultsTable, .CustInfoTable, .ResConfirmContainer, .RezSearchTable, .ResModifyContainer{
	width:700px;	
	}

#XbeViewPanel {
	margin: 0 0 40px 0;	
	}

#maincontent #XbeViewPanel  ul li {
	background:none;
	display:block;
	font-size:1.2em;
	line-height:1.4em;
	margin:0;
	padding:0;
	}

#maincontent #XbeViewPanel ul,
#maincontent #XbeViewPanel table {
	margin: 0;
	padding: 0;
	}

#maincontent #XbeViewPanel table td,
#maincontent #XbeViewPanel table td div {
	font-size: 12px;
	}

#maincontent #XbeViewPanel table td .BECheckAvailBottomLinks a {
	font-size: 11px;
	}

#XbeViewPanel td label {
	display: inline;
	font-size: 12px;
	float: none;
	}

#XbeForm #righthandcolumn #bookhotelroom {
	background: none;
	background-color: #5D287C;
	width: 193px;
	padding:0;
	overflow: hidden;
	}

#XbeForm #righthandcolumn #bookhotelroom img {
	padding: 0;
	margin: 0;
	}

.BEBreadCrumbContainer {
	background-color:#4B4B4C;
	background-image:none;
	border:1px solid #3F3F40;
	margin:0;
	padding:0;
	width:100%;
	}

.BEBreadOn {
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding:6px 10px 6px 0;
	}

.BEBreadFwd {
	color:#BCBCBC;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding:6px 10px 6px 0;
	}

.BEBreadBk {
	background-image:none;
	background-position:left center;
	background-repeat:no-repeat;
	color:#5CB2F3;
	cursor:pointer;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding:6px 10px 6px 0;
	text-decoration:underline;
	}

#bookhotelroom span#calendaricon a {
	float: left;
	background: url(/images/fjbgroup/calendar_icon.gif) center no-repeat;
	text-indent: -10000px;
	display: block;
	height: 17px;
	width: 14px;
	margin-left: 5px;
	text-decoration: none;
	}

/* Popup calendar */

div.calselect { /* ie6 7 */
	width: 164px;
	padding: 3px 3px 10px 3px;
	margin: 0 5px 10px 0;
	color: #fff;
	text-align: center;
	border: 2px solid #8db8c1;
	background-color: #eee;
	color: #000;
	}

div.calselect table {
	margin: 0;
	padding: 0 !important;
	}

div.calselect select#startdate_month, div.calselect select#startdate_year {
    width: 55px;
	margin: 0 5px 0 0 !important;
	}

div.calselect select#startdate_month {
	margin-left: 5px;
	}

div.caldate { 
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	color: #909090;
	}
	
div.caldata {
	width: 64px;
	height: 50px;
	overflow: hidden;
	padding: 4px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	}
	
div.calselect td.calendardayheading {
	font-size: 1.1em;
	font-weight: normal;
	color: #000;
	background: #fff;
	border-right: 2px solid #eee;
	border-bottom: 2px solid #eee;
	border-top: 2px solid #eee;
	width: 23px !important;
	height: 23px !important;
	}

div.calselect td {
	font-size: 1.1em;
	text-align: center;
	border-right: 2px solid #eee;
	border-bottom: 2px solid #eee;
	background-color: #eee;
	cursor: pointer;
	vertical-align: middle; 
	}

div.calselect td.calendarcell {
	color: #fff;
	background-color: #8db8c1;
	width: 20px;
	height: 20px;
	}

div.calselect td.inactivecalendarcell {
	font-weight: normal;
	color: #fff;
	background-color: #C2C1C1;
	cursor: default;
	padding: 4px 0 4px 0;
	}

div.calselect .todaysdate {
	font-weight: bold;
	color: #fff;
	background-color: #505050;
	padding: 4px 0 4px 0;
	}

div.calselect .selecteddate {
	font-weight: bold;
	background-color: #d6b024;
	padding: 4px 0 4px 0;
	}

div.calselect select {
	width: auto !important;
	}
	
.plain {
	font-weight: bold;
	color: #8db8c1;
	}

/*google map*/
#map {
	width: 500px; 
	height: 300px;
	margin: 0 0 0 30px;
	}

#startdate_calendar {
	position: absolute;
	display: none;
	padding: 3px;
	}
	
	/* --- BOOKING & CONTACT WIDGET --- */	
	
#maincontent #bookingwidget {
	background: url(/images/shared/booknow_bg.gif) no-repeat;
	}	
	
	#maincontent #bookingwidget p.telephone {
		color: #5D287C;
		}
		
		#maincontent #bookingwidget p a.bookonlinebtn {
			background:url(/images/shared/buttons/btn_purplebg.jpg) no-repeat;
			}
		
/* --- RSS FEED STYLING --- */
.rss {
	position: relative;
	}
	
	.rss a {
		position: absolute;
		top: 35px;
		background: url(/images/icons/feed_icon_14x14.png) 0 0 no-repeat;
		display: block;
		overflow: hidden;
		width: 14px;
		height: 0;
		padding-top: 14px; 
		}
		
		.rss a.news-feed {
			left: 110px; 
			}
		
		.rss a.offers-feed {
			left: 210px; 
			}