/***
   do not delete this dummy class which is
   used to fix some strange problems
***/

.xxx {
}
**********************************************************/
#fatList
{
   margin:10px 0px 0px 0px;
   padding:0px;
   border:2px solid #000;
   width: 650px;
}

#fatList #fatListContent
{
   padding:5px;
}

#fatList .spacer
{
   height:5px;
}

#fatList img
{
   margin:auto;
   text-align:center;
}

#fatList .imageLeft img
{
   float:left;
   text-align:left;
   margin:0px 10px 10px 0px;
}

#imageContainer{
   float:right;
   width:384px;
   margin-left:15px;
}

#imageContainer img{
}

.imageCaption{
   font-size:10px;
}

/**********************************************************/
#relatedPictures
{
   margin-top:5px;
   border:0px solid #000;
}

#relatedPictures div.picture
{
   margin-right:8px;
   border:0px solid red;
   float:left;
   width:85px;
   height:65px;
}

#relatedPictures div.picture img
{
}

**********************************************************/
#textHome
{
   margin:10px 0px 0px 0px;
   padding:0px;
   text-align:left;
	line-height:13px;
   border:0px solid #000;
}

/**********************************************************/
#branding{
   border:0px solid red;
   height:105px;
}

#logo{
   margin:15px 10px;
   float:left;
   width: 145px;
}

#logo img{
}

#keyword{
   margin:65px 5px 0px 0px;
   float:right;
   width: 150px;
   border:0px solid #000;
}


#keyword .inputBox{
   margin-top:2px;
   float:left;
   width: 110px;
   border:0px solid #000;
}

#keyword .inputFld{
   width: 110px;
}

#keyword .searchArrow{
   float:left;
   width: 30px;
   border: 0px solid red;
}

/**********************************************************/
#rooms {
	border-left: 1px solid #9ca6ad;
	border-right: 1px solid #9ca6ad;
	border-bottom: 2px solid #9ca6ad;
	_border-bottom: 1px solid #9ca6ad;
	letter-spacing: 1px;
	height:30px;
	_height:35px;
	width:924px;
	_width:914px;
}

#rooms div {
   width:152px;
   _width:152px;
	border-right: 1px solid #9ca6ad;
	border-left: 1px solid #9ca6ad;
	border-top: 2px solid #9ca6ad;
	float:left;
   display:block;
}

#rooms div.first,
#rooms div.last,
#rooms div.middle
{
}

#rooms a {
   padding-top:8px;
	height:22px;
	_height:32px;
   display:block;
   background-color:#cecfd6;
   font-weight: bold;
   font-size:13px;
   font-family:  Arial;
   color : #5c5b5b;
   text-decoration : none;

}

#rooms a:hover,
#rooms a.selected
{
   background-color:#ef5552;
   color: #fff;
   font-size:13px;
   font-family:  Arial;

}


/****************************************************************/
#categories {
   margin-right: 10px;
   margin-top: 51px;
   _margin-top: 62px;
   color:#fff;
   font-weight: bold;
   border: 0px solid #000;
}

#categories div {
   color:#000;
   margin:0px 10px 0px 5px;
   font-size: 1.0em;
   border-right:1px solid #fff;
   padding-right:4px;
   padding-bottom:15px;
   width:150px;
   text-align:left;
   line-height: 16px;

}

#categories div a {
   display:block;
   padding:0px;
   text-decoration:underline;
   color: #9ca6ad;
}

#categories div a:hover,
#categories div.selected a
{
   text-decoration: none;
   color: #000;
}

/****************************************************************/
#subCategories {
   border: 0px solid #fff;
   margin-right: 10px;
   color:#fff;
}

#subCategories div {
   color:#fff;
   margin:0px 5px 15px 15px;
   font-size: 1.2em;
   border-right:1px solid #fff;
   padding-right:4px;
   width:150px;
   text-align:right;
}

#subCategories div a {
   display:block;
   padding:3px;
   text-decoration:underline;
   color: #9fcbd0;
}

#subCategories div a:hover,
#subCategories div.selected a
{
   text-decoration: none;
   color: #fff;
}

/**********************************************************/
#latestNews
{
   padding:5px 20px;
   width:280px;
}

#latestNews .row
{
   margin-bottom:5px;
}

#latestNews .row div.picture
{
   float:left;
   width:60px;
}

#latestNews .row div.desc
{
   float:left;
   padding-top:5px;
   width:220px;
}

/**********************************************************/
#contentContainer
{
   width:100%;
   border:0px solid #000;
}

#contentFullWidth
{
   width:100%;
}

#contentL
{
   width:384px;
}

#contentLInner
{
   padding:20px;
}

#contentL img
{
   margin: auto;
}
/**********************************************************/
#contentBody
{
   width:100%;
   border:1px solid #000;
}

.contentLeftText
{
	float: left;
	padding: 3px;
   width:270px;
}

.contentRight
{
	float: right;
	padding: 3px;
   width:390px;
}
/**********************************************************/
#thinList
{
   font-weight: normal;
   border:0px solid #000;
   width:855px;
   margin:auto;
   margin-top:30px;
   border-collapse:seperate;
   background-color: #ccc;
}

#thinList td
{
   color: #000;
   padding:5px;
   border:0px solid #fff;
   border-right:0px;
   border-top:0px;
   text-align:left;
   vertical-align: middle;
}

#thinList td.last
{
   border-bottom:0px;
}

#thinList .headerRow td
{
   border-top:1px solid #fff;
   background-color:#7092b6;
   font-weight:bold;
}

#thinList a
{
   text-decoration:none;
}

#thinList .list1
{
   background-color: #fff;
}

#thinList .list2
{
   background-color: #ccc;

}

#thinList #button
{
   width:125px;
   height:15px;
   color:#fff;
   border: 1px solid #fff;
   margin:0x;
   padding-top:3px;
   text-align:center;
   background-color:#7092b6;
   cursor:pointer;
}



/**********************************************************/
#footer{
   padding-bottom:20px;
   overflow:hidden;
}

#footerLeft{
   padding: 5px 0 0 2px;
   float: left;
   text-align: left;
   border: 0px solid #000;
}

#footerLeft img{
   float: none;
   display:inline;
   vertical-align:top;
}

#footerRight{
   padding: 5px 2px 0 0;
   float: right;
   width:250px;
   text-align: right;
   border: 0px solid #000;
}

/**********************************************************/
#enquiryForm{
   margin:20px;
   margin-right:5px;
   color: #000;
   width: 400px;
   border: 0px solid #000;
}

.enquiryForm td{
   padding:5px;
}

.enquiryForm .formTitle{
   font-size: 14px;
   font-weight: bold;
   color: #ff3333;
}

.enquiryForm .formFieldLabel{
   font-weight: bold;
   width:200px;
   vertical-align: top;
}

#enquiryForm .formFieldValue{
   color: #9ca6ad;
}

#enquiryForm .formInputBox{
   width:200px;
   background: #fff; !important
}

#enquiryForm .formInputBoxSmall{
   width:200px;
	background: #fff;
}

#enquiryForm .formSmallText{
   font-size: 10px;
   font-weight: bold;
}

#enquiryForm .title{
   font-size: 12px;
   font-weight: bold;
	background: #fff;
}

#enquiryForm .titleRed{
   font-size: 12px;
	color: #ff3333;
	text-align: left;
   font-weight: bold;
	background: #fff;
}
/**********************************************************/

#detailTopButtons{
	float: right;
	_float: left;
	height: 39px;
   padding: 0px;
	width: 680px;
	_width: 700px;
	background-repeat: repeat-x;
	background-position: bottom left;
   border: 0px solid #000;
	margin-top: 10px;
	margin-bottom: 4px;
}


#bookmark{
	float: right;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	width: 127px;
	background-repeat: repeat-x;
	background-position: bottom left;
}

#enquireThisPage{
	float: left;
	margin-bottom: 5px;
	margin-right: 0px;
	width: 142px;
	background-repeat: repeat-x;
	background-position: bottom left;
}

#print {
	float: right;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 3px;
	padding-left: 3px;
	width: 107px;
	background-repeat: repeat-x;
	background-position: bottom left;
	}

#emailToFriend {
	float: right;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 3px;
	padding-left: 4px;
	padding-right: 3px;
	width: 142px;
	background-repeat: repeat-x;
	background-position: bottom left;
}

#changeTextSize{
   float:right;
	margin-right: 0px;
	padding-left: 3px;
   width: 135px;
   _width: 150px;
   text-align: right;
   border: 0px solid #000;
}
/**********************************************************/

@media print
{
   .btnPrint {
      display:none;
   }
}


#progressInd {
   border:1px solid #ccc;
   margin:0 auto;
   position:absolute;
   top:0;
   left:0;
   z-index:20000;
   padding:3px 20px;
   background-color:#EF5552;
   color:#fff;
}

.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }