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

.xxx {
}

/**********************************************************/
#languagePanel {
   float: right;
}

#languagePanel div {
   float: left;
   padding:0px 5px;
   border-right: 2px solid #fff;
}

#languagePanel div.last {
   border-right: 0;
   padding-right:0px;
}

#languagePanel a {
   color: #fff;
}

/********************** BODY CONTENT ******************************/
.fatList{
   border-collapse: collapse;
   border:0px solid blue;
}

.fatList td{
   vertical-align: top;
   line-height: 18px;
}

.fatList div{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #003366;
	font-weight: normal;
}

.fatList .title{
	font-family: Times New Roman, Times, serif;
   width:350px;
   padding-right:30px;
   border:0px solid #000;
	font-size: 22px;
	line-height: 22px;
	color: #000;
   letter-spacing:1px;
   font-weight:normal;
}

.fatList img{
}

.fatList a:link, .fatList a:visited{
}

.fatList a:hover{
}

#leftPic{
	float:left;
	width:170px; 
	background-image:url('../images/boat_draw1.gif');
   border:0px solid red;
   min-height:415px;
	
}	
/**********************************************************/

#rooms {
   font-size:15px;
   vertical-align: top;
   text-align:left;
   height:32px;
   width: 100%;
   border:0px solid red;
   font-weight:bold;
   background-color:#000099;
}

#rooms div {
   color:#27273F;
   font-weight:bold;
   float:left;
   padding:10 10 8 10;
   border:0px solid red;
   margin-left:65px;
}

#rooms div sectionIcon {
   border: 0px solid red;
}

#rooms div.last {
}

#rooms a {
   text-decoration: none;
   color: #27273F;
   border: 0px solid red;
}

#rooms a:hover,
#rooms a.selected{
   color: #FF4D61;
   border: 0px solid red;
   
}

#rooms a.selected{
   margin-left: 15px;
   font-weight:bold;
   
}

#rooms img{
   padding-left:30px;
}

/******************** LEFT PANEL ********************************/
#leftPanelTop{
   margin:10px 0px 10px 10px;
   border:0px solid #000;
   width: 130px;
   color:red;
}

/* used when no top links exist */
#leftPanelTop2{
   margin:25px 0px 10px 10px;
}

#leftPanelTop h2
{
   color:#000;
   font-size: 1.2em;
   text-align:right;
   padding:20px 20px 5px 0px;
}

#leftPanelTop .link
{
   height:20px;
}

#leftPanelTop .link a
{
   color:#000;
   text-decoration:none;
}

/****************************************************************/

#leftPanelBottom{
   margin:auto;
   margin-left:18px;
   border:0px solid #fff;
   position:absolute;
   
      top:410px;
   }

#leftPanelBottom #button
{
   width:160px;
   min-height:15px;
   _height:15px;
   color:#fff;
   border: 0px solid #40668c;
   margin-bottom:5px;
   padding-top:3px;
   text-align:center;
}

#leftPanelBottom #button a
{
   text-decoration:none;
}

/****************************************************************/
#categories {
	font-family: "Times New Roman", Times, serif;
   border: 0px solid green;
   color:#003366;
   align: left;
	text-decoration: none;
	font-weight: normal;
	margin-top:10px;
}

#categories div {
   color:#000;
   margin:0px 5px 15px 5px;
   font-size: 16px;
   text-align:left;
}

#categories div a {
   display:block;
   padding:3px;
   text-decoration:none;
   color: #003366;
   border: 0px solid green;
}

#categories div a:hover{
	color: #FF0000;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;

}
#categories div.selected a{
	color: #FF0000;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}

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

#subCategories div {
   color:#fff;
   margin:0px 5px 5px 0px;
   width:150px;
}

#subCategories div a {
   text-decoration:none;
   font-size: 12px;
}

#subCategories div a:hover,
#subCategories div.selected a
{
   font-size: 12px;
   text-decoration: none;
}
/**********************************************************/
#content
{
   border:0px solid #000;
   margin-top:0px;
   text-align:left;
}

#content .row
{
   border:0px solid #000;
   width:200px;
}

#content .row div.picture{
   border:0px solid red;
   background-color:#CCCCCC;
   width:650px;
}

#content .row div.title{
   font-weight:bold;
   border:0px solid red;
	font-family: Times New Roman, Times, serif;
   width:200px;
	font-size: 14px;
	color: #003366;
	line-height:15px;
}   

#content .row div.title1{
   font-weight:bold;
   border:0px solid red;
	font-family: Times New Roman, Times, serif;
   width:200px;
	font-size: 14px;
	color: #003366;
	line-height:15px;
}   

#content .row div.desc{
   margin-top:10px;
   border:0px solid blue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	font-weight: normal;
}

#content a {
   font-weight:bold;
   border:0px solid red;
	font-family: Times New Roman, Times, serif;
   width:200px;
	font-size: 14px;
	color: #003366;
}

#content a:hover {
   font-weight:bold;
   border:0px solid red;
	font-family: Times New Roman, Times, serif;
   width:200px;
	font-size: 14px;
	color: red;
	text-decoration:underline;
}

#content img {
   float:left;
   padding-right:5px;
}

#content  div.title a{
   font-weight:bold;
   border:0px solid red;
	font-family: Times New Roman, Times, serif;
   width:200px;
	font-size: 14px;
	color: #003366;
	
}   


 


/******************** SEARCH TOP BAR *******************************/
#searchTopBar
{
   color: #000;
   width:630px;
   height:15px;
   background-image: url(images/searchTopBarBG.jpg);
   border:0px solid #000;
}

/******************** SEARCH PANEL *******************************/
#searchPanel
{
   color: #000;
   width:310px;
   height:250px;
   background-image: url(images/search_bg.jpg);
   border:0px solid #000;
   float:left;
   margin-top:5px;
}


/******************** SEARCH PANEL DETAIL*******************************/
#searchPanelDetail
{
   color: #000;
   width:190px;
   height:90px;
   margin-top:5px;
   background-image: url(images/search_bg.jpg);
   border:0px solid #000;
   float:left;
   margin-bottom:10px;
}

/******************** SEARCH PANEL *******************************/
#searchPanelResult
{
   color: #000;
   width:190px;
   height:240px;
   background-image: url(images/search_bg.jpg);
   border:0px solid red;
   margin-top:10px;       
   float:left;
}

/******************** SPECIAL TYPE *******************************/
#contentSpecialType1
{
   width:150px;
   height:250px;
   background-image: url(images/search_bg.jpg);
   border:0px solid #000;
   color: #000;
   float:left;
   margin-top:5px;
}

#contentSpecialType2
{
   width:145px;
   height:122px;
   border:0px solid #000;
   background-image: url(images/search_bg.jpg);
   float:left;
   color: #000;
   margin-top:5px;
}

#contentSpecialType3
{
   width:145px;
   height:122px;
   border:0px solid #000;
   background-image: url(images/search_bg.jpg);
   margin-top:5px;
   margin-right:3px;
   float:right;
   color: #000;
}

#contentSpecialType
{
   width:308px;
   height:250px;
   background-image: url(images/search_bg.jpg);
   border:0px solid #000;
   margin-top:5px;
   float:left;
   margin-left:10px;
   color: #000;
}


/******************** TABS PANEL *******************************/
#tabsPanel
{
   color: #000;
   width:60px;
   height:10px;
   border-right:1px solid #000;
   margin-left:5px;
   font-weight:bold;
   float:left;
}

#tabsPanel a {
   text-decoration: none;
   color: #27273F;
}

#tabsPanel a:hover,
#tabsPanel a.selected
{
   background-color:#27273F;
   color: #fff;

}

#tabsPanel a.selected
{
   background-color:#27273F;
   font-weight:bold;
}


/******************** CONTENT DETAIL*******************************/
#contentDetail
{
   margin-top:5px;
   color: #000;
   border:0px solid #000;
   margin-left:15px;
   margin-bottom:10px;
}

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

#contentDetail .row div.picture
{
   padding-top:10px;
}

#contentDetail img{
   padding-left:15px;
}

#contentDetail .row div.title
{
   padding-top:10px;
   border:0px solid #000;
   font-weight:bold;
   font-size:14px;
}

#contentDetail .row div.desc
{
   width:430px;
   float:right;
   border:1px solid blue;
}

#contentDetail a {
   padding-top:10px;
   font-size:14px;
   color:red;
   margin-left:15px;
}


/******************** CALLOUTS *******************************/
.calloutLeft
{
   padding-top:0px;
   padding-right:20px;
   float:left;
   border:1px solid red;
}

#slideShow
{
   padding:10px 10px;
   border-bottom:1px solid #fff;
}

/**********************************************************/
#thinList
{
   font-weight: normal;
   border-right:1px solid #fff;
   width:325px;
   margin:auto;
   margin-top:30px;
   border-collapse:seperate;
}

#thinList td
{
   color: #000;
   padding:5px;
   border:0px solid #fff;
   border-right:0px;
   border-top:0px;
}

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

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

#thinList a
{
   text-decoration:none;
}

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

#thinList .list2
{
   background-color: #7fa0c2;
   background-color: #a4bdd5;
}

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

/**********************************************************/
#thinList2
{
   font-weight: normal;
   width:325px;
   margin:auto;
   margin-top:48px;
}

#thinList2 td
{
   color: #3f6890;
   padding:5px;
   border-bottom:0px solid #fff;
}

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

#thinList2 .headerRow td a
{
   font-weight:bold;
   color: #fff;
}

#thinList2 a
{
   color: #3f6890;
   text-decoration:none;
}

/********************** THUMB LIST ******************************/
#thumbList{
   border: 0px solid #000;
   color:#4f5154;
   width:770px;
   margin:10px;
   margin-top:20px;
}

#thumbListLeft{
   border: 0px solid #000;
   color:#4f5154;
   width:450px;
   float: left;
}

#thumbListRight{
   border:1px solid #CCFFFF;
   width:300px;
   float: right;
}

#thumbListRight .imageContainerProductDetail{
  margin-bottom:10px;
}

#thumbListRight .imageContainerProductDetail img{
  margin:auto;
}

#thumbListLeft .title {
   font-size:16px;
   font-weight: bold;
   margin-bottom:10px;
}

#thumbListLeft .smalltitle {
   line-height:15px;
   font-size:12px;
   font-weight:bold;
   padding-top:15px;
}

#thumbListLeft .desc {
   line-height:15px;
}

#thumbListLeft .shortDesc {
}

#thumbListLeft a {
   color:#4f5154;
}

#optionDetail{
   border:0px solid #000;
   margin-top: 10px;
}   


#optionDetail .optionCategory {
   font-size:12px;
   font-weight:bold;
   margin:10px 0px 5px 0px;
}

#optionDetail .optionTitle{
   text-decoration: underline;
   margin-top:5px;
}

/********************** BODY CONTENT DETAIL ******************************/
.detail{
   border-collapse: collapse;
   width: 600px;
   padding: 20 25 ;
   border:0px solid #000;
}

.detail td{
   padding: 5px;
}

.detail .title{
   padding: 5px;
   color: #000;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
	background-color: #aedcb0;
}

.detail .headerRow{
   color: #fff;
   font-weight: bold;
   background-color:#91ccea;
   font-size: 14px;
}

.detail img{
}

/**********************************************************/
#searchKeywordForm{
   margin-left:20px;
   margin-top:25px;
}

#searchKeywordForm td{
   padding:5px;
}

#searchKeywordForm optgroup{
   background-color:#a8bfd4;
   color:#000;
}

#searchKeywordForm select{
   width:135px;
   height:18px;
   font-size: 9px;
}

#searchKeywordForm #submit
{
   text-align:right;
   cursor:pointer;
}

#searchKeywordForm #submit a
{
   text-align:right;
}

#searchKeywordForm img{
   margin:auto;
}

/**********************************************************/
/********************** ENQUIRY FORM ******************************/
.formTitle{
   color: #000;
   font-size: 14px;
   font-weight: bold;

}

.formFieldLabel{
   font-weight: bold;
   width:150px;
   font-size: 12px;
}

.formFieldValue{
   font-size: 12px;
}

.formInputBox{
   width:250px;
   font-size: 12px;
}

.formInputBoxSmall{
   width:150px;
   font-size: 12px;
}

.formSmallText{
   font-size: 11px;
}


/**********************************************************/
#latestNews
{
   border:0px solid #000;
   width:310px;
   height:100px;
   float:left;
   margin-top:5px;
}

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

#latestNews .row div.picture
{
   float:left;
   width:70px;
   margin-left:3px;
   padding-bottom:5px;
   padding-right:5px;
}

#latestNews .row div.title
{
   float:left;
   padding-top:5px;
   padding-bottom:5px;
   margin-left:5px;
   font-weight:bold;
   font-size:12px;
   width:308px;
}

#latestNews .row div.desc
{
   padding-top:5px;
   padding-left:5px;
   padding-bottom:8px;
   width:308px;
}

#latestNews .row div.bottomBorder
{
   padding-top:2px;
   width:308px;             
   border-bottom-style: dashed;
   border-bottom-width: 1px;
   border-bottom-color: #000;
}

#latestNews a {
   color:red;
}

#categoryTitle
{
   margin-left:5px;
   margin-top:5px;
   margin-bottom:5px;
   font-weight:bold;
   font-size:12px;
   color:#27273f;
 }


/**********************************************************/
.dropDown1{
   width:150px;
   background-color: #00224f;
   color: #fff;
}

/**********************************************************/
#vspace{
   border:0px solid #000;
   float:left;
   width:10px;
}

/**********************************************************/
#hspace{
   border:0px solid #000;
   float:left;
   width:3px;
   height:3px;
}
/**********************************************************/
.relatedPictureBox{
   border:0px solid #000;
   float:left;
   width:125px;
   margin:5px;
}   

.relatedPictureBox a{
   border:0px solid #000;
   float:left;
   width:100px;
}   

/**********************************************************/
#footer{
	font-family: Arial, Helvetica, sans-serif;
   border: 0px solid green;
   height: 22px;
   font-size:9px;
   background-color:#000099;
   padding-left:20px;
	color: #FFFFFF;
}
#footer div{
   border: 0px solid green;
   background-color:#000099;
}

/***************************************************************/
.footerPanel {
   border-collapse: collapse;
   padding: 0px;
   width: 100%;
   background-color:#000099;
   height:26px;
   
}

.footerPanel td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 1px;
   padding-left:20px;
	
}

.footerPanel  a{
   font-size:9px;
   text-decoration:none;
   color:#ffffff;
   font-weight: bold;
}

.footerPanel a:hover{
   text-decoration:underline;
   color:#FFFFFF;
}


  text-decoration:none;
   color:#ffffff;
   font-weight: bold;
}

.footerPanel a:hover{
   text-decoration:underline;
   color:#FFFFFF;
}


/********************** ENQUIRY FORM ******************************/
.enquiryForm{
   border: 1px solid #000;
   width:500px;
   margin:auto;
}

.enquiryForm td{
   padding: 8px;
}
/********************** SEARCH PANEL ******************************/
#genericForm{
   border:0px solid #000;
}

#genericForm td{
   padding:8px;
   padding-left:0px;
   vertical-align: top;
}

#genericForm .formTitle, .formTitle{
   font-size: 14px;
   font-weight: bold;
}

#genericForm .formFieldLabel{
   font-weight: bold;
   width:150px;
}

#genericForm .formFieldValue{
   font-size: 12px;
}

#genericForm .formInputBox{
   width:250px;
}

#genericForm .formInputCountryCode{
   width:30px;
}

#genericForm .formInputBoxSmall{
   width:210px;
}

#genericForm .formSmallText{
   font-size: 10px;
   font-weight: bold;
}
/**********************************************************/

.subCategoryList{
	 padding-left:20px;	
	 padding-top:20px;
	 border: 0px solid red;
}

.subCategoryList .row{
	 float:left;
}

.subCategoryList .row img{
	 padding-left:15px;	
	 border: 0px solid red;
	 float:left;
}

.subCategoryList img{
}