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

* {margin:0; padding:0;}

p {margin: 0.5em 0 1.0em 0;}

img {border-width: 0;}

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

body {
	background: #BFE37F url(images/bodyback.gif) no-repeat bottom right;
	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;
}
input{
	/* COMMENTED OUT BECAUSE IT AFFECTS ALL INPUTS */
	/* border: 1px solid #7F9DB9; */
}

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

h1 { font-size: 1.4em; color: #030; font-weight: normal;}
h2 { font-size: 1.1em; color: #060; font-weight: bold; }
h3 { font-size: 1.0em; color: #393; letter-spacing: -1px;}


/**********
 FORMS
**********/

form { display: inline; }


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

#skiptomain {
	display: none;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	font-size: 0.85em;
	background: #fff;
	background: url(/images/wrapperback.png) repeat-y center top;
}

	#pagecontainer {
		width: 910px;
		padding: 0px 35px;
	}


		#header {
			width: 910px;
			background: #fff url(images/headerback.gif) no-repeat center right;
			}

			#toplogo {
				width: 500px;
				padding: 3px 0px 0px 20px;
				float: left;
				font-size: 0.8em;
			}

			
			#toplogin {
				padding: 20px 20px 0px 0px;
				width: 350px;
				float: right;
				font-size: 0.8em;
				text-align: right;	
			}
			.bannerline{
				font-weight: bold;
				font-size: 1.2em;
			}
			
			#toplogin a:link, #toplogin a:visited { color: #060; text-decoration: none; }
			#toplogin a:hover { color: #060; text-decoration: underline; }


		#topbar {
			width: 910px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background: #043 url(images/topbarback.gif) repeat-x top left;
		}
		
			#topnav {
				width: 690px;
				float: left;
				padding: 0px 0px 0px 10px;
			}

			#topdate {
				width: 190px;
				float: right;
				text-align: right;
				padding: 7px 20px 5px 0;
				font-size: 0.8em;
				color: #eef;
			}			


		#topimage {
			width: 910px;
			margin-top: 1px;
			background: #deb;
			}

			#topimagesearch {
				width: 870px;
				float: left;
				font-size: 0.95em;
				padding: 10px 20px 20px 20px;
				color: #000;
				background: #deb;
			}

			#topsearchform p {
				margin: 0;
			}

			#topsearchform label {
				padding: 0 2px 0 0;
			}

				select.topsearch {
					border: 1px solid #060;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
					margin-right: 2px;
				}

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

					

		#maincontent {
			width: 910px;
			min-height: 750px;
			background: #fff url(images/lhscouple.jpg) no-repeat bottom left;
			}
			
			/* for Internet Explorer */
			/*\*/
			* html #maincontentleft {
			height: 650px;
			}
			/**/

			#maincontentleft {
				width: 220px;
				float: left;
				font-size: 0.95em;
				margin: 20px 0 0 0;
				
			}


			#maincontentright {
				width: 690px;
				float: right;
				font-size: 0.95em;
				line-height: 1.4em;
			}
			
				#maincontentrightinner {
					width: 650px;
					padding: 20px 20px 0 20px;
				}
				
					#maincontentrightinner h1.cott-name {
						padding-bottom: 0;
						margin-bottom: 2px;
					}
					
					#maincontentrightinner strong.cott-area {
						color: #060;
					}

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


				 .map {
					float: right; 
					width: 310px;
					padding: 10px;
					margin-left: 20px;
				}

				 .feature {
					float: left; 
					width: 190px;
					min-height: 287px;
					padding: 8px;
					border: 1px solid #BFE37F;
					margin: 0 10px 15px 0;
					background: #fff url(images/featureback.gif) no-repeat bottom right;
					color: #000;
				}
				
					/* for Internet Explorer */
					/*\*/
					* html .feature {
						height: 267px;
					}
					/**/

				 .featureend {
					margin: 0;
				}				

				.feature a:link, .feature a:visited { color: #060; text-decoration: none; }
				.feature a:hover { color: #060; text-decoration: underline; }

					.cott-abstract {
						width: 185px;
						margin: 5px 0 5px 5px; 
						font-size: 0.9em; 
						line-height: 1.2em;
					}

		#footer {
			clear: both;
			width: 870px;
			font-size: 0.9em;
			padding: 20px;
			background: #043 url(images/footerback.gif) repeat-x bottom left;
			color: #fff;
		}

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


			#bottomlinks {
				float: left;
				width: 330px;
				color: #fff;
			}

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

			#bookmark {
				width: 540px;
				float: right;
				text-align: right;
				padding: 0px;
				margin: 0px;
			}

			ul.bookmarks {
				margin: 0px 0px 0px 0px;
				padding: 0px;
				text-align: right;
			}

				ul.bookmarks li{
					list-style: none;
					margin: 0px;
					padding: 0px 0px 0px 0px;
					line-height: 16px;
					height: 16px;
					display: inline;
					text-align: right;
				}

					ul.bookmarks li a:link, ul.bookmarks li a:visited {
						background-image: url(/images/bookmarkicons.gif);
						background-repeat: no-repeat;
						padding-left: 20px;
					}

					ul.bookmarks li a#sblink1:link, ul.bookmarks li a#sblink1:visited { background-position: left top; }
					ul.bookmarks li a#sblink2:link, ul.bookmarks li a#sblink2:visited { background-position: left -15px; }
					ul.bookmarks li a#sblink3:link, ul.bookmarks li a#sblink3:visited { background-position: left -31px; }
					ul.bookmarks li a#sblink4:link, ul.bookmarks li a#sblink4:visited { background-position: left -47px; }
					ul.bookmarks li a#sblink5:link, ul.bookmarks li a#sblink5:visited { background-position: left -63px; }

		#footerlinks {
			clear: both;
			width: 870px;
			padding: 10px 20px 10px 20px;
			font-size: 0.9em;
			background: #032;
			color: #fff;
		}

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

			#footerlinks h4 {
				color: #fff;
			}

			#footerlinks h4 a:link, #footerlinks h4 a:visited {
				color: #fff;
			}
			
			
			#footerlinks a.iconlink { padding-left:10px; background: url(/images/iconwhite.gif) no-repeat top left; }

			.footerlinks1 {
				margin: 0px 15px 0px 0px;
				float: left;
				width: 152px;
				font-size: 0.9em;
				color: #fff;
				padding: 10px 5px 0px 5px;
			}

			.footerlinks2 {
				margin: 0px 15px 0px 0px;
				float: left;
				width: 152px;
				font-size: 0.9em;
				color: #fff;
				padding: 10px 5px 0px 5px;
			}
			
				.footerlinks2 p {
					margin: 4px 0;
				}
			
					.footerlinks2 label {
						display: none;
					}
					
					.footerlinks2 input {
						font-size: 11px;
						font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
						border: 1px solid #000;
						background: #e2f2c4;
						padding: 2px;
					}
					
					.footerlinks2 input.subscribe {
						color: #fff;
						background: #000;
						padding: 2px 8px;
						background: #bfe37f;
						color: #060;
						font-weight: bold;
					}


			.footerlinks3 {
				margin: 0px 15px 0px 0px;
				float: left;
				width: 152px;
				font-size: 0.9em;
				color: #fff;
				padding: 10px 5px 0px 5px;
			}

			.footerlinks4 {
				margin: 0px 15px 0px 0px;
				float: left;
				width: 152px;
				font-size: 0.9em;
				color: #fff;
				padding: 10px 5px 0px 5px;
			}


			.footerlinks5 {
				margin: 0px 0px 0px 0px;
				float: left;
				width: 152px;
				font-size: 0.9em;
				color: #fff;
				padding: 10px 5px 0px 5px;
			}
							

		#belowfooter {
			clear: both;
			width: 890px;
			font-size: 0.9em;
			padding: 20px 20px 25px 0px;
			background: #fff url(/images/footerlogo.gif) no-repeat 3px 10px;
			color: #000;
		}

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


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

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


/*****************
 TOP NAV LIST
*****************/

#topnav ul {
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	list-style: none;
	width: 680px;
}

#topnav ul li {
	letter-spacing : -1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 22px 0px 10px;
	display: inline;
	font-size: 0.95em;
}

#topnav ul li a {
	color: #fff;
	text-decoration: none;
}

#topnav ul li a:hover {
	color: #be7;
	text-decoration: none;

}

/* APPLY HOME OVERRIDE */
#topnav ul li.homelink {
	padding: 0px 22px 0px 32px;
	background: url(images/homeicon.gif) no-repeat top left;
}


/* APPLY END OVERRIDE */
#topnav ul li.owneradvertiselink {
	padding: 0px 0px 0px 10px;
}

/**************
 LH NAV SEARCH 
**************/

form#lhsearch input.txtbox {
	margin-left: 20px;
}

form#lhsearch input.button {
	width: 40px;
	background: #BFE37F;
	color: #060;
	height: 21px;
	line-height: 14px;
	font-weight: bold;
	border-top: 1px solid #D2ECA4;
	border-left: 1px solid #D2ECA4;
	border-right: 1px solid #060;
	border-bottom: 1px solid #060;
}

/*****************
 UL SIDE NAV
*****************/


ul.sidenavlist{
	list-style: none;
	width: 210px;
	background: #fff;
}


ul.sidenavlist li{
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 20px;
	line-height:1.7em;
	border-top: 1px solid #deb;
}

ul.sidenavlist a:link, ul.sidenavlist a:visited{
	color: #030;
	text-decoration: none;
}

ul.sidenavlist a:hover, ul.sidenavlist a:active {
	color: #030;
	text-decoration: underline;
}

/* APPLY HEADER OVERRIDES */
ul.sidenavlist  li.header {
 	font-size: 0.85em;
 	font-weight: bold;
 	text-transform: uppercase;
	color: #fff;
	background: #696;
}

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

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

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

img.padded {
	padding: 2px 0px;
}

/*****************
 UL
*****************/
 
 ul.normal {padding: 5px 0 5px 25px;}
 
 
/*****************
FOOTERLINKS LIST
*****************/

ul.footerlinkslist {
	margin: 0;
	padding: 0px;
	list-style: none;
}

	ul.footerlinkslist li{
		margin: 0px;
		padding: 0px;
		display: block;
		line-height: 1.5em;

	}
	
	
/*****************
 COTTAGE PAGE
*****************/

#pageleft {
	float: left;
	width: 300px;
	border: 1px solid #BFE37F;
	padding: 8px;
	margin-top: 10px;
}

	#pageleft img {
		float: left;
		width: 300px;
		height: 225px;
		border: 0px;
	}

#pageright {
	float: left;
	width: 302px;
	margin-left: 15px;
}

ul#tabs {
	float: left;
	margin-top: 20px;
	width: 650px;
	border-bottom: 2px solid #BFE37F;
}

	ul#tabs li {
		list-style: none;
		float: left;
		margin-right: 2px;
		
		background: url(/images/tab-left-off.gif) no-repeat left 3px;
		padding: 0px 0px 0px 4px;		
		
	}
	
		ul#tabs li a:link, ul#tabs li a:visited {
			float: left;
			display: block;
			color: #000;
			background: url(/images/tab-right-off.gif) no-repeat right 3px;
			padding: 8px 10px 0px 6px;
			height: 22px;
		}
		
			ul#tabs li:hover, ul#tabs li:hover a {
			  	background-position:0% -30px;
				color:#333;
			}
			ul#tabs li:hover a:link, ul#tabs li:hover a:visited {
			  	background-position:100% -30px;
			  	text-decoration: none;
			}
			  
			ul#tabs li.active {
			  	background: url(/images/tab-left-off.gif) no-repeat left -33px;
			}
			ul#tabs li.active a:link, ul#tabs li.active a:visited {
			  	background: url(/images/tab-right-off.gif) no-repeat right -33px;
				padding: 6px 10px 0px 6px;
				height: 24px;
			}
		
div.tabcontent {
	clear: both;
	width: 626px;
	padding: 10px 10px;
	border-left: 2px solid #BFE37F;
	border-right: 2px solid #BFE37F;
	border-bottom: 2px solid #BFE37F;
	margin-bottom: 20px;
}
		
		ul.facilities {
			width: 300px;
			margin: 0px;
			padding: 0px;
		}

			ul.facilities li {
				width: 300px;
				list-style: none;
				margin: 0px;
				padding: 0px;
				border-bottom: 1px solid #ddd;
			}

				ul.facilities li span {
					float: left;
					width: 220px;
				}
				
	#gallery {
		width: 620px;
		margin: 0 3px;
		padding: 0;
	}
	
		#gall-lft {
			width: 220px;
			float: left;
		}
		
			#gall-lft img {
				float: left;
				margin: 0 5px 10px 0;
				padding: 0;
			}
		
		#gall-rgt {
			width: 400px;
			float: right;
		}
	
	#contactform form{
		padding-left: 20px;
		padding-bottom: 20px;
		float: left;
	}
	#contactform legend{
		margin-left: 20px;
		color: #006600;
		font-weight: bold;
		
	}
	#contactform label {
		float: left;
		width: 150px;
		padding: 3px 10px 0px 0px;
		
	}

	#contactform fieldset {
		border: none;
		background-color: #F2FAE1;
	}

		form#loginform legend {
			font-weight: bold;
			color: #060;
			font-family: arial; 
	}
	.contactEnquiry{
		border: 1px solid #004433;
		background-color: #DDEEBB;
		color: #004433;
		padding-top: 2px;
		
	}
/*****************
 AVAILABILITY CALENDAR
*****************/

#calendarcontainer {
	width: 535px;
	margin: 5px 0px 5px 50px;;
}

div.calendarcontainermini {
	float: left;
	width: 288px;
	margin: 5px 0px 5px 20px;;
}

	div.calendarcontainermini table tr td { cursor: pointer; }

table.availabilitycalendar {
	border-collapse: collapse;
	font-size: 0.9em;
}

	table.availabilitycalendar tr {
	
	}
	
		table.availabilitycalendar tr th {
			border: 1px solid #215A3E;
			background: #215A3E;
			color: #fff;
		}
		
			table.availabilitycalendar tr th.shortbreaks {
				background: #DDEEBB;
				color: #215A3E;
			}
			
			table.availabilitycalendar tr th.minnights {
				background: #BFE37F;
				color: #215A3E;
				padding: 0px 3px;
			}
		
		table.availabilitycalendar tr td {
			border: 1px solid #215A3E;
			text-align: center;
			height: 30px;
			width: 40px;
			line-height: 30px;
		}
		
			table.availabilitycalendar tr td.shortbreaks {
				width: 80px;
				background: #DDEEBB;
				color: #215A3E;
			}
			
			table.availabilitycalendar tr td.minnights {
				width: 60px;
				background: #DDEEBB;
				color: #215A3E;
			}
		
		table.availabilitycalendar span { display: block; height: 30px; }
		
		span.dateunavail { color: #999; }
		
		span.booked { background: #BFE37F; }
		
		span.highlighted { background: #FF0; }
		
		span.available { background: #fff; }


/*****************
 SEARCH PAGE
*****************/

#searchform fieldset {
	border: 2px solid #BFE37F;
	padding: 10px;
}

	#searchform legend {
		color: #060;
		font-weight: bold;
	}
	
	#searchform label {
		float: left;
		width: 170px;
		padding: 2px 5px 0px 0px;
		text-align: right;
	}
	
	#searchform div.searchhalf {
		float: left;
		text-align: right;
		width: 200px;
	}
	
	input.bigsearch {
		width: 650px;
		background: #BFE37F;
		color: #060;
		line-height: 20px;
		font-weight: bold;
		border-top: 1px solid #D2ECA4;
		border-left: 1px solid #D2ECA4;
		border-right: 1px solid #060;
		border-bottom: 1px solid #060;
	}
	
	input.halfsearch {
		width: 323px;
		background: #BFE37F;
		color: #060;
		line-height: 20px;
		font-weight: bold;
		border-top: 1px solid #D2ECA4;
		border-left: 1px solid #D2ECA4;
		border-right: 1px solid #060;
		border-bottom: 1px solid #060;
	}
	
/***********
 LOGIN FORM 
***********/

form#loginform {
}


	form#loginform label {
		float: left;
		width: 150px;
		text-align: right;
		padding: 3px 10px 0px 0px;
	}
	
	form#loginform fieldset {
		border: 1px solid #ccc;
	}
	
		form#loginform legend {
			font-weight: bold;
			color: #060;
			font-family: arial; 
		}
		
/****************
 MY ACCOUNT PAGE 
****************/

table.cottagelist {
	font-size: 1.0em;
}

	table.cottagelist tr.Pending { background: #ddd; color: #999; }
	table.cottagelist tr.Denied { background: #fdd; }

	table.cottagelist th {
		text-align: left;
		background: #18543B;
		color: #fff;
		padding: 2px;
	}
	
	table.cottagelist td {
		padding: 2px;
		border-bottom: 1px solid #DDEEBB;
	}

/****************
 COTTAGE LOGIN 
****************/

#login fieldset {
	border: 2px solid #BFE37F;
	padding: 10px;
}
#login legend {
	color: #060;
	font-weight: bold;
}

#login label {
	float: left;
	width: 170px;
	padding: 2px 5px 0px 0px;
	text-align: right;
}
.tourism{
	float: right; 
	padding-left: 20px; 
	padding-bottom: 20px; 
	padding-top: 10px;
}

/***************
 SITE MAP STUFF 
 **************/
 
ul.sitemaplist {
	margin: 0px;
	padding: 0px;
}

	ul.sitemaplist li {
		list-style: none;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		width: 325px;
		
	}
	
		#maincontentrightinner ul.sitemaplist li a:link, #maincontentrightinner ul.sitemaplist li a:visited {
			text-decoration: underline;
		}
		
		#maincontentrightinner ul.sitemaplist li a:hover {
			color: #000;
		}

ul.cottagelist {
	margin: 0px;
	padding: 0px;
}

	ul.cottagelist li {
		margin: 0px;
		padding: 0px 0px 0px 20px;
		list-style: none;
		float: none;
		width: 305px;
		font-size: 0.9em;
	}