@charset "utf-8";
/* CSS Future Template */

/* Necessary code used to zero out any default values given from Browsers */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
html {
overflow-y: scroll; /* scrollbar fix*/
}
a{outline:none;}a:hover{outline:none;}

.captcha { margin-left: 40px; }
input.captcha { margin-top: 10px; }

.mbtn {
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 180px;
	padding: 10px;
	display: block;
	margin: 10px;
	border: 1px solid #CCC;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	background-color: #999;
	font-size: 110%;
	float: left;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear-right {
	clear: right;
}
.clear-left {
	clear: left;
}
.mbtn.green {
	color: #4B691F;
	background-color: #E9F4D9;
}
.mbtn.red {
	color: #7E0C0C;
	background-color: #FDEAEA;
}
.mbtn.orange {
	color: #FF9900;
	background-color: #FDF9DB;
}
.mbtn.blue {
	color: #3366CC;
	background-color: #E6ECF9;
}
a:hover.mbtn {
	text-decoration: underline;
}
.merror {
	line-height: 25px;
	text-align: center;
	padding: 10px;
	margin: 10px;
	border: 1px solid #CCC;
	color: #000;
}
.merror.red {
	color: #7E0C0C;
	background-color: #FDEAEA;
}
body {
background-color:#dcdcdc ;
font-size: 100%;
color:#666666 ;  /* this is a setting for the TEXT color  */
text-align: center; /* THIS DOES NOT CENTER TEXT: it is an IE5 fix to correct the centering of the wrapper div, and must be used */
COLOR: #000000;
line-height:1.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#wrapper {  
width:100%;
min-width:970px;
background-color:#dcdcdc;    
margin: 0px auto; 
}
#header{
width:100%;
height:40px;
background-image:url(../images/layout/header.jpg);
background-repeat:repeat-x;
}
#header_container{
width:980px;
margin-left: auto; 
margin-right: auto;
}
#banner_left{
width:240px;
height:250px;
float:left;
}
#banner_right{
width:710px;
height:250px;
float:left;
background-image:url(../images/layout/banner_back.jpg);
padding-top:14px;
background-repeat:no-repeat;
}
#banner_style{
 margin-left:5px;
 }

#sections_container{												 /* container of left_col and right_col  */
width:950px;
margin-left: auto; 
margin-right: auto;
clear:both;
}
#left_col{ 																		/* column left container  */
color:#dcdcdc;
width:220px;
float:left;
text-align:left;
}
#right_col{ 																	/* column right container  */
color:#dcdcdc;
width:720px;
float:left;
text-align:left;
margin-left:10px;
}

																					/*Container Styling*/
.container_outline {
background-color: #FFF;
overflow: hidden;
margin-bottom:10px;
color:#000000;
}
* html .container_outline {
height: 1%;
}
.container_body{										/* Main Text Content Container   */
background-color:#FFF; 
background-image:url(../images/layout/main_grad.jpg);
background-repeat:repeat-x; 
margin-top:5px; 
margin-left:5px; 
margin-right:5px;
padding:10px 10px;
min-height:200px;
}
.container_body2{									/* 360 Walkthrough Container  */
background-color:#FFF; 
background-image:url(../images/layout/sub_left_grad.jpg);
background-repeat:repeat-x; 
height:83px; 
margin-top:5px; 
margin-left:5px; 
margin-right:5px;
padding:7px 10px;
}
.container_body3{								/* Photo Gallery Container  left_bottom.tpl */
background-color:#FFF; 
min-height:390px; 
margin-top:5px; 
margin-left:5px; 
margin-right:5px;
}
.container_body4{								/* 31 Reasons Container  left_bottom2.tpl */
background-color:#FFF; 
background-image:url(../images/layout/left_bottom2.jpg);
background-repeat:repeat-x;  
margin-top:5px; 
margin-left:5px; 
margin-right:5px;
padding:10px 10px;
font-size:90%;
}
.container_body5{								/* 31 Reasons Container  left_bottom2.tpl */
background-color:#FFF; 
background-image:url(../images/layout/gallery_blue.jpg);
background-repeat:repeat-x;  
margin-top:5px; 
margin-left:5px; 
margin-right:5px;
padding:15px 15px;
font-size:110%;
}
.container_body5 a{
color:#F27900;
text-decoration:none;
}
.container_body5 a:hover{
color:#000;
text-decoration:underline;
padding-bottom:5px;
}
.container_body4 a{
color:#e77101;
text-decoration:none;
font-weight:bold;
outline:none;
}
.container_body4 a:hover{
color:#000;
text-decoration:none;
font-weight:bold;
}
.container_body4 .doall{
padding-top:20px;
font-size:70%;
}

.tl {
background-image:url(../images/layout/circle.gif);
width: 5px;
height: 5px;
float: left;
font-size: 0;
}
.tr {
background-image:url(../images/layout/circle.gif);
background-position: 5px 0px;
width: 5px;
height: 5px;
float: right;
font-size: 0;
}
.bl {
background-image:url(../images/layout/circle.gif);
background-position: 0px 5px;
width: 5px;
height: 5px;
float: left;
font-size: 0;
}
.br {
background-image:url(../images/layout/circle.gif);
background-position: 5px 5px;
width: 5px;
height: 5px;
float: right;
font-size: 0;
}
.container_body p{
color:#000000;
margin-bottom:10px;
}
																			/* END Container Styling END */

#footer{
clear:both;
width:100%;
height:150px;
background-image:url(../images/layout/footer.gif);
background-repeat:repeat-x;
margin-top:0%;  														/* setting for the footer position  */
}
#footer_container{
width:970px;
margin-left: auto; 
margin-right: auto;
}
#footer_container a{
text-decoration:none;
color:#00407d;
font-weight:bold;
}
#footer_container a:hover{
text-decoration:underline;
color:#00407d;
font-weight:bold;
}
.foot_copywr{
font-size:80%;
margin-top:10px;
}
h2{
font-size:80%;
}
																				/* Menu Styling */
.menu{
font-weight: bold;
width: 100%;
}
.menu ul{
padding: 5px 0;
margin: 0;
text-align: center; 
overflow: hidden;
}
.menu ul li{
display: inline;
}
.menu ul li a{
color: #00407d;
padding: 8px 10px 8px 8px;
margin: 0;
text-decoration: none;
}
.menu ul li a:hover{
color: #00407d;
text-decoration:underline;
}
																			/* END Menu Styling END */


.container_title{
padding-top:10px;
margin-bottom:10px;
}
.imgleft{
margin-left:10px;
padding-right:30px;
margin-top:10px;
margin-bottom:10px;
float:left;
}
.imgright{
padding-left:30px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
float:right;
}
.main_welcome{
 color:#00407d; 
 font-size:120%;
 }
.main_welcome_p{
 padding-top:20px;
 padding-bottom:30px;
 }
.container_body .home_ul{
padding-left:20px;
padding-top:10px;
line-height:2em;
}
.container_body .terms_ul{
padding-left:20px;
}
.undr{
text-decoration:underline;
}
.click_for_more_reasons a{
text-align:right;
font-size:90%;
text-decoration:none;
color:#00407d;
}
.click_for_more_reasons a:hover{
text-align:right;
font-size:90%;
text-decoration:underline;
color:#000000;
}
																			/* Cat popup image  */
.cat_styl a{
color:#fe8b00;
text-decoration:none;
}
.cat_styl a:hover{
color:#000000;
text-decoration:underline;
}
																		/* 360 pano tab area styling */
.img_360{
padding-top:15px; 
float:left; 
margin-right:10px;
}
.text_360{
margin-top:14px; 
font-weight:bold;
}
.text_360 a{
text-decoration:none;
color:#e77101;
display:block;
}
.text_360 a:hover{
text-decoration:underline;
color:#000;
display:block;
}
/*//////////////////////////////////////////////////////////////////////////////////*/
.locales {
	text-align: center;
	margin-left : 40%;
}
.flag {
	float: left;
	background-position:center left;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 15px;
	margin-top:10px;
	height: 11px;
	line-height: 11px;
}
.flag a{
text-decoration:none;
}
.flag a:hover{
text-decoration:underline;
}
.flag.locale-gr{
	background-image:url(../images/gr/flag.jpg);
}
.flag.locale-en{
	background-image:url(../images/en/flag.jpg);
	
}
.gallery{
background-image:url(../images/layout/gallery_blue.jpg); 
background-repeat:repeat-x; 
width:100%; 
height:270px; 
float:left;
}
.gal_text{
 width:150px; 
 text-align:center; 
 display:block; 
 float:left; 
 margin-top:10px;
 }
 .gal_text a{
 color:#e77101;
 text-decoration:none;
 font-weight:bold;
 }
  .gal_text a:hover{
 color:#000;
 text-decoration:underline;
 font-weight:bold;
 }
.gal_img{
 float:left; 
 margin-left:10px; 
 margin-top:15px;
 }
.blue_text{
color:#004180;
font-weight:bold;
}
.whitetext{
color:#FFFFFF;
font-weight:bold;
}
.mapsstyle a{
color:#00407d;
text-decoration:none;
}
.mapsstyle a:hover{
color:#000000;
text-decoration:underline;
}
#legal_styl{
color:#004180;
font-size:90%;
}
#legal_styl p{
color:#004180;
font-size:90%;
}
#legal_styl a{
color:#eb7100;
text-decoration:none;
}
#legal_styl a:hover{
color:#004180;
text-decoration:underline;
}
.thumb{float:left; padding-left:4px; padding-top:5px; padding-bottom:5px;}

/* CONTACT US STYLING  */
#contact{margin-left:0px;}
.label{padding-left:30px; display:block;}
.container{background-color:none;}
.rx-textbox{margin:0px;}
.field{margin-left:30px;}
.btn{margin-left:180px; margin-top:5px;}
label span.error{ float: right; margin-right:40px; color:#FF0000;}
.contact_required{ text-align:right;}
/* ////////////////////////////////////////////////////////////////////   */

																							/*  Gallery Styling  */

.gallery_tables{float:left;}
#gallery_format{margin-left:7px; text-align:center;}
#gallery_format img{ border-color:#6594c2;}
.gal_clear{clear:both; height:20px;}
.gal_titles{ color:#003399; background-color:#FFFFFF; padding-top:5px; padding-bottom:5px;}
.gal_images{ background-image:url(../images/layout/fonto_blue.gif); background-repeat:repeat-x; padding-top:10px; padding-bottom:10px;}

#gallery_format_sub{margin-top:20px; text-align:center;}
#gallery_format_sub img{ border-color:#6594c2;}

/* Reservation */

.stay { background-color:#FF6A6A; }
.checkin{/* background-image:url(../images/layout/checkin.jpg); */background-position: bottom right; background-repeat:no-repeat; }
.checkout{/* background-image:url(../images/layout/checkout.jpg); */background-position: bottom left; background-repeat:no-repeat; } 

table.calendar { 
border: 0; 
margin: 3px; 
float: left; 
height:135px; 
background-color:#FFFFFF;
}
table.calendar td, th { 
text-align: center; 
border: 0; 
}
table.calendar th { 
height: 10px; 
font-size: 7pt; 
}
table.calendar td { 
line-height: 9px;
font-size: 9px;

}
table.calendar td a {
	text-decoration: underline !important;
}
table.calendar td.current {
	background-color: #E6F9E6;
	border: 1px solid #669900;
	color: #669900;
}
table.calendar .calendar-month { 
font-weight: bold; 
margin-top: 3px; 
font-size: 12pt; 
text-align: center; 
background-color:#ecf0f9;
color:#000000;
font-weight:normal;
border-top:1px dotted #333333;
border-bottom:1px dotted #333333;
background-image:url(../images/layout/reserve_calerdar_titleback.gif);
background-repeat:repeat-x;
}
table.calendar .calendar-month a{
text-decoration: none; 
}
table.calendar .calendar-prev, table.calendar .calendar-next { 
font-weight: normal; 
}
table.calendar th { 
color: green; 
text-align: center; 
}
table.calendar td.linked-day { 
font-size: 11pt;
}

table.prevnext { 
width: 100%; 
margin-top: .3em; 
}
table.prevnext td{ 
font-size: smaller; 
}
table.prevnext td a{ 
text-decoration: none 
}

.calendar-month tr th{
background-color:#99FF00;
}

table.calendar td a{
text-decoration:none;
color:#0066CC;
}
table.calendar td a:hover{
text-decoration:none;
color:#990033;
font-weight:bold;
}
table.calendar td .checkin{
background-color:#FFF;
color:#FFFFFF;
}
.checkin a{
text-decoration:none;
color:#FFFFFF;
}
.checkin a:hover{
text-decoration:none;
color:#FFFFFF;font-weight:bold;
}


label { font-weight: bold; }

.final_price { font-size: 18px; padding-top: 15px; float: left;}
#final_price { border: 0px solid #FFF; font-size: 18px; padding-top: 10px; margin-left: 5px; }

div.container { margin-top: 3px;}

/**/
div.checkbox label { margin-bottom: 5px; float: left; width: 150px;  clear: left;}
input.checkbox { margin-bottom: 5px; float:left;}

.submit { float: none; clear: both; }

span.info { font-size: x-small; font-weight: normal; }

.advertised{clear:both; text-align:center; padding-top:10px;}
.advertised img {margin-right:15px}