/* ~~~~~~~~~~~~~ 9xb - Frog - 10/2/09  ~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~ DEFAULT STYLES  ~~~~~~~~~~~~~~~~ */
	
	html, body { font:13px/1.4em arial, helvetica, tahoma, verdana, sans-serif; color:#3e3e3e; background:url(../images/bg.jpg) no-repeat top center #489a1b; }	
	body { margin:0; text-align:center; }

/* ~~~~~~~~~~~~~~~~ GLOBAL RESET  ~~~~~~~~~~~~~~~~ */

/* GLOBAL RESET */
	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
	fieldset,img { border:none; }
	caption,th { text-align:left; }
	table { border-collapse:collapse; border-spacing:0; }
	/* Hidden elements */
	.hidden, .screen_reader, hr { display:none; }
	.error { color:#fff; font-weight:bold; padding: 0 0 0 10px; }
/* ~~~~~~~~~~~~~~~~ GLOBAL STYLES  ~~~~~~~~~~~~~~~~ */

	/* Paragraph default styling, amend as desired */
	p { margin:0 0 1em 0; padding:0; }
	/* Default link styling */
	a { color:#06c; text-decoration:underline; }
	a:hover { color:#f60; text-decoration:none; }
	/* Float an element left with a margin */
	.floatRImg { float:left!important; padding: 0 0 10px 10px; }
	/* Float an element left with a margin */
	.floatLImg { float:left!important; padding: 0 20px 0px 0; }
	/* Float an element left with a margin */
	.floatL { float:left!important; }
	/* Float an element right with a margin */
	.floatR { float:right!important; }
	/* Float an element right with a margin */
	.clear { clear:both; }
	/* Green arrowed link */
	.moreLink{ font-weight:bold; font-size:12px; color:#489a1b; text-decoration:none; padding:0 0 0 10px; background:url(../images/arrow_green.gif) no-repeat left center; }
	#signup .moreLink { background-position: 0 75px; }
	.moreLink:hover{ color:#06c; }
	/* DarkGreen arrowed link */
	.moreLinkdg{ font-weight:bold; font-size:12px; color:#395c3c; text-decoration:none; padding:0 0 0 10px; background:url(../images/arrow_dgreen.gif) no-repeat left center; }
	.moreLinkdg:hover{ color:#06c; }
	/* White arrowed link */
	.moreLinkw{ font-weight:bold; font-size:12px; color:#fff; text-decoration:none; padding:0 0 0 10px; background:url(../images/arrow_white.gif) no-repeat left center; }
	.moreLinkw:hover{ color:#89ee51; }
	/* Green text */
	.green{ color:#489a1b;}
	/* Hide all text */
	.hideText{ text-indent:-3000em; overflow:hidden; font-size:1px; }
	em { font-style:italic; }
	
/* ~~~~~~~~~~~~~~~~ TEMPLATE ELEMENTS  ~~~~~~~~~~~~~~~~ */

	#container { width:965px; margin:0 auto; text-align:left; }
	#header { width:965px; height:273px; float:left; position:relative; }
	#wrap { width:905px; float:left; background:url(../images/bg_wrap.gif) repeat-y 0 0; padding:30px 30px 0 30px; }
	#footer { width:965px; float:left; height:225px; background:url(../images/bg_footer.gif) no-repeat 0 0; }
	
	.col268{ width:268px; margin:0 0 25px 0;  }
	.col325{ width:325px; margin:0 0 25px 0;  }
	.col561{ width:561px; margin:0 0 25px 0;}
	.col440{ width:440px; margin:0 0 10px 0;}
	
	.colFW{ width:905px; margin:0 0 25px 0; }
	
	.bghistory{ padding: 95px 32px 0 32px; margin:0; width:841px; height:404px; background:url(../images/bg_history.jpg) no-repeat 0 0; }
	.bghistory h1{ display:none; }
	
/* ~~~~~~~~~~~~~~~~ FORM ELEMENTS  ~~~~~~~~~~~~~~~~ */	

	input, textarea, select { font-family:arial, verdana, Trebuchet MS, sans-serif; font-size:1em; color:#666; }	
	
/* ~~~~~~~~~~~~~~~~ HEADING ELEMENTS  ~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 { color:#000; line-height:normal; margin:0 0 25px 0; padding:0; text-align:left; }
	h1 { margin:0 0 25px 0; height:48px; /* See TITLE styles below for h1's */ }
	h2 { margin:25px 0; height:25px; }
	h3 { margin:0 0 10px 0; font-weight:bold; }	
	
/* ~~~~~~~~~~~~~~~~ TITLE STYLES  ~~~~~~~~~~~~~~~~ */
	
	/* H1 */
	.homeh1{ background:url(../images/title_home.gif) no-repeat 0 0; height:151px; }
	.errorh1{ background:url(../images/title_404.gif) no-repeat 0 0; height:163px; }
	.waterWheelh1{ background:url(../images/title_waterwheel.gif) no-repeat 0 0; }
	.eatingh1{ background:url(../images/title_eating.gif) no-repeat 0 0; }
	.newsh1{ background:url(../images/title_news.gif) no-repeat 0 0; }
	.gbookingsh1{ background:url(../images/title_groupbookings.gif) no-repeat 0 0; }
	.directionsh1{ background:url(../images/title_directions.gif) no-repeat 0 0; }
	.contacth1{ background:url(../images/title_contact.gif) no-repeat 0 0; }
	.visitorsBookh1{ background:url(../images/title_visitors_book.gif) no-repeat 0 0; }
	.pph1{ background:url(../images/title_privacy_policy.gif) no-repeat 0 0; }
	.lAttractionsh1{ background:url(../images/title_local_attractions.gif) no-repeat 0 0; }
	.sitemaph1{ background:url(../images/title_sitemap.gif) no-repeat 0 0; }
	.funh1{ background:url(../images/title_fun.gif) no-repeat 0 0; }
	.offersh1{ background:url(../images/title_offers.gif) no-repeat 0 0; height:100px; }
	.historyh1{ background:url(../images/title_historyh1.gif) no-repeat 0 0; }
	/* H2 */
	.millGosh2{ background:url(../images/title_millgossip.gif) no-repeat 0 0; }
	.visBookh2{ background:url(../images/title_visitorsbook.gif) no-repeat 0 0; }
	.findUsh2{ background:url(../images/title_findus.gif) no-repeat 0 0; }
	.millShoph2{ background:url(../images/title_millshop.gif) no-repeat 0 0; }
	.restauranth2{ background:url(../images/title_restaurant.gif) no-repeat 0 0; }
	.unwindingh2{ background:url(../images/title_unwinding.gif) no-repeat 0 0; }
	.attractionsh2{ background:url(../images/title_attractions.gif) no-repeat 0 0; }
	.historyMillh2{ background:url(../images/title_history_of_the_mill.gif) no-repeat 0 0; }
	.kidsh2{ background:url(../images/title_kids.gif) no-repeat 0 0; }
	.colouringComph2{ background:url(../images/title_colouringcomp.gif) no-repeat 0 0; }
	.disAcch2{ background:url(../images/title_disabled_access.gif) no-repeat 0 0; }
	.carParkingh2{ background:url(../images/title_car_parking.gif) no-repeat 0 0; }
	
	.topFloorh2{ background:url(../images/title_topfloor.gif) no-repeat 0 0; height:49px; }
	.secondFloorh2{ background:url(../images/title_secondfloor.gif) no-repeat 0 0; height:49px; }
	.groundFloorh2{ background:url(../images/title_groundfloor.gif) no-repeat 0 0; height:49px; }
	.firstFloorh2{ background:url(../images/title_firstfloor.gif) no-repeat 0 0; height:49px; }

	.historyh2{ background:url(../images/title_history.gif) no-repeat 0 0; }
	.restorationh2{ background:url(../images/title_restoration.gif) no-repeat 0 0; }

	.sixtySeaterh2{ background:url(../images/title_sixtyseater.gif) no-repeat 0 0; height:58px; }
	.wmhistoryh2{ background:url(../images/title_wmhistory.gif) no-repeat 0 0; }
	
	.mill-history {height: 309px; background: url(../images/history.jpg) top left no-repeat; }
	.mill-history a { display: block; height: inherit; display: block; text-indent: -2000em; overflow: hidden; }
	
	.wmrestorationh2{ background:url(../images/title_wmrestoration.gif) no-repeat 0 0; }

	.locationMaph2{ background:url(../images/title_location_map.gif) no-repeat 0 0; }
	.addressh2{ background:url(../images/title_address.gif) no-repeat 0 0; }
	.openingTimesh2{ background:url(../images/title_opening_times.gif) no-repeat 0 0; }
	.publicTransporth2{ background:url(../images/title_public_transport.gif) no-repeat 0 0; }
	.getDirectionsh2{ background:url(../images/title_getdirections.gif) no-repeat 0 0; height:31px; width:165px; }

	.telh2{ background:url(../images/title_tel.gif) no-repeat 0 0; height:40px; }
	.contactFormh2{ background:url(../images/title_contact_form.gif) no-repeat 0 0; margin:0 0 25px 0; }
	
	.visitorsSummaryh2{ background:url(../images/title_visitors_summary.gif) no-repeat 0 0; height:33px; }
	
	.duckhunth2{ background:url(../images/title_duckhunt.gif) no-repeat 0 0; }
	.funandgamesh2{ background:url(../images/title_funandgames.gif) no-repeat 0 0; }
	.jokesh2{ background:url(../images/title_jokes.gif) no-repeat 0 0; }
	.fastducksh2{ background:url(../images/title_fastducks.gif) no-repeat 0 0; }

	.bakwath2{ background:url(../images/title_background.gif) no-repeat 0 0; }
	.histconh2{ background:url(../images/title_hist_context.gif) no-repeat 0 0; }
	.leaselifeh2{ background:url(../images/title_lease_life.gif) no-repeat 0 0; }
	
/* ~~~~~~~~~~~~~~~~ HEADER STYLES  ~~~~~~~~~~~~~~~~ */

	#logo{ width:257px; height:184px; background:url(../images/logo.jpg) no-repeat 0 0; left:355px; top:0; position:absolute; }
		#logo a{ width:257px; height:184px; display:block; text-indent:-3000em; overflow:hidden; }
		
	#topnav{ right:15px; top:15px; position:absolute; padding:0; list-style:none; margin:0; font-size:0.9em; }
		#topnav li{ float:left; margin:0 0 0 10px; padding:0 0 0 10px; background:url(../images/divider_white.gif) no-repeat left center; }
			#topnav li a{ color:#fff; text-decoration:none; }
			#topnav li a:hover{ text-decoration:underline; }
		#topnav li.first{ margin:0; padding:0; background:none; }
		
	#nav{ position:absolute; bottom:10px; left:10px; padding:0; margin:0; list-style:none; }
		#nav li{ height:34px; float:left; margin:0; padding:0; }
			#nav li a{ height:34px; float:left; display:block; margin:0; padding:0; background:url(../images/links.jpg) no-repeat 0 0; text-indent:-3000em; overflow:hidden; }
			#nav .shopping a{ width:92px; background-position:0 0; }
			#nav .shopping a:hover, #nav .shopping a.selected, #nav .shopping a.selected:hover{ background-position:0 -34px; }
			#nav .eating a{ width:78px; background-position:-92px 0; }
			#nav .eating a:hover, #nav .eating a.selected, #nav .eating a.selected:hover{ background-position:-92px -34px; }
			#nav .attractions a{ width:181px; background-position:-170px 0; }
			#nav .attractions a:hover, #nav .attractions a.selected, #nav .attractions a.selected:hover{ background-position:-170px -34px; }
			#nav .kids a{ width:58px; background-position:-351px 0; }
			#nav .kids a:hover, #nav .kids a.selected, #nav .kids a.selected:hover{ background-position:-351px -34px; }
			#nav .news a{ width:146px; background-position:-409px 0; }
			#nav .news a:hover, #nav .news a.selected, #nav .news a.selected:hover{ background-position:-409px -34px; }
			#nav .bookings a{ width:153px; background-position:-555px 0; }
			#nav .bookings a:hover, #nav .bookings a.selected, #nav .bookings a.selected:hover{ background-position:-555px -34px; }
			#nav .waterwheel a{ width:129px; background-position:-708px 0; }
			#nav .waterwheel a:hover, #nav .waterwheel a.selected, #nav .waterwheel a.selected:hover{ background-position:-708px -34px; }
			#nav .directions a{ width:107px; background-position:-837px 0; }
			#nav .directions a:hover, #nav .directions a.selected, #nav .directions a.selected:hover{ background-position:-837px -34px; }
			
	#signup{ position:absolute; top: 75px; left:6px; width: 150px; bottom:100px; font-size:13px; background: url(../images/logo-fb.jpg) top center no-repeat; height: 100px; }	
	#signup a { position: absolute; top: 0; padding-top: 70px; left: 0; right: 0; bottom: 0;   }
			

/* ~~~~~~~~~~~~~~~~ CONTENT STYLES  ~~~~~~~~~~~~~~~~ */

	#groupBooking a{ height:104px; width:287px; background:url(../images/cta_group.gif) no-repeat 0 0; display:block; margin:0 0 25px 0; }
	#groupBooking a:hover{ background-position:0 -104px; }
	/* */
	.visBook{ background:url(../images/bg_visbook.gif) no-repeat left bottom; width:222px; margin:0 0 25px 0; padding:20px 45px 5px 25px; color:#fff; font-size:0.9em; }
		.visBook h2{ margin:0 0 10px 0; }
	/* */
	.findus{ margin:0 0 25px 0; padding:0 45px 0 0; }
	/* */
	.imgshad{ margin:0 0 0 -4px; }
	/* */
	
	
		.bannerYL h1{ display:none; }
		.bannerYL p{ margin:0; padding-left:0px; }
	.ticklist{ list-style:none; padding:0; margin:0 0 25px 0; color:#00adef; font-weight:bold; }
		.ticklist li{ background:url(../images/tick.gif) no-repeat right center; padding:3px 18px 3px 0; margin:0 10px 0 0; display:inline; clear:both; }
	.thumbslist{ list-style:none; padding:0; margin:0 0 25px 0; }
		.thumbslist li{ float:left; clear:left; list-style:none; padding:0; margin:-2px 0 0 0; }
	.thumbslistfluid{ list-style:none; padding:0; margin:0 0 25px 0; }
		.thumbslistfluid li{ float:left; list-style:none; padding:0; margin:0 0 15px 0; }
	.getdirections{ background:url(../images/bg_greenwide.gif) repeat-y 0 0; height:67px; padding:0; margin:0 0 5px 0; position:relative; }
		.getdirections h2{ position:absolute; top:20px; left:20px; margin:0; }
		.getdirections form{ position:absolute; top:22px; right:40px; }
			.getdirections input{ padding:3px; border:1px solid #fff; width:270px; float:left; }
			.getdirections .gobutton{ padding:0; border:none; width:35px; }
	.contactForm{ background:url(../images/bg_greenwide.gif) repeat-y 0 0; padding:25px 30px; color:#fff; }
		.contactForm label{ float:left; width:200px; font-size:21px; text-align:right; margin:0 20px 10px 0; color:#bdff99; font-weight:bold; }
		.contactForm .fullWidth{ width:100%; text-align:left; }
		.contactForm input{ width:250px; padding:4px 6px; color:#222; }
		.contactForm .autoWidth{ width:auto; }
		.contactForm textarea{ width:480px; height:300px; padding:4px 6px; color:#222; }
	.visitorsbook{ width:911px; background:url(../images/bg_gb_bottom.gif) no-repeat bottom left #489a1b; }
		.visitorsbookwrap{ background:url(../images/bg_gb_top.gif) no-repeat top left; padding:30px 40px; color:#fff; }
			.vbComment{ padding:10px 20px; margin:0 0 20px 0; border-bottom:1px solid #31700e; font-size:18px; line-height:1.8em; font-family:Georgia, "Times New Roman", Times, serif; }
				.author{ font-family:Arial, Helvetica, sans-serif; color:#b1ff86; font-weight:bold; text-align:right; }

/* ~~~~~~~~~~~~~~~~ LEFTCOLUMN STYLES  ~~~~~~~~~~~~~~~~ */

	
/* ~~~~~~~~~~~~~~~~ RIGHTCOLUMN STYLES  ~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~ NEWS/EVENTs STYLES  ~~~~~~~~~~~~~~~~ */
	.imgBG {
		background: url(../images/imageBG.gif) no-repeat bottom;
		width: 307px;
		padding: 0px 0 10px 13px;
		
	}
	.topBG {
		background: url(../images/imageBG.gif) no-repeat  0 0 ;
		padding: 11px 0 0 0;
	}
	.imgBG img {
		width: 295px;
	}

/* ~~~~~~~~~~~~~~~~ FOOTER STYLES  ~~~~~~~~~~~~~~~~ */

	#footer p{ padding:105px 0 0 20px; font-size:0.8em; color:#213123; }
		#footer p a{ color:#fff; }
		
		
/**
* changes
*/

	.bannerYL{ color:#fff; height:89px;	width:904px; padding:0px; margin:0px; background:url(../images/banner_yl.gif) no-repeat 0 0; }
	.bannerYL a{height:89px; width:904px; display:block; float:left; text-decoration:none; color:#fff;}
	

	.bannerYL span{
		display:block;
		width:526px;
		padding:30px 0px 0px 338px;
		cursor:pointer;
	}
	
	.samplemenu{
		background-image:url(../images/title_samplemenu.gif);
		background-position:top left;
		background-repeat:no-repeat;
		width:140px;
		height:22px;
		display:block;
		text-indent:-3000em;
	}
	
	.childrensmenu{
		background-image:url(../images/title_childrens.gif);
		background-position:top left;
		background-repeat:no-repeat;
		width:168px;
		height:22px;
		display:block;
		text-indent:-3000em;
	}
	
	.christmasmenu{
		background:url(../images/title_christmas_menu.gif) top left no-repeat;
		width:175px;
		height:22px;
		display:block;
		text-indent:-3000em;
	}
	
	.imgpad{
		padding:0 0 0 10px;
	}
	
	#eating{
		float:left;
		width:882px;
		display:block;
		margin:-30px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		vertical-align: top;
	}
	
	#eating div{
		float:left;
		padding:0px 0px 0px 25px;
	}
	
	#eating div#terrace{
		padding:20px 0px 0px 20px;
	}
	
	#eating .outside{
		margin:74px 0px 0px 0px;
	}
	
	#tesrrace {
		width: 30px; display: block; float: left; width: 220px;
	}
	
	.clear{
		clear:both;
	}
	
/**	
* changes
*/