body, h1, h2, h3, p, ul, ol, li, form { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #493612; padding: 0 0 30px 0; background: url(/content/img/site/bg-stripe.gif) 0 0 repeat-x; }

img { display: block; border: none; }

h1 { font-size: 22px; padding-top: 15px; }
h2 { font-size: 18px; padding-top: 30px; }
h3 { font-size: 16px; padding-top: 30px; }
p { padding: 15px 15px 0 0; }
ul { padding: 15px 15px 0 20px; }
ol { padding: 15px 15px 0 25px; }
table { border: solid 1px #493612; border-collapse: collapse; margin: 15px 0 0 0; }
th, td { border: solid 1px #493612; padding: 4px 8px; text-align: left; }

#container { width: 964px; margin: 0 auto; }

#header { background-color: #fcf5e9; position: relative; width: 964px; height: 100px; border-bottom: dotted 1px #f4d8aa; }
#header p, #header a { padding: 0; color: #432307; }
#logo { position: absolute; top: 5px; left: -13px; }
#tel { text-align: right; position: absolute; top: 33px; right: 0; font-size: 20px; }
#email { text-align: right; position: absolute; top: 61px; right: 0; }

#nav { float: left; width: 223px; } /* The extra 3px is to accommodate the shadow on the search boxout */

#mainnav { padding: 0; margin: 15px 0 0 0; list-style: none; border-top: dotted 1px #f4d8aa; width: 220px; z-index: 50; position: relative; }

#mainnav a
{
	text-decoration: none;
	display: block;
	width: 220px;
	
	color: #432307;
}

#mainnav a span { display: block; padding: 7px 15px; }

#mainnav li { background-color: #fbf2e5; border-bottom: dotted 1px #f4d8aa; position: relative; display: block; width: 220px; vertical-align: bottom; }

#mainnav li ul { border-top: dotted 1px #f4d8aa; visibility: hidden; width: 220px; position: absolute; top: -1px; left: 220px; list-style: none; margin: 0; padding: 0; }

#mainnav a:hover { color: #000000; background-color: #fde9cb; }

#mainnav .stub { background: url(/content/img/site/arrow.gif) 200px center no-repeat; }

#content { float: right; width: 729px; padding-bottom: 30px; }

#footer { background-color: #fcf5e9; height: 100px; }
#footer div { width: 964px; margin: 0 auto; position: relative; }
#credit { text-align: right; position: absolute; top: 15px; right: 0; color: #bf8452; padding: 0; }
#credit a { color: #bf8452;  }

.clr { overflow: hidden; height: 1px; clear: both; }

.box-l { float: left; width: 220px; margin-top: 13px; background: url(/content/img/site/bg-box-l.gif) right bottom no-repeat; padding-bottom: 30px; }
.box-l h2 { display: block; padding: 15px 15px 0 15px; background: url(/content/img/site/hdr-box-l.gif) right top no-repeat; }
.box-l p { padding: 15px 15px 0 15px; }

.box-r { float: right; width: 236px; margin-top: 13px; background: url(/content/img/site/bg-box-r.gif) left bottom no-repeat; padding-bottom: 30px; }
.box-r h2 { display: block; padding: 15px 15px 0 18px; background: url(/content/img/site/hdr-box-r.gif) left top no-repeat; }
.box-r p { padding: 15px 15px 0 18px; }

#content .box-r { margin: 15px 0 15px 15px; }

#attachments ul { list-style-type: none;  }
#attachments li a { text-decoration:none; }
#attachments li a:hover { text-decoration: underline; }
#attachments li { list-style-position:outside; background-repeat:no-repeat; background-position:left center; background: url(/content/img/icons/sml/gen.png) 0 3px no-repeat; line-height: 18px; padding:0 0 0 22px; }
#attachments li.pdf { background-image: url(/content/img/icons/sml/pdf.png); }
#attachments li.doc { background-image: url(/content/img/icons/sml/doc.png); }
#attachments li.xls { background-image: url(/content/img/icons/sml/xls.png); }


/* Begin feature box styles */
div#feature_list { margin-top: 15px; background-color: #e9ece1; width: 729px; height: 245px; overflow: hidden; position: relative; }

div#feature_list ul { position: absolute; top: 0; list-style: none;	padding: 0; margin: 0; }

ul#tabs { right: 0; z-index: 2; width: 260px; }

ul#tabs li { text-align: right; font-family: Arial; font-size: 16px; text-transform: uppercase; font-weight: bold; }
ul#tabs li span { text-transform:none; font-weight: normal; font-size: 12px; display:block; }

ul#tabs li img { padding: 5px; border: none; float: left; margin: 15px 15px 0 0; }

ul#tabs li a { color: #222; text-decoration: none; display: block; padding: 15px; height: 46px;  xborder-bottom: solid 1px #d7ceb3; }

ul#tabs li a:hover { text-decoration: underline; }

ul#tabs li a.current { background: url(/content/img/site/feature-tab-current.png) no-repeat; color: #FFF; }

ul#tabs li a.current:hover { text-decoration: none; cursor: default; }

ul#output { left: 0; width: 496px; height: 245px; position: relative; overflow: hidden; }

ul#output li { position: absolute; width: 496px; height: 245px; }

ul#output li a {
	position: absolute;
	bottom: 15px;
	left: 15px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	-moz-border-radius: 5px;
}

ul#output li a:hover { background: #D33431; }

/* End feature box styles */


#cottagelist { }
#cottagelist img { float: left; margin-top: 30px; }
#cottagelist h2, #cottagelist h3, #cottagelist p { margin-left: 186px; }
#cottagelist a { text-decoration: none; color: #493612; }

#cottagelist .areaheader { margin: 7px 0 0 0; border-top: solid 1px #ffffff; }
#cottagelist .areaheader h2 { padding: 8px 0 0 0; }
#cottagelist .areaheader img { margin-top: 11px; }
.areacontrols { margin-top: 10px; width: 171px; height: 100px; float: right; }
.areacontrols a { margin-bottom: 5px; display: block; width: 171px; height: 35px; background: url(/content/img/site/button-l.png) 0 0 no-repeat; }
.areacontrols a span { display: block; padding: 10px 5px 10px 15px; font-weight: bold; }
.area { padding-bottom: 30px;background-color: #fbf2e5; border-bottom: dotted 1px #f4d8aa; }
#cottagelist .currentarea { background-color: #fbf2e5; border-top: dotted 1px #f4d8aa; }

#bookingformlayout { width: 729px; border-color: #ffffff; }
#bookingformlayout td, #bookingformlayout th { padding-left: 0; border-color: #ffffff; }


#suggestions { border: solid 1px #e0e0e0; border-top: none; width: 301px; position: absolute; }
#suggestions a { background-color: #ffffff; border-top: solid 1px #e0e0e0; display: block; padding: 6px 10px; color: #000000; text-decoration: none; font-weight: bold; }
#suggestions a:hover, #suggestions a:active, #suggestions a:focus, #suggestions a.selected { background-color: #e0e0e0; }

.required { color: #cc0000; font-weight: bold; }

#price { font-size: 14px; font-weight: bold; }

.lowlight { color: #999999; }

.underline, #cottagelist a.underline { font-weight: bold; text-decoration: underline; }

#securemsg { font-weight: bold; }
#securemsg img { float: left; margin-right: 10px; }