/* Default CSS Stylesheet for a new Web Application project */
BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10pt;

}

legend
{
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    COLOR: #4f80d1;
    font-weight: bold;
}

TFOOT
{
    COLOR: #000000;
}

THEAD
{
    COLOR: #000000;
}

TH
{
    COLOR: #000000;
}


H1
{
	font-family: Arial,Verdana,arial;
	font-size: 12pt;
	font-weight: bold;
    COLOR: #0000a7;
}

H2
{
	font-family: Arial,Verdana,arial;
	font-size: 14px;
	font-weight: bold;
	color : #000000;
}

H3	{	
	font-family: Arial,Verdana, Arial, Helvetica, sans-serif;
	
	font-size:	12px;;
	font-weight: bold;
	color : #000000;
	
	}	
		
H4	{	
	font-family: Arial,Verdana,arial;
	font-size: 11pt;
	font-weight: bold;
    COLOR: #0000a7;
   }	
		
DT	{	
	font-family: Arial,Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}
		
H6	{	
	font-family: Arial,Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	
	}	
		
THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial,Verdana,Arial, Helvetica, sans-serif;
	}	
		
TFOOT	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial,Verdana,Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial,Verdana,Arial, Helvetica, sans-serif;
	}	



	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

PRE	{	
	font-family:	 Arial,Verdana, arial, Helvetica, sans-serif;
	}	
	

BLOCKQUOTE	{	
	font-family:	 Arial,Verdana, arial, Helvetica, sans-serif;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	


Table
{
	font-family: Arial;
	font-size: 10pt;
	color :BLACK;
}

td
{
	font-family: Arial;
	font-size: 10pt;
	color :BLACK;
}

.clsSearchBoxTitle
{
	background-color:#001e65;
	color:White;
	font-weight:bold;
	text-align:center;
	font-family:Arial;
}
.clsSearchBoxButton
{
	background-color:#7ec6e4;
	color:White;
	font-weight:bold;
	text-align:center;
	font-family:Arial;
	cursor:hand;
}
.clsErrMsg
{
	font-weight: bold;
	font-size: 10pt;
	color: red;
	font-family: Arial;	
}

.clsUserErrMsg
{
	font-weight: bold;
	font-size: 10pt;
	color: red;
	font-family: Arial;	
}

.alt-row1 {background-color:#ecf7f8;padding:10px;}
.alt-row2 {background-color:#f2f7e5;padding:10px;}


.clsFooterMenu a
{
color: #ffffff;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
text-decoration: none;
}


.clsFooterMenu a:hover
{
color: #ff9c00;
font-size: 10pt;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-style: normal;
text-align: left;
text-decoration: none;

}

.clsGrid TD
{
color: #000000;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
text-decoration: none;	
}

.clsGrid a
{
color: #0000FF;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
}

.clsGrid a:hover
{
color: #0000FF;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
text-decoration: underline;	
}

.clsGrid a:visited
{
color: #0000FF;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
}

.clsGrid a:link
{
color: #0000FF;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
}

.clsMOQTable
{
	font-weight: normal;
	font-size: 10pt;	
	border-style: solid; 
	border-width: thin ;
	border-color: Black;
	color: black;	
	font-family: Arial;
	background-color: #FFFFFF;
	text-align: center;
}

.clsMOQTableHeader
{
	font-weight: bold;
	font-size: 10pt;	
	color: white;	
	height: 30px;
	border-color: Black;
	border-style: solid; 
	border-width:  1px ;
	border-color: Black;
	font-family: Arial;
	background-color: #2143B6;
	text-align: center;
}
.clsMOQTableTD
{
	font-weight: normal;
	font-size: 10pt;	
	border-color: Black;
	border-style: solid; 
	border-width:  1px ;
	border-color: Black;
	font-family: Arial;
	background-color: #FFFFFF;
	text-align: center;
	height: 20px;
}



.clsTopMenu a:link
{
font-weight: bold;
color: #666666;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
text-decoration: none;	
}

.clsTopMenu a:hover
{
font-weight: bold;
color: #FF0000;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
text-decoration: none;	
}

.clsTopMenu a:visited
{
font-weight: bold;
color: #666666;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
text-decoration: none;	
}

.clsMainMenu a:link
{
font-weight: bold;
color: #FFFFFF;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
text-decoration: none;	
}

.clsMainMenu a:hover
{
font-weight: bold;
color: #FF0000;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
text-decoration: none;	
}

.clsMainMenu a:visited
{
font-weight: bold;
color: #FFFFFF;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
text-decoration: none;	
}

.clsSearchBar a:link
{
font-weight: bold;
color: #FFFFFF;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
text-decoration: none;	
}

.clsSearchBar a:hover
{
font-weight: bold;
color: #FF0000;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 9pt;
font-style: normal;
text-align: left;
text-decoration: none;	
}

.clsSearchBar a:visited
{
font-weight: bold;
color: #FFFFFF;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
text-decoration: none;	
}


.clsFooterLink a:link
{
    font-weight: normal;
    color: #6e4d7e;
    font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    text-align: left;
    text-decoration: none;	
}

.clsFooterLink a:hover
{
    font-weight: normal;
    color: #6601AB;
    font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    text-align: left;
    text-decoration: none;	
}

.clsFooterLink a:visited
{
    /*font-weight: normal;
    color: #6e4d7e;
    font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    text-align: left;*/
    text-decoration: none;	
}

/**Main Menu**/
.clsMMenu a:link
{
font-weight: lighter;
color: #FF0000;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size:  8pt;
padding: 0px  10px 0px 10px;
}

.clsMMenu a:hover
{
font-weight: lighter;
color: #e5a419;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 8pt;
padding: 0px  10px 0px 10px;
}

.clsMMenuItem
{
font-weight: lighter;
color: #000000;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 8pt;
padding: 0px  10px 0px 10px;
}

.clsMMenuSub a:link
{
font-weight: lighter;
color: #000000;
font-family: Arial, Arial, Verdana,  Helvetica, sans-serif;
font-size: 7pt;
}

.clsMMenuSub a:hover
{
font-weight: lighter;
color: #e5a419;
font-family: Verdana, Arial, Verdana,  Helvetica, sans-serif;
font-size: 7pt;
background-color: #660066;
}

.clsMMenuSubItem
{
font-weight: lighter;
color: #000000;
font-family: Verdana, Arial, Verdana,  Helvetica, sans-serif;
font-size: 7pt;
padding: 6px 6px 6px 6px;
border-top : solid 1px #E6E5E0;
text-align: left;
background-color: #660066;

}
.clsOAMenuItem
{
color: #313ea6;
font-family:  Arial, Helvetica, sans-serif;
font-size:.9em;
font-weight:lighter;
padding: 6px 6px 6px 6px;
border-top : solid 1px #E6E5E0;
text-align: left;
background-color: #83c3e7;
}

/**General link**/
.clsGenLink a
{
font-weight: bold;
color: #A71C20;
font-family: Verdana, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
text-decoration: none;	
}

.clsGenLink a:hover
{
font-weight: bold;
color: #A71C20;
font-family: Verdana, Arial, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
text-decoration: underline;	

}

/****DATAGRID****/
.clsDataGrid
{
    border-style: Solid;
    Border-Color: Gray ;
    border-width:1px;
    font-family: Arial;
    font-size: 10pt; 
}
.clsDataGridAltItemStyle
{
    background-color:#FCE3A3;        
}
.clsDataGridPagerStyle
{
    background-color: Teal;
    color :#FFFFFF;   
    font-weight: bold;       
    height: 20px;   
}
.clsDataGridEditItemStyle
{
}
.clsDataGridFooterStyle
{
}
.clsDataGridHeaderStyle
{
    background-color: white; 
    border-width:1px;
    font-family: Arial; 		
    color :#000080;    
    background-color:Silver;
    border-style:Solid;        
    font-weight: bold;
}
.clsDataGridItemStyle
{
}
.clsDataGridSelectedItemStyle
{
}

.clsFormLabelTD
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-family: Arial;
	background-color: #EBEBEB;
}

.clsFormHeaderTable
{
	font-weight: bold;
	font-size: 10pt;	
	color: white;	
	height: 20px;
	font-family: Arial;
	background-color: #2143B6;
	text-align: left;
}

.clsRecordCmdLabel
{
	font-weight: bold;
	font-size: 10pt;
	color:  blue;
	font-family: Arial;
	text-decoration: underline;
}
.clsFormSubMenuTD
{
	font-weight: bold;
	font-size: 10pt;	
	color: black;	
	height: 30px;
	font-family: Arial;
	background-color: #cccccc;
	text-align: left;
}

.clsFormControlTD
{
	font-size: 10pt;	
	color: black;	
	font-family: Arial;
	background-color: #CEDEFF;
	text-align: left;
}

.clsFormMsgTD
{
	font-weight: bold;
	font-size: 10pt;	
	color: red;	
	font-family: Arial;
	background-color: #CEDEFF;
	text-align: left;
}

.clsFormLabelTD
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-family: Arial;
	background-color: #EBEBEB;
}

.clsFormLabelCompTD
{
	font-weight: bold;
	font-size: 10pt;
	color: blue;
	font-family: Arial;
	background-color: #EBEBEB;
}

.clsFormLabelIDTD
{
	font-weight: bold;
	font-size: 10pt;
	color: blue;
	font-family: Arial;
	background-color: #ffcc00;
}

.clsFormSect2TD
{
    background-color: #FFFFCC;
}

.clsFormLabelHighlightTD
{
	font-weight: bold;
	font-size: 10pt;
	color: blue;
	font-family: Arial;
	background-color: #ffcc00;
}

.clsFormSubHeader
{
	font-weight: bold;
	font-size: 10pt;
	color: white;
	font-family: Arial;
	background-color: #3366cc;
}
.clsFormColumnHeader
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-family: Arial;
	background-color: #cccccc;
}

/*Cust Registraion Form*/



.clsCustRegFormHeader
{
    font-weight:  bold;
	font-size: 11pt;
	color: #000000;
	font-family: Arial;
	background-color: #cccccc;
	padding: 5px 5px 5px 5px;
	border-top: 1px #999999 solid; 
	border-left: 1px #999999 solid;

}

.clsCustRegFormSubHeader
{
    font-weight:  bold;
	font-size: 11pt;
	font-style: italic ;
	color: #FFFFFF;
	font-family: Arial;
	background-color: #999999;
	padding: 5px 5px 5px 5px;
	border-top: 1px #999999 solid; 
	border-left: 1px #999999 solid;

}


.clsCustRegFormLabelTD 
{
    font-weight:  normal;
	font-size: 10pt;
	color: black;
	font-family: Arial;
	background-color: #ffffff;
	border-top: 1px #999999 solid; 
	border-left: 1px #999999 solid;
	padding: 2px 2px 2px 5px;
}


.clsCustRegFormLabelCompTD 
{
    font-weight:  normal;
	font-size: 10pt;
	color: #ff0000;
	font-family: Arial;
	background-color: #ffffff;
}

.clsCustRegFormCtrlLabel
{
    font-weight:  normal;
	font-size: 10pt;
	color: #000080;
	font-family: Arial;
	background-color: #ffffff;
}



/*Cart*/
.clsCartTable 
{
    
	font-size:	10pt;
	color: #000000;
	font-weight:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial,Verdana,Arial, Helvetica, sans-serif;
	vertical-align:	top;
	border-style:Solid;
	width:100%;
	border-width: 1pt ;
	border-collapse:collapse;
	border-color :#cccccc;
	}

.clsCartTableHeader 
{
    font-size:	10pt;
    color: #000000;
	font-weight:	bold;
	text-transform:	none;
	font-family: Arial,Verdana,Arial, Helvetica, sans-serif;
	background-color: #dcdcdc;
	vertical-align:	top;		
}

.clsCartTableRow
{
    font-size:	10pt;
    color: #000000;
	font-weight:	bold;
	text-transform:	none;
	font-family: Arial,Verdana,Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	vertical-align:	top;		

}

.clsCartTableRow A
{
    		
}


.clsH1Def
{
	font-family: Arial,Verdana,arial;
	font-size: 14pt;
	font-weight: bold;
	color : #487C29;
	height:15pt;

}

.clsHRDef
{
	color : #487C29;		
	height: 4px;
}

.clsH1PET
{
	font-family: Arial,Verdana,arial;
	font-size: 14pt;
	font-weight: bold;
	color : #837339;
	height:15pt;

}

.clsHRPET
{
	color : #837339;		
	height: 4px;
}

.clsH1EYE
{
	font-family: Arial,Verdana,arial;
	font-size: 14pt;
	font-weight: bold;
	color : #596cb0;
	height:15pt;

}

.clsHREYE
{
	color : #596cb0;		
	height: 4px;
}

.clsH1AES
{
	font-family: Arial,Verdana,arial;
	font-size: 14pt;
	font-weight: bold;
	color : #f27e0d;
	height:15pt;

}

.clsHRAES
{
	color : #f27e0d;		
	height: 4px;
}

.clsH1WELL
{
	font-family: Arial,Verdana,arial;
	font-size: 14pt;
	font-weight: bold;
	color : #92a9c9;
	height:15pt;

}

.clsHRWELL
{
	color : #92a9c9;		
	height: 4px;
}

.clsH1IMG
{
	font-family: Arial,Verdana,arial;
	font-size: 14pt;
	font-weight: bold;
	color : #52959e;
	height:15pt;

}

.clsHRIMG
{
	color : #52959e;		
	height: 4px;
}



.clsTxSideMn a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC00;
	font-weight:  bold;
	padding-left:8px;
	text-align: left;
	text-decoration: none;
}

.clsTxSideMn a 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight:  lighter;
	padding-left: 8px;
	text-align:  left;
	text-decoration: none;
}

.clsTxTitle01 {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14pt;
	color: black ;
	text-align: right;
}

.clsCellFooter01 {
	text-decoration: none;
	font-size: 8pt;
	color: gray;
	font-weight: bold;
	text-align: left;	
}

.clsCellFooter02 {
	text-decoration: none;
	font-size: 8pt;
	color: #407819;
	font-weight: bold;
	text-align: right;	
}

.clsMoreLink  
{
	
	font-size: 9pt;
	color: #0000a7;
	font-weight: bold;
	text-align: left;	
	text-decoration: none;
}

.clsSpareSubMenuLink  A
{	
	font-size: 9pt;
	color: #0000a7;
	text-align: left;	
	text-decoration: none;
}

.clsSpareSubMenuLink  A:hover
{	
	font-size: 9pt;
	color: #ff9c00;
	font-weight: bold;
	text-align: left;	
	text-decoration: none;
}

.clsTBSpecTitle
{
	font-size: 12pt;
	color: #FFFFFF;
	background-color: #003399;
	font-weight: bold;
	text-align: left;	
	text-decoration: none;
	height: 25px;
	padding: 5px 5px 5px 20px;
}

.clsTBSpecHeader
{
	font-size: 10pt;
	color: #333333;
	background-color: #FFCC00;
	font-weight:  bold ;
	text-align: center;	
	text-decoration: none;
	height: 20px;
	padding: 5px 5px 5px 5px;
}

.clsTBSpecTR1
{
	font-size: 10pt;
	color: #000000;
	background-color: #FBFBFB;
	font-weight:  normal ;
	text-align: center;	
	text-decoration: none;
	height: 20px;
	padding: 5px 5px 5px 5px;
	
}

.clsTBSpecTR2
{
	font-size: 10pt;
	color: #000000;
	background-color: #F1F5FA;
	font-weight:  normal ;
	text-align: center;	
	text-decoration: none;
	height: 20px;
	padding: 5px 5px 5px 5px;

}

.clsTBSpecTDModel
{
	text-align: left;			
	
}
	
.clsMoreLink A
{
	font-size: 9pt;
	color: #0000a7;
	text-align: left;	
	text-decoration: none;
}

.clsMoreLink A:hover 
{
	font-size: 9pt;
	color: #ff9c00;
	font-weight: bold;
	text-align: left;	
	text-decoration: none;
}

.clsCoOfficeLink A
{
	font-size: 10pt;
	color: #0000a7;
	text-align: left;	
	text-decoration: none;	
	font-weight: bold;
}

.clsCoOfficeLink A:hover 
{
	font-size: 10pt;
	color: #ff9c00;
	text-align: left;	
	text-decoration: none;	
	font-weight: bold;
}

/*MODAL*/
.modalProgressGreyBackground 
{
    background:#CCCCCC;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalProgressRedBackground 
{
    background:Red;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup
{
    text-align:center;
    padding-top: 30px; 
    border-style:solid; 
    border-width:1px; 
    background-color:White; 
    width:300px; 
    height:100px;
}

.clsVillaTitle
{
	font-weight: bold;
	font-size: 18px;
	color: #222b6f;
	font-family: Arial;	
}
.clsReviewTitle
{
	font-weight: normal;
	font-size: 18px;
	color: #222b6f;
	font-style:italic;
	font-family: Arial;	
}
.clsSDesc
{
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: Arial;	
}

.clsVillaReviews
{
	font-weight: bold;
	font-size: 1em;
	color: #222b6f;
	font-family: Arial;	
}
.clsVillaSubReviews
{
	font-weight: bold;
	font-size: 0.9em;
	color: #000000;
	font-style:italic;
	font-family: Arial;	
}
.clsAmenityTitle
{
	font-weight: bold;
	font-size: 10pt;
	color: #003399;
	font-style:normal;
	font-family: Arial;	
}
.clsVillaAmenityTitle
{
	font-weight: bold;
	font-size: 8pt;
	color: #003399;
	font-family: Arial;	
}
.clsVillaVideoTitle
{
	font-weight: bold;
	font-size: 9pt;
	color: #003399;
	font-family: Arial;	
}
.clsResponseMessage
{
	font-weight: normal;
	font-size: 12pt;
	color: #003399;
	font-family: Arial;	
}
.clsVillaVideoSubTitle
{
	font-weight: normal;
	font-size: 9pt;
	color: #003399;
	font-family: Arial;	
}
.clsVillaAllVideoTitle
{
	font-weight: bold;
	font-size: 9pt;
	color: #214ccf;
	font-family: Arial;	
}
.clsHowwecalculate
{
	font-style: normal;
	font-size: 15pt;
	color: #003399;
	font-family: Arial;	
}
.clsVillaAllVideoSubTitle
{
	font-weight: normal;
	font-size: 9pt;
	color: #214ccf;
	font-family: Arial;	
}

.clsVillaOtherTitle
{
	font-weight: bold;
	font-size: 15px;
	color: #222b6f;
	font-family: Arial;	
}
.clsVillaCharTitle
{
	font-weight: bold;
	font-size: 7pt;
	color: #003399;
	font-family: Arial;	
}
.clsVillaTitleLocation
{
	font-weight: bold;
	font-size: 11pt;
	color: #222b6f;
	font-family: Arial;	
}
.clsVillaTitleCountry
{
	font-weight: bold;
	font-size: 10pt;
	color: #003399;
	font-family: Arial;	
}
.clsTableReviewsDetail
{
		
	border-style: solid; 
	border-width: 1px ;
	border-color: #734020;	
	font-family: Arial;
	background-color: #fefae9;
	
}
.clsTableDetail
{
		
	border-top : solid 1px #aecad5;
	border-left : solid 1px #aecad5;
	border-right : solid 1px #aecad5;
	border-bottom : solid 1px #aecad5;
	font-family: Arial;
	background-color: #edf6f9;
	
}
.clsVillaChar
{
		
	border-top : solid 1px #729eab;
	border-left : solid 1px #729eab;
	border-right : solid 1px #729eab;	
	border-bottom : solid 1px #729eab;
	font-family: Arial;
	background-color: #edf6f9;
	
}
.clsTableRateDetail
{
		
	border-top : solid 1px #aecad5;
	border-left : solid 1px #aecad5;
	border-right : solid 1px #aecad5;
	border-bottom : solid 1px #aecad5;
	font-family: Arial;
	background-color: #edf6f9;
	
}
.clsTableSearchMapDetail
{		
	border-top : solid 1px #aecad5;
	border-left : solid 1px #aecad5;
	border-right : solid 1px #aecad5;	
	font-family: Arial;
}
.clsTableSearchMapDetailRow
{
		
	border-bottom : solid 1px #aecad5;	
	font-family: Arial;	
}
.clsTableRateDetailRow
{
		
	border-bottom : solid 1px #aecad5;
	border-left : solid 1px #aecad5;
	border-right : solid 1px #aecad5;
	font-family: Arial;
	background-color: #edf6f9;
	
}

.clsHome
{
		
		background-color: #edf6f9;
	
}
.clsTrDetail
{
		
	border-style: solid; 
	border-width: 1px ;
	color: #aecad5;
	
}
.line
{
	color : #aecad5;
	width : 1px;
}

.clsBkSheet
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #f2f7f8;    
    text-align : center ;    
    border:solid 1px #aecad5; 
    
}
.clsBkCal
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #fcfae8;    
    text-align : center ;
    width:200px;
    border:thin solid #ffe28b; 
    
}



.clsBkCal TD
{
  width:20px;
  height:20px;  
  text-align : center ;
}

.clsBkCalHeader 
{
    font-family: Arial;
   	font-size : 12pt;
   	font-weight :bold;
    color : #622b0a;      
    text-align : center ;
    width:200px;
    border:thin solid #ffe28b; 
}


.clsBkCalDaySun 
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #ffffff;    
    text-align : center ;
     
}
.clsBkCalDaySat
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #ffffff;
    text-align : center ;
}
.clsBkCalDayNorm 
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #ffffff;
    text-align : center ;
}

.clsBkCalNorm
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #ffffff;
    text-align : center ;  
    
    
}
.clsBkCalToday
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #000000;
    background-color : #72b5fe;
    text-align : center ;  
    
}
.clsBkCalNoRates
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : gray;
    text-align : center ;
}
.clsBkCalBook
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #ff7070;
    text-align : center ;
}
.clsBkCalAmendBook
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #ff7070;
    text-align : center ;
    border:solid thin Red;   
}
.clsToDayInfo
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;    
    text-align : center ;
    border:solid thin Red;   
}
.clsBkCurrentCalAvail
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #d5ff8b;
    text-align : center ;
    text-decoration : none;
    border:solid thin Red;   
    
}
.clsBkCalAmendOnReqBook
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #c28080;
    text-align : center ;
}
.clsBkCalAmendBookOnReq
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #7a1515;
    text-align : center ;
}
.clsBkCalDept
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #000000;
    text-align : center ;
}
clsBkCalArrival
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #ffffff;
    text-align : center ;
}
.clsBkCalOnReq
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #cbf4fd;
   text-align : center ;
}
.clsBkCurrentCalOnReq
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #cbf4fd;
   text-align : center ;
     border:solid thin Red; 
}
.clsBkCurrentCalHold
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #fffc00;
    text-align : center ;
    border:solid thin Red;   
}
.clsDayInfo
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;    
   text-align : center ;
}
.clsBkCalAvail
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #d5ff8b;
    text-align : center ;
    text-decoration : none;
    
}
.clsBkCalHoldAO
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : blue;
    background-color : #fffc00;
    text-align : center ;
}
.clsBkCalBookAO
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : blue;
    background-color : #ff7070;
    text-align : center ;
}
.clsBkCalConfirmAO
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : blue;
    background-color : #ffcc00;
    width:20px;
	height:20px; 
    text-align : center ;
}
.clsFCalConfirmAO
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : blue;     
    width:20px;
	height:20px; 
    text-align : center ;
}

.clsBkCalRenovationAO
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : Red;
    background-color : #ff7070;
    width:20px;
	height:20px;  
    text-align : center ;
}
.clsBkFCalRenovationAO
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : Red;    
    width:20px;
	height:20px; 
    text-align : center ;
}
.clsBkCalOwnerUseAO
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #ffffff;
    width:20px;
	height:20px; 
    background-color : #ff7070;
    text-align : center ;
}
.clsBkFCalOwnerUseAO
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #ffffff; 
    width:20px;
	height:20px;   
    text-align : center ;
}
.clsFCalComplimentaryAO
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : Yellow;  
    width:20px;
	height:20px; 
    text-align : center ;
}
.clsBkCalComplimentaryAO
{
   	font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : Yellow;
    width:20px;
	height:20px; 
    background-color : #ff7070;
    text-align : center ;
}

.clsFCalHoldAO
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : blue;     
    width:20px;
	height:20px; 
    text-align : center ;
}
.clsBkCalHold
{
    font-family: Arial;
   	font-size : 8pt;
   	font-weight :bold;
    color : #622b0a;
    background-color : #fffc00;
    text-align : center ;
}
#tbl_Bkgnd { 
		background-image: url('ImgAlpha/bg85pWhite1.png'); 
		background-repeat: no-repeat; 
		behavior: url(ImgAlpha/iepngfix.htc);
		width: 265px;	
		height: 120px; 
		text-align: center;		
		text-align: left;
}
#tbl_NewBkgnd { 
		background-image: url('ImgAlpha/bgNew85pWhite.png'); 
		background-repeat: no-repeat; 
		behavior: url(ImgAlpha/iepngfix.htc);
		width: 232px;	
		height: 120px; 
		text-align: center;		
		text-align: left;
}
#tblReview_Bkgnd { 
		background-image: url('images/OrangeReviews_Background.jpg'); 							
		text-align: center;				
}
#tblBlueReview_Bkgnd { 
		background-image: url('images/Reviews_Background.jpg'); 							
		text-align: center;				
}

#tbl_BkgndBlue { 
		background-image: url('ImgAlpha/bg75pBlue265px.png'); 
		background-repeat: no-repeat; 
		behavior: url(ImgAlpha/iepngfix.htc);
		width: 265px;	
		height: 100px; 
		text-align: center;		
		text-align: left;
}
A
{
	text-decoration:none;
}
.clsMyPick
{
	font-weight: bold;
	font-size: 9pt;	
	font-family: Arial;	
}
.clsMemberText
{
	font-weight: bold;
	font-size: 9pt;	
	font-family: Arial;	
}
.clsAttr
{
	font-weight: normal;
	font-size: 10px;	
	font-family: Arial;	
}
.clsOverAll
{
	font-weight: normal;
	font-size: 9pt;	
	font-family: Arial;	
}
.clsOverAllDesc
{
	font-weight: normal;
	font-size: 0.8em;	
	font-family: Arial;	
	color: #642c0c;
}
.clsReview
{
	font-weight: bold;
	font-size: 0.8em;	
	color: #222b6f;
	font-family: Arial;	
}
.Menuitem
{
    text-align: center;
    vertical-align:top;   
    height:45px;
    }
    
/** Villa Details**/

.clsVillaDetSubLink td
{
    padding-top:20px;
}


.clsVillaDetSubLink a
{
    color:#232b6c;
    font-size :0.9em;
    font-weight:bold ; 
    text-decoration:underline;
}

.clsVillaDetSubLink a:hover
{
    color:#232b6c;
    font-size :0.9em; 
    font-weight:bold ;
    text-decoration:none;
}

.clsVillaDetBookMark td
{
    font-size :0.9em;
}

.clsVillaDetBookMark a
{
    color:#0099FF;
    font-size :0.9em;    
    text-decoration:underline;
}    

.clsVillaDetBookMark a:hover
{
    color:#0099FF;
    font-size :0.9em;
    text-decoration:none;
    
}    

.clsVillaDetReviewReadMore a
{
    color:#232b6c;
    font-size:0.9em;
    font-weight:bold;
    text-decoration:underline;
}

.clsVillaDetReviewReadMore a:hover
{
    color:#232b6c;
    font-size:0.9em;
    font-weight:bold;
    text-decoration:none;
}

.clsVillaDetSubHeader
{
    color:#232b6c;
    font-size:1.1em;
    font-weight:bold;    
    
}
.clsVillaDetSubMapHeader
{
    color:#232b6c;
    font-size:1.1em;
    font-weight:bold;    
    
}
.clsNaviLink
{
    font-weight: bold;
	font-size: 0.9em;
	color: #393939;
	font-family: Arial;	
}
.clsSearchHierarchyLink
{
    font-weight: bold;
	font-size: 1em;
	color: #393939;
	font-family: Arial;	
}

.clsSearchHierarchyLink a
{
    font-weight: bold;
	font-size: 1em;
	color: #393939;
	font-family: Arial;	
}

.clsSearchHierarchyLink a: hover
{
    font-weight: bold;
	font-size: 1em;
	color: #0099FF;
	font-family: Arial;	
	
}
.clsdiv
{position: absolute ;   visibility:hidden; }
div.clsdivRatePopup  
 {position: absolute ;   visibility:hidden; padding:0px 0px 0px 0px;background: #fcfae8;border:solid 1px gray;font-weight: normal;}
div.clsdivPopup  
 {position: absolute ;   visibility:hidden; padding:10px 10px 10px 10px;background: #fcfae8;border:solid 1px #ffa507}
 
 div.clsdivRatingPopup  
 {position: absolute ;   visibility:hidden; padding:3px 3px 5px 3px;background: #c9e4f5;border:solid 1px #212c6a}
div.clsdivReviewRatingPopup  
 {position: absolute ;   visibility:hidden; padding:10px 10px 10px 10px;background: #c9e4f5;border:solid 1px #212c6a}
div.clsdivListingRatingPopup  
 {position: absolute ;   visibility:hidden; padding:3px 3px 5px 3px;background: #ffa700;border:solid 1px #ed9c03;color:White;}
 a.clsVillaDetBookMark
{
    color:#0099FF;
    font-size :0.9em;    
    text-decoration:underline;
    
}
a:hover.clsVillaDetBookMark 
{
    color:#0099FF;
    font-size :0.9em;
    text-decoration:none;
    
}   
.clsHeader
{
    color:#dcdada;
    font-size :22pt;
	font-weight: bold;
	font-family:Times New Roman;
    
}     
.clsLogin
{
    color:#2b368e;
    font-size :22px;
	font-weight: bold;
	font-family:Arial;
    
}       

.clsBkSheetBar
{
   OVERFLOW:scroll; 
   WIDTH: 1000px; 
  
}
.modalBackgroundAddCart {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopupAddCart {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	color :Black;
	padding:3px;
	width:100%;
	height:100%;
}
.clsImgcursor
{
	cursor:hand;
}