@charset "utf-8";
/* CSS Document for Bousdale Farm. Written by Simon Baxter. www.simbax.com */
body {
	margin:0;
	padding:20px;
	font:13px 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif;
	background:#fff url(../i/bg_body.png) repeat-x top left;
	text-align:center;
	color:#333
}

h1, h2, h3, div, li, form, input, select {margin:0; padding:0}

/*h1 {
	height:39px;
	background-repeat:no-repeat;
	background-position:top left;
	margin:10px 0 0
}*/

h1 {
	font-size:28px;
	font-weight:normal;
	color:#666600;
	margin:0;
	padding:20px 0 5px;
	text-transform:lowercase;
	letter-spacing:-1px
}

h2 {
	font-size:18px;
	font-weight:normal;
	background:url(../i/bg_h2.gif) no-repeat center left;
	margin:0;
	padding:5px;
}

h3 {
	font-size:16px;
	font-weight:normal;
	margin:15px 0 5px;
	padding:0;
}

h3#shortbreaks {
	background:#E0EBCC;
	padding:3px 5px;
	border:1px solid #bbb
}

h3#twoperson {
	background:#E0EBF5;
	padding:3px 5px;
	border:1px solid #bbb
}

/* p, span, address, em etc
-----------------------------*/

p { margin:5px 0 10px }

p.highlight {
	text-align:center;
	font-size:14px;
	border:1px solid #fff;
	padding:8px;
	margin:10px 0;
	background:#CC6600 url(../i/bg_hightlight.gif) repeat-x center;
	color:#fff
}

p.error, p.success {
	font-size:14px;
	margin:10px 0;
	border-style:solid;
	border-width:1px;
	border-color:#CC9999;
	padding:10px;
	background:#F5E5E5;
	color:#C00;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
p.success {
	background:#E5F5E5;
	border-color:#66CC00;
	color:green
}

p#bookingtime { display:none }

address {font-style:normal }

ol {padding:0; margin:0 0 0 20px }

ul {padding:0; margin:10px 0 15px 25px }

span.note {
	font-size:12px; color:#666;
}

span.formerr {
	color:#cc0000;
	display:block;
	margin-bottom:2px;
	font-size:12px
}

/* General link styling
------------------------*/
a:link, a:visited {
	color:#996600;
	text-decoration:none
}
a:hover {
	text-decoration:underline
}

a:link#testilink, a:visited#testilink {
	text-decoration:none;
	padding:0 0 0 20px;
	background:url(../i/bg_testilink.gif) no-repeat top left;
	float:left
}

a:link#checkavail, a:visited#checkavail {
	display:block;
	width:140px;
	text-align:center;
	font-size:14px;
	margin:0 0 0 20px;
	border:1px solid #fff;
	padding:8px;
	background:#CC6600 url(../i/bg_hightlight.gif) repeat-x center;
	color:#fff;
	float:right;
}

/* Main website container box
-----------------------------*/
div#ctn {
	margin:0 auto;
	background:#EAEAD6 url(../i/bg_ctn.png) repeat-x bottom;
	width:760px;
	border:5px solid #fff;
	text-align:left;
	padding:0;
	line-height:19px
}


/* top div to hold header image/logo
------------------------------------*/
div#head {
	background: url(../i/bg_head2.jpg) no-repeat top right;
	height:180px;
	border-bottom:2px solid #fff
}

div#content {
	padding:0 10px 1px;
	margin:0;
	float:left;
	display:inline;
	width:530px
}
	* html div#content{margin-right:-3px}/*fix 1 for 3px jog in IE */

div#fullcontent {
	padding:0 10px 1px;
	margin:0
}

div#right {
	margin: 0 10px 0 550px;
	padding:10px 0
}
	* html div#right{margin-left:547px; height:1%} /*fix 2 for 3px jog in IE */
	* html>body #right {height:auto} /* mac hack as it doesn't like the 1% height */

div#logobar {
	background:url(../i/bg_logobar.png) no-repeat top right;
	height:90px;
}

div#foot {
	padding:10px 0;
	margin:0 auto;
	color:#A9A994;
	width:760px;
	text-align:right
}
	div#foot h1, div#foot h2 { font-size:12px; background:none; text-align:left; padding:0; color:#A9A994; text-transform:none }
	div#foot h1 { padding-top:10px }

div#foot a:link, div#foot a:visited {
	color:#A9A994;
	text-decoration:none;
	font-weight:bold
}
div#foot a:hover {
	text-decoration:underline;
}

/* Misc div's
--------------*/
div#map {
	width:600px;
	height:400px;
	margin:10px auto;
	border:1px solid #bbb
}

div#clear {
	clear:both;
	overflow:hidden;
	height:0;
	font-size:0;
}

div#logos {
	text-align:center;
	border:1px solid #bbb;
	background:#fff;
	padding:5px
}
div#logos img {
	margin:0 auto;
	padding:5px 0;
	display:block;
}

div#bookingform_col {
	float:left;
	width:325px;
	margin:0 10px
}

div.accommo_img {
	text-align:center;
	padding:0
}
div.accommo_img img { margin:0 8px 5px}

/* optional extra banners */
div#extra_bigb {
	margin:10px auto 10px;
	background:url(../i/extra_bigbreakfast.gif) no-repeat top center;
	width:490px;
	padding:55px 20px 13px;
	font-size:14px
}

div#extra_spesh {
	margin:10px auto 10px;
	background:url(../i/extra_spesh.gif) no-repeat top center;
	width:490px;
	padding:55px 20px 13px;
	font-size:14px
}

div#extra_organic {
	margin:10px auto 10px;
	background:url(../i/extra_organic.png) no-repeat top center;
	width:400px;
	padding:50px 110px 18px 20px;
	font-size:14px
}

div#extra_livery {
	margin:10px auto 20px;
	background:url(../i/extra_livery.png) no-repeat top center;
	width:380px;
	padding:50px 20px 18px 130px;
	font-size:14px;
	text-align:right
}

div.testimonial {
	margin:10px 10px 20px;
	background:url(../i/bg_testimonial.png) repeat-x bottom;
	padding:10px;
	border:1px solid #DBDBB9
}

/* Main navigation menu
-----------------------*/
div#menu {
	padding:10px 0;
	background:#515126 url(../i/bg_menu.gif) repeat-x top;
	margin:0;
	line-height:normal
}
div#menu ul {
	margin:0;
	padding:0	
}
div#menu ul li {
	display:inline;
	margin: 0;
	padding: 0;
	list-style-type: none
}
div#menu ul li a {
	color:#fff;
	padding: 10px 14px;
	font-weight: normal;
	text-decoration: none;
	border-right:1px solid #660
}
div#menu ul li a:hover, div#menu ul li a#current {
	text-decoration:none;
	background:url(../i/bg_menu_li_a_h.gif) repeat-x top;
}

/* Table styling
-----------------*/
table#pricelist {
	width:350px;
	margin:0 auto;
	background:#fff;
	border:1px solid #bbb;
	border-right:none;
	border-bottom:none;
	text-align:center
}
table#pricelist tr th {
	padding:5px;
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
	width:25%
}
table#pricelist tr td {
	padding:2px 5px;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb
}

td.red { background:#EBCCCC }
td.yellow { background:#FFFFCC }
td.green { background:#E0EBCC }
td.blue { background:#E0EBF5 }

table.bookingtable {
	width:100%;
}
table.bookingtable tr td {
	padding:3px 5px
}
table.bookingtable tr th h2 {
	padding:3px 5px;
	background:#FFFFdd;
	text-align:center;
	border:1px solid #bbb;
	font-weight:normal;
	font-size:16px;
	color:#333;
	margin:10px 0 0
}
td.or {
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
td.leftcell {
	text-align:right;
}

table.img_tbl {
	margin:0 auto 10px;
	text-align:center;
}
table.img_tbl tr td {
	padding:5px 7px
}

/* Image styling
-----------------*/
img { border:none }

img.framed {
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
}

img.floatr {
	float:right;
	margin:0 0 10px 10px
}

img.floatl {
	float:left;
	margin:0 10px 10px 0
}

img.margin {
	margin-bottom:10px;
}