body { margin: 0; padding:0; font: 12px Arial, Verdana, sans-serif; color: #014667; text-align:center; background-color: #ffffff; color:#333333;}
a {border: none; outline-style: none; -moz-outline-style: none; font-family: Arial, Helvetica, sans-serif; color: #194077;  text-decoration : none;}
a:visited {border: none; outline-style: none; -moz-outline-style: none; color: #194077;  text-decoration : none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none!important; color: #152b4b;}
a:active {border: none; outline-style: none; -moz-outline-style: none; color: #004080; text-decoration : none; color: #ec6a00; text-decoration : none;}
img {vertical-align: bottom; color: #357b73;}
* html img {font-size: 0; } /* hack for ie 6*/
br {font-size: 7px; margin: 0; padding: 0;}

form {margin: 0; padding: 0;}
input, textarea, select {outline:none; resize:none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 1px solid #ccc; -webkit-transition: border 0.4s ease-in-out; -moz-transition: border 0.4s ease-in-out; -o-transition: border 0.4s ease-in-out; transition: border 0.4s ease-in-out;  -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 1px; margin: 2px 0 0 0; background-color: #FFF;}
input[type=submit] {position: relative; display: block; cursor: pointer; background: url(../images/submit-bg.jpg) 0 0 repeat-x; height: 26px; color: #fff; text-transform: uppercase; border: none; font-weight: 600; font-size: 12px; padding: 0 10px;}
input[type=submit]:hover {background-position: 0 -26px;}

 /*Remove button padding in FF*/
input::-moz-focus-inner {border: 0; padding: 0;}
label {position: relative; display: block; color: #000; font-size: 13px; font-weight: 600;padding: 0; margin: 5px 0 2px 0;}
input:focus, textarea:focus, select:focus {border: 1px solid #FF9220;}

#title {font: 2em "Times New Roman";  font-size: 1.8em; color:#333333; margin:3px 0 10px 0; padding:5px 0px 1px 2px; border-bottom:1px solid #ff9220; height:30px; line-height:30px; text-align:left; display:block;}
h1 {text-transform:capitalize; font: 2em "Times New Roman";  font-size: 2em; color:#333333; margin:3px 0 10px 0; padding:5px 0px 1px 2px; border-bottom:1px solid #ff9220; height:130px; line-height:30px;  }
h2 {font-weight:bold; font-size:16px; margin: 0; padding:6px 2px 8px 0px; color:#4d4c4c; font-family:Georgia, "Times New Roman", Times, serif; }
h3 {text-transform:capitalize; font: 2em "Times New Roman";  font-size: 2em; color:#333333; margin:3px 0 10px 0; padding:1px 0px 1px 2px; border-bottom:1px solid #ff9220; height:30px; line-height:30px;  }
h4 { font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; margin:0 0 5px 0; padding:3px; text-transform:uppercase;   background-color:#ff9220; z-index: 0;}
p {margin: 0; padding:0 40px 10px 0px; font-size:12px;}
ul, li {margin: 0; padding: 0;}
b, strong {font-weight: 600;}

#revtable table td p {margin:0 0px 0 0; padding:0;}

ul {font: 12px Arial, Verdana;}

#melon {position: relative; background-color:#82b5e4; width:100%; text-align:center; color:#FFFFFF; font-size:11px; padding:2px 0 2px 0; overflow: hidden;}
#melon a:link, #melon a:active, #melon a:visited, #melon a:hover, #melon a:visited  {padding:0 0 0 4px;margin:0;  color:#FFFFFF; font-size:10px; text-decoration:none; background: transparent!important;}

#wrapper  {position: relative; width: 970px; padding:0; margin:auto; text-align:center; }
#main  {position: relative; width: 970px; text-align:left; margin: 0 auto;}

#header {position: relative; width: 970px; height:170px; padding:0 0 10px 0; margin:auto;}
#logo {position: relative; display: block; float:left; width: 190px; height: 170px; padding:0; text-align:left; background: url(../images/mobile-logo-transparent.png) transparent 0 12px no-repeat; text-decoration: none; overflow: hidden;}
#logo h1 {text-indent: -9999px; width: 165px!important; height: 159px!important; margin: 0!important; padding: 0!important; text-decoration: none!important; border: none!important; line-height: 12px!important; font-size: 12px!important;}
.header-rotation {position: relative; float: right; width: 777px; padding: 1px 0 0 0; border-top: 5px solid #ff9220; margin: 10px 0 0 0;}
.header-rotation div {float: left; padding: 0; margin: 0 0 0 3px; width: 192px;}
.header-rotation div:first-child {margin: 0!important;}
#langs { display:none; width:150px;  border:1px solid #666666; padding:0; color: #788da0; font-size:11px;font-family: Arial, Helvetica, sans-serif;}
#langs a:link, #langs a:visited { text-decoration:none; color: #788da0; font-size:10px; font-weight:bold; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; padding-right:10px;}

#left  {position: relative; width: 200px; margin: 0 20px 0 0; padding:0; text-align:left; float:left; z-index: 20;}
#menu {float:left; width:140px; padding:0; margin:12px 0 20px 0; z-index: 100;}
#menu ul {float:left; margin:0; padding:0 0 0 0px; font-size:13px; font-weight:bold; list-style:none; line-height:22px;}
#menu ul li a:link, #menu ul li a:visited {border-bottom:1px dotted #ff9220; color: #000; text-decoration:none; padding: 6px 1px 6px 15px; margin:0; display:block; font-weight:bold; width:175px; background: url(../images/arrow.gif) no-repeat; background-position:left;  -webkit-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out;}
#menu ul li a:hover {color:#FFF; text-decoration:none; padding: 6px 1px 6px 15px; display:block; width:175px; border-bottom:1px dotted #FFF; background:#ff9220 url(../images/arrow2.gif) no-repeat; background-position:left;}
.subnavlist{margin:0; padding:0; background: #fffcf8; list-style:none;	position: absolute; left: 190px; top: 0; display: none; z-index:100;}
#menu ul {margin: 0; padding: 0; list-style: none; border-bottom: none; font: 12px Arial, Verdana;}
#menu ul li {position: relative; margin: 0; padding: 0;}
/* Fix IE. Hide from IE Mac \*/
#menu ul li { float: left;}
#menu li:hover ol, #menu li.over ol { display: block;  z-index: 200;}

.fb-likebox {position: relative; overflow: hidden; width: 198px; height: 278px; margin: 0 auto 20px auto; border: 1px solid #FF9220; background: #fff;}
.likebutton-wrapper {position: relative; width: 100%; padding: 2px 0 5px 0; margin: 20px 0 20px 0; clear: both; border-top: 1px solid #DCDEE5;}

.promo-box {position: relative; width: 190px!important; border: 1px solid #80c6c0; padding: 8px 4px; text-align: center!important; margin: 0 0 20px 0!important;}
.promo-box a img {border: none; display: block; padding: 0; margin: 0 auto!important;}
.promo-box a {color: #357b73; font-weight: 600; display: block; padding: 0; margin: 12px auto 0 auto; font-size: 13px; -webkit-transition: color 0.7s ease-in-out; -moz-transition: color 0.7s ease-in-out; -o-transition: color 0.7s ease-in-out; transition: color 0.7s ease-in-out;}
.promo-box a:hover {color: #165b53;}
.promo-box p {display: block!important; width: 100%!important; margin: 12px auto!important; font-size: 12px;}

#right {position: relative; width: 190px; height: auto; margin: 0; padding:0; text-align:left; float: right; }
#right a, #right a img {position: relative; border: none; display: block; padding: 0; margin: 0 auto; font-weight: 600; font-size: 12px; text-align: center;}
#right a span {text-align: left;}

.find-a-seat, .the-best-in-crete {border-bottom: 1px dotted #8f8f8f!important; padding: 0 0 10px 0!important; margin: 0 0 20px 0!important; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out;}
.find-a-seat:hover, .the-best-in-crete:hover {opacity: 0.80; filter: alpha(opacity = 80);}
.find-a-seat span {display: block; color: #df008c; padding: 5px 0 0 2px!important;}
.the-best-in-crete span {display: block; color: #59778d; padding: 5px 0 0 2px!important;}
.news-right {position: relative; margin: 0 0 20px 0!important;}
.news-right .sectiontitle {background: #666666;}
.news-right ul li {display: block; border-bottom: 1px dotted gray; padding: 8px 0 8px 2px; text-align: left; -webkit-transition: background 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out; -o-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out;}
.news-right ul li img {float: left; margin-right: 2px;}
.news-right ul li:hover {border-bottom: 1px dotted gray; padding: 8px 0 8px 2px; text-align: left; background: #edecec;}
.news-right ul li a {color: #990000; font-weight: 600; text-align: left!important; font-size: 11px!important; line-height: 16px!important; padding: 0!important; margin: 0!important;}
.orange-box {position: relative; margin: 0 0 20px 0!important; padding: 0;}
.orange-box .sectiontitle {background: #ff9220; margin: 0 0 5px 0!important;}
.orange-box a {color: #990000; font-weight: 600; text-align: left!important; font-size: 11px; line-height: 16px!important;}
.orange-box img {border: none; display: block; padding: 0; margin: 5px 0 0 5px!important; text-align: center;}
.orange-box p {margin: 10px 0 10px 5px;}
.sectiontitle {position: relative; margin: 0!important; display: block; color: #fff; padding: 4px 0 4px 2px!important; text-transform: uppercase; font-size: 11px; font-weight: 600; word-spacing: -1px; -webkit-font-smoothing: antialiased;}
.readmore {position: relative; display: block; color: #194077!important; float: right; font-size: 13px!important; font-weight: 600;}
.orange-box .ranking {margin: 5px 0;}
.orange-box .ranking img {display: inline!important; margin: 0!important; text-align: left!important;}


#middle {position: relative; width: 540px; margin:0; padding:0; text-align:left; background:#fff; float:left; z-index: 5;}
#middle p {margin: 0; padding:0 0px 10px 0px; font-size:12px; line-height:1.4em; z-index: 16;}
#middle h1 {font: 2em "Times New Roman";  font-size: 1.8em; color:#333333; margin:3px 0 10px 0; padding:5px 0px 1px 2px; border-bottom:1px solid #ff9220; height:30px; line-height:30px; text-align:left; display:block;}
#middleprint  {width: 90%; margin:0; padding:5px 10px 10px 10px; text-align:left; background:#fff; float:left;}
#column1  {width: 400px; margin:10px 12px 10px 0px; padding:0; text-align: justify; float:left;}
#column2  {width: 180px; margin:10px 0 0 0; padding:0; text-align:justify; float:left;}
#cont  { margin:0 0 0 0; padding:0; text-align: left;}
#cont p { padding:0; margin:0;  font-size:11px; text-align:left;}
#cont h2 { font-weight:bold; font-size:12px; color:#fff; margin:0; padding:4px 2px 4px 10px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(images/blue-header.gif); background-position:top; }
#cont img { padding:0; margin:0 10px 0 0;}
#middle .middle-left {position: relative; float: left; width: 267px; height: auto;}
#middle .middle-right {position: relative; float: right; width: 267px; height: auto;}
.middle-left p, .middle-right p {overflow: hidden;}
#middle .title {color:#990000; font-weight: 600;}
.download-pdf {position: relative; float:left; padding: 0 3px 10px 0;}
.download-pdf a {display: block; color: #194077!important; font-weight: 600; text-align: center;}
.contacts-mainpage p {margin: 0!important; padding: 0!important;}

.section {position: relative; width: 100%; height: auto; z-index: 1;}
#middle .section {margin: 0 0 10px 0;}

.bottom-promo {position: relative; float: right; width: 750px; text-align: center; padding: 0; margin: 0;}
.bottom-promo a {display: block; margin: 0 7px 0 0; padding: 0; width: 180px; cursor: pointer; float: left; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out;}
.bottom-promo a img {border: none;}
.bottom-promo a:hover {opacity: 0.85; filter: alpha(opacity = 85);}

.search-input {width:250px;}

.recipes-section {position: relative; border-bottom: 1px solid #ff9220; margin: 0; padding: 5px 0;}
.recipes-img {position: relative; float: left; text-align: left; width: 140px; padding: 0; margin: 0;}
.recipes-details {position: relative; float: left; width: 390px; margin: 0 0 0 5px;}
.recipes-details p, .recipes-details a {font-weight: 600!important;}
.recipes-details p {color: #990000!important;}

.recipe-details {position: relative; float: left; width: 390px;}
.recipe-img {position: relative; float: right; text-align: right!important; padding: 0; margin: 0;}
.recipe-img img {display: block; border: none; text-align: right; padding: 0; margin: 0;}

.partners-section {position: relative; border-top: 1px solid #ff9220; margin: 0; padding: 10px 0 3px 0;}
.partners-main .partners-section:first-child {border: none;}


/* forms */
#contactform input[type=text] {position: relative; display: block; width: 536px; height: 22px;}
#contactform textarea {position: relative; display: block; width: 536px;}
#capya {float: left; margin-right: 2px;}
#contactform input[type=submit] {position: relative; display: block; background: url(../images/submit-bg.jpg) 0 0 repeat-x; height: 26px; color: #fff; text-transform: uppercase; border: none; font-weight: 600; font-size: 12px; padding: 0 10px; margin: 0;}
#contactform input[type=submit]:hover {background-position: 0 -26px;}

#bookingform {padding: 0 0 40px 0;}
#bookingform label {float: left; margin: 4px 5px 0 0;}
#bookingform input[type=text] {float: left; margin: 0 0 0 5px; height: 22px;}
#bookingform input[type=submit] {float: left; margin: 0 0 0 5px;}

#seatform label {float: left; width: 250px;}
#seatform select {width: 262px; margin: 5px 0 2px 0; padding: 4px 0!important;}
#seatform input[type=text] {width: 258px; margin: 5px 0 2px 0; height: 22px;}
#seatform .date-pick {float: left; width: 233px!important;}
#seatform .captcha-container {margin: 5px 0 2px 0;}
#seatform h4 {margin-top: 50px;}

#reviewform label {position: relative; float: left!important; width: 250px;}
#reviewform textarea {float: left; width: 258px; height: 100px; margin: 5px 0 2px 0;}
#reviewform input[type=text] {float: left; width: 258px; margin: 5px 0 2px 0; height: 22px;}
#reviewform select {width: 262px; margin: 5px 0 2px 0; padding: 4px 0!important;}
#reviewform .date-pick {width: 225px!important;}
#reviewform small {float: right; margin-right: 50px;}
#reviewform input[type=submit] {display: block; margin: 10px auto;}
#reviewform .captcha-container {margin: 5px 0 2px 0;}


#recommended-form {padding-bottom: 30px!important;}
#recommended-form .readmore {float: left; margin: -15px 20px 0 0;}
#recommended-form .submit-button {float: right!important; margin-right: 6px;}

#recommended-form select {width: 262px; margin: 5px 0 2px 0; padding: 4px 0;}

.captcha-container img, .captcha-container input {margin-top: 0!important;}

input[type=radio], input[type=checkbox] {border: none;}

.strech {position: relative; height: auto; z-index: 200; overflow: hidden;}
.strech2 {position: relative; padding-bottom: 55px;}
#accordion h1 {text-transform:capitalize; font: 2em "Times New Roman";  font-size: 2em; color:#333333; margin:3px 0 10px 0; padding:5px 0px 1px 2px; border-bottom:1px solid #ff9220; height:130px; line-height:30px;}
.accordion-line {border-bottom: 1px solid #ff9220; padding-top: 10px;}


.news-section img {margin: 0 5px 0 0; display: block; float: left;}

.rating-table {position: relative; float: left; width: 250px; padding: 5px 0;}
.rating-table span {position: relative; display: block; float: left; width: 22px; text-align: center; margin: 2px 0;}
.rating-table .last {width: 130px; text-align: left; margin-left: 5px;}

.events-section {position: relative; border-bottom: 1px dotted #000; margin: 0 0 10px 0; padding: 0 0 8px 0;}
.events-section img {position: relative; display: block!important; float: left; margin: 0 5px 2px 0!important;}

#revtable {position: relative; border-bottom: 1px solid #ff9220; padding: 20px 0 10px 0; marign: 0;}
.revby {position: relative; border-bottom: 3px solid #ff9220; padding: 0 0 5px 0; margin: 0 0 5px 0;}
.revby p {margin: 0!important; padding: 0!important;}
.revuser {float: left; width: 65%;}
.revdate {float: right; width: 34%; text-align: right;}

.write-rev {position: relative; display: block!important; float: right; background: url(../images/submit-bg.jpg) 0 0 repeat-x!important; height: 20px!important; color: #fff!important; text-transform: uppercase!important; border: none; font-weight: 600; font-size: 12px!important; padding: 6px 10px 0 10px; margin: 0 1px 0 1px; width: 158px; text-align: center;}
.write-rev:hover {background-position: 0 -26px!important;}

.gallery-gmap {margin-top: 10px;}
.gallery-gmap a img {border: none!important;}
.gallery-gmap .middle-left a {height: 90px; width: 120px; padding: 1px; border: none; float: left; display: block; margin: 0 11px 11px 0; overflow: hidden!important;}
.gallery-gmap .middle-left a:hover {border: none; opacity: 0.85; filter: alpha(opacity = 85);}

.pager-main {padding-top: 10px;}

.chart-right {position: relative; float:right; margin-left: 10px; width: 250px; text-align: right;}

div.clearer {clear:both; display:block; margin: 0; padding: 0; height:20px; line-height:20px;}

#did_0 {display: none;}
#lid_0:hover #did_0 {position: absolute;left: 10px; top: 110px; display: block;}

#footer {position: relative; width:100%; text-align:center; padding: 10px 0; margin:10px 0 0 0; text-align:center;  background: #82b5e4; min-height: 90px;}
#footer p {padding:0px 0 6px 0px; margin:0; color:#fff;font-weight:normal;font-size:11px;text-decoration:none; }
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover  {padding:0;margin:0;color:#fff;font-weight:normal;font-size:11px;text-decoration:none;}
#footer a:hover {padding:0;margin:0;color:#000;font-weight:normal;font-size:11px;text-decoration:none;}

#path a:link, #path a:active, #path a:visited, #path a:hover  {padding:0;margin:0;color:#fff;font-weight:bold;font-size:11px;text-decoration:none;}

.small { font-size:10px;}

#middle ul {position: relative; display: block; margin: 0 0 12px 0; padding:  0; list-style-type: none;}
#middle li {margin: 0 0 8px 0; padding: 0 0 0 8px; background: url(../images/list-bg.gif) transparent 0 6px no-repeat; font-size: 12px;}
.red { color:#990000;}

/* CALENDAR     */
input.calendar, select.calendar {float: left; width: 99px;}
button.calendar {background: url(../images/calendar-icon.gif) 0 0 no-repeat; border: 0; cursor: pointer; float: left!important; height: 20px; margin: 7px 0 0 6px; width: 20px; overflow: hidden;}
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;}
.title {cursor:pointer;}

.rssbox {margin:0; padding:0; width:200px; height: 140px; text-align:center; float: left;}
.rssbox a{margin:0; padding:0px; font:normal 12px Times; text-align:left; text-decoration:none; color:black;}
.rssbox a span{z-index: 10; margin:0px; padding:0px; white-space:nowrap; cursor:pointer; text-align:center;}
.rssbox a b{position:absolute;  padding:3px 5px 3px 5px; width:400px; color:#000000; background:white; filter:alpha(opacity=90); opacity:0.9; text-align:left;}
.rssbox a img{margin:2px 4px 0px 0px; padding:0; float:left; text-align:left;}
.rssbox2 {margin:0; padding:0; text-align:center; font-weight: bold;}
.rssbox2 a b{ position: absolute; float: left; margin:20px 0 0 0; padding:3px 5px 3px 5px; width:100px; color:#000000; background:white; filter:alpha(opacity=90); opacity:0.9; text-align:center;}
.ajax_loading {padding: 20px 0; background: url(../images/spinner.gif) no-repeat center;}


.caltoday {color: #FF9220!important;}

.clear {clear: both; font-size: 0; height: 0; padding: 0; margin: 0;}

.mobile {display: none;}
.scrollup {display: none; font-size: 0; padding: 0; margin: 0; height: 0;}


@media only screen and (max-width: 800px), only screen and (max-device-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) {

body, body p, body span {-webkit-text-size-adjust: none;}
input[type=text], input[type=password], textarea {background: #fff url(../images/input-gif.gif); font-size: 14px!important;}
select {font-size: 14px!important;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {border: 1px solid #FF9220!important;}
.captcha-container input {float: left;}
h1 {position: relative; display: block; text-transform:capitalize; fon-family: "Times New Roman" Arial;  font-size: 20px!important; color:#333333; margin: 3px 0 10px 0; padding: 5px 0px 1px 1%; width: 99%!important; border-bottom:1px solid #ff9220; height: auto!important; line-height: 22px!important;}
h2 {position: relative; display: block; font-weight: 600; font-size:15px; margin: 0; padding: 6px 0 8px 0 !important; color:#4d4c4c; font-family: Georgia, "Times New Roman", Times, serif; width: 100%!important; line-height: 20px!important;}
h3 {position: relative; display: block; text-transform:capitalize; font-family: "Times New Roman";  font-size: 17px; color:#333333; margin: 3px 0 10px 0; padding: 5px 0px 1px 0; width: 100%!important; border-bottom:1px solid #ff9220; height: auto!important; line-height: 20px!important;}
h4 { font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight: 600; color: #fff; margin:0 0 5px 0; padding: 4px 0 4px 1%!important; width: 99%!important; text-transform:uppercase; background-color:#ff9220;}
#melon {position: relative; background-color: #82b5e4; width: 100%; min-width: 320px!important; text-align:center; color: #FFFFFF; font-size:14px; padding: 2px 0 2px 0; }
#melon a {font-size:14px!important; font-weight: 900;}

.sectiontitle {position: relative; margin: 0!important; display: block; color: #fff; padding: 4px 0 4px 1%!important; width: 99%!important; text-transform: uppercase; font-size: 15px; font-weight: 600;}

#wrapper  {position: relative; width: 100%; min-width: 320px!important; padding:0; margin:auto; text-align:center; overflow: hidden;}
#main  {position: relative; width: 100%; min-width: 320px!important; text-align:left; margin: 0 auto;}

#header {position: relative;width: 100%; min-width: 320px!important; height: auto!important; padding: 5px 0 0 0!important; margin: 0!important; overflow: hidden!important; background: url(../images/mobile-header-bg.jpg) transparent 0 0 no-repeat; }
#logo {position: relative; display: block; float:left; width: 165px; height: 159px!important; padding:0; text-align:left; background: url(../images/mobile-logo-transparent.png) transparent 0 0 no-repeat; text-decoration: none;}
#logo h1 {text-indent: -9999px; width: 110px!important; height: 101px!important; margin: 0!important; padding: 0!important; text-decoration: none!important; border: none!important; line-height: 12px!important; font-size: 12px!important;}
.header-rotation, .header-rotation div, .header-rotation img {display: none!important; height: 0px!important; font-size: 0px; padding: 0!important; margin: 0!important; outline: 1px solid green;}

#left  {position: relative; display: block; width: 100%; min-width: 320px!important; margin: 0; padding:0; text-align:left; float: none!important; z-index: 100; list-style:none;}
#menu {float:none; width: 98%; padding:0 1%; margin: 0 0 20px 0!important; z-index: 100;}
#menu ul {float: none; margin:0; padding: 0; font-size:13px; font-weight:bold; list-style:none; line-height:22px; width: 100%;}
#menu ul li {position: relative; margin: 0; padding: 0!important; float: none!important; width: 100%!important; display: block; min-height: 30px!important;}
#menu ul li a:link, #menu ul li a:visited {border-bottom:1px dotted #ff9220; color: #000; text-decoration:none; padding: 4px 0 3px 5%; margin:0; display:block;  width: 95%; font-weight: bold; background: url(../images/arrow.gif) no-repeat; background-position:left; -webkit-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out; clear: both!important;}
#menu ul li a:hover, #menu ul li a:active {color:#FFF; text-decoration:none; display:block;  border-bottom:1px dotted #FFF; background:#ff9220 url(../images/arrow2.gif) no-repeat; background-position:left;}
.subnavlist {position: relative!important; width: 100%; margin:0!important; background: #fffcf8; display: block!important; left: 0!important;}
.subnavlist a {padding: 4px 0 3px 10%!important; width: 90%!important; background-position: 5% 5px!important;}


.gallery-gmap, .gallery-gmap .middle-left, .gallery-gmap .middle-right {position: relative; display: block; float: none!important; padding: 0!important; margin: 0!important; width: 100%!important; clear: both; overflow: hidden;}
.gallery-gmap #map_canvas {margin: auto!important;}
.write-rev {position: relative; display: block!important; float: none!important; background: url(../images/submit-bg.jpg) 0 0 repeat-x!important; height: 20px!important; color: #fff!important; text-transform: uppercase!important; border: none; font-weight: 600; font-size: 14px!important; padding: 6px 2% 0 2%!important; margin: 4px 0 0 0!important; width: 96%; text-align: center;}
.write-rev:hover {background-position: 0 -26px!important;}
#recommended-form .readmore {float: none!important; display: block!important; margin: 4px 0; width: 100%;}

.fb-likebox {display: none;}
.likebutton-wrapper {display: none;}

/* CALENDAR     */
input.calendar, select.calendar {float: left; width: 99px;}
button.calendar {background: url(../images/calendar-icon.gif) 0 0 no-repeat; border: 0; cursor: pointer; float: left!important; height: 20px; margin: 7px 0 0 6px; width: 20px; overflow: hidden;}
button.calendar:hover, button.calendar.active {background-position: 0 20px; border: none; outline-style: none; -moz-outline-style: none;}
div.calendar {background: #fff; height: 220px; padding: 0 6px; text-align: center; width: 200px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
div.calendar * {margin: 0; padding: 0;}
div.calendar div {background: none; cursor: move; height: 220px; overflow: hidden; padding-top: 10px; position: relative; width: 200px;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
div.calendar caption {color: #333; font: normal 19px/19px 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; z-index: 3333333;}
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; display: block;}
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 {margin: auto;}
div.calendar caption span.month:after {content: ',';}
div.calendar table {background: transparent; border: 0; border-collapse: separate; border-spacing: 0; cursor: default; margin: 0 auto; overflow: hidden; width: 147px;}
div.calendar td, div.calendar th {border: 0; color:#bfb88c; font: normal 20px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px;}
div.calendar td {border: 1px solid  #c4c4c4; color: #FFF; margin: 1px; font-size: 19px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; background-image: none;}
div.calendar td.invalid {color: #c4c4c4; background: #fff; border: 1px solid  #c4c4c4;}
div.calendar td.valid {background: #fff; border: 1px solid #40AFE1;  color: #40AFE1; cursor: pointer;}
div.calendar td.hilite {}
div.calendar td.inactive {background: #fff; color: #FFF; border: 1px solid  #ec4712; }
div.calendar td.active, div.calendar td.hover {background: #ec4712; border: 1px solid  #ec4712; color: #FFF; cursor: pointer;}
.title {cursor:pointer;}

#middle {position: relative; width: 98%; margin: 0; padding: 0 1%; text-align:left; background:#fff; float: none!important; z-index: 5; clear: both!important;}
#middle, #middle p, #middle span {font-size: 14px;}
#middle .middle-left, #middle .middle-right, .download-pdf {position: relative; float: none!important; width: 100%!important; height: auto;}
.download-pdf img, .download-pdf a {position: relative; float: none!important; text-align: center!important; display: block!important; margin: auto!important;}
.download-pdf {padding: 10px 0!important;}


.recipes-img, .recipe-img {position: relative; display: block!important; float: none!important; text-align: center!important; width: auto!important; padding: 0!important; margin: 0 auto 5px auto!important; clear: both;}
.recipes-details {position: relative; float: none!important; width: 100%!important; margin: 0!important;}
.recipes-details a {display: block; text-align: center!important; margin: 0 auto!important;}

.recipe-details {position: relative; float: left; width: 100%!important;}
.recipe-img img {display: block!important; float: none!important; border: none; text-align: center!important; padding: 0; margin: 0 auto!important;}

.partners-section {position: relative; border-top: 1px solid #ff9220; margin: 0; padding: 10px 0 3px 0; float: none!important; clear: both;}
.partners-section img {display: block; margin: auto!important; text-align: center!important; clear: both;}

.bottom-promo, .promo-box {display: none;}

#right {position: relative; width: 98%; height: auto; margin: 0; padding: 20px 1%; text-align: left; float: none!important; clear: both!important; background: #fffcf8; border-top: 1px dotted #e3e2e1;}
.find-a-seat, .the-best-in-crete {text-align: center!important;}
.find-a-seat:active, .the-best-in-crete:active {opacity: 0.80; filter: alpha(opacity = 80);}
.find-a-seat span {display: block; margin: auto; text-align: center!important; padding: 10px 0 0 0!important;}
.the-best-in-crete {border: none!important;}
.the-best-in-crete span {display: block; color: #59778d; padding: 10px 0 0 0!important; text-align: center!important;}

.news-right {position: relative; margin: 0 0 20px 0!important; padding: 0!important; text-align: left!important;}
.news-right .sectiontitle {background: #666666;}
.news-right ul {position: relative; display: block; padding: 0!important; text-align: left; margin: 0!important;}
.news-right ul li {position: relative; display: block; border-bottom: 1px dotted gray; text-align: left; margin: 0!important; padding: 8px 0!important; -webkit-transition: background 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out; -o-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out;}
.news-right ul li img {float: left; margin-right: 2px;}
.news-right ul li:hover {border-bottom: 1px dotted gray; padding: 8px 0 8px 0!important; text-align: left; background: #edecec;}
.news-right ul li a {color: #990000; font-weight: 600; text-align: left!important; font-size: 13px!important; line-height: 15px!important; padding: 0!important; margin: 0!important;}
.readmore {float: left!important; font-size: 14px!important;}

#did_0 {display: none;}
#lid_0:hover #did_0 {display: none!important;}

#revtable .chart-right {float: none!important; margin-bottom: 10px!important;}

/* forms */
#seatform label, #reviewform label {float: none!important; width: 99%;}
#seatform select, #reviewform select {width: 99%; margin: 5px 0 2px 0; height: 22px;}
#seatform input[type=text], #reviewform input[type=text] {float: none; width: 99%; margin: 5px 0 2px 0; height: 22px;}
#seatform .date-pick, #reviewform .date-pick {width: 88%!important; float: left!important;}
#reviewform textarea {float: none!important; position: relative; display: block; width: 99%; margin: 5px 0 2px 0;}
#reviewform small {float: none; margin: 0 0 20px 0!important; display: block;}
#contactform input[type=text] {position: relative; display: block; width: 99%; height: 22px; border: 1px solid #ccc!important;}
#contactform textarea {position: relative; display: block; width: 99%;}
#capya {float: left; margin-right: 2px;}
#contactform input[type=submit], #seatform input[type=submit], #reviewform input[type=submit] {position: relative; display: block; background: url(../images/submit-bg.jpg) 0 0 repeat-x; height: 26px; color: #fff; text-transform: uppercase; border: none; font-weight: 600; font-size: 12px; padding: 0 10px; margin: 0;}
#contactform input[type=submit]:hover, #seatform input[type=submit]:hover {background-position: 0 -26px;}
#recommended-form {padding-bottom: 30px!important;}
#recommended-form .readmore {float: left!important;}
#recommended-form .submit-button {float: right!important; margin-right: 6px;}
#recommended-form select {width: 99%; margin: 5px 0 2px 0; padding: 0; height: 22px;}


.orange-box {position: relative; margin: 0 0 20px 0!important; padding: 0;}
#right .orange-box {width: 100%!important;}
.orange-box a {color: #990000; font-weight: 600; text-align: left!important; font-size: 13px; line-height: 16px!important;}
.orange-box img {border: none; display: block; padding: 0; margin: 5px auto 0 auto!important; text-align: center;}
.orange-box p {margin: 10px 0 10px 0!important; font-size: 14px!important;}
#right .orange-box p {text-align: left!important; width: 100%!important;}
#right .orange-box img {margin: 5px auto 0 auto;}

#footer {position: relative; width:100%; text-align:center; padding: 20px 0; margin: 0; text-align:center;  background: #82b5e4; min-height: 90px;}
#footer, #footer p, #footer a {font-size: 12px!important;}

.mobile {display: block; margin: auto; text-align: center; color: #fff; font-size: 14px; font-weight: 600;}
.mobile a {display: inline; text-align: center; font-size: 14px;}
.desktop {display: none;}

.scrollup {display: block!important; font-size: 15px!important; padding: 4px 12px!important; margin: 20px auto 0 auto!important; height: auto!important; background: #557DA0; color: #fff; width: 70px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

}