input#url{display: none;}
/*Main Styles*/
body{
	background:#16304a url(../images/header-bg.gif) repeat-x;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size:12px;
	color:#555;
	line-height:1.2em;
	margin:0;
	padding:0;

}
a{
	text-decoration:none;
	color:#3a6997;
}
a:hover, a:focus{
	text-decoration:underline;

}
p{font-size:1.1em; line-height: 1.5em;}
h1{
	font-size:2.5em;
	font-weight:normal;
	color:#16304A;
}
td{color:#fff;}
h2{
	font-size:1.5em;
	font-weight:normal;
	margin:0 0;
	color: #294b6b;
	line-height: 1.1em;
}

h3{
	font-size:1.5em;
	font-weight:normal;
	line-height: 1.2em;
}
h5{
	font-size:1.1em;
	margin-bottom:2px;
	font-weight:bold;
}
hr{
	border:#696969 1px solid;
}
.strong{font-weight: bold;}
#wrapper{
	width:960px;
	height:100%;
	background:#fff;
	padding:0;
	margin:0 auto 0 auto;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#header{
	background:#336699 url(../images/splash-header.jpg) no-repeat right top;
	padding:0;
	margin: 0 ;
	width:100%;
	height:141px;
}
#header img{
	margin:40px 0 0 20px;
	font-size:4em;
	border:0;
}
.logo{
	float:left;
}
.contentcontainer{
	margin:0 10px;
}
.contentcontainer #left{
	width:600px;
	float:left;
	padding-left:15px
}
.contentcontainer #right{
	width:285px;
	float:left;
	margin:0 15px 0 25px;
}
.contentcontainer #right p{
	margin: 1em 5px;
}
.clearfix{
	clear:both;
}

/*Page Styles*/
h3#watertemp{
	width: 60px;
	margin: 0;
	display: block;
	line-height: 1.2em;
	float: left;
}
#intro{
}
#introright{
	border:red solid 1px;
	width:150px;
	float:right;
}
img.photo{
	border:1px solid #333;
	margin-top:10px;
}

/*
 Spotlight*/
#newscontainer{
	background:#696969;
	margin-top:-4px;
}
#newscontainer h2{
	margin:12px 5px;
	padding:4px 0 2px 0;
}
#newscontainer h4{
	font-size:1.2em;
	font-weight:normal;
	padding-top:0;
	margin:0 5px 3px 5px;
}
#newscontainer .newsdate{
	font-size: 7pt;
	color: #ccc;
	margin:0 0 0 5px;
}
#newscontainer p{
	padding: 0 0 3px 0;
}

.news .item{ clear:left;overflow: hidden; padding-right:60px;}
.news .item img.newsImg{float:right; margin:20px -60px 0 0;}
/* .news .item p, .news .item h3, .news .item .date{width:100px; float: left; clear:left;} */

/* news pages */
#left .item{ margin-bottom:10px; clear:left; overflow: hidden; position: relative}
	#left .item img{}
	#left .item h3{margin-left:60px; margin-top:-50px; margin-bottom:5px;}
	#left .item .date{float:left; clear:left; margin-left:60px; margin-top:0;}
	#left .item p{clear:left; margin-left:60px;}


/*Full View News*/
#left h4 a{
font-size:18px;
font-weight:normal;
}
#left span.newsdate{
	text-align:right;
	display:block;
	margin-top:-10px;
}
.pagination.prev{
	float: left;
	background:url(../images/arrow-left.gif) left no-repeat;
	padding-left:10px;
}
.pagination.next{
	float: right;
	background:url(../images/arrow-right.gif) right no-repeat;
	padding-right:10px;
}


#thermometer{
	float:left;
}
#fltleft{
	padding: 0 1.5em 0 1em;
	float:left;
}
#footer{
	text-align: center;
	padding:20px 0 4px;
	font-size:8pt;
	color:#fff;
}
#footer a{color:#99ccff;}
#footer img{
	border:0;
}

/* NAV */
ul#nav{
	list-style: none;
	float: right;
	margin-top: -10px;
	padding: 0;
	font-size:14px;
	clear:left;
}
ul#nav li{

	display: inline;
}
ul#nav li a{
	color: #fff;
	display: inline;
	padding: 8px 10px;
}
ul#nav li a:hover{
	background: #24486c;
	text-decoration: none;
}
ul#nav li a.active{
	background: url(../images/arrow.gif) no-repeat center bottom;
}
/* TOOLS */
ul#tools{
	list-style: none;
	margin: 12px 5px 0 0;
	text-align: right;
	font-size: 0.9em;
	float:right;
}
ul#tools li{

	display: inline;
}
ul#tools li a{
	color: #fff;
	display: inline;
	padding: 0px 5px;
}
ul#tools li a:hover{
	text-decoration: underline;
}
a.imglink img{
	border:0;
	margin: 10px 0;	
}

/* Newsletter form */

form#newsletter{
	margin-top: 1em;
}
input.inputtext{
	background-color: #fff;
	border: 1px solid #193D61;
	width: 140px;
	color: #777;
	vertical-align: top;
	padding:.15em;
	font-size:1em;
}
label{
	margin: 10px;
	vertical-align: top;

}
input.button{
	width: 20px;
	height: 20px;
	vertical-align: top;
	margin-left:-4px;
}

/* Opening Times Table */
table{
	width: 460px;
	margin: 0 0 15px 0;
	border-collapse: collapse;
}
table.openingTimes{background:#eee; border: 1px solid #ccc; width: 100%; clear:left;}
table th{
	text-align: left;
}
table.openingTimes th{background: #888; color:#fff;}
table.openingTimes th.top{background: #336699; color:#fff; border-bottom:1px solid #ccc; padding:0.6em 0 0.4em;}
/* #holiday table.openingTimes th.top{background: #f2b313;} */

table.openingTimes tr{color:#000; padding:0.3em 0;}
table.openingTimes td{color:#444; }
/* table#openingTimes td span.ao{color:#000; font-weight: bold; } */
span.sc1{background: #b30909; color:#fff;}
table td{padding: 5px;color:#555;}
table td.ao.highlight{background: #f8d478;}
table td.fo.highlight{background: #577fa6; color:#fff;}
table tr{}
table tr th{padding: 5px 0 5px 7px;color:#333;}
th.top{padding-bottom: 10px;}
table#pricelist{margin: 10px 0 0 0;}

.box .info{padding-left:5px;}
	.box .info p{margin:0.3em;}
	.box h3.floated{float:left;}
	.box p.toggle{float:right; font-size: 1em;}

.inflatableFun{display: inline-block; width: 20px; height: 20px; background: url(/images/duck.png) 0 0 no-repeat; }
td .inflatableFun{margin:0 0 -5px 5px;}
p .inflatableFun{margin:0 5px -5px 0;}

/* Booking Form */
form{
	float:left; width:500px; 
}
form input{
	float: left;
	width: 70%;
	margin: 10px 0 10px 0;
	background-color: #fff;
	border: 1px solid #193D61;
	color: #444;
	padding:.3em;
	font-size:1em;
}
form label{
	float: left;
	width: 100px;
	font-weight: bold;
}
form label span{
	font-weight: normal;
	font-style: italic;
}
form label#date,
form label.wide{
	clear: both;
	width: 90%;
}
form textarea{
	margin-left: 120px;
	width: 70%;
	height: 100px;
	background-color: #fff;
	border: 1px solid #193D61;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color:#444;
	float:left;
	padding:.3em;
	font-size:1em;
}
form input#submit{
	width:52px;
	height:20px;
	margin-left:120px;
	clear:left;
	padding:0;
}

form .checkboxes{margin: 10px 0 10px 120px; padding:0; clear: both;float: left}
form .checkboxes.last{margin-bottom:20px;}
form .checkboxes label{float:left;}
form .checkboxes input.checkbox{float: left; margin:0; padding:0;}

form#help .checkboxes input{width: 1em; margin: 0 10px 0 0;}
form#help .checkboxes label{width:auto; float:left; margin: 0; padding: 0;}

.box .small{clear:left; color:#555; margin:0.5em 10px 0;}

/*Contact Page*/
dl{
	width:60%;
	border:1px solid #ccc;
	padding:1em 1.5em;
	margin:0 auto 0 auto;
}
dt{
	font-weight:bold;
	margin:0.3em 0;
}

/*Gallery*/
.gallery img{
	display:block;
	border:4px #676767 solid;
	margin:1em 0;
}
.gallery img:hover{
	border:4px #8ab9e8 solid;
}
.gallery.tour img{
	margin:0;
}
.tour{
	margin:20px auto 0 auto;
	width:208px;
}
.tour a span{
	font-size:1.5em;
	background:#676767;
	display:block;
	width:200px;
	padding:4px;
	margin:0 0 1em 0;
}
.tour a:hover{
	background:green;
}
#viewer{
	width:640px;
	margin:0 auto 0 auto;
}
a.pdf{
	background:url(../images/pdf.gif) no-repeat left 50%;
	padding:1px 0 3px 20px;
	
}
p.scary{
color:#f00;
background: #bbb;
padding:1em;
}
#map{
	width:67%; height:200px;
	margin: 10px auto 0 auto;
	border:1px black solid;
}



form.survey fieldset{
border:none;background:#555; padding:10px 10px;margin:5px 0;}
form.survey fieldset label{padding:0; margin:0;display: block;}
form.survey fieldset input.cb{float:right;margin:10px 50% 0 0;}
form.survey fieldset label.cbLabel{float:left; clear:both; margin-top:10px;}
form.survey fieldset input.text{float:left; width: 50%;margin: 10px 80px 10px 0;
	background-color: #e7e7e7;
	border: 1px solid #193D61;
	height:20;
	color: #000;display: block;}
form.survey fieldset h2 {margin-bottom:15px;}
clearFix{clear:both; display:block;}

form select, form.survey fieldset textarea{
	float: left;
	width: 50%;
	margin: 10px 80px 10px 0;
	background-color: #e7e7e7;
	border: 1px solid #193D61;

	color: #000;}
form.survey fieldset textarea{width:90%;margin:10px 0;}
button{	background-color: #193D61;
	border: 1px solid #101050;
	height:20;
	color: #e7e7e7;display: block; margin-top:10; display: block;float:right;}
	
	
	
div.message{border-top:1px solid #577fa6; border-bottom:1px solid #577fa6; background:#dde5ed url(/images/accept.gif) 15px 50% no-repeat; padding:10px 10px 10px 70px;margin:10px 0;}
div.messagebad{border-top:1px solid #ee8686; border-bottom:1px solid #ee8686; background:#f8e8e8 url(/images/bad.gif) 15px 50% no-repeat; padding:10px 10px 10px 70px;margin:10px 0;}

#CTA a{background:#8fc742 url(/images/greenGrad.gif) no-repeat top right; border:1px solid #8ec641; font-size: 2em; display: block; padding:10px;color:#fff;margin-top:10px;}
#CTA a:hover{background:url(/images/greenGrad2.gif) top right; text-decoration: none;}
#CTA a span{display:block; font-size: 12px;padding:6px 0 0 0 ;}

div.box{background:#eee; padding:10px; margin:10px 0; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; }
	div.box a.pdf{background: url(/images/pdf.gif) no-repeat left 50%; padding:3px 0 3px 20px;}
p.caption{font-size: 0.8em; color:#ccc;}
div.line{border-top:1px solid #666; border-bottom:2px solid #8dc63f;width:460px;padding:0 0 10px 0;}

img#captcha{border:1px solid #ccc;}


.done input, .done textarea{background: #888 !important; border:#333 !important; color:#ddd !important;}

div.box h2{background: #369 url(/images/bg-btn.png) 0 100% repeat-x; text-shadow: #23415e 0 -1px 1px; display: block; margin: -10px -10px 0 -10px; padding: 15px 10px 10px 10px; border-bottom: #294b6b 1px solid; color:#fff; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}
.done label{color: #888;}
div.box h3 a {margin:0 0 -12px 0; display:block; font-size: 0.9em;}
span.date{font-size: 0.75em; color: #777; margin: 5px 0; display: block; padding:0; }
div.box p.extract{margin:0 0 0 0; margin:-4px 0 0 0 !important;}


div.ctaMain a{background:#b30909; color:#fff; text-align:center; font-weight:bold; font-size:3em; text-transform: uppercase; line-height: 1.3em; font-family:'Gill sans'; display: block; width:285px; height:194px; position: relative; outline: none; margin-top:15px;}
div.ctaMain a span{width: 100%; height: 100%; position: absolute; top:0; left:0;
					background: url(/images/panic.jpg) top left no-repeat;}
div.ctaMain a:hover span,
div.ctaMain a:focus span{background-position: top right;}
.small{font-size: 0.8em; color:#ccc;}
.intro{font-size: 1.2em;}

.featureImage{display:block; clear:both; margin-left:-10px; margin-bottom:15px; margin-right:-10px;}
p.shouty{font-size:2em; margin-top:0; line-height:1.1em; margin-left:15px; text-transform:none;}
p.shouty.intro{font-size:5em; line-height:0.9em; margin:15px 0 20px 10px; text-transform:uppercase;}
p.normal{margin-left:15px;}

a.fbButton{width:274px; height:24px; position: relative; display: block;}
	a.fbButton span{background:url(/images/save-wotton-pool-group-button.png) 0 0 no-repeat; position: absolute; top:0; left:0; width:100%; height:100%; display:block; }
	
	
	
/* New HP Styles */
.row{float:left; width: 920px; clear: left; margin:0 10px;}
.row .col{width:280px; float:left; margin-right:22px;}
	.row .col.box{width:270px;}
	.row .col.wide{width:607px;}

.row.sec{margin-top:20px;}
	.row.sec .col{border-left:1px solid #ccc; width:280px; padding:0 0 0 10px;}	

	.row .col.last{margin-right:-10px;}	

.mainFeature{position:relative; margin:10px 10px; height:180px;}
.mainFeature .panels{width:628px; height: 100%; position: absolute; top:0; bottom:0; border-right:1px solid #222; overflow: hidden;
-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
		.mainFeature .panel h2{margin:10px;}
		.mainFeature .panel a img{border:none;}


.mainFeature ul.featNav{padding: 0; width:292px; float:right; margin:0; font-size: 1.3em; text-shadow: #000 0 -1px 1px;}
	.mainFeature ul.featNav li{ list-style: none; padding:0; margin:0; display: block;}
	.mainFeature ul.featNav li a{padding:25px 10px 15px; height:20px; display: block; background: url(/images/bg-btn.png) 0 50% repeat-x; color:#fff; margin:0;}
	.mainFeature ul.featNav li:first-child a{-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;border-top-right-radius: 5px;}
	.mainFeature ul.featNav li:last-child a{-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;border-bottom-right-radius: 5px;}
	.mainFeature ul.featNav li.activeSlide a{background-position:0 0; text-shadow: #23415e 0 -1px 1px; color:#fff; outline:none;}
	.mainFeature ul.featNav li a:hover{background-position:0 100%; text-shadow: #23415e 0 -1px 1px; text-decoration: none; color:#fff; outline:none;}
	.mainFeature ul.featNav li a:active,
	.mainFeature ul.featNav li a:focus{outline:none; text-decoration: none;}


ul.bullets{padding-left:20px;}
	ul.bullets li{margin-bottom:0.2em;}
	
#left ul.bullets{font-size:1.1em; line-height: 1.5em;}

a.cta{padding:3px; background: rgba(0,0,0,.1); display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
a.cta span{display: inline-block; padding:0.5em 1em 0.3em; font-size: 1.2em; background:#f6ce5c url(/images/bg-cta.png) 0 50% repeat-x; text-shadow: #ffe7a0 0 -1px 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #dba301; color:#000; font-weight: bold; }
a.cta:hover{text-decoration: none; }
a.cta:hover span{text-shadow: #ffe7a0 0 1px 1px;}


.alert{margin:30px 20px 10px; border-top:1px solid #ee8686; border-bottom:1px solid #ee8686; background:#f8e8e8 url(/images/alert.gif) 10px 10px no-repeat;  padding:10px 10px 0 80px;margin:10px 20px; }