/* CSS for Helona.com - Last update: 18 January 2008 */

/*
0e4681: color for blue titles
9d3b1a:h2 color
b9d4ee: bg nav
*/

body {margin:0; padding:0; background-color:#ffffff; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

#topright_el {position:absolute; right:0; top:0; display:block; height:17px; width:237px; background:url(../images/opening-el.gif) no-repeat; text-indent:-999em; text-decoration:none;}

#topright_en {position:absolute; right:0; top:0; display:block; height:17px; width:140px; background:url(../images/opening-en.gif) no-repeat; text-indent:-999em; text-decoration:none;}

#topright_ru {position:absolute; right:0; top:0; display:block; height:17px; width:180px; background:url(../images/opening-ru.gif) no-repeat; text-indent:-999em; text-decoration:none;}

/* ------- LINKS ------- */

a:link {font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
a:visited {font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
a:hover {font: normal 11px Verdana, Arial, Helvetica, sans-serif;}

#lang_area a:link {color: #666666; text-decoration:none;}
#lang_area a:visited {color: #666666; text-decoration:none;}
#lang_area a:hover {color:#0093d8; text-decoration:none;}

#main_text_index a:link {color: #666666; line-height:18px;}
#main_text_index a:visited {color: #666666; line-height:18px;}
#main_text_index a:hover {color:#0093d8; line-height:18px;}

#main_text_inner a:link {color: #666666; line-height:18px;}
#main_text_inner a:visited {color: #666666; line-height:18px;}
#main_text_inner a:hover {color:#0093d8; line-height:18px;}

#footer a:link {color: #666666}
#footer a:visited {color: #666666}
#footer a:hover {color:#0093d8;}

#hotels_selection a:link {color: #0e4681;  }
#hotels_selection a:visited {color: #0e4681;  font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
#hotels_selection a:hover {color:#9d3b1a;  font: normal 11px Verdana, Arial, Helvetica, sans-serif;}

#navigation_area a:link {color: #0e4681; text-decoration:none;}
#navigation_area a:visited {color: #0e4681; text-decoration:none;}
#navigation_area a:hover {color:#9d3b1a; text-decoration:none;}


#main_left_column {padding-top:15px;}

h1 {margin:0; padding:0;}

p {margin:0; padding:0;}

#main_left_column {width:695px;}
#main_left_column p {width:545px;}




#text_left_column ul {padding-top:10px; list-style-position:inside;}
#text_right_column ul {padding-top:10px; list-style-position:inside;}




#sub_bullet {margin:0; padding-top:0; list-style-position:inside;}






/* ------- BRANDING AREA ------- */

#branding_area {height:93px;}

#branding_container {height:93px;} 

#logo {width:290px; padding-bottom:17px;}

#navigation_area {padding:46px 0 17px 0;}

#lang_area {padding:10px 0 0 60px; width:119px; background:url(../images/bg-map-world.gif) no-repeat; font:normal 11px Verdana, Arial, Helvetica, sans-serif;}

#lang_area ul {list-style:none; padding:0; margin:0;}

#lang_area li {float:left; margin:0 5px 0 4px;}

#lang_area li strong {color:#0093d8;}

#video {width:80px; padding:15px 0 50px 0;}
#video_inner {width:80px; padding:15px 0 50px 40px;}

#footer_logos {padding-top:10px; text-align:center;}
#footer_logos img {margin: 0 7px 0 7px;}













#kos_greece {
	padding: 30px 15px 20px 0;
	text-align:right;
}

#main_photos {height: 438px; background-color:#ffffff; border:1px solid #cccccc;}

#gallery {height: 440px; background-color:#ffffff;}

.main_photos_gradient {
	background: url(../images/bg-main-photos.gif) repeat-x bottom;
	width: 5px;
}

#hotels_selection {
	background: #bcd6ef url(../images/bg-hotels-selection.gif) no-repeat center;
	height:31px;
	vertical-align:middle;
	font: normal 14px "Times New Roman", Times, serif;
	color: #0e4681;
}

.award_ace_magazine {padding-left:96px; background: url(../images/logo-ace-magazine.png) no-repeat left;}

.info_title {padding:0 0 5px 0; text-align:center; background: url(../images/info-en-lakitira-hotels-bg.gif) repeat-x;}

.award_ace_magazine_resort {padding:40px 15px 0 0; text-align:right;}

#hotel_title_01 {padding-left:15px;}

#hotel_title_02 {
	text-align:right;
	padding-right:15px;
}

form {padding:0; margin:0;}

select, input, textarea {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#666666;
}

#title {
	padding:35px 0 5px 0;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	color:#9d3b1a;
	text-align:center;
}

.buttons {/* border-top:1px solid #cccccc; */padding-top:5px;}

.info {border-bottom:1px solid #cccccc; padding-bottom:5px;}

#main_title {
	padding:15px 0 0 20px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	color:#9d3b1a;
}

.input_data {text-align:right; padding: 0 5px 10px 0; font-weight:bold;}

.sub_title {
	padding:5px 0 10px 0;
	font-size:12px;
	color:#0093d8;
}

.resort_sub_titles_1 {
	padding:15px 0 0 20px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#666666;
}

.resort_sub_titles_2 {
	padding:5px 0 0 50px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#666666;
}

.resort_sub_titles_3 {
	padding:5px 0 0 80px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#666666;
}

.mandatory {color:#666666;}

#main {
	vertical-align:top;
}

#main_text {
	padding:15px 15px 10px 15px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#666666;
	line-height:18px;
	vertical-align:top;
}

#text_left_column {vertical-align:top; padding:0 20px 0 0;}

#text_right_column {vertical-align:top; padding:0 20px 0 0;}

#text_left_column p {padding-top:10px;}
#text_right_column p {padding:10px 0 0 0;}

#main_text_index {
	padding:30px 38px 10px 38px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#666666;
	line-height:18px;
	vertical-align:top;
}

#main_text_inner {
	padding:30px 38px 20px 38px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#666666;
	line-height:18px;
	vertical-align:top;
}

#stars_footer {
	padding-bottom:7px;
	text-align:center;
	border-bottom:1px solid #b9d4ee;
}

#footer {
	padding:7px 0 10px 0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#666666;
	text-align:center;
	line-height:16px;
}

/*.main_text_index {width:50%; padding:5px; vertical-align:top;}*/






/* Main Content*/

#main_content {padding:20px 7px 40px 10px;}

#sub_nav_items {
	width:170px;
	vertical-align:top;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#0e4681;	
}

.markwarner {padding:5px; background:#ebebeb;}

.sub_nav_00 {background: #ffffff url(../images/bg-sub-nav-00.gif) no-repeat bottom right; height:29px;}
.sub_nav_01  {background: #ffffff url(../images/bg-sub-nav-01.gif) no-repeat bottom right; height:29px;}
.sub_nav_items_active {padding-right:10px; height:29px; vertical-align:middle; text-align:right; font-weight:bold;}
.sub_nav_items_active_wrap {padding-right:10px; height:39px; vertical-align:middle; text-align:right; font-weight:bold;}
.sub_nav_items_active_wrap_three_lines {padding-right:10px; height:49px; vertical-align:middle; text-align:right; font-weight:bold;}

.sub_nav_02 {padding-right:10px; background: #ffffff url(../images/bg-sub-nav-02.gif) no-repeat top right; height:29px; vertical-align:middle; text-align:right;}
.sub_nav_02_wrap {padding-right:10px; background: #ffffff url(../images/bg-sub-nav-02.gif) no-repeat top right; height:39px; vertical-align:middle; text-align:right;}

.sub_nav_03_off {padding: 0 10px 0 0; background: #ffffff url(../images/bg-sub-nav-03-off.gif) no-repeat top right; height:29px; vertical-align:middle; text-align:right;}

#section_photos {padding-top:60px; width:80px; vertical-align:top;}
#section_photos_horizontal {padding:20px 0 0 20px; vertical-align:top;}

.thumbnail {
	padding: 3px 3px 3px 3px;
	background-color: #ffffff;
	/*border: 1px solid #d5d5d5;*/
	float: left;
	margin-bottom: 2px;
}

.thumbnail_horizontal {
	padding: 3px 3px 8px 3px;
	background-color: #ffffff;
	/*border: 1px solid #d5d5d5;*/
	float: left;
	margin-right: 2px;
}

.copyright {padding-top:20px;}






/* SLIDEVIEWER */

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 1px solid #0093d8;
margin: 0 0 0 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
/*background: #0093d8; */
color: #666666; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover { 
background: #9FE1FF; 
color: #0093d8; 
} 
.stripTransmitter a.current{ 
background: #0093d8; 
color: #ffffff; 
} 


 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}

