/**
  Theme Name: Ionian Beach
  Theme URI: http://www.white-hat-web-design.co.uk
  Author: Simon Jarvis
  Author URI: http://www.white-hat-web-design.co.uk

*/

body {
font-family:Arial, Calibri, Veddana, Times, Tahoma;
font-size:12px;
background-color:#0062a1;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
padding:3px;
}

#container {
width:850px;
padding:5px 10px;
background-color:#FEFEFE;
margin: 0 auto;
position:relative;
}

#logolink {
	position: absolute;
	top: 3px;
	left: 10px;
}
#logolink img {
	border: none;
}

#topnav1 {
	color:#2C7DB2;
	padding-top: 10px;
	height: 30px;
}

#topnav2 {
	color:#fff; 
	background:#8CC401; 
	margin:6px 0;
}

#topnav1 ul, #topnav2 ul {
	float: right;
	list-style: none;
	text-align: center;
	margin: auto;
	padding: 0px;
}
#footer ul {
	width: 380px;
	list-style: none;
	text-align: center;
	margin: auto;
	padding: 0px;
	height: 16px;
}

#topnav1 ul li, #topnav2 ul li, #footer ul li {
	float: left;
	text-align: center;
	padding: 0px 0px;
	margin: 0px;
}
#topnav1 ul li {
	border-left: 1px solid #2C7DB2;
}
#topnav2 ul li {
	border-left: 1px solid white;
}
#topnav1 a, #topnav2 a {
	text-decoration: none;
}
#topnav1 a {
	color:#2C7DB2;
	padding:5px 20px 5px 20px;
	text-align:center;
}
#topnav2 a {
	padding:8px 12px 8px 12px;
	display: block;
	font-weight: bold;
	text-decoration:none;
	letter-spacing:140%;
	color: white;
}
#topnav2 a:hover {
	background:#7BA901;
}
#footer ul li a {
	padding:5px 20px 5px 20px;
	text-align:center;
}

#copyright {
	text-align:center;
	padding-top: 5px;
	font-size: 90%;
}

#searchbar {
	float: right;
	padding: 1px 0px 0px 5px;
	border-left: 1px solid white;
	height: 30px;
}
#searchsubmit {
	background: #8CC401;
	color: white;
	padding: 0px 2px 0px 2px;
}

.innerfloat {
float:right;
margin:0;
padding:0;
border:0;
width:306px;
}

.textlinks {
float:left;
margin:2px 0 0 0;
padding:0;
border:0;
}

.imagelinks {
float:right;
margin:1px 0 0 7px;
padding:0;
border:0;
}

.flag {
border:none;
margin:0;
padding:0;
border:0;
}

#header {
width:850px;
margin:0;
padding:0;
border:0;
}

#main {
width:98%;
padding:2% 0 2% 2%;
color:#60665C;
line-height:140%;
}

#content {
float:left;
width:68%;
padding:0;
margin:0 2% 0 0;
border:0;
}

h2, h3 {
	color: #3366FF;
}

.welcome {
background-image:url(images/welcome.jpg);
background-repeat:no-repeat;
background-position:top left;
padding:0;
margin:0 0 15px 0;
border:0;
height:27px;
width:98%;
}

.text {
font-size:13px;
}

.green {
font-weight:bold;
color:#8CC400;
}

.blue {
font-weight:bold;
color:#2D87BC;
}


p {
padding:0;
margin:0 0 8px 0;
}

.loungers {
float:left;
margin:0 11px 11px 0;
padding:0;
border: 2px solid #8CC400;
}

.center {
text-align:center;
}

a.offerslink, a.offerslink:visited {
border:none;
}

.offers {
margin:10px 0;
padding:0;
border:none;
}

#side {
float:right;
width:30%;
margin:0;
padding:0;
border:0;
text-align:left;
}

#side h3 {
background-color:#3085BE;
padding:5px 15px;
color:#FFF;
margin: 0px;
font-size: 110%;
}

#tagcloud {
	text-align: justify;
}
#tagcloud p {
	margin: 5px;
	padding: 0px;
}
#tagcloud a {
	color: #477efc;
	text-decoration: none;
}
#categories ul {
	margin: 5px 10px;
	padding: 0px;
}
#categories ul li {
	padding: 4px 0px;
}


#book, #categories, #tagcloud, #editor, #readers {
background-color:#F4F4F6;
border-right:1px solid #8CC401;
border-bottom:1px solid #8CC401;
border-left:1px solid #8CC401;
margin:0 0 8px 0;
padding:4px 10px 4px 10px;
color:#3C8EC0;
font-weight:bold;
}
#book {
padding:4px 0px 4px 8px;
}

#categories img {
	float:left;
	margin:0 2px 0 0;
	border: none;
}

#editor img {
	border: none;
	margin: 0px 1px;
}
#editor p {
	font-weight: normal;
	color: #60665C;
}

#book a {
border:none;
margin:0;
padding:0;
}

fieldset {
margin:0;
padding:0;
border:0;
}

.checkinout {
	border:1px solid #8CC401;
	margin:3px 0 3px 0;
}

label {
	float: left;
	margin:3px 0 3px 0;
	padding:0;
}

#bookings input, #bookings select {
	float: left;
	margin:3px 0 3px 0;
}
#bookings label {
	clear: left;
}

.long {
width:75px;
}

.short {
width:45px;
padding: 0px 5px;
}

#checkin {
width:53%;
}

#checkout {
width:53%;
}

#adults {
width:15%;
}

#rooms {
width:15%;
}

.calendar {
border:none;
margin:4px 2px;
padding:0 0 0 5px;
}

.checkavail {
border:1px solid #8CC401;
background-color: #3C8EC0;
padding:3px 0px;
width: 170px;
color:#FFF;
font-weight:bold;
cursor:pointer;
margin-left: 25px !important;
}

.rightimage {
width: 100%;
margin: 4px auto;
display:block;
}

#footer {
background-color:#8CC401;
padding:6px 0;
width:100%;
text-align:center;
color:#FFF;
}


#footer a {
color:#FFF;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}


/* Date picker */

.dpDiv {
	}

.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}

.dpTR {
	}

.dpTitleTR {
	}

.dpDayTR {
	}

.dpTodayButtonTR {
	}

.dpTD {
	cursor: pointer;
	}

.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	cursor: pointer;
	}

.dpTitleTD {
	}

.dpButtonTD {
	}

.dpTodayButtonTD {
	}

.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: red;
	}

.dpTitleText {
	background-color: #000099;
	font-size: 9px;
	color: white;
	font-weight: bold;
	}

.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}

.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: black;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}

.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: black;
	background: #d8e8ff;
	font-weight: bold;
	}

body table#MBL_COMM img
{
border:1px solid black; 
float:left; 
height:35px; 
padding:0px; 
position:relative; 
width:35px; 
z-index:999; }
body table#MBL_COMM td.mbl_join_img
{
background-color:white; 
cursor:pointer; 
margin:0pt; 
padding:2px; 
width:26px; }

 
body table#MBL_COMM td.mbl_join 
{
background-color:white; 
border-bottom:0pt none; 
color:black; 
cursor:pointer; 
font-size:11px; 
margin:0pt; 
padding:2px; 
text-align:left; }

 
body table#MBL_COMM
{
background-color:white; 
font-family:Verdana,Arial,Sans-Serif; 
font-style:normal; 
font-weight:normal; 
line-height:12px; 
width:220px; }

 
body table#MBL_COMM td.mbl_img
{
background-color:white; 
border-top:0pt none; 
cursor:pointer; 
margin:0pt; 
padding:2px; 
width:26px; }

 
body table#MBL_COMM td.mbl_fo_hidden 
{
background-color:white; 
color:black; 
cursor:pointer; 
font-size:10px; 
padding:2px; 
text-align:center; }

 
 body table#MBL_COMM td.mbl_join a
{
color:black; }
body table#MBL_COMM td.mbl_join a:hover
{
color:#6C6C6C; }
 
 
body table#MBL_COMM td.mbl_fo_hidden a
 {
 color:black; 
}
body table#MBL_COMM td.mbl_fo_hidden a:hover
{
color:#6C6C6C; }

 
body table#MBL_COMM td.mbl_fo_hidden a:visited
{
color:black; }
body table#MBL_COMM td.mbl_fo_hidden a:visited:hover
{
color:#6C6C6C; }