/*****************
 GLOBAL
*****************/

* { margin: 0; padding: 0; }

p { margin: 0.6em 0 1.1em 0; }
p.smalltext {font-size: 0.9em;}
p.smalltextfilled {font-size: 0.9em; margin: 0; padding: 0; }

img { border-width: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 0.2em 0; }

body {
	background: #eef url(images/bodyback.gif) repeat top center;
	margin: 0;
	padding: 0;
	color: #000;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

* html body, * html table  {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}

form { display: inline; }
ul.normal { padding: 5px 0 5px 25px; }
ol { padding: 5px 0 5px 25px; }

/**********
 HEADERS
**********/

h1, h2, h3, h4, h5 {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-weight: normal;
}


h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.3em;
	color: #f91;
}

h2.header {
	font-size: 1.3em;
	color: #000;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
}


/**********************
 OVERALL LAYOUT
***********************/

#skiptomain {
	display: none;
}

#wrapper {
	margin: 0px auto;
	position: relative;
	font-size: 0.85em;
}

	#pagecontainer {
		padding: 0;
		margin: 20px auto;
		width: 930px;
		border: 1px solid #F7931E;
	}

		#header {
			width: 930px;
			padding 0px;
			margin: 0px;
			background: #F7931E url(images/headerback.gif) no-repeat top left;
			font-size: 0.95em;
		}


			#headerleft {
				padding: 50px 0px 0px 200px;
				width: 270px;
				float: left;
				color: #fff;
			}

			#headerright {
				padding: 0px;
				width: 300px;
				height: 150px;
				float: right;
				background: url(images/couple.gif) no-repeat bottom right;
			}

		#header a:link, #header a:visited { color: #fff; text-decoration: none; }
		#header a:hover { color: #fff; text-decoration: underline; }


		#topnav {
			width: 930px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background: #111 url(/images/topnavback.gif) repeat-x top center;
			height: 41px;
			z-index: 4;
			position: relative;
		}

		#maincontent {
			width: 910px;
			margin: 0px;
			padding: 20px 10px 70px 10px;
			color: #000;
			line-height: 1.7em;
			font-size: 0.95em;
			background: #fff url(images/rushes.gif) repeat-x bottom left;
			z-index: 3;
		}


			#maincontentfull {
				padding: 0 0 0 10px;
				width: 900px;
				float: left;
			}

			#maincontentleft {
				padding: 0px 20px 0px 10px;
				width: 480px;
				float: left;
			}

				.featureleft {
					padding: 0;
					width: 230px;
					float: left;
					margin: 10px 20px 0 0;
				}

				.featureleftend { margin: 10px 0 0 0; }

				#brompton-movie {
					width: 450px;
					margin: 0 auto;
				}

			#maincontentright {
				padding: 0px;
				width: 400px;
				float: right;
			}

			#maincontent a:link, #maincontent a:visited { color: #c30; text-decoration: underline; }
			#maincontent a:hover { color: #f60; text-decoration: underline; }

			#maincontent ul {padding: 5px 0 5px 25px;}

		#footer {
			margin-top: 0px;
			height: 80px;
			clear: both;
			width: 910px;
			font-size: 0.9em;
			line-height: 1.6em;
			color: #fff;
			padding: 10px;
			background: #F7931E url(images/footerback.gif) no-repeat bottom left;
		}


		#footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
		#footer a:hover { color: #fff; text-decoration: underline; }



/*****************
 TOP OF PAGE NAV LIST
*****************/

ul#nav {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	list-style: none;
	width: 930px;
	text-transform: lowercase;
	letter-spacing : -1px;
	font-size: 0.95em;
}

	ul#nav li {
		float: left;
		line-height: 1.8em;
		margin: 0px 0px 0px 0px;
		padding: 3px 10px 3px 10px;
		display: inline;
		text-align: center;
		line-height: 1.9em;
	}

	ul#nav li ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	ul#nav li ul li {
		line-height: 1.8em;
		margin: -3px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: none;
		display: inline;
		float: left;
		text-align: left;
	}

		ul#nav li a {
			display: block;
			color: #fff;
			text-decoration: none;
		}

		ul#nav li a:hover {
			color: #f91;
			text-decoration: none;

		}


	/* APPLY HOME OVERRIDE */
	ul#nav li.homelink {
		padding: 3px 15px 3px 32px;
		background: url(/images/homeicon.gif) no-repeat 0px 5px;
	}

	/* APPLY CONTACT OVERRIDE */
	ul#nav li.contactlink {
		padding: 3px 0px 3px 14px;
		background: transparent;
	}

/* POP UP MENU STUFF */

.hiddenChild{
	left: -999em;
}

.shownChild{
	left:0px;
	top:24px;
}

ul#nav.dhtml{
	position:relative;
	top:0em;
	left:0em;
}

ul#nav.dhtml,ul#nav.dhtml ul{
	list-style:none;
}

ul#nav.dhtml li{
	position:relative;
}

ul#nav.dhtml ul{
	position: absolute;
	background:#000;
	margin: 0px;
	padding: 10px 15px 5px 15px;
	width:200px;
	z-index:10;
	opacity: .90;
	filter: alpha(opacity=90);
	text-transform: lowercase;
	background:#000;
}

ul#nav.dhtml ul li{
	width:200px;
	line-height: 2.0em;
	padding: 0px 0px 0px 0px;
}

ul#nav.dhtml li.isParent{
	background: transparent;
}

ul#nav.dhtml li.isActive{
	background: transparent;
}

ul#nav.dhtml li.isActive a{
	background: transparent;
	color: #f91;
}

ul#nav.dhtml li.isActive ul a{
	background: transparent;
	color: #fff;
}

ul#nav.dhtml li.isActive ul a:hover{
	text-decoration: none;
	color: #f91;
}

ul#nav.dhtml ul a{
	padding:0;
}

ul.dhtml#nav ul#split{
	width:400px;
}

ul.dhtml#nav ul#split li{
	width:200px;
	float:left;
}




/*****************
 BREAKS
*****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }


/*****************
 IMAGES
*****************/

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

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


/********************
 TEXT BOXES
********************/

.bordered {
	border: 1px solid #ccc;
	padding: 5px 10px;
	margin: 5px 0;
}

.filled {
	border: 1px solid #F7931E;
	padding: 5px 10px;
	margin: 5px 0;
	background: #fda;
}

#homenews {
	border: 1px solid #F7931E;
	padding: 0px 0px;
	margin: 5px 0;
	background: #fda;
}


#homenews h3 {
	width: 378px;
	background: #600;
	padding: 5px 10px;
	color: #fff;
}

#homenews p {
	padding: 5px 10px;
}

/*****************
 GALLERY
*****************/


.brokfeature {
	float: left;
	text-align: center;
	width: 150px;
	padding: 0px;
	margin: 5px 15px 5px 0px;
	color: #000;
	font-size: 0.9em;
}

.brokfeatureend {
	margin: 5px 0px 5px 0px;
}

/*****************
 LINKS
*****************/


.link {
	padding: 0px;
	margin: 15px 0px;
}


/*****************
 SUPPLIERs
*****************/


.supplier {
	padding: 10px;
	margin: 5px 0px;
	background: #fed;
}

/**********************
 FLASH ANIMBLOCK
***********************/


#flashanim {
	background: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 400px;
	height: 300px;
	overflow: hidden;
	z-index: 1;
}


/**********************
 IMPORTANT INFO TEXT
***********************/


.important {
	background: #eee;
	padding: 10px;
}


/**********************
 LODGE PAGES
***********************/



.lodgepageleft {
	width: 150px;
	float: left;
}

.lodgepageright {
	width: 740px;
	float: right;
}


/**************************
 AVAILABILITY CALENDAR
**************************/

div.nightselector {
	position: absolute;
	top: 56px;
	left: 21px;
	width: 370px;
	height: 166px;
	background: #C5CBCE;
	border: 1px solid #3E341E;
	filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
	text-align: center;
	padding: 5px 5px;
	font-family: verdana, arial;
	font-size: 11px;
}

	div.nightselector select { font-size: 11px; width: 235px;}

	div.nightselector input { width: 80px;border: 1px solid #194F81; background: #f4f4f4; margin: 0 5px; }

div.calendarcontainer {
	width: 400px;
	margin: 5px 0px 5px 0px;
	font-family: verdana, arial;
	position: relative;
	font-size: 0.85em;
}

table.availabilitycalendar {
	border-collapse: collapse;
}

	table.availabilitycalendar tr { }

		table.availabilitycalendar tr th {
			border: 1px solid #3E341E;
			background: #3E341E;
			color: #fff;
			text-align: center;
		}

			table.availabilitycalendar tr th.shortbreaks {
				background: #D6CAAF;
				color: #60512F;
			}

			table.availabilitycalendar tr th.minnights {
				background: #BFE37F;
				color: #215A3E;
				padding: 0px 3px;
			}

		table.availabilitycalendar tr td {
			border: 1px solid #3E341E;
			text-align: center;
			height: 30px;
			width: 40px;
			line-height: 30px;
		}

			table.availabilitycalendar tr td.shortbreaks {
				width: 90px;
				background: #D6CAAF;
				color: #60512F;
			}

			table.availabilitycalendar tr td.minnights {
				width: 60px;
				background: #DDEEBB;
				color: #215A3E;
			}

			table.availabilitycalendar tr td a:link, table.availabilitycalendar tr td a:visited { color: #455E70; font-weight: bold; }
			table.availabilitycalendar tr td a:hover {}

		table.availabilitycalendar span { display: block; height: 30px; }

		span.dateunavail { color: #bbb; }

		span.booked { background: #ccc; color: #666; }
		
		span.restricted { background: #ddd; color: #666; }

		span.highlighted { background: #FF0; }

		span.bookme { background: #8FAEF1; }
		span.bookme2 { background: #C1D3FA; }
			span.bookme a:link, span.bookme a:visited { color: #fff; }

		span.available { background: #fff; }

/*****************
 AVAILABILITY CONFIRMATION
*****************/

table.additional {
	border-collapse: collapse;
}

	table.additional th {
		background: #A58C51;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding: 2px 5px;
	}

	table.additional td {
		background: #EFEBE0;
		border-bottom: 1px solid #D1C4A6;
		padding: 5px;
		font-size: 13px;
	}

	input.update {
		border: 0px;
		background: none;
		font-family: arial;
		font-size: 11px;
	}

#bookform p { margin: 7px 0; }
#bookform label { float: left; width: 150px; padding-top: 2px; font-weight: bold; font-size: 12px; }
	#bookform label span { color: #c00; font-weight: bold; float: right; width: 10px; font-size: 13px; }
#bookform input, #bookform select { border: 1px solid #999; }
#bookform input.submit { border: 1px solid #314450; background: #9CA6AD; color: #fff; font-weight: bold; font-size: 12px; font-family: arial; }

/*************
 BOOKING STEP
*************/

#bookingstatus {
	clear: both;
	float: left;
	width: 850px;
	height: 20px;
	border-bottom: 2px solid #ccc;
	margin-bottom: 30px;
	position: relative;
	margin-top: 10px;
}

	#step1, #step2, #step3, #step4 {
		position: absolute;
		top: 0px;
		width: 38px;
		height: 38px;
		border: 2px solid #395366;
		background: #fff;
		text-align: center;
		line-height: 38px;
		font-size: 26px;
		color: #395366;
	}

	#step1 { left: 20px; }
	#step2 { left: 120px; }
	#step3 { left: 220px; }
	#step4 { left: 320px; }

	#step1.grey, #step2.grey, #step3.grey, #step4.grey {
		border: 2px solid #ccc;
		color: #ccc;
	}


#discount {
	float:left;
	clear:both;
	background:#fff;
	padding:10px;
	border:2px solid #060;
	color:#060;
	width:888px;
	font-weight:bold;
}


#credit-card {
	background:#eee;
	float:left;
	width:896px;
	padding: 0px 0px 0px 10px;
	border:2px solid #f7931e;
}

#search-availability{
	clear:both;
	margin:0px 0px 20px 0px;
	padding:1px 0px 5px 10px;
	float:left;
	width:880px;
	height:50px;
	border:1px solid #ddd;
	background:#eee;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.33, #fff),
		color-stop(0.66, #eee),
		color-stop(0.99, #ddd)
	);
	background-image: -moz-linear-gradient(
		center top,
		#fff 33%,
		#eee 66%,
		#ddd 99%
	);

}

	#search-availability h2{
		font-size:1.1em;
		text-align:left;
		padding:5px 0px 0px 10px;
		color:#888;
		font-weight:bold;
	}
	
		#search-availability form{
			clear:both;
			padding:0px 0px 0px 10px;
		}	
		
		#search-availability .availability-button {
			padding:1px 5px 1px 5px;
		}