/* 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; /* --- 2.2 --- */
	margin: 20px 0 10px 0; /* --- 0 0 20 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: 0 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;
		}	

/* --- 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 10px -30px;
		}
	
	#feedbackform form p {
		clear: both;
		display: block;
		margin: 0 0 10px 0;
		padding: 20px 0 0 0;
		}
	
	#feedbackform form p {
		padding-top: 20px;
		}	
	
	#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 input.radiobutton {
			margin: 5px 5px 0 0;
			}
		
		#feedbackform textarea {	
			margin: 0 0 7px 0;
			}	
		
/* --- 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: 14px;
		margin-right: 8px;
		line-height: 42px;
		}
		
	#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.conferencevenues #mainnavigation ul li#conferencevenues a,
		body.restaurants #mainnavigation ul li#restaurants a,
		body.weddings #mainnavigation ul li#weddings a,
		body.healthspas #mainnavigation ul li#healthspas a,
		body.families #mainnavigation ul li#families a,
		body.localarea #mainnavigation ul li#localarea 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, #maincontent h2, #maincontent p, #maincontent ul, #maincontent ol, #maincontent table, #maincontent iframe  {
		padding: 0 30px;
		}
	
	#maincontent h1, #maincontent h2 {
		font-weight: normal;
		}
	
	#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.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;
		}
			
		#maincontent .homefeaturepanel.first {
			margin: 0 0 0 5px;
			}
		
		#maincontent .homefeaturepanel#spa {
			background: url(/images/fjbgroup/featurepanels/panel_bg_spa.jpg) top left no-repeat;		
			}
			
		#maincontent .homefeaturepanel#weddings {
			background: url(/images/fjbgroup/featurepanels/panel_bg_valentines.jpg) top left no-repeat;		
			}
			
		#maincontent .homefeaturepanel#dining {
			background: url(/images/fjbgroup/featurepanels/panel_bg_finedining.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 a {
				color: #000;
				text-decoration: none;
				}
				
				#maincontent .homefeaturepanel p a {
					color: #534f42;
					text-decoration: none;
					}
			
		#maincontent .homefeaturepanel p {
			font-family: "Times New Roman", Times, serif;
			font-size: 1.6em;
			line-height: normal;
			position: absolute;
			top: 170px;
			padding: 0;
			margin: 0;			
			width: 160px;
			color: #534f42;
			}	
			
		#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 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;		
				}/*
				

/* --- 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.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.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;
				}
				

/* --- 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 {
		text-align: center;
		margin: 10px 0;
		}
		
		#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;
		}


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

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


/* --- 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;
		margin: 20px 0 0 0;
		float: left;
		display: block;
		overflow: hidden;
		}
		
		#maincontent .brochuresummary img {
			padding: 0 0 0 40px;
			}	
			
		#maincontent .brochuresummary p {
			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 #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;
	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 {
		}	
	
	#maincontent .galleryrightcol {
		float: right;
		display: block;
		width: 199px;
		padding: 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 a.gallerypreviousbtn {
			float: left;
			margin-left: 10px;
			}
			
		#maincontent a.gallerynextbtn {
			float: right;
			margin-right: 10px;
			}		

/* --- GALLERY STYLING ---
	
#maincontent #gallerycontainer {
	width: 567px;
	overflow: hidden;
	padding: 20px 0;
	}
	
	#maincontent .gallerymainimg {
		float: left;
		display: block;
		width: 368px;
		}
		
		#maincontent .gallerymainimg h2 {
			font-size: 1.4em;
			font-weight: bold;
			margin: 0;
			padding: 15px 10px 5px 15px;
			}
		
		#maincontent .gallerymainimg p {
			font-size: 1.1em;
			margin: 0;
			padding: 0 10px 0 15px;
			}
	
	#maincontent #gallerythumbcol {
		float: right;
		display: block;
		width: 199px;
		padding: 0;
		}
		
		#maincontent #gallerythumbcol h3 {
			margin-left: 10px;
			}
	
		#maincontent #gallerythumbcol .leftthumbcol {
			float: left;
			text-align: left;
			width: 85px;
			}
			
		#maincontent #gallerythumbcol .rightthumbcol {
			float: right;
			text-align: right;
			width: 85px;
			}
		
		#maincontent #gallerythumbcol .thumbimg {
			float: left;
			background-color: #e7e3d7;
			text-align: center;
			width: 85px;
			height: 56px;
			margin: 0 0 10px 10px;
			}	
		
		/*#maincontent #gallerythumbcol .thumbimg {
			background-color: #e7e3d7;
			text-align: center;
			width: 85px;
			height: 56px;
			margin: 0 0 10px 0;
			}	
		
		#maincontent #gallerythumbcol a {
			font-family: "Times New Roman", Times, serif;
			font-size: 1.4em;
			}
		
		#maincontent a.gallerypreviousbtn {
			float: left;
			margin-left: 10px;
			}
			
		#maincontent a.gallerynextbtn {
			float: right;
			margin-right: 10px;
			}*/	
		
		
/* --- 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.newsletter #subnavigation ul li#newsletter a,
	body.news #subnavigation ul li#news a,
	body.specialoffers #subnavigation ul li#specialoffers a
		{
		color: #5d287c;
		}
		
	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.businesslanguageacademy #subnavigation ul li#businesslanguageacademy 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: 95px;
		}
		
		#righthandcolumn #bookhotelroom form .formcolumn select {
			width: 50px;
			}
			
	#righthandcolumn #bookhotelroom form input.searchbutton {
		background: url(/images/fjbgroup/structural/search_bg.gif) no-repeat;
		width: 110px;
		height: 33px;
		display: block;
		border: 0;
		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;
		}
		
	#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.2em;
			}
			
			#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;
}


		

/* Blahaha Aliquam erat volutpat. Maecenas aliquam ultricies libero. Praesent pharetra magna a dolor. Proin neque lacus, accumsan a, imperdiet at, eleifend eget, felis. Quisque condimentum. Etiam vestibulum fringilla ligula. Praesent elit lacus, dignissim vitae, egestas eu, tincidunt sit amet, sapien. Praesent justo. In hac habitasse platea dictumst. Morbi molestie nibh quis nisi. In hac habitasse platea dictumst. Nam quis justo. Etiam et mauris non pede volutpat imperdiet. Sed dignissim consequat enim. */

#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;
}