@charset "utf-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	margin:0;
	padding:0;
	background:#c7e0ff;
}
a{
	text-decoration:none;
	color:#0033CC;
}
a:hover{
	text-decoration:none;
	color:#0033CC;
}

#wrapper{
	width:1140px;
	margin:0 auto;
	padding:0;
}
#header{
	height:199px;
	background:#c7e0ff;
}
#header-top{
	float:left;
	height:151px;
	width:1140px;
	position:relative;
}
#header-bottom{
	float:left;
	height:48px;
	width:1140px;
	background:url(../../images/bg-mainmenu-shadow.jpg) left bottom repeat-x;
	margin-bottom:1px;
	overflow:hidden;
}
#logo{
	float:left;
	left:0px;
	top:13px;
	position:absolute;
}
#top-ads{
	float:left;
	left:279px;
	top:13px;
	position:absolute;
}
#top-menu{
	float:left;
	right:0;
	top:18px;
	width:162px;
	height:131px;
	position:absolute;
	text-align:right;
}
#change-language{
	height:72px;
}
#change-language .dd{
	float:right;
}

#box-datetime{
	color:#003399;
}
#box-datetime .curdate{
	font-size:12px;
}
#box-datetime .curtime{
	margin-top:10px;
	color:#003399;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
a.link-contactus{
	display:block;
	width:157px;
	height:26px;
	float:right;
	margin-top:8px;
}

#language-link{
	list-style:none;
	float:left;
	padding:0;
	margin:15px 0 0 18px;
}
#search-box{
	height:21px;
	width:235px;
	float:left;
	margin:18px 0 0 2px;
}
#search-box input.txt-input{
	float:left;
	width:141px;
	height:19px;
	background:url(../../images/bg-search-input.jpg) left top no-repeat;
	border:none;
	margin:0;
	padding:3px 2px 0 23px;
	color:#999999;
}
#language-link li{
	float:left;
	margin-right:10px;
}

#social-link{
	float:left;
	width:433px;
	height:41px;
	margin-top:16px;
	background:url(../../images/bg-newsletter.jpg) left top no-repeat;
	position:relative;
}
#newsletter-icon{
	position:absolute;
	width:51px;
	height:45px;
	left:18px;
	top:-8px;
}
#social-link-icon{
	float:right;
	width:127px;
	height:32px;
	margin-top:4px;
	border-left:1px solid #CCCCCC;
	text-align:center;
}
#social-link-icon a{
	margin:0 10px;
}
#social-link a.newsletter{
	display:block;
	width:140px;
	margin:7px 0 0 85px;
	
}
#social-link a .red-link{
	font-size:22px;
	color:#e1201b;
	font-weight:bold;
	line-height:16px;
}
#social-link a:hover .red-link{
	color:#FF0000;
}
#social-link a small{
	font-size:10px;
	color:#000000;
}

#menu-admin{
	float:right;
	width:693px;
	height:69px;
}
#menu-contact{
	float:left;
	width:242px;
	height:60px;
	padding:0 20px;
	margin-top:5px;
	background:url(../../images/bg-contactus.jpg) left top repeat-x;
	text-align:center;
}
#menu-contact a{
	display:block;
	width:150px;
	height:38px;
	margin:5px 0 0 1px;
	padding:10px 60px 0 20px;
	background:url(../../images/icon-contact.jpg) right top no-repeat;
	font-size:26px;
	font-weight:bold;
	color:#FFFFFF;
}
#menu-contact a:hover{
	color:#FFCC00;
}
#user-account{
	float:right;
	width:398px;
	height:64px;
	margin-top:2px;
	background:url(../../images/bg-account.jpg) left top no-repeat;
}
#live-support{
	position:relative;
	background:url(../../images/spacer-admin.jpg) right center no-repeat;
	float:left;
	width:186px;
	height:64px;
	
}
#live-support a{
	display:block;
	width:159px;
	height:36px;
	position:absolute;
	left:15px;
	top:15px;
	
}
#admin-link{
	float:left;
	width:112px;
	height:32px;
	padding:0 0 0 50px;
	margin:20px 0 0 28px;
	background:url(../../images/icon-account.jpg) left top no-repeat;
	font-size:12px;
}
#admin-link a{
	color:#0000fe;
	font-weight:bold;
}
#admin-link a:hover{
	text-decoration:underline;
}

#main-menu{
	/*background:url(../../images/bg-top-menu.jpg) left top repeat-x;*/
	background:#0272bc;
	height:42px;
	border-bottom:1px solid #FFFFFF;
	margin:0;
	padding:0;
	list-style:none;
	width:1160px;
}
#main-menu li{
	display:block;
	float:left;
	height:42px;
	padding:0;
	margin:0;
}
#main-menu li.menu-space, .menu-space{
	display:block;
	float:left;
	width:2px;
	height:42px;
	background:url(../../images/main-menu-spacer.jpg) left top no-repeat;
	padding:0;
	margin:0;
}
/*
#main-menu li.menu-home{width:117px;}
#main-menu li.menu-search{width:160px}
#main-menu li.menu-reservation{width:153px}
#main-menu li.menu-term{width:197px}
#main-menu li.menu-list{width:176px}
#main-menu li.menu-villa{width:196px}
#main-menu li.menu-about{width:135px}
*/

#main-menu li a{
	display:block;
	padding:13px 35px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}
#main-menu li a:hover{
	color:#FFCC00;
}
#main-menu li.active a, #main-menu li.active a:hover{
	color:#FFCC00;
/*	background:url(../../images/bg-menu-top-active.jpg) left top repeat-x;
	border:1px solid #8a3a3b;
	padding:12px 35px;
	color:#FFFFFF;*/
}

#content{
	clear:both;
	width:100%;
}
#center-right{
	margin-left:6px;
	padding:0;
	float:left;
	width:924px;
}
#villa-slider{
	width:924px;
}
#category-link{
	width:924px;
	margin-top:6px;
}
#category-link .category-thumb{
	width:100%;
	height:114px;
	padding:0;
}
#category-link .white-line-x{
	background:url(../../images/category-line.jpg) left center repeat-x;
	height:13px;
}
#category-link .white-line-y{
	background:url(../../images/category-line.jpg) center top repeat-y;
}
#category-link img{
	float:left;
	margin-right:8px;
}
#category-link h3{
	margin:0 0 8px 0;
}
#category-link p{
	margin:4px 0;
	text-align:justify;
	font-size:12px;
}
#bottom-ads{
	margin-top:13px;
}
#left-sidebar{
	float:left;	
	width:210px;
}
#left-sidebar h2{
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding-top:4px;
	height:21px;
	background:url(../../images/bg-sidebar-title-blue.jpg) left top no-repeat;
	color:#FFFFFF;
	font-size:14px;
}
#left-sidebar h2.red{
	text-align:center;
	margin:0;
	padding-top:5px;
	height:20px;
	background:url(../../images/bg-sidebar-title-red.jpg) left top no-repeat;
	color:#FFFFFF;
	font-size:14px;
}
#select-villa-form{

}
#left-search-form{
	width:197px;
	padding:10px 0 10px 13px;
	background:#0278e4;
}
#left-search-form p{
	margin:9px 0;
}
#left-search-form select{
	width:185px;
}
#news-letter{
	margin:6px 0;
	padding:0 0 2px 0;
	text-align:center;
	background:#DB241E;
}

#member-login{
	padding:10px 13px;
	background:#db241e;
	margin-bottom:6px;
}
#member-login .login-input{
	width:176px;
}
#member-login p{
	margin: 0 0 11px 0;
}
#member-login a{
	color:#FFFFFF;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#member-login a:hover{
	text-decoration:underline;
}
#contact-us{
	margin-bottom:6px;
	padding:10px 10px;
	font-size:14px;
	font-weight:bold;
}
#contact-us ul{
	margin:0;
	padding:0;
	list-style:none;
}
#contact-us ul li{
	padding:8px 0 0 44px;
	height:30px;
	color:#0033CC;
}
#contact-us ul li a:hover{
	text-decoration:underline;
}
#contact-us ul li.contact-phone{
	background:url(../../images/icon-phone.jpg) left top no-repeat;
}
#contact-us ul li.contact-email{
	background:url(../../images/icon-mail.jpg) left top no-repeat;
}
#follow-us{
	margin-bottom:6px;
	padding:10px 10px;
	height:26px;
	text-align:center;
}
#follow-us ul{
	margin:0;
	padding:0;
	list-style:none;
}
#follow-us li{
	margin:0 4px;
	display:inline;
}
#menu-member{
	margin-bottom:6px;
	padding:10px 10px;
	background:#0278e4;
}
#menu-member ul{
	margin:0;
	padding:0;
	list-style:none;
}
#menu-member a{
	color:#FFFFFF;
	font-size:14px;
}
#menu-member a:hover{
	text-decoration:underline;
}
#we-accept{
	margin-top:16px;
}
#we-accept strong{
	font-size:14px;
}
#we-accept p{
	margin:9px 0 0 0;
}
#right-sidebar{
	float:right;	
	width:210px;
	margin-top:1px;
}

#center-center{
	margin-left:4px;
	padding:0;
	float:left;
	width:710px;
	font-size:12px;
}
#center-center a:hover, #center-right a:hover {
	text-decoration:none;
	color:#0033CC;
}
#footer{
	clear:both;
	width:1140px;
	border-top:3px solid #2062dc;
	height:16px;
	padding:16px 0;
	text-align:center;
	margin-top:24px;
	font-size:11px;
	color:#666666;
	
}
#bottom-menu ul{
	margin:0;
	padding:0;
	list-style:none;	
}
#bottom-menu ul li{
	background:#FFCCCC;
	display:block;
	width:194px;
	margin:0 3px;
	float:left;
	height:150px;
}
#bottom-menu h2{
	margin:0;
}
#bottom-menu h2 a{
	display:block;
	font-size:12px;
	background:#FF0000;
	padding:5px 20px;
	text-align:center;
	font-weight:normal;
}
.bottom-info{
	padding:5px;
}
/*Member Module*/
#main-content-block{
	margin:10px 0 0 20px;
}
#registration-form{
	margin:10px 0 0 20px;
}
#registration-form a{
	color:#0000FF;
}
#registration-form a:hover{
	color:#0000FF;
	text-decoration:underline;
}
#block-error-message{
	padding:10px;
	width:70%;
	border:1px solid #FF6633;
	background:#FFEDE1;
	color:#FF0000;
	font-size:12px;
}
.form-note{
	font-size:10px;
	color:#666666;
}
label.error{
	color:#FF0000;
	margin-left:10px;
}
input.error, select.error, textarea.error{
	background:#FFFFCC;
	border:1px solid #FF9966;
}

#login-form{
	width:400px;
	padding:0;
	background:#66CCFF;
	margin:10px 0 0 10px;
	border:1px solid #3399FF;
}

#login-form h2{
	text-align:center;
	margin:0 0 8px 0;
	padding:6px 0;
	background:#003399;
	color:#FFFFFF;
}

.msg-error{
	padding:4px;
	background:#FFFFCC;
	color:#FF0000;
	border:1px solid #FF0000;
	width:500px;
}
.msg-notify{
	padding:4px;
	background:#DDF9DE;
	color:#009900;
	border:1px solid #80C86A;
	width:500px;
}

/***** Search Page *****/
#search-page{
	
}

#search-page h2{
	margin:0;
	height:29px;
	padding:10px 0 0 8px;
	background:#0173bc;
	color:#FFFFFF;
	font-size:16px;
}

#search-info{
	padding:9px 11px;
	background:#daebff;
	font-size:12px;
	margin:0 0 8px 0;
}

#search-info h3{
	margin:0 0 8px 0;
	color:#0170c1;
}

#search-result{
	font-size:12px;
}

#search-result .villa-list{
	padding:7px 0 0 0;
	border-top:1px solid #004cd6;
	height:183px;
	margin-bottom:7px;
}
#search-result .villa-list a.thumb-link{
	margin:0 20px 0 0;
	float:left;
	display:block;
	position:relative;
	width:452px;
	height:183px;
	text-align:center;
	background:#333333;
	overflow:hidden;
}
a.thumb-link img.category-icon{
	position:absolute;
	right:0;
	top:0;
}
#search-result .villa-list .villa-highlight{
	margin:0 20px 0 0;
	width:288px;
	float:left;
}
#search-result .villa-list .villa-highlight h3{
	margin:0 0 8px 0;
}
#search-result .villa-list .villa-highlight span{
	color:#CC3333;
	font-weight:bold;
}
#search-result .villa-list .villa-highlight p{
	text-align:justify;
}
#search-result .villa-list .villa-price-info{
	margin:0;
	width:144px;
	float:left;
}
#search-result .villa-list .villa-price-info td{
	text-align:center;
	font-weight:bold;
}
#search-result .villa-list .villa-price-info h3{
	margin:0 0 10px 0;
	font-size:14px;
}

#result-pagination{
	padding:10px;
	background:#daebff;
	font-size:12px;
	text-align:right;
	color:#003366;
}

#result-pagination ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#result-pagination ul li{
	display:inline;
	margin:0 2px;
}
#result-pagination a{
	font-weight:bold;
}
#result-pagination a.current-page{
	font-weight:bold;
	color:#000000;
	cursor:default;
}

#left-sidebar .criteria-list{
	background:#0278e4;
	margin-bottom:4px;
}
#left-sidebar .criteria-list ul{
	margin:0;
	padding:0;
	list-style:none;
}
#left-sidebar .criteria-list li{
	margin:0;
	padding:0;
}
#left-sidebar .criteria-list a{
	color:#FFFFFF;
	font-size:14px;
	display:block;
	padding:6px 10px;
	border-bottom:1px solid #056ccb;
}
#left-sidebar .criteria-list a:hover{
	background-color:#003399;
}
/**** End of Sidebar ****/

/**** Villa Page ****/
h2.villa-title{
	background:#FFFFFF;
	padding:6px 0 6px 10px;
	font-size:22px;
	margin:0 0 6px 0;
	color:#0066cc;
	font-weight:normal;
}
#villa-image{

}

#villa-detail{
	
}

#villa-detail h2{
	margin:0 0 20px 0;
	height:29px;
	padding:10px 0 0 8px;
	background:#0173bc;
	color:#FFFFFF;
	font-size:16px;
}
#villa-menu{
	width:217px;
	float:right;
}

#villa-menu a.link-back{
	font-size:12px;
	font-weight:bold;
}
#villa-share-link{
	margin-bottom:4px;
}
#villa-main-menu{
	background:#0172bc;
	margin-bottom:14px;
}
#villa-main-menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
#villa-main-menu ul li{
	margin:0;
	padding:0;
	color:#FFFFFF;
	border-bottom:1px solid #193349;
}

#villa-main-menu ul li.last-link{
	border:none;
}

#villa-main-menu a{
	margin:0;
	display:block;
	padding:10px 0;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	border-bottom:1px solid #448ccb;
}
#villa-main-menu a:hover{
	background:#003399;
	color:#fff;
}

#villa-main-info{
	padding:8px 10px;
	background:#99b3cc;
	font-size:14px;
	margin-bottom:14px;
}
#villa-main-info p{
	margin:5px 0;
}
#villa-main-info span{
	font-weight:bold;
	display:block;
	float:left;
	width:100px;
}
#villa-gallery-content{
	width:700px;
	float:left;
	font-size:14px;
}
#gallery-list{
	margin:0;
	padding:0;
	list-style:none;
}
#gallery-list li{
	float:left;
	margin:0 6px 14px 6px;
}
#gallery-list li a{
	display:block;
	text-align:center;
	padding:3px;
	background:#e1e8f1;
	border:1px solid #999999;
}
#gallery-list li a:hover{
	display:block;
	text-align:center;
	padding:3px;
	background:#eeeeee;
	border:1px solid #666666;
}
#gallery-list li a img{
	margin-bottom:4px;
}
#gallery-list li a span.image-gallery-title{
	color:#333333;
}
#gallery-list li a:hover span.image-gallery-title{
	color:#333333;
}
#villa-main-content{
	width:670px;
	float:left;
	font-size:14px;
	padding-left:10px;
}
#villa-main-content p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:0 0 10px 0;
} 
#villa-main-content .villa-map{
	width:217px;
	float:left;
	margin:0 16px 8px 0;
}
#villa-main-content ul, #villa-main-content ol{
	list-style-position:inside;
}

#villa-main-content ul.facility-service{
	padding:0 0 0 10px;
	margin:0;
	list-style:none;
}
#villa-main-content ul.facility-service li{
	padding:0 0 0 20px;
	margin:0;
	background:url(../../images/bullet_blue_small.png) left 3px no-repeat;
	line-height:22px;
}
#villa-main-content .villa-rate{
	background:#006699;
}
#villa-main-content .villa-rate th{
	/*background:#65C5E9;*/
	background:#C7E0FF;
	padding:6px;
}
#villa-main-content .villa-rate td{
	background:#C7E0FF;
	/*background:#AFDAFA;*/
	padding:6px;
}
#villa-main-content .villa-rate td.yel{
	background:#C7E0FF;
	/*background:#EDF19E;*/
	padding:6px;
}

#villa-main-content .season-periode{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
}
#villa-main-content .season-periode p{
	margin:4px 0;
}
/*Gallery*/
#block-loadarea{
	width:924px;
	height:504px;
	background:#000 url(../../images/loading10.gif) 400px 48% no-repeat;
	margin-bottom:10px;
	text-align:center;
	overflow:hidden;
	position:relative;

}
#image-loadarea{
	width:924px;
	height:504px;
	text-align:center;
	overflow:hidden;
}
div.img-gallery-caption{
	background:#000000;
	position:absolute;
	left:0;
	bottom:0;
	color:#FFFFFF;
	width:924px;
	font-size:16px;
	padding:10px 0;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
/*End of Gallery*/
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../../images/datepicker.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
/**** End of Villa Page ****/
#reservation-page h2{
	margin:0;
	height:29px;
	padding:10px 0 0 8px;
	background:#0173bc;
	color:#FFFFFF;
	font-size:16px;
}

#reservation-content{
	padding:10px;
	font-size:14px;
}

#post-page h2{
	margin:0;
	height:29px;
	padding:10px 0 0 8px;
	background:#0173bc;
	color:#FFFFFF;
	font-size:16px;
}

#page-content{
	padding:10px;
	font-size:14px;
	line-height:120%;
}
#page-content p{
	text-align:justify;
}
#main-menu.jsddm
{
}
#main-menu.jsddm li{	
	float: left;
	list-style: none;
	font-size: 14px; 
	font-weight: bold;
}
#main-menu.jsddm li a{	
	display: block;
	text-align: right;
	text-decoration: none;
	white-space: nowrap;
}

#main-menu.jsddm li a:hover{ 
	text-decoration: none; 
}
#main-menu.jsddm li a.active{ 
	text-decoration: none; 
	color: #404439;
}

#main-menu.jsddm li ul{	
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
/*	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;*/
	z-index: 100;
}

#main-menu.jsddm li ul li{	
	float: none;
	display: inline;
}

#main-menu.jsddm li ul li a{
	width: 180px;
	color: #fff;  
	padding:6px 10px;
	text-align:left;
	border-bottom:1px solid #FFFFFF;
	background:#015e9c;
	font-weight:normal;
	/*background:#0272BC;*/
}
#main-menu.jsddm li ul li a:hover{
	color:#ffcc00;
}
/*Contact Us Page*/
#contact-content{
	margin:8px 0 0 0;
	font-size:14px;
}
#contact-top-info{
	float:left;
	margin-bottom:20px;
	padding:10px;
	background:#FFF;
	width:904px;
}
#contact-info-detail{
	width:330px;
	float:left;
}
#contact-info-detail h3{
	margin:0 0 10px 0;
	font-size:18px;
}
#contact-info-map{
	float:right;
	width:550px;
	height:300px;	
}
#block-contact-form{
	clear:both;
	width:700px;
	padding:20px;
}
/*End of Contact Us Page*/

/*Villa Category*/
#search-info img.thumb-category{
	padding:3px;
	border:1px solid #ccc;
	margin:0 10px 5px 0;
	background:#FFF;
	float:left;
}
#search-info p{
	margin:0 0 10px 0;
	font-size:14px;
}
/*End of Villa Category*/