/* CSS Document */

body{margin:0; padding:0; background:#FFFFFF;}
p{font:normal 12px/17px Arial, Helvetica, sans-serif; padding:0; margin:0 0 11px 0;}

body, html, a { font-family:Arial, Helvetica, sans-serif; }

h1{font:normal 22px/24px "Trebuchet MS"; color:#42837D;}
h2{font:bold 12px/17px "Trebuchet MS"; color:#614948; text-transform:uppercase;}
h3{font:normal 17px/21px "Trebuchet MS"; color:#42837D; padding: 0 0 18px 12px; margin:0;}
h4{font:bold 12px/20px  Arial, Helvetica, sans-serif; color:#42837D; margin:0; padding:3px 0 0 10px; display:block;}
h6{font:normal 17px/21px "Trebuchet MS"; color:#42837D; padding: 10px 0 5px 0px; margin:0;}

small { font-size:10px;}

ul {list-style:none; margin:0 0 11px 0; padding:0;}
ul li{font:normal 12px/17px Arial, Helvetica, sans-serif; padding:4px 0 0 12px; margin:0; background:url(../images/listball.gif) no-repeat 0 8px;}
ol { margin:0 0 11px 0; padding:0 0 0 26px;}
ol li{font:normal 12px/17px Arial, Helvetica, sans-serif; padding:4px 0 0 5px; margin:0; }


table {margin:0 0 11px 0; padding:0;}

a:link, a:visited{color:#357978; font-weight:normal; text-decoration:none;}
a:hover, a:active{text-decoration:underline;}

hr{width:100%; background:#E6E2D9; color:#E6E2D9; line-height:1px; min-height:1px; height:1px; border:none;}

/* DIV structure*/

#wrapper{width:980px; margin:0 auto; padding:0;}

#topnote{margin:0; padding:0 0 0 4px; float:left; display:inline;}
	#topnote p{color:#8C8579; font:normal 11px/14px Arial, Helvetica, sans-serif; padding:7px 0 0 0;}

#language{float:right; display:inline; margin:0; padding:3px 0 4px 0;}
	#language ul{list-style:none; display:inline;}
	#language ul li{list-style:none; display:inline; background:none; margin:0; padding:0;}

	#language a:link, #language a:visited {font:normal 11px/14px Arial, Helvetica, sans-serif; text-decoration:none; color:#8C8579; margin:0 0 0 4px; padding:0 0 0 21px;}
    #language a:hover,#language a:active {text-decoration:underline;}

	.lang1{background:url(../images/flag-gr.gif) no-repeat 0 0;}
	.lang2{background:url(../images/flag-en.gif) no-repeat 0 0;}
	.lang3{background:url(../images/flag-ru.gif) no-repeat 0 0;}
	.lang4{background:url(../images/flag-ge.gif) no-repeat 0 0;}
	.lang5{background:url(../images/flag-fr.gif) no-repeat 0 0;}
	.lang6{background:url(../images/flag-sw.gif) no-repeat 0 0;}

#header{width:980px; margin:0; padding:0; float:left; display:inline;border-top:1px solid #E6E2D9;}
	#contactbox{float:right;}

	#header p{color:#2A6A64; font:bold 12px/17px Arial, Helvetica, sans-serif; margin:20px 0 0 0; padding:0 0 0 27px;}

	#header a:link, #header a:visited {color:#2A6A64; font:bold 12px/17px Arial, Helvetica, sans-serif; text-decoration:none;}
    #header a:hover,#header a:active {text-decoration:underline;}

	p.phone{background:url(../images/icon-phone.gif) no-repeat 0 -5px; padding:2px 0 6px 27px; margin:0; border:0px solid #CCCCCC; height:28px; line-height:28px; width:240px; display:block;}
	.email{background: url(../images/icon-email.gif) no-repeat; padding:4px 0 6px 27px;  margin:0;border:0px solid #CCCCCC;}
	.skype{background: url(../images/icon-skype.gif) no-repeat; padding:2px 0 18px 27px; margin:0; border:0px solid #CCCCCC; height:28px; line-height:28px;}


#menu{ margin:0 0 12px 0; padding:0; float:right; display:inline;}

	#menu ul{list-style:none; display:block; margin:0; padding:0;}
	#menu ul li{list-style:none; display:inline; margin:0; padding:0;  background:none;}
	#menu a:link, #menu a:visited
	{color:#6F5958; text-transform:uppercase; text-decoration:none; font:bold 12px/17px "Trebuchet MS", Arial; background:url(../images/menu-bg.gif) no-repeat 0 1px; padding:0 0 0 12px; margin:0 7px 0 0;}
    #menu a:hover, #menu a:active {color:#aca48d; padding:0 0 0 12px; margin:0 7px 0 0;font:bold 12px/17px "Trebuchet MS"; }

	#menu a.first:link,#menu a.first:visited,#menu a.first:hover,#menu a.first:active{background:none;}
	#menu a.last:link,#menu a.last:visited,#menu a.last:hover,#menu a.last:active{margin:0;}

#flashheader{width:980px; margin:0; padding:0; float:left; display:inline;}


#main{width:800px; margin:0; padding:0; float:left; display:inline; border: 0px solid #000000 ;}

#lefter{width:179px; margin:0; padding:10px 0 0 0; float:left; display:inline;}

	#lefter ul{list-style:none; margin:0; padding:3px 0 20px 0;}
	#lefter ul li{list-style:none; margin:0; padding:0 0 4px 0;  background:none;}

	#lefter a.leftmenulink:link, #lefter a.leftmenulink:visited {display:block;  width:170px; color:#6F6658; font:bold 12px/18px Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 10px; text-decoration:none;}
    #lefter a.leftmenulink:hover,#lefter a.leftmenulink:active {background:#EBE6DB; color:#5D2409;}

	#leftbox{width:180px; background:url(../images/lefter-bg.gif) no-repeat bottom; float:left; display:inline; margin:0 ; padding:0;}
	#leftbox img {margin:0 ; padding:0;}

#leftbox ul.accordions { padding:0; margin:0;}

#content{width:370px; margin:0 0 0 10px; padding:20px 10px 0 20px;  float:left; display:inline; border: 0px solid #000000;}

	 .long-button{display:block; width:179px; background:url(../images/button-bg.gif); text-align:center; border: 0px solid #000000;}
	 a.long-button:link, a.long-button:visited {font:bold 12px/25px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; border:1px solid;}
	 a.long-button:hover,a.long-button:active {}




#righter{width:380px; margin:0 0 0 10px; padding:0;  float:left; display:inline;}

	#searchbox{width:380px; margin:0; padding:10px 0 10px 0; float:left; display:inline; background:#FFFFFF;}
	#searchbox select { font-size:10px; border:1px solid #56A39B;}


	#infotop{margin:0; padding:0;}
	#info{background:url(../images/info-bottom.gif) bottom no-repeat #efebe2; margin:0; padding:0 0 10px 0;}

	#righter hr{color:#D9CFBA; width:100%; background:#D9CFBA; line-height:1px; min-height:1px; height:1px; border:none;}

	.feedback{background: url(../images/icon-star.gif) no-repeat; padding:1px 0 6px 23px; float:left; display:inline;}
	.sendtofriend{background: url(../images/icon-heart.gif) no-repeat; padding:1px 0 6px 23px; float:right; display:inline;}

	#righter a:link, #righter a:visited {color:#2A6A64; font:bold 12px/17px Arial, Helvetica, sans-serif; text-decoration:none;}
    #righter a:hover, #righter a:active {text-decoration:underline;}

/*.imagethumb { background-color:#f9f7f4;}	*/

#footer{width:960px; float:left; display:inline; margin:0; padding:0 10px 0 10px; background:#FFFFFF url(../images/footer-bg.gif) repeat-x; border-top:1px solid #E6E2D9;}

#footer p{display: inline; color:#6F6658; font-size:11px; margin:0; padding:10px 0 0 0;}

#footer a:link, #footer a:visited{font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; color:#6F6658;}
#footer a:hover, #footer a:active{ text-decoration:underline;}




/*Villa info with tab menu*/

#tabmenu {width:370px; margin:0; padding:0; background:none; float:left; display:inline;}
#tabmenu ul {display:inline; margin:0; padding:0; float:left;  border-bottom:1px solid #ACD2CE; width:370px;}
#tabmenu ul li{display:block; float:left; list-style-image:none; list-style:none; margin:0 1px 0 0; padding:3px 0 1px 6px;  z-index:1000000;}
#tabmenu ul li a.menudot {color:#666; font:bold 12px Arial, Helvetica, sans-serif; padding:4px 6px 1px 0; margin:0 0 0 0; display:inline;cursor: pointer; z-index:1000000;}
#tabmenu .active  ul li a.menudot {border:0px solid #000000; z-index:100;}

#tabmenu ul li a.menudot:hover{color:#306C66; text-decoration:none;}
#tabmenu ul li a.menudot:active {color:#306C66; text-decoration:none;  }


#tabmenu ul li{background:url(../images/button-tab.gif) left 0 no-repeat #fff;}
#tabmenu ul li a.menudot {background:url(../images/button-tab.gif) right 0 no-repeat #fff;}

#tabmenu ul li:hover, #tabmenu ul li:active, #tabmenu ul li.active, #tabmenu .active ul li:hover {background:url(../images/button-tab-active.gif) left 0 no-repeat  #fff;}

#tabmenu .active  ul li a.menudot {background:url(../images/button-tab-active.gif) right 0 no-repeat  #fff;}
#tabmenu ul li a.menudot:hover{ background:url(../images/button-tab-active.gif) right 0 no-repeat  #fff;}

#tabmenu .active a.menudot {background:url(../images/button-tab-active.gif) right 0 no-repeat  #fff;color:#306C66; }



		#panes {
			width:340px; margin:0; padding:8px 0 0 5px; background:#fff ; float:left; display:inline;border: 0px solid #000000;
		}
		#panes p{
			 float:left; display:inline;
		}

		#panes div div { overflow: hidden;}

		#previous { float: none; cursor: pointer; }
		#next { float: none; cursor: pointer; }


/*nearby facilities box*/
#nearby{width:370px; margin:10px 0 0 0; padding:0 0 10px 0; background:#BDDBD8 url(../images/nearby-bg.gif) bottom no-repeat; float:left; display:inline;}

	#nearbytop{padding:0; margin:0;}

#nearby ul{margin:0 0 0 12px; padding: 0 0 0 0;}
#nearby p{margin:0 0 0 12px; padding: 0 0 0 0;}
#nearby ul li {background:none; margin:0; padding:4px 0 0 0;}

/**for the LISTING page*/

#villa-listitem{width:737px; float:left; display:inline; margin:4px 0 6px 1px; padding:0 ;  border:#E6E2D9 1px solid;}


#bookingform{width:737px; float:left; display:inline; margin:4px 0 6px 20px; padding:0 ;  border:#E6E2D9 0px solid;}
#paginator{width:737px; float:left; display:inline; margin:4px 0 6px 20px; padding:0 ;  border:none;}

.caltoday{display:block; width:18px; float:left; padding:2px 3px 4px 3px;}
a.paginlink:link, a.paginlink:visited{color:#369a9a; background:url(../images/paginate-hover.gif) no-repeat; text-align:center; padding:2px 3px 4px 3px; display:block; width:18px; float:left; margin:0 2px; text-decoration:none; font-weight: bold;}

a.paginlink:hover, a.paginlink:active{background:url(../images/paginate-hover.gif) no-repeat 0 -23px; color:#fff; font-weight: bold;}

/** FORM ELEMENTS **/

select {background:#fff; border:1px solid #56A39B; padding:2px; margin:0 0 1px 0; width:114px;}
.search{background:url(../images/searchgomb.gif) no-repeat;  border:none; cursor:pointer; width:20px;height:20px; min-height:20px; padding:2px; margin:0;}


.selectdate{width:150px;}

.unselected {
	margin: 0 13px 0 13px;
	padding: 0 13px 0 13px;
	color: #666;
	background: transparent url(../images/radio0.gif) no-repeat 0% 50%;
}
.selected {
	margin: 0 13px 0 13px;
    padding: 0 13px 0 13px;
	color: #000;
	background: transparent url(../images/radio1.gif) no-repeat 0% 50%;
}
.selected:hover {
	background-image: url(../images/radio1.gif); cursor: pointer;
}
.unselected:hover {
	color: #333 !important;
	background-image: url(../images/radio1.gif); cursor: pointer;
}
.unchecked {
	margin: 0 13px 0 13px;
	padding: 0 13px 0 13px;
	color: #666;
	background: transparent url(../images/radio0.gif) no-repeat 0% 50%;
}
.checked {
	margin: 0 13px 0 13px;
    padding: 0 13px 0 13px;
	color: #000;
	background: transparent url(../images/check1.gif) no-repeat 0% 50%;
}
.checked:hover {
	background-image: url(../images/check1.gif); cursor: pointer;
}
.unchecked:hover {
	color: #333 !important;
	background-image: url(../images/check1.gif); cursor: pointer;
}


/****************/
/* AJAX SHITZ */
/****************/

.ajax_loading {
	padding: 20px 0;
	background: url(../images/ajax-loader.gif) no-repeat center;z-index:10000;
}
.button_prepare {
	padding: 20px 0;
	background: url(../images/button-preparing.gif) no-repeat;z-index:10000;
}

.error {  color: red; font-size: 11px; font-weight: bold; margin:0 2px 0 2px; padding:0;
}

.noterror {  color: green; font-size: 11px; font-weight: bold;
}

/****************/
/* FOR SLIDER   */
/****************/

.gutter {

height: 46px;
min-height:46px;
width:110px;
margin:0;
padding: 0 0 0 0;
background: url(../images/16sliderbg.png) bottom no-repeat; border:0px solid;}

html>body #minKnobA { padding:0; margin:0;}
html>body #maxKnobA { margin:0; padding:0;}
#minKnobA { padding:0; margin:0 0 -4px 0px;}
#maxKnobA { padding:0; margin:0 0 -6px 0px;}

#sliderLabelA { padding-top:10px;}

.knob {
position: absolute;
height: 16px;
min-height:16px;
width:8px;
background:url(../images/16ball.gif) bottom no-repeat;
cursor:pointer;
padding:0;
margin:0;
}

/********************/
/* FOR AUTOCOMPLETE */
/********************/


div.autocompleter-loading
{
	float:					left;
	clear:					right;
	background:				#fff url(../images/ajax-loader.gif) no-repeat center;
	width:					20px;
	height:					16px;
}

ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #eee;
	background-color:		white;
	border-right-color:		#ddd;
	border-bottom-color:	#ddd;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
}

ul.autocompleter-choices li
{
	position:				relative;
	padding:				0.1em 1.5em 0.1em 1em;
	cursor:					pointer;
	font-weight:			normal;
	font-size:				10px;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	font-weight:			bold;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}

/********************/
/* FOR CALENDAR     */
/********************/

input.calendar,
select.calendar {
float: left;
	width: 99px;
}

button.calendar {
	background: url(../images/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin:0 0 0 6px;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;

}

div.calendar {
	background: url(../images/calendar.png);
	height: 185px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}
	div.calendar * {
		margin: 0;
		padding: 0;
	}
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}

	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(../images/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(../images/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color:#bfb88c;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(../images/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #ff2124;
		background:url(../images/calendar-noplace.gif);
	}
	div.calendar td.valid {
		background: url(../images/calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(../images/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(../images/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(../images/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}

/**************************/
/*   FOR FORM VALIDATION  */
/**************************/

#bookingform .red {
	border: 1px solid red;
}

#bookingform label.red {
	border: none;
	color: red;
}

#bookingform .customRed {
	border: none;
	color: red;
}


#bookingform label {
	float: left;
	width: 180px;
}

#bookingform .customRed {
	border: none;
	color: red;
}

#validationMessage {
	padding: 0;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 0;
	color: red;
	font-weight: bold;
	display: none;
}

#bookingform .errorMessage {
	color: red;
	/*margin: -20px 0 0 -200px;*/
	font-size: 0.8em;
	border: 1px solid red;
	color: red;
	background: white;
	cursor: move;
	height: 15px;
	 width: 180px;
	overflow: hidden;
	padding: 3px;
	display:block;
	z-index: 1000;
}
.pricesmall {
 font-size: 11px; padding:0; margin:0; border: 0px solid #000000; float:left;
}

/****************/
/* FIELDSET */
/****************/

fieldset {background:none; padding:0px; margin:0; border:0px solid #000;  width:100%; text-align: right;}
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
legend {background:#bfbf30; color:#fff; font:17px/21px Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
label {font-size:12px; font-weight:bold; color:#666; border:0px solid #000000; width: 480px;}
label.opt {font-weight:normal;}
dl {clear:both;  border:0px solid #000000; margin:0 10px 2px 0;}
dt {float:left; text-align:right; /*width:200px; line-height:25px; */ margin:2px 5px 3px 0; padding:4px;display:inline;}
dd {float:left; /*line-height:25px;*/ margin: 5px 0 3px 0; display:inline; padding:0; border:0px solid #000000;}
fieldset input {width:400px; border:1px solid #b6c8d0; background:#f6f8fb; margin:0; padding:0; display:inline;}
fieldset textarea {width:400px; border:1px solid #b6c8d0; background:#f6f8fb; margin:0; padding:0; display:inline;}
fieldset .select {width:400px; border:1px solid #b6c8d0; background:#f6f8fb; margin:0; padding:0; display:inline;}
fieldset .radio {width:20px; border:1px solid #b6c8d0; background:#f6f8fb; margin:0; padding:0; display:inline;}
fieldset .checkbox { width:20px; border:0px solid #b6c8d0; background:#f6f8fb; margin:0; padding:0; display:inline;}
.submit { color:#FFFFFF; background-color:#42837d;}

/****************/
/* FORM */
/****************/
input {width:200px; border:1px solid #b6c8d0; background:#f6f8fb; margin:0; padding:0; display:inline;}
textarea {width:200px; border:1px solid #b6c8d0; background:#f6f8fb; margin:0; padding:0; display:inline;}
.select {width:200px; border:1px solid #b6c8d0; background:#f6f8fb; margin:0; padding:0; display:inline;}
.radio {width:20px; border:1px solid #b6c8d0; background:#f6f8fb; margin:0; padding:0; display:inline;}
.hidden {display:none;}