body { margin: 0;padding: 0;color: #000000;font-family: verdana, sans-serif;font-weight: normal;font-size: 11px;min-width: 760px; background: #CCBB8F; }
a:link {text-decoration: none;color: #BEA684;font-weight: bold;}
a:active, a:hover, a:visited {font-weight: bold;color: #BEA684;}
a:visited {text-decoration: none;}

#wrap {margin: 0 auto;width: 760px;border-width: 0 1px;border-style: solid;border-color: #BEA684;background-color: #FFFFFF;}
#header-top {float: right;font-family: Calibri, sans-serif;font-weight: normal;	font-size: 14px;padding: 10px;font-weight: bold;color: #BEA684;	background-color: #FFF;}
#header {line-height: 0px;}
#menu {border: 0px solid #BEA684;margin: 0;width: 100%;padding: 0;padding-bottom: 2px;font-family: Verdana, sans-serif;font-size: 11px;background-color: #BEA684;}
#menu p {display: inline;}
#menu ul, #menu li {display: inline;margin: 5px;padding: 5px 3px;color: #FFF;font-weight: bold;line-height: 22px;text-align: center;}
#menu li a {color: #FFF;}
#menu li a:hover {color: #000;cursor: pointer;}
#menu li:hover {color: #000;cursor: pointer;}
#main-content {clear: both;font-family: Verdana, sans-serif;font-size: 11px;}
#footer {background-color: #BEA684;clear: both;color: #FFF;font-size: 10px;border-top: 1px solid #BEA684;padding: 5px;height: 30px;}

.shadow-wrap { background: url("/images/dhh-side-shadow.png") repeat-y scroll 0 0 transparent; margin: 0 auto; width: 840px; }
.shadow-footer { background: url("/images/dhh-footer-shadow.png") no-repeat scroll -1px 0 transparent; height: 20px; margin: 0 auto; width: 840px; }


/* 
	Columns CSS
*/

#leftcolumn {padding: 4px;float: left;}
#maincolumn {float: left;width: 370px;display: inline;}
#maincolumnnoright {float: left;width: 550px;}
#rightcolumn {width: 160px;float: right;}
#rightcolumn img {margin: 10px 0;}
#leftcolumn, #maincolumn, #rightcolumn {padding: 1px;margin: 4px;}
#searchmenu {padding: 0;margin: 4px;}
#searchmenu li {list-style: none;margin: 3px 0;padding: 4px;width: 156px;border: 1px solid #BEA684;background-color: #BEA684;color: #FFF;font-weight: bold;}
#searchmenu li:hover {background-color: #BEA684;}
#searchmenu li a {color: #FFF;}
input, select {font-family: Verdana, sans-serif;font-size: 11px;padding: 2px;}
#maincolumnnoright label {display: inline-block;* display: inline;width: 100px;text-align: left;line-height: 24px;float: none;padding-left: 50px;}
#request_a_brochure label {display: inline-block;* display: inline;width: 120px;text-align: left;line-height: 24px;float: none;padding-left: 50px;}
#bookingform {margin-top: 20px;}
#bookingform label {display: inline-block;* display: inline;width: 240px;padding-left: 0px;padding-right: 0px;text-align: left;line-height: 24px;float: none;}
#bookingform p {line-height: 24px;}
.homepage-img {border: 1px solid #BEA684;}
.ui-datepicker-trigger { position: relative; top: 7px; }

.chef-services { margin-top: 20px; background: url('/images/chef.jpg') no-repeat right center transparent; }
.chef-services-inner { width: 70%; }
.chef-services p img, .chef-services ul li img { position: relative; width: 15px; top: 4px; display: inline; }
.chef-services p.small { font-size: 10px; line-height: 16px; }
.star-ratings img { border: 0; }


/* 
	Property CSS
*/

#propfeaturesheader { padding: 0;margin: 4px 4px 0px 4px;border: 1px solid #BEA684;}
#propfeaturesbody {	padding: 4px;margin: 0px 4px 0px 4px;border-right: 1px solid #BEA684;border-bottom: 1px solid #BEA684;border-left: 1px solid #BEA684;width: 156px;}
#propfeaturesbody ul {padding: 0;margin: 0;margin-bottom: 10px;}
#propfeaturesbody ul li {list-style: none;margin: 0;padding: 0;color: #000;padding-left: 4px;line-height: 24px;width: 150px;border-bottom: 1px dashed #BEA684;}
.propmenu {padding: 0;margin: 4px;}
.propmenu li {list-style: none;margin: 3px 0;padding: 4px;width: 156px;border: 1px solid #BEA684;background-color: #BEA684;color: #FFF;font-weight: bold;}
.propmenu li:hover {background-color: #BEA684;}
.propmenu li a {color: #FFF;}
#propmainimage {float: left;margin: 0px 5px 1px 0px;border: 1px solid #CCCCCC;}
.prop_image {float: left;margin: 5px;border: 1px solid #CCCCCC;}
.imagegrid {float: left;border: 1px solid #CCCCCC;}
#property_mapframe {width: 520px;height: 300px;}
.alignleft, .alignright { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: 47%; padding: 5px; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
.calltoaction { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: 5px; background: #FEFF6F; border: 1px solid #000; width: 150px; text-align: center; color: #000 !important; }
.menubutton { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: 5px; background: #BEA684; border: 1px solid #BEA684; width: 150px; text-align: center; color: #FFF !important; }
.calltoactioninput { background: #FEFF6F; border: 1px solid #000; width: 150px; text-align: center; color: #000 !important; font-weight: bold; padding: 5px !important; cursor: pointer; } 
.calltoactionlist { background: #FEFF6F !important; border: 1px solid #000 !important; text-align: center; color: #000 !important; font-weight: bold; } 
.calltoactionlist a { color: #000 !important; } 

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

Availability table CSS

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

#calendar_main_frame {float: left;display: block;}
#calendar_frame {float: left;display: block;margin: 2px;}
.availTableDay {cursor: pointer;}
#party-choice label {width: 150px;margin: 5px;display: block;float: left;}
#party-choice select, #holLength, #bookingform select, #bookingform input {font-family: Verdana, sans-serif;font-size: 10px;padding: 1px;margin: 4px;max-width: 300px;}


.availabilitytable thead td {border-style: solid;border-color: #FFFFFF;border-width: 0px 0px 1px 0px;font-size: 11px;color: #000000;padding: 5px;text-align: center;background-color: #BEA684;color: #FFF;font-weight: bold;font-family: Verdana;}
.availabilitytable tbody td {border-style: solid;border-color: #FFFFFF;border-width: 1px;background-color: #EEEEEE;font-size: 12px;color: #000000;padding: 5px;text-align: center;}
.availabilitytable tbody tr.columnheader td {border-style: solid;border-color: #FFFFFF;border-width: 1px;background-color: #CCCCCC;font-size: 12px;color: #000000;padding: 5px;text-align: center;}
.availabilitytable td.avaTd, .key td.avaTd {background-color: #C6DDc1;cursor: pointer;}
.availabilitytable td.notAvaTd, .key td.notAvaTd {background-color: #AEAFB1;cursor: pointer;}
.availabilitytable td.cdAvaTd {background-color: #D6DA9A;cursor: pointer;}
.availabilitytable td.avaHighLight {background-color: #FFF;font-weight: bold;cursor: pointer;}
.availabilitytable thead td.previousmonth {background-color: #BEA684;border-style: solid;border-color: #FFFFFF;border-width: 0px 0px 1px 1px;}
.availabilitytable thead td.nextmonth {background-color: #BEA684;border-style: solid;border-color: #FFFFFF;border-width: 0px 1px 1px 0px;}
.availabilitytable tbody td, .availabilitytable thead td {padding: 8px;font-family: Verdana;font-size: 11px;}

#bookingform #surname { width: 129px; }