.clearer:after {content: '[HI MUM]'; display: block; height: 0; clear: both; visibility: hidden;}
.clearer {display: inline-block;}
/*\*/
.clearer {display: block;}
/********************** general ******************************/
div,input,select{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

form{
	margin:0px;
}

table {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a:link		{color: #666666; text-decoration: none;}
a:visited	{color: #666666; text-decoration: none;}
a:hover		{color: #666666; text-decoration: underline;}
a:active	{color: #666666; text-decoration: none;}

/* page heading */
h1{ 
	font-size:116%;/* 14px */
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

img{
	border:0px;
	display:inline;
}

img.floatleft{
	float:left;
	padding:0px 5px 5px 0px;
}
img.floatright{
	float:right;
	padding:0px 0px 5px 5px;
}

body{
	margin:0px 0px 0px 0px;
	background-color:#F4F4EC;	
	color:#666666;
	font-size:11px;
}





/******************** main containers *****************************/
#bodyContainer {	
	margin: 0px auto 0px;
	text-align: left;	
	width: 770px;
}

#header {
	background-color:#015B73;
}


#headerContent {
	background-image:url(../images/template/header.jpg);
	width:770px;
	height: 115px;
	clear:both;
	margin:0px;
	background-position:center;
	font-size:10px;
}


#topBanner{	
	background-image:url(../images/template/bg_top_bar_vertical.jpg);
	background-repeat:repeat-x;
}

#topBannerContent {
	background-image:url(../images/template/bg_top_bar2.jpg);
	background-position:center;
	height:63px;
	width:770px;
	clear:both;
	margin:0px;
	background-repeat:no-repeat;

	

}

#processBar {
	clear: both;
	background: #fff;
	height: 31px;
	vertical-align: bottom;
}

#leftColumn {
	vertical-align:top;
	padding-left:48px;
	float:left;
	width:457px;
	font-size:11px;
}

#rightSpacer {
	display:block;
	width:5px;
}

#rightColumn {
	vertical-align:top;
	float:right;
	width:230px;
	padding-right:10px;
}

#footer {
	clear:both;
	display:block;
	text-align:center;
	font-size:10px;
	color:#00566D;
	width:770px;
	border-top-color:#005B73;
	border-top-width:thin;		
}
#footer .clearer {padding:20px 10px;}
#footer .slh,
#footer .language {float:left; display:inline ;width:254px;}
#footer .select {float:right; display:inline ;width:240px;}
#footerLogoLeftMiddle {
	clear:both;
	display:block;
	margin-left:10px;
	vertical-align:top;
	float:left;
	width:508px;
	height:90px;	
}

#footerLogoLeft {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	vertical-align:top;
	float:left;
	width:254px;
}

#footerLogoMiddle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	vertical-align:top;
	float:right;
	width:254px;
}

#footerLogoRight {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	vertical-align:top;
	float:right;
	width:240px;
	height:90px;	
}

#topSpacer {
	clear:both;
	display:block;
	width:770px;
	height:5px;
}

#availabilityBox{
	border-width:thin;
	border-color:#FFFFFF;
	border-style:solid;
	background-color:#ECECDE;
	margin-right:40px;
}

#bookingConsole {
	width:186px;
	background-image:url(../images/template/booking_console_bg.jpg);
}

#flashComponent{
	clear:both;
	display:block;
	padding-top:1px;
	padding-bottom:10px;
}

#imageNavigation{
	clear:both;
	display:block;
	width:770px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#00556C;
}

#imageThumbs{
	clear:both;
	display:block;
	width:770px;
}

#bottomImageLine{
	clear:both;
	display:block;
	width:650px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#00556C;
}	

#imageNavANDimageSpacer{
	clear:both;
	display:block;
	width:770px;
	height:3px;
}


/*
#topNav{
	clear:both;
	width:750px;
	height:26px;
	background-color:#000000;
}
*/

/************************ image nav styles *************************/		
#imageNavigation table{
	border:0;
	
}

#imageNavigation img{
	vertical-align:middle;
}



/******************** booking console styles *****************************/
#bookingConsoleContent {
	clear:both;
	display:block;
	padding-top:10px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:10px;
}

.bookingConsoleTitle {
	color:#005A72;
	font-size:12px;
}

.bookingConsoleContent {
	font-size:11px;
	color:#666666;
}

.bookingArrival {
	border-color:#7F9DB9;
	border-width:1px;
	height:10px;
	font-size:10px;
	color:#666666;
}

.redText {
	color: #ff0000;
}
/*********************** availability box styles *************************/		
#availabilitBoxContent {
	clear:both;
	display:block;
	padding-top:10px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:10px;
}





/************************ footer styles *************************/		
#footer hr{
	width:710px;
	height:1px;
	background-color:#005B73;
	color:	#005B73;
}

#footer p{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;	
}

#footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00566D;	
	text-decoration:none;
}

#footer a:visted { color:#00556D; text-decoration: none;}		
#footer a:hover  { color:#00566D; text-decoration: underline; }
#footer a:active { color:#00556D; text-decoration: none; }



/************************ page banner styles *************************/		
#pageTitle {
	padding-left: 50px;
	padding-top:30px;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#005B73;
}

.pageHeading {
	color:#146980;
	font-weight:bold;
	font-size:13px;
}




#nav {
	background-image:url(../images/template/nav_bg.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:25px;
	width:770px;
	clear:both;
	display:block;
}

#navText {
	color:#ffffff;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:7px;
}

#navText a			{color: #ffffff; text-decoration: none;}
#navText a:hover	{color: #ffffff; text-decoration: underline; }
#navText a:vistied	{color: #ffffff; text-decoration: none;}
#navText a:active	{color: #ffffff; text-decoration: none; }

.navBar {
	color:#0F4F68;
}

#localTime {
	clear:both;
	padding-left:570px;
	display:block;
	font-size:9px;
	color:#ffffff;
	float:left;
	padding-top:50px;
}

#topBanner h2 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
}

#topBanner p{
	margin:0px 0px 0px 0px;
}


/******************* left column styles ************************/
#errorMessage {
	color: #ff0000;
}

#leftColumn p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

#leftColumn h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bolder;
	color:#005B73;
}

#leftColumn a:link   	{color:#005B73; text-decoration:none; }
#leftColumn a:visited	{color:#005B73; text-decoration:none; }
#leftColumn a:active	{color:#005B73; text-decoration:none; }
#leftColumn a:hover		{color:#005B73; text-decoration:underline; }

.pageHeading a:link		{color: #146980; text-decoration: none;}
.pageHeading a:hover	{color: #146980; text-decoration: underline; }
.pageHeading a:vistied	{color: #146980; text-decoration: none;}
.pageHeading a:active	{color: #146980; text-decoration: none; }


/******************* right column styles ************************/




/************* others ********************************/
.divBar {
	background-image:url(../images/template/divider_bg.gif);
	background-repeat:repeat-x;
}

.blueText {
	color:#005B73;
}

.homeSpecialHeading {
	color:#005B73;
	font-size:12px;
}

.homePageSpecialBox {
	color:#666666;
}

.homePageSpecialBox a:link 		{color: #00556C; text-decoration: underline;}
.homePageSpecialBox a:visited	{color: #00556C; text-decoration: underline;}
.homePageSpecialBox a:hover		{color: #00556C; text-decoration: none;}
.homePageSpecialBox a:active	{color: #00556C; text-decoration: underline;}


/******************* submenu ********************************/
#subMenu {
	color:#7A7B7B;
	font-size:11px;
}


#subMenu a:link 		{color: #7A7B7B; text-decoration: none;}
#subMenu a:visited		{color: #7A7B7B; text-decoration: none;}
#subMenu a:hover		{color: #7A7B7B; text-decoration: underline;}
#subMenu a:active		{color: #7A7B7B; text-decoration: none;}


.currentPage {
	color:#005368;	
	font-size:11px;
}

/********************* tariff pages ***************************/
#tariffCond {
	font-size:9px;
}


.tariffBungalowDesc {
	font-size:9px;
}

.tariffCategory {
	color:#666666;
	font-weight:bold;
	font-size:12px;
}

.tariffRateHeading {
	background-color:#227D95;
	color:#ffffff;
	font-weight:bold;
}

.tariffRateHeadDesc {
	background-color:#C9E4EB;
	color:#227D95;
	font-size:9px;
}

.tariffRateRow1 {
	background-color:#FFFFFF;
}

.tariffRateTable {
	border-color:#DDDDC4;
	border-style:solid;
	border-width:thin;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.secondaryHeading {
	font-size:12px;
}

.footerText {
	text-align:center;
	font-size:10px;
	color:#00566D;
}

.footerTextLink {
	margin-top:30px;
	text-align:center;
	font-size:10px;

}

.footerText a:link 		{color: #00566D; text-decoration: none;}
.footerText a:visited		{color: #00566D; text-decoration: none;}
.footerText a:hover		{color: #00566D; text-decoration: underline;}
.footerText a:active		{color: #00566D; text-decoration: none;}



/******************************** attraction details page *******************/
#attractDetails {
	margin:10px 10px 10px 10px;
}

/******************************** smaple menu page *******************/
#sampleMenu {
	margin:10px 10px 10px 10px;
}