/*

	Client: Rodos Princess Hotel

	Web Designer: Katerina Maniataki

	Web Developer: George Bardis

	Copyrights: Net360 S.A.

*/



/************************************** Generic Css ***********************************/

* {
	margin: 0;
	padding: 0;
}
a {
	color:#333333;
	font-weight:normal;
	text-decoration:none;
}
a:hover {
	color:#666666;
	text-decoration:underline;
}
h2 {
	font-size:15px;
	font-weight:bold;
}
h3 {
	font-size:13px;
	font-weight:bold;
}
p {
	text-align:justify;
}
.inv {
	position:absolute;
	font-size:9px;
	left:-9999px;
}
.clr {
	margin:0;
	padding:0;
	clear:both;
}
.editableText {
	display:inline;
}
html {
	font-size:12px;
	width:100%;
	height:100%;
	font-family:"Trebuchet MS";
	color:#333333;
}
body {
	width:100%;
	height:100%;
}
/********************************* BASIC FLOATING ALL CONTENTS ************************/

#supperWrapper {
	position:absolute;
	left:0;
	top:0;
	height:auto;
	min-height:870px;
	width:100%;
	min-width:960px;
	z-index:70;
	background:url(../images/header_bg.jpg) 0 0 repeat-x #E4E6E7;
}
#wrapper {
	width:960px;
	height:100%;
	min-height:870px;
	margin: 0 auto;
	overflow: visible;
}
.row0, .row1, .row2, .row3, .row4 {
	float:left;
	width:100%;
	background-color:#E4E6E7;
}
.column1, .column2, .column3 {
	float:left;
}
/********************************* HEADER *************************************/

#header {
	height:128px;
	background:url(../images/header_bg.jpg) 0 0 repeat-x;
}
#header h1 {
	margin:5px 0;
	padding:0;
	float:left;
	display:block;
	width:196px;
}
#header h1 a {
	background-image:url(../images/site_logo.jpg);
	width:196px;
	height:109px;
	text-decoration:none;
	display:block;
}
/********************************* HEADER MENU *************************************/

#navigation {
	float:left;
	width:720px;
	height:37px;
	margin-top:60px;
	margin-left:44px;
}
#navigation ul {
	list-style:none;
	margin:0;
	padding:0;
}
#navigation ul li {
	margin-right:18px;
	float:left;
	padding-bottom:20px;
}
#navigation ul li a {
	display:block;
}
#navigation ul li.active {
	background:url(../images/li_active.jpg) 50% 100% no-repeat;
}
/***************** dropdown ***************************/

#navigation ul ul {
	position: absolute;
	display: block;
	visibility: hidden;
	top:128px;
	z-index:99;
}
#navigation ul li ul li {
	display: list-item;
	float: none;
	position:relative;
	z-index:99;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	height:20px;
	width:172px;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */

#navigation ul li ul li ul {
	top: 0;
	left:192px;
}
#navigation ul li ul li a {
	line-height:20px;
	height:20px;
	font-weight:bold;
	color:#bcbebd;
}
#navigation ul li.gr2 ul li a:hover, #navigation ul li.gr2 ul li a.active {
	background-image: none;
	color:#277798;
	border: 1px solid #277798;
	text-decoration:none;
}
#navigation ul li.en2 ul li a:hover, #navigation ul li.en2 ul li a.active {
	background-image: none;
	color:#277798;
	border: 1px solid #277798;
	text-decoration:none;
}
#navigation ul li.de2 ul li a:hover, #navigation ul li.de2 ul li a.active {
	background-image: none;
	color:#277798;
	border: 1px solid #277798;
	text-decoration:none;
}
#navigation ul li.gr2 ul a {
	background-image: none;
	width:150px;
	text-align:center;
	font-size:12px;
	padding:0 10px;
	border: 1px solid #FFFFFF;
	color:#666666;
}
#navigation ul li.en2 ul a {
	background-image: none;
	width:150px;
	text-align:center;
	font-size:12px;
	padding:0 10px;
	border: 1px solid #FFFFFF;
	color:#666666;
}
#navigation ul li.de2 ul a {
	background-image: none;
	width:150px;
	text-align:center;
	font-size:12px;
	padding:0 10px;
	border: 1px solid #FFFFFF;
	color:#666666;
}
/***************** Greek ***************************/

#navigation ul li.gr1 a {
	width:69px;
	height:17px;
	background:url(../images/menu/gr/00.jpg) 0 0 no-repeat;
}
#navigation ul li.gr1 a:hover, #navigation ul li.gr1 a.active {
	background:url(../images/menu/gr/00_h.jpg) 0 0 no-repeat;
}
#navigation ul li.gr2 a {
	width:54px;
	height:17px;
	background:url(../images/menu/gr/01.jpg) 0 0 no-repeat;
}
#navigation ul li.gr2 a:hover, #navigation ul li.gr2 a.active {
	background:url(../images/menu/gr/01_h.jpg) 0 0 no-repeat;
}
#navigation ul li.gr3 a {
	width:64px;
	height:17px;
	background:url(../images/menu/gr/02.jpg) 0 0 no-repeat;
}
#navigation ul li.gr3 a:hover, #navigation ul li.gr3 a.active {
	background:url(../images/menu/gr/02_h.jpg) 0 0 no-repeat;
}
#navigation ul li.gr4 a {
	width:64px;
	height:17px;
	background:url(../images/menu/gr/03.jpg) 0 0 no-repeat;
}
#navigation ul li.gr4 a:hover, #navigation ul li.gr4 a.active {
	background:url(../images/menu/gr/03_h.jpg) 0 0 no-repeat;
}
#navigation ul li.gr5 a {
	width:38px;
	height:17px;
	background:url(../images/menu/gr/04.jpg) 0 0 no-repeat;
}
#navigation ul li.gr5 a:hover, #navigation ul li.gr5 a.active {
	background:url(../images/menu/gr/04_h.jpg) 0 0 no-repeat;
}
#navigation ul li.gr6 a {
	width:83px;
	height:17px;
	background:url(../images/menu/gr/05.jpg) 0 0 no-repeat;
}
#navigation ul li.gr6 a:hover, #navigation ul li.gr6 a.active {
	background:url(../images/menu/gr/05_h.jpg) 0 0 no-repeat;
}
#navigation ul li.gr7 a {
	width:38px;
	height:17px;
	background:url(../images/menu/gr/06.jpg) 0 0 no-repeat;
}
#navigation ul li.gr7 a:hover, #navigation ul li.gr7 a.active {
	background:url(../images/menu/gr/06_h.jpg) 0 0 no-repeat;
}
#navigation ul li.gr8 a {
	width:71px;
	height:17px;
	background:url(../images/menu/gr/07.jpg) 0 0 no-repeat;
}
#navigation ul li.gr8 a:hover, #navigation ul li.gr8 a.active {
	background:url(../images/menu/gr/07_h.jpg) 0 0 no-repeat;
}
#navigation ul li.gr9 a {
	width:75px;
	height:17px;
	background:url(../images/menu/gr/08.jpg) 0 0 no-repeat;
}
#navigation ul li.gr9 a:hover, #navigation ul li.gr9 a.active {
	background:url(../images/menu/gr/08_h.jpg) 0 0 no-repeat;
}
/***************** English ***************************/

#navigation ul li.en1 a {
	width:71px;
	height:17px;
	background:url(../images/menu/en/00.jpg) 0 0 no-repeat;
}
#navigation ul li.en1 a:hover, #navigation ul li.en1 a.active {
	background:url(../images/menu/en/00_h.jpg) 0 0 no-repeat;
}
#navigation ul li.en2 a {
	width:109px;
	height:17px;
	background:url(../images/menu/en/01.jpg) 0 0 no-repeat;
}
#navigation ul li.en2 a:hover, #navigation ul li.en2 a.active {
	background:url(../images/menu/en/01_h.jpg) 0 0 no-repeat;
}
#navigation ul li.en3 a {
	width:56px;
	height:17px;
	background:url(../images/menu/en/02.jpg) 0 0 no-repeat;
}
#navigation ul li.en3 a:hover, #navigation ul li.en3 a.active {
	background:url(../images/menu/en/02_h.jpg) 0 0 no-repeat;
}
#navigation ul li.en4 a {
	width:62px;
	height:17px;
	background:url(../images/menu/en/03.jpg) 0 0 no-repeat;
}
#navigation ul li.en4 a:hover, #navigation ul li.en4 a.active {
	background:url(../images/menu/en/03_h.jpg) 0 0 no-repeat;
}
#navigation ul li.en5 a {
	width:48px;
	height:17px;
	background:url(../images/menu/en/04.jpg) 0 0 no-repeat;
}
#navigation ul li.en5 a:hover, #navigation ul li.en5 a.active {
	background:url(../images/menu/en/04_h.jpg) 0 0 no-repeat;
}
#navigation ul li.en6 a {
	width:52px;
	height:17px;
	background:url(../images/menu/en/05.jpg) 0 0 no-repeat;
}
#navigation ul li.en6 a:hover, #navigation ul li.en6 a.active {
	background:url(../images/menu/en/05_h.jpg) 0 0 no-repeat;
}
#navigation ul li.en7 a {
	width:44px;
	height:17px;
	background:url(../images/menu/en/06.jpg) 0 0 no-repeat;
}
#navigation ul li.en7 a:hover, #navigation ul li.en7 a.active {
	background:url(../images/menu/en/06_h.jpg) 0 0 no-repeat;
}
#navigation ul li.en8 a {
	width:51px;
	height:17px;
	background:url(../images/menu/en/07.jpg) 0 0 no-repeat;
}
#navigation ul li.en8 a:hover, #navigation ul li.en8 a.active {
	background:url(../images/menu/en/07_h.jpg) 0 0 no-repeat;
}
#navigation ul li.en9 a {
	width:63px;
	height:17px;
	background:url(../images/menu/en/08.jpg) 0 0 no-repeat;
}
#navigation ul li.en9 a:hover, #navigation ul li.en9 a.active {
	background:url(../images/menu/en/08_h.jpg) 0 0 no-repeat;
}
/***************** DEUTCH ***************************/

#navigation ul li.de1 a {
	width:37px;
	height:17px;
	background:url(../images/menu/de/00.jpg) 0 0 no-repeat;
}
#navigation ul li.de1 a:hover, #navigation ul li.de1 a.active {
	background:url(../images/menu/de/00_h.jpg) 0 0 no-repeat;
}
#navigation ul li.de2 a {
	width:74px;
	height:17px;
	background:url(../images/menu/de/01.jpg) 0 0 no-repeat;
}
#navigation ul li.de2 a:hover, #navigation ul li.de2 a.active {
	background:url(../images/menu/de/01_h.jpg) 0 0 no-repeat;
}
#navigation ul li.de3 a {
	width:93px;
	height:17px;
	background:url(../images/menu/de/02.jpg) 0 0 no-repeat;
}
#navigation ul li.de3 a:hover, #navigation ul li.de3 a.active {
	background:url(../images/menu/de/02_h.jpg) 0 0 no-repeat;
}
#navigation ul li.de4 a {
	width:62px;
	height:17px;
	background:url(../images/menu/de/03.jpg) 0 0 no-repeat;
}
#navigation ul li.de4 a:hover, #navigation ul li.de4 a.active {
	background:url(../images/menu/de/03_h.jpg) 0 0 no-repeat;
}
#navigation ul li.de5 a {
	width:41px;
	height:17px;
	background:url(../images/menu/de/04.jpg) 0 0 no-repeat;
}
#navigation ul li.de5 a:hover, #navigation ul li.de5 a.active {
	background:url(../images/menu/de/04_h.jpg) 0 0 no-repeat;
}
#navigation ul li.de6 a {
	width:51px;
	height:17px;
	background:url(../images/menu/de/05.jpg) 0 0 no-repeat;
}
#navigation ul li.de6 a:hover, #navigation ul li.de6 a.active {
	background:url(../images/menu/de/05_h.jpg) 0 0 no-repeat;
}
#navigation ul li.de7 a {
	width:44px;
	height:17px;
	background:url(../images/menu/de/06.jpg) 0 0 no-repeat;
}
#navigation ul li.de7 a:hover, #navigation ul li.de7 a.active {
	background:url(../images/menu/de/06_h.jpg) 0 0 no-repeat;
}
#navigation ul li.de8 a {
	width:74px;
	height:17px;
	background:url(../images/menu/de/07.jpg) 0 0 no-repeat;
}
#navigation ul li.de8 a:hover, #navigation ul li.de8 a.active {
	background:url(../images/menu/de/07_h.jpg) 0 0 no-repeat;
}
#navigation ul li.de9 a {
	width:53px;
	height:17px;
	background:url(../images/menu/de/08.jpg) 0 0 no-repeat;
}
#navigation ul li.de9 a:hover, #navigation ul li.de9 a.active {
	background:url(../images/menu/de/08_h.jpg) 0 0 no-repeat;
}
/********************************* ADD THIS *************************/

.addthis_toolbox {
	float:right;
	margin:15px 20px 0 0;
	height:16px;
}
/********************************* LANGUAGES *********************************/

#languages {
	float:right;
	margin:15px 20px 0 0;
	height:16px;
}
#languages ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	float:right;
}
#languages ul li {
	float:left;
}
#languages ul #gr {
	margin:0 10px;
	border:1px solid #CCCCCC;
	padding:0 5px 0 6px;
	border-top:none;
	border-bottom:none;
	float:left;
}
#languages ul li a {
	color:#FF8C00;
	font-size:14px;
	font-weight:bold;
	display:block;
	width:20px;
	height:20px;
}
#languages ul li a:hover {
	text-decoration:none;
	color:#006699;
}
#languages ul li .active {
	color:#006699;
}
/********************************* CONTENTS *********************************/



.row2 {
	background-color:#F2F3F3;
	margin-bottom:24px;
}
.row2 .column1 {
	padding:45px;
	width:480px;
	background:url(../images/text_content_bg.jpg) 100% 50% no-repeat;
	min-height:275px;
	overflow:visible;
}
.row2 .column2 {
	padding:45px 45px 45px 35px;
	width:300px;
	min-height:275px;
}
.row2 .column1 h2 {
	margin-bottom:24px;
	line-height:16px;
	width:100%;
	display:block;
}
.row2 .column1 p {
	line-height:22px;
}
.row2 .column2 a {
	width:140px;
	height:104px;
	display:block;
	float:left;
	margin:14px 5px;
	border:none;
}
.row2 .column2 .img {
	width:140px;
	height:104px;
	border:none;
}
.row2 .column2 a:hover {
	border:none;
	text-decoration:none;/*opacity:0.6;

	filter:alpha(opacity=60);*/

}
#photogallery_long {
	min-height:235px;
	width:870px;
	background-color:#F2F3F3;
}
#photogallery_long .img {
	width:140px;
	height:104px;
	border:none;
	margin:14px;
}
.row2 .column1 p {
	margin-bottom:10px;
}
.row2 .column1 a {
	color:#006699;
}
/********************************* BANNER *********************************/

.row1 .column1 {
	width:960px;
	height:490px;
	overflow:visible;
}
.row1 .column1 div.shadow {
	float:left;
	width:960px;
	height:12px;
	background:url(../images/banner_top.png) 0 0 repeat;
	z-index:99;
	position:relative;
}
.row1 .column1 div.banner {
	width:1008px;
	margin-left:-24px;
	height:490px;
	position:relative;
}
.row1 .column1 div.banner ul {
	width:100%;
	height:20px;
	margin:0;
	overflow:hidden;
	position:absolute;
	bottom:100px;
	left:24px;
	z-index:80;
	list-style:none;
}
.row1 .column1 div.banner ul li {
	float: left;
	margin-right:10px;
	position:relative;
	background:url('../images/banner_li.jpg') top left no-repeat;
	height:20px;
	width:20px;
	list-style:none;
}
.row1 .column1 div.banner ul li div img {
	position:relative;
	cursor:pointer;
}
.pika_main {
	width:1008px;
	height:490px;
	display:block;
	position:relative;
}
.pika_main_img {
	position:relative;
}
.pika_back_img {
	position:relative;
	display:none;
}
.pika_subdiv {
	height:490px;
	width:1008px;
	position:relative;
}
.pika_subdiv a {
	border:none;
	float:left;
	position:relative;
	margin:0;
	height:490px;
	width:1008px;
}
.pika_caption {
	display:none;
	position:absolute;
	height:1px;
	width:1px;
}
.pika_play {
	position:absolute;
	height:1px;
	width:1px;
}
.pika_prev_hover {
	position:absolute;
	height:1px;
	width:1px;
}
.pika_next_hover {
	position:absolute;
	height:1px;
	width:1px;
}
/********************************* TOOLS *********************************/

.row1 .column2 {
	width:960px;
	height:90px;
	margin-top:-90px;
	background:url(../images/white_opacity.png) 0 0 repeat;
	position:relative;
}
#weather {
	height:64px;
	width:134px;
	background:url(../images/tools_seperator.png) 100% 9px no-repeat;
	float:left;
	padding:18px 8px 8px 8px;
}
/************* WEATHER ************/

#weather h2 {
	font-size:12px;
}
#weather #temperature {
	float:right;
	line-height:64px;
	font-size:20px;
	font-weight:bold;
	width:50px;
	padding-right:20px;
	padding-left:2px;
}
#weather #icon {
	float:right;
}
#weather #icon img {
	height:58px;
	width:58px;
}
/****************** LOWEST PRICE **********************/

div.lowest {
	float:left;
	padding:18px 8px 8px 0px;
	width:218px;
	height:64px;
	background:url(../images/tools_seperator.png) 100% 9px no-repeat;
}
div.lowest a {
	background:url(../images/specialoffers.jpg) no-repeat top left;
	height:62px;
	width:204px;
	display:block;
	text-align:center;
	line-height:62px;
	color:#006699;
	font-size:15px;
	font-weight:bold;
	border:1px solid #006699;
}
div.lowest .small {
	float:left;
	width:100%;
	font-size:18px;
	line-height:26px;
}
div.lowest .price {
	float:left;
	color:#006699;
	font-size:26px;
	line-height:26px;
}
div.lowest .big {
	float:left;
	font-size:24px;
	line-height:26px;
}
/****************** AVAILABILITY FORM **********************/

#availability-checker {
	width:568px;
	height:64px;
	float:left;
	padding:18px 8px 8px 8px;
}
#availability-checker h2 {
	color:#006699;
	font-size:22px;
	margin-bottom:4px;
}
#availability-checker div.hidden {
	display:none;
}
#availability-checker div.date {
	width:42%;
	float:left;
	line-height:24px;
}
#availability-checker .date label {
	width:70px !important;	
}
#date-in {
	width:90px;	
}
#availability-checker div.date label, #availability-checker div.date input, #availability-checker div.date a {
	float:left;
}
#availability-checker div.nights, #availability-checker div.adults, #availability-checker div.children {
	width:16%;
	float:left;
	line-height:24px;
}
#availability-checker div.bookingBtn {
	width:10%;
	float:left;
	text-align:center;
	line-height:24px;
}
#availability-checker label {
	/*cursor:pointer;*/

	display:block;
	float:left;
	line-height:24px;
	text-align:left;
	width:43%;
}
#availability-checker .date label {
	width:43%;
}
#availability-checker .date input {
	border:1px solid #006699;
	height:22px;
	margin-right:3px;
	padding:0 2px;
}
#availability-checker .date img {
	padding-top:1px;
	height:22px;
}
#availability-checker select {
	float:right;
	margin-right:5px;
	border:1px solid #006699;
	height:22px;
	width:31px;
}
#availability-checker div.bookingBtn input {
	background:url(../images/go_btn_bg.jpg) 0 0 no-repeat;
	width:39px;
	height:23px;
	line-height:23px;
	text-align:center;
	color:#CC3300;
	font-weight:bold;
}
#availability-checker div.bookingBtn input:hover {
	color:#006699;
	cursor:pointer;
}
/********************************* FOOTER *********************************/

#footer {
	height:120px;
}
#footer .column1 {
	width:100%;
}
#footNav {
	float:left;
	margin-top:30px;
	width:730px;
}
#net360 {
	background: url(../images/net360.jpg) no-repeat top right;
	margin-top:14px;
	float:right;
}
#net360 a {
	width:52px;
	height:56px;
	text-decoration:none;
	display:block;
}
#trip_advisor {
	width:150px;
	height:100px;
	float:right;
	margin-right:24px;
}
#trip_advisor div.widFRR {
	margin:0;
}
/********************************* FOOTER MENU *************************************/

#footNav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#footNav ul li {
	margin-right:20px;
	float:left;
}
#footNav ul li a {
	color:#095996;
	font-weight:bold;
}
#footNav ul li a:hover {
	color:#FD920E;
	text-decoration:none;
}
/********************************* TOOLS & EXTRAS *********************************/

#mapCanvas {
	width:300px;
	height:300px;
	display: block;
	margin-top:40px;
}
/******************************* TABLES *************************/



td {
	text-align:center;
	padding:5px;
	font-size:11px;
}
td.title {
	font-weight:bold;
}
/*********************** LISTS ***********************/

.row2 .column1 ul, .row2 .column1 ol {
	padding-left:30px;
}
/*--------------------------CONTACT--------------------------*/



.alert {
	color: #FF0000!important;
	margin-left:-3px!important;
}
.error {
	border:1px solid #FF0000;
}
.form_textarea textarea {
	width:231px;
}
/***************** DIGI LODGE BANNER ***************/

#digi {
	float:left;
	width:700px;
	height:40px;
	margin-top:10px;
}
#digi ul {
	float: left;
}
#digi ul li {
	float: left;
	list-style:none;
	padding:0 6px;
}
#eu, #psyf, #espa {
	display: block;
	width: 31px;
	height:40px;
	background: url(../images/flags-digi.png) 0 0 no-repeat;
}
#digi ul li #psyf {
	width:36px;
	background-position: -43px top;
}
#digi ul li #espa {
	width:53px;
	background-position: -90px top;
}
#digi p {
	color:#000;
	float:left;
	font-size:9px;
	text-align:left;
	margin:12px 0 0 0;
	width:512px;
	line-height:12px;
}
#digi strong {
	line-height:12px;
	font-size:9px;
}