@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td, input{margin:0;padding:0;}
* {margin:0px}


body {background:url(../images/layout/wood_side.jpg); font-family:Arial, Helvetica, sans-serif; font-size:90%}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:150%; padding-bottom:5px}
h4 {font-size:100%}
a {color:#e98900}
.clear {clear:both}

img { border: 0; }

#wrapper {margin:0px auto;width:800px; border:2px solid black; border-top:none; background: white;}
#wrapper #header {width:800px; height:109px; 
	cursor: pointer; cursor: hand;
	background:url(../images/layout/header.jpg) no-repeat}
#wrapper #menu {width:800px; height:28px; background:url(../images/layout/menubg.jpg)}
#wrapper #menu ul {list-style:none; padding:3px 25px 3px 15px}
#wrapper #menu ul li {
	float:left; 
	display:block; 
	height:18px;
}
#wrapper #menu ul li a {
	
	text-decoration:none; 
	color:#000000; 
	text-transform:uppercase; 
	padding:2px 20px 0px 5px; 
	font-weight:bold;
	font-size: 12px; 
	background:url(../images/layout/menulibg.png) no-repeat right}
#wrapper #menu ul li a:hover {color:#FFFFFF}
#wrapper #menu ul li a.last {float:left; display:block; height:18px; text-decoration:none; color:#000000; text-transform:uppercase; padding:2px 0px 0px 5px; font-weight:bold; background:none}
#wrapper #menu ul li a.last:hover {color:#FFFFFF}

/* Main page */
#wrapper #hmain {background:url(../images/layout/toppicture.jpg) no-repeat; padding:140px 20px 20px 20px; }
#wrapper #hmain #leftcol {width:250px; float:left}
#wrapper #hmain #leftcol h1 {font-family:Arial, Helvetica, sans-serif; font-size:110%; padding-bottom:5px}
#wrapper #hmain #leftcol p {color:#696969; font-size:85%; padding-top:5px; padding-bottom:5px;}
#wrapper #hmain #leftcol img {padding:8px 0px}
#wrapper #hmain #rightcol {width:483px; float:right}
#wrapper #hmain #rightcol #featured {background:url(../images/layout/featuredbottom.gif) no-repeat bottom; padding-bottom:2px}
#wrapper #hmain #rightcol #featured h3 {width:483px; height:23px; background:url(../images/layout/featuredtop.gif) no-repeat; color:white; padding-left:10px; padding-top:5px}
#wrapper #hmain #rightcol #featured #featuredlist {background:url(../images/layout/featuredlist.gif) repeat-y; list-style:none}
#wrapper #hmain #rightcol #featured #featuredlist li {padding:12px 10px; clear:both}
#wrapper #hmain #rightcol #featured #featuredlist li img{float:left}
#wrapper #hmain #rightcol #featured #featuredlist li .desc {width:300px; float:right}
#wrapper #hmain #rightcol #featured #featuredlist li .desc p {color:#898989; font-size:80%; padding:5px 0px}
#wrapper #hmain #rightcol #featured #featuredlist li .desc .fbuttons a img {border:none}
#wrapper #hmain #rightcol #featured #featuredlist li .desc .fbuttons a.md {float:left}
#wrapper #hmain #rightcol #featured #featuredlist li .desc .fbuttons a.en {float:right}



/* Enquiry page */
#wrapper #main {background:url(../images/layout/toppicture.jpg) no-repeat; padding:140px 20px 20px 20px; }
#wrapper #main #leftcol {width:375px; float:left}
#wrapper #main #leftcol p {color:#696969; font-size:85%; padding-top:5px; padding-bottom:5px;}
#wrapper #main ul {padding-left: 30px;}
#wrapper #main #leftcol #features {padding:10px 0px 0px 0px }
#wrapper #main #leftcol #features h2 {font-size:120%; color:#747474; padding-bottom:5px}
#wrapper #main #leftcol #features ul {padding:5px 10px; list-style:none; height:80px}
#wrapper #main #leftcol #features ul li {width:155px; height:17px; background:url(../images/layout/deaturesli.jpg) no-repeat; padding-left:19px; padding-bottom:8px; float:left; font-size:90%}
#wrapper #main #leftcol {width:373px}
#wrapper #main #leftcol #enqform {background:url(../images/layout/enqbottom.gif) no-repeat bottom; padding-bottom:2px; padding-top:10px}
#wrapper #main #leftcol #enqform h3 {height:23px; width:363px; background:url(../images/layout/enquhead.gif) no-repeat; color:#FFFFFF; padding:5px 0px 0px 10px}
#wrapper #main #leftcol #enqform #eform {background: url(../images/layout/enqubackgr.gif) repeat-y; padding:10px 7px;}
#wrapper #main #leftcol #enqform #eform p{color:#000000}
#wrapper #main #leftcol #enqform #eform .large {font-size:140%; font-weight:bold; padding:0px 0px 5px 0px}
#wrapper #main #leftcol #enqform #eform .option {float:left; padding-right:10px; padding-bottom:10px}
#wrapper #main #leftcol #enqform #eform .optionw {float:left; padding-right:75px}
#wrapper #main #leftcol #enqform #eform .option label, #wrapper #main #leftcol #enqform #form .optionw label {display:block; font-size:80%; font-weight:bold; padding-bottom:3px; padding-left:0px}
#wrapper #main #leftcol #enqform #eform label {font-size:80%; font-weight:bold; padding-bottom:3px; padding-left:5px }
#wrapper #main #leftcol #enqform #eform .checkbox{padding-bottom:5px}
#wrapper #main #leftcol #enqform #eform .tellab {width:345px; height:90px; margin-bottom:10px}
#wrapper #main #leftcol #enqform #eform .textf {width:160px}
#wrapper #main #leftcol #enqform #eform .enqbutt {float:right; padding-right:12px; border: 0px;}
#wrapper #main #rightcol {width:375px; float:right}
#wrapper #main #rightcol #photos {padding:10px 5px; background:#efefef; margin-bottom:20px}
#wrapper #main #rightcol #photos #lrgphotoframe {background:url(../images/layout/lrgphotoframe.jpg) no-repeat; width:355px; height:268px; padding:7px 7px 7px 6px}
#wrapper #main #rightcol #photos #thumbs {padding-top:7px}
#wrapper #main #rightcol #photos #thumbs .thumb {background: url(../images/layout/thumbframe.jpg) no-repeat; width:86px; height:70px; padding:4px 0px 0px 5px; float:left}
#wrapper #main #rightcol #calendar {padding:15px 29px; background:url(../images/layout/calendarbg.jpg)}
#wrapper #main #rightcol #calendar h3{ text-align:center; color:#5f5f5f; font-size:150%}

#footer {width:800px; margin:0px auto; padding:5px 10px 0px 15px}
#footer #ftlt {float:left; width:500px}
#footer #ftlt img { vertical-align: top; margin-right: 80px;}
#footer #ftlt a { color: #fff; font-size: 10pt; }

/* Calendars */

#calendars { border:1px solid #bfc6c1; padding:8px 8px 0px 8px; 
	margin-top:10px; background-color:#e9f3ec; font-size:80%; margin-bottom:20px; position:relative}
.cal-left {width:300px;padding:5px; height:150px; text-align: center; }
.cal-left .calendar {margin:auto;width:160px;padding-bottom:20px;display:block}
.cal-left a { color:#1e73be}
#calendars .cal-left table.calendar thead tr th {
	font-weight: bold; text-align: center; 
	padding-top: 0px; padding-bottom: 5px; 
	color: #5c605d; width:160px}
.cal-left .dayName th, .cal-left .dayName abbr { 
	padding-top: 4px; padding-bottom: 3px; 
	color: #adb4af; border:none; text-align: center;}
.cal-left#m6 {margin-left:15px}
.cal-left#m9 {margin-left:15px}
#calendars #months {width:200px; margin-top:10px}
#calendars #calinfo {width:200px;}
#calendars #calinfo p {margin-bottom:7px}
#calinfo .legend span {margin-bottom:4px; display:block;padding-left:20px; font-weight:bold;}
#calinfo .legend #lun { background:url(../images/layout/lun.jpg) no-repeat; }
#calinfo .legend #led { background:url(../images/layout/led.jpg) no-repeat;}
#calinfo .legend #lexd { background:url(../images/layout/lexd.jpg) no-repeat;}


/*------
Availability
-------*/

.day-on, .available-day, .unavailable-day, .entry-day, .exit-day, .enquiry-day, .booked-day {
	display:block;width:100%; height:100%; text-align:center; vertical-align:middle; font-weight:bolder; font-size:90%; color:#1e73be;
}

.day-on, .unavailable-day {
	background-color : #d4ded7;
	text-decoration: line-through;
	color: #c6d0c9;
}

.enquiry-day {
	background-color: yellow;
}

.booked-day {
	background-color: #7af27a;
}

.entry-day {
	background : #71c1ff;
}

.exit-day {
	background : #ffff32;
}

.day-off {
	text-decoration : none;
}
.cal-left tr {
}
.cal-button {
	float:left;
	width : 10px;
	height: 175px;
	
}
.cal-button a img {border:0px}
.cal-button.left {
	margin-left:5px;
}
.cal-button.right {
	width:10px; margin-left:4px;
}




#ajax_error {
	background-color: red;
	color : white;
	padding: 8px;
}

fieldset {
	padding : 14px;
	margin : 10px;
	border : #CCCCCC 8px solid;
	margin-left: 0px;
}

.rate_field {
	width : 80px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 3px;
}

.prices ul {
	list-style-type: none;
}

li.nothing_defined {
	padding : 10px;
	font-weight : bold;
	padding-left : 16px;
}

div.styled {
	border : #CCCCCC 8px solid;
	margin : 4px;
	padding : 8px;
	margin-left: 0px;
}

div.styled td {
	padding : 10px;
	border : 2px #cccccc solid;
}

#short_left, #full_left {
	display:block;
	font-size: 10px;
	margin: 0px 0px 10px 0px;
}


.small_text {
	width : 90px;
}

.wider {
	width: 350px;
}

div.bigger {
	font-size: 120%;
}

#prices_list li {
	list-style-type: none;
}

.text_date {
	display: block;
	float: left;
	width: 180px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.green { color: green;
		font-weight: bold;}
.red {
	color: red;
	font-weight: bold;
}

.red_box {
	background-color: red;
	width: 50px;
}

.yellow_box {
	background-color: yellow;
	width: 50px;
}

.green_box {
	background-color: #7af27a;
	width: 50px;
}

.calendar_legend {
	border: #CCCCCC 1px solid;
	padding: 5px;
	margin: 1px;
}

div.styled form input, div.styled form textarea{
	padding: 3px;
	margin-top: 0px;
	margin-bottom: 3px;
	border : #CCCCCC 1px solid;
	
}
div.styled form p{
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 25px;
	line-height:6px
}

div.hint {
	padding : 3px;
	margin : 10px 0px;
	font-weight: bold;
}

div.styled .subbut { margin-top:10px; }
div.styled .subbut input { border : #CCCCCC 1px solid;padding:3px }
div.styled form input:hover, div.styled form input:focus, div.styled form textarea:hover, div.styled form textarea:focus {
    border : black 1px solid;
}

div.styled p label{
	display:block;
	margin-bottom:0px;
}
p.tip {
	margin : 5px;
	font-size: 12px;
	margin-left: 0px;
}

/* ---------------------- */

#lrgimg {
	width: 367px;
	height: 282px;
	border: none;
	background: url(../images/layout/lrgimgbackgr.gif) no-repeat;
	text-align: center;
}
#lrgimg img {margin: 0px auto;margin-right:2px; margin-top:6px}


ul#imagelist li {
	width: 90px;
	height: 75px;
	border: none;
	background: url(../images/layout/thumbbg.gif) no-repeat top left;
	text-align: center;
}
ul#imagelist li img {margin: 0px auto;margin-right:1px; margin-top:3px}
.proplisth {background: url(../images/layout/proplisthead.gif) no-repeat left;  color:#fff; padding:3px 0px 0px 10px; width:753px; height:19px; margin-top:15px; font-size:100%}
#main #content .proplist {list-style:none; border:1px solid #c2c8c8; border-top:none; width:751px; padding-bottom:3px; padding-left:0px}
#wrap #main #content .proplist li {background-color:#edf6f6; padding:5px; margin-left:0px;}
#wrap #main #content .proplist li.even {background-color:#fff}
.proplist .listimages {float:left; width:210px}
.proplist .listdesc {float:right; width:500px; margin-bottom:10px}
.proplist .listdesc .title {color:#0060b6; font-weight:bold; text-decoration:underline;  font-family: "Lucida Sans", "Lucida Sans Unicode","Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
.proplist .listdesc p{padding:5px 0px; font-size:90%;}
.proplist .propbutt {clear:both ;float:right; width:500px; margin-bottom:5px}
.proplist .propbutt img {border:none; margin:0px 1px 0px 0px}

/*-------------------------------------------------
FLASHES
-------------------------------------------------*/

.flash, .configured, .not_configured {
	text-align: left;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 30px;
	font-size: 14px;
	margin: 0 auto 12px auto;
    margin-right: 7px;
}



.flash.message, .configured, .flash.enquiry {
	border-color: none;
	color: #000;
	background: url(../images/layout/featliy.gif) #FFCC00 left no-repeat; background-position:10px 7px;
	font-weight:bold;
}

.flash.enquiry {
	width : 320px;
}

.flash.warning, .not_configured {
	border-color: #d51900;
	color: #ffd;
	background: #d23d02 url(../images/layout/err.jpg) no-repeat; background-position:10px 5px;
	
}

/*------------------
Maps
---------------------*/

.view-map {
    width: 360px; 
    height: 280px;
    border : black 1px solid;
}

.select-map {
	margin-top : 30px;
	width: 752px;
	height: 600px;
	border: black 1px solid;
}


/*
  A red, white, and grey theme.
  
  AUTHOR: Geoffrey Grosenbach http://nubyonrails.com
*/
.day, .specialDay {
  color:#1e73be;
  width:20px; height:18px;
}

.otherMonth {
  color: #edf6f0;
  width:20px; height:18px ;text-align:center; vertical-align:middle; font-weight:bolder;
}
.weekendDay {
  background-color: #dfe9e2;
}

.day, .specialDay {
  text-align: center;
}

.styled li {
	margin : 5px;
}