@charset "utf-8";
/* CSS Document */
body { margin: 0;padding-bottom: 2em;background-color: #ffffff; color: #9a8c56;	font-family: book antiqua; position: relative; font-size:14px; }

h1 { color: green; font-size: 14px;  }
p {	color: black; font-size: 12px;  text-align:justify; }
a { text-decoration: none; color: #000; border: none; }
img { border: none; }
a:hover { color: green; }

div#flashplayer { z-index: -1; }

input { color: green; font-size: 10px; }
select { color: green; font-size: 10px; }

div#wrap {	width: 760px; height: 100%; background-color: #fefef5; } /* cream */
	div#header { width: inherit; height: 284px; }
		#header .header1 { height: 104px; background-image:url(../images/header1.jpg); }
		#header .header2 { height: 39px; background-image:url(../images/header2.jpg); }
		#header .header3 { height: 141px; background-image:url(../images/header3.jpg); }
		
		div#email { clear: both; padding: 10px; }
			#email .cellleft { float: left; width: 350; text-align: left; }
			#email .cellright { float: left; width: 350; text-align: right; vertical-align: middle;}
		div#header .flash { clear: both; width: inherit; height: 135px; padding-top: 2px;}
		
	div#menu { width: inherit; height: 46px; background-image:url(../images/menu.jpg); position: relative; }
		#menu a { position: absolute; height: 46px; text-indent: -1000em; }
		#menu .home a { width: 117px; top: 0px; left: 0px; background-image:url(../images/home.jpg);}	
		#menu .home a:hover { background-image:url(../images/homeover.jpg); }
		
		#menu .price a { width: 156px; top: 0px; left: 119px; background-image:url(../images/price.jpg);}	
		#menu .price a:hover { background-image:url(../images/priceover.jpg); }
	
		#menu .info a { width: 168px; top: 0px; left: 278px; background-image:url(../images/info.jpg);}	
		#menu .info a:hover { background-image:url(../images/infoover.jpg); }
	
		#menu .brochure a { width: 143px; top: 0px; left: 448px; background-image:url(../images/brochure.jpg);}	
		#menu .brochure a:hover { background-image:url(../images/brochureover.jpg); }
		
		#menu .qa a { width: 168px; top: 0px; left: 592px; background-image:url(../images/qa.jpg);}	
		#menu .qa a:hover { background-image:url(../images/qaover.jpg); }
			
		#menu ul { margin: 0; padding: 0; list-style: none; }
	
		img { border: 1px #5fb12e; }

	div#clear {clear: both; }
	div#divider { width: 760px; height: 5px; background-image:url(../images/divider.jpg); clear: both; }
	
	div#contentwrap { width: 760px;  background-image:url(../images/bk.jpg); height: 100%; overflow:hidden; }
	div#contentwrapnobk { width: 760px; height: 100%;}
		div#side { width: 192px; float: left; min-height: 800px; }
		div#navigation { width: 192px; font-size: 14px; font-family: Waters Titling Pro; }
		div#navigation { text-align: left; position: relative; }
		
			div#navigation a { position: absolute; height: 28px; text-decoration: none; color: #9A8C56;  padding-top: 5px; text-indent: 20px;}
			div#navigation a:hover { color: green; }
			
			div#navigation .about a { width: 192px; top: 18px; background-image:url(../images/left.jpg);}	
			div#navigation .about a:hover { background-image:url(../images/leftover.jpg); }	
			
			div#navigation .prices a { width: 192px; top: 46px; background-image:url(../images/left.jpg);}	
			div#navigation .prices a:hover { background-image:url(../images/leftover.jpg); }	
			
			div#navigation .ten a { width: 192px; top: 74px; background-image:url(../images/left.jpg);}	
			div#navigation .ten a:hover { background-image:url(../images/leftover.jpg); }	
			
			div#navigation .provide a { width: 192px; top: 102px; background-image:url(../images/left.jpg);}	
			div#navigation .provide a:hover { background-image:url(../images/leftover.jpg); }	
			
			div#navigation .gallery a { width: 192px; top: 130px; background-image:url(../images/left.jpg);}	
			div#navigation .gallery a:hover { background-image:url(../images/leftover.jpg); }	
			
			div#navigation .brochures a { width: 192px; top: 158px; background-image:url(../images/left.jpg);}	
			div#navigation .brochures a:hover { background-image:url(../images/leftover.jpg); }	
			
			div#navigation .qanda a { width: 192px; top: 186px; background-image:url(../images/left.jpg);}	
			div#navigation .qanda a:hover { background-image:url(../images/leftover.jpg); }	
			
			div#navigation .test a { width: 192px; top: 214px; background-image:url(../images/left.jpg);}	
			div#navigation .test a:hover { background-image:url(../images/leftover.jpg); }	
			
			div#navigation .tandc a { width: 192px; top: 242px; background-image:url(../images/left.jpg);}	
			div#navigation .tandc a:hover { background-image:url(../images/leftover.jpg); }	
			
			div#navigation .news a { width: 192px; top: 270px; background-image:url(../images/left.jpg);}	
			div#navigation .news a:hover { background-image:url(../images/leftover.jpg); }	
			
			div#navigation .contact a { width: 192px; top: 298px; background-image:url(../images/left.jpg);}	
			div#navigation .contact a:hover { background-image:url(../images/leftover.jpg); }	
			
			div#navigation .visit a { width: 192px; top: 326px; background-image:url(../images/left.jpg);}	
			div#navigation .visit a:hover { background-image:url(../images/leftover.jpg); }	
			
			div#navigation .links a { width: 192px; top: 354px; background-image:url(../images/left.jpg);}	
			div#navigation .links a:hover { background-image:url(../images/leftover.jpg); }	
					
			div#navigation ul { margin: 0; padding: 0; list-style: none; }
			
		div#content { width: 550px; height: 100%; float: right; text-align: left;}
		
		/* Front page video and images */
		div#media { clear: both; width: 550px; }
			div#video { float: left; width: 50%; }
			div#video p { width:250px; }
			div#outdoor { float: left; width: 50%; }
			div#outdoor p { width:250px; text-align: center; }
		
		div#comp { width: 550px; height: 745px; background-image:url(../images/advert.jpg); }

		

		div#image { clear: both;  position: absolute; top: 390px; }
			
			div#tipilogo { width: 141px; height: 92px; background-image:url(../images/tipilogo.jpg); clear: both; float: left; top: 460px; position: absolute; left: 20px;}
			
			div#riverholder { width: 141px; clear: both; left: 20px; position: absolute; top: 560px; }	
				ul#river li a { display: block; background: url(../images/rivers.gif) no-repeat top left; 
								width:141px; height: 91px;  }
				ul#river li a:hover {	background: url(../images/rivers.gif) no-repeat bottom left; }
			
			div#newholder { width: 141px; clear: both; left: 20px; position: absolute; top: 665px; }	
				ul#new li a { display: block; background: url(../images/newbus.gif) no-repeat top left; 
								width:141px; height: 47px;  }
				ul#new li a:hover {	background: url(../images/newbus.gif) no-repeat bottom left; }
				
				div#truffle { clear: both;  position: absolute; top: 720px; }
			
			
		
		div#enquiry { width: 160px; height: 200px; clear: both; float: left;}
		
		div#footer { clear: both; width: 760px; font-size: 12px;  padding-bottom: 50px; padding-top: 5px;}
			div.tfivel { width: 25%; float: left; text-align: left;}
			div.fifty { width: 50%; float: left; }
			div.tfiver { width: 25%; float: left; text-align: right;}
		div#footer a { text-decoration: none; color:#9a8c56; }
		div#footer a:hover { color: green; }
		
		div#legal { clear: both; width: 760px; font-size: 9px;  font-style:italic;}
		
		/* Home */
		div#home { clear:both; }
		div#homeheader { width: 550px; height: 266px; background-image:url(../images/homeheader.jpg); }
		div#hometext { width: 550px; color:#000; font-size: 12px; text-align:justify; padding-top: 25px; padding-bottom: 25px;}
		div#homeborder { width: 550px; height: 180px; background-image:url(../images/hometipiborder.jpg); padding-top: 25px;  padding-left: 25px; padding-right: 25px; text-align: center;}
		div#homeborder label { color: green; text-decoration:underline; font-size:16px; }
		div#homeborder p { color: #000; text-align:justify; font-size:14px; }
		div#hometipi { width: 550px; height: 360px; background-image:url(../images/hometipi.jpg); }
		div#hometipi label { color: green;  font-size:24px; font-weight: bold;}
		div#hometipi a {color: green; }
		div#hometipi h1 { color: green;  font-size:16px; }
		div#hometipi p { color: white;  font-size:14px; }
		
		/* About page */
		
		div#aboutpic { width: 550px; height:256px; background-image:url(../images/about.jpg); border: solid #9a8c56 1px; }
		
		/* Prices */
		div#prices { width: 760px; clear:both;}
		div#prices p { color: #000; text-align:justify; font-size:10px; }
		div#prices label.h1 { color: #6a641a; text-decoration:underline; font-size:11px; }
		div#prices h2 { color: #6a641a; font-weight: bold; font-size:16px; }
		div#prices h3 { color: #6a641a; font-size:11px; }
		div#prices a { color: #6a641a;  }
		div#priceleft { float: left; width: 380px; }
			div#pricelogo { float: left; width: 150px; height: 94px; background-image:url(../images/pricelogo.jpg); }
			div#priceadd { float: left; width: 200px; text-align: center; margin: 10px; }
			
			div#pricetext { float: left; width: 360px; margin: 10px;}
			
			div#pricelist { float: left; width: 200px; height: 152px; background-image:url(../images/pricelist.jpg); }
			div#pricetext2 { float: left; width: 320px; margin: 10px; }
		div#priceright { float: left; width: 200px; }
			div#pricecalendar { float: left; width: 157px; height: 500px; background-image:url(../images/pricecalendar.jpg); } 
		
		
		/* 10 Things */
		
		div#know { text-align: justify;  font-size: 12px; color: #000;}
			div#know label#caps { text-decoration:underline; text-transform: uppercase; font-weight:bold; font-size: 10px;}
			div#know li { padding-bottom: 10px; }
		
		/* Brochure */
		
		div#brochure { clear: both; width: 550px; padding-top: 30px;  font-size: 12px; color: #000;}
			div#brochurecover { width: 170px; height: 221px; background-image: url(../images/brochurecover.jpg); float: left; border: solid #9a8c56 1px;} 
			div#frontcover { width: 170px; height: 221px; background-image: url(../images/frontcover.jpg); float: left; border: solid #9a8c56 1px;}
			div#contact { width: 170px; height: 121px; background-image: url(../images/cover.jpg); float: left; border: solid #9a8c56 1px;}
			div#brochuredivide { width: 11px; height: 50px; float: left; background-image: url(../images/white.jpg); }
			div#brochuretxt { width: 170px; text-align: center; float: left;}
			div#brochure label.how { font-style:italic; font-size:11px; }
			div#brochure label.size { color: green; }
			div#brochuretxt a { text-decoration: none; color: #000; }
		
		div#adobe { width: 550px; height: 26px; clear:both;  font-size: 10px; padding-top: 30px; }
			div#icon { width: 100px; height: 26px; background-image:url(../images/adobe.png); float: left;}
			div#getreader { width: 450px; height: 26px; float: left; color: #000; padding-top: 7px;}
		
		/* Boooking Form */
		div#booking { clear: both; width: 550px; padding-top: 30px;  font-size: 12px; color: #000;}
			div#bookingdivide { width: 50px; height: 50px; float: left; background-image: url(../images/white.jpg); }
			div#tc { width: 200px; height: 268px; background-image: url(../images/tc.jpg); float: left; border: solid #9a8c56 1px;}
			div#bf { width: 200px; height: 268px; background-image: url(../images/bookingform.jpg); float: left; border: solid #9a8c56 1px;}
			
			div#bookingtxt { width: 200px; text-align: center; float: left;}
			div#booking label.how { font-style:italic; font-size:11px; }
			div#booking label.size { color: green; }
			div#bookingtxt a { text-decoration: none; color: #000; }
		
		/* Q & A */
		div#qa { text-align: justify;  font-size: 10px; }
			div#q { color: #9a8c56; font-weight: bold; font-size: 10px; }
			div#a { padding-bottom: 10px; color: green; margin: 15px 15px 5px 10px; }
			label#link { cursor: pointer; }
			label#link a:hover { color:#002395; }
		
		/* Testimonial */
		div#test { clear: both; width: 550px; padding-top: 30px;  font-size: 12px; color: #000;}
			div#test .txt { width: 330px; float: left; text-align: justify; padding-right: 10px;}
			div#test .testimg { width: 200px; height: 179px; float: left; background-image:url(../images/testimonial.jpg); border: 1px #5fb12e solid; }
			div#testimonial { color: #9a8c56; padding-bottom: 15px;}
			div#thanks { text-decoration: underline; text-align: center; font-weight: bold; padding-bottom: 10px;}
		
		/* Gallery */
		div#gallerywrap { width: 550px; claer: both; padding-top: 20px; }
			div#gallerypic { width: 180px; height: 100px; float: left; text-align: center; }
			.galimg { border: solid 1px #9a8c56; }
		
		/* Contact */
		div#contactus { clear: both; width: 550px; padding-top: 30px;  font-size: 12px; color: #000;}
			div#form { float: left; width: 300px; }
				div#formitem { clear: both; }
					div.fieldtxt { width: 100px; float: left; padding-bottom: 10px;}
					div.fieldinp { width: 200px; float: left; padding-bottom: 10px;}
			div#address { float: left; width: 210px; padding-left: 40px;}
		
		/* Links */
		div#useful { clear: both; width: 550px; padding-top: 30px;  font-size: 12px; color: #000;}
		
		/* Administration Page */
		div#admin { clear: both; width: 760px; padding-top: 30px;  font-size: 12px; color: #000;}
			div#adminpanel { width: 230px; float: left; padding-left: 10px;}
		
		/* Picture Editing Layout  delete*/
		div#picture { clear: both; width: 700px; padding-top: 30px;  font-size: 12px; color: #000;}
			div#pictureimage { float: left; width: 150px; padding-left: 20px; }
			div#pictureback {float: left; background:green; color:#fff; font:17px/21px calibri; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3; position: relative; top: 110px; width: 10px;} 
			div#pictureactions {float: left; background:green; color:#fff; font:17px/21px calibri; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3; position: relative; top: 110px; left: 40px; }
			div#picture a { color: #FFF; }
			
			/* Update */
			div#updateimage { float: left; width: 200px; padding-left: 20px; }
			div#updateback {float: left; background:green; color:#fff; font:17px/21px calibri; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3; position: relative; top: 155px; width: 10px;} 
			div#updateactions {float: left; background:green; color:#fff; font:17px/21px calibri; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3; position: relative; top: 65px; left: 40px; }
			div#updatetext { width: 180px; padding-top: 10px;}

		div#picture textarea { height: 30px; outline:none; resize:none; border:green 1px solid; background: none;}
		div#picture .input { outline:none; resize:none; border: none; background: none; font:17px/20px calibri; color:#fff; font-weight:bold; }
		
			/* add */
			div#addimage { float: left; width: 400px; padding-left: 20px; }
			div#addback {float: left; background:green; color:#fff; font:17px/21px calibri; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3; position: relative; top: 78px; width: 10px; left: -220px;} 
			div#addactions {float: left; background:green; color:#fff; font:17px/21px calibri; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3; position: relative; top: 79px; left: -180px; }
	

/* Availabilty box and Calendar */
.kcbIn { line-height:18px; padding:0px;	height : 18px; width: 25px;	border-right : 1px dotted gray;	border-bottom : 1px dotted gray;margin : 0; cursor:pointer;	text-align:center;}
.kcbItem { float : left ;  } 
.button { width: 70px; height: 21px; color: #5fb12e; border: 1px #948750 solid; background-color: #eee1b5; cursor: pointer; }

/* Confirm and get address details */
div#container { clear: both; width: 760px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 10px; padding-bottom: 20px; text-align: left;}
div#bookingdetails { width: 760px; padding-left: 60px;}
div#bookingdetails u { color: green; font-weight: bold; }
div#bookingdetails	p {	 width: 640px; color: 9a8c56; font-size: 12px;  text-align:justify; }
div#middetails { width: 300px; float: left; text-align: left; padding-left: 40px;}
div#rightdetails { width: 300px; float: left; text-align: left; padding-left: 20px;}
label#detailserror { color: green; font-size: 12px; font-weight:bold;}
div#grid { padding-bottom: 50px; text-align: center;}
div#details { width: 60px; float: left; }
div#cost { clear:both; width: 60px; text-align:center; font-size: 11px; font-weight: bold; padding-bottom: 10px;}

div#ordertrail { width: 600px; padding-top: 20px; padding-bottom: 30px; font-size: 14px; font-weight: bold;}
div#searchtrail { width: 50px; float: left; height:12px; }
div#calendartrail { width: 100px; float: left; height:12px; }
div#personaltrail { width: 100px; float: left; height:12px; }
div#confirmtrail { width: 100px; float: left; height:12px; }
div#nexttrail { width: 12px; float: left; height:12px; background:url(../images/next.jpg);  }
div#ticktrail { width: 12px; float: left; height:12px; background:url(../images/tick.jpg);  }

label#done { color:#CCC; }
label#current { color: green; }
label#done a { color:#CCC; }
label#current a { color:green; }

div#confirmdetail { padding-bottom: 5px; }
div#confirmdetails {clear:both; }
div#confirmdetailleft { padding-bottom: 5px; width: 100px; float: left; }
div#confirmdetailright { padding-bottom: 5px; width: 300px; float: left; }
div#confirmdetailno { padding-bottom: 5px; width: 15px; float: left; }

label#orderref { font-weight:bold; font-size:12px; color: green; }
.imgbutton { cursor: pointer; }
.imgbutton hover { color: green; }
.availabilitycheck { width: 220px; height: 130px; font-size: 10px; color: green; }

div#statuslabel { width: 300px; }

div#canoestatus { width: 400px; clear: both; }
label#canoeserror { color:#F00; font-size: 12px; font-weight:bold;}

/* Update panel */
		div#leftpanel { width: 280px; float: left; }	
		div#rightpanel { width: 380px; float: left; padding-left: 40px; text-align: left; }	
		.box
		{
			background:#EEEEEE;
			border:solid 1px #CCCCCC;
			width:710px;
			height:450px;
			margin:10px;
			padding:10px;
		}
		.updatepanel
		{
			background:#DFF3FF;
			border:solid 1px #C6E1F2;			
		}
		.clear
		{
			clear:both;
		}
		.countryselect
		{
			width:130px;
		}
		.notification
		{
			float: left;
			font-style:italic;
			padding-top:10px;
		}
		
		div#over { clear: both; }
		div#nite { float: left; width: 125px; }
		div#avail { float: left; width: 125px; font-size: 9px; }
		label#greenbold { font-size: 12px; color: green; }
	
		#OKMsg{ clear:both; background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; height:80px; }

		#canoeavail { float: left; width: 90px; height: 80px;}

/* Diary */
#diarycontainer { font-size: 10px; height: 30px; text-align:center; padding-top: 20px;}
	#xsmallcolor { width: 15px;  height: 30px; background-color:#CCC; color: green; border: 1px solid #999;}
	#vsmallcolor { width: 20px;  height: 30px; background-color:#CCC; color: green; border: 1px solid #999;}
	#smallcolor { width: 60px; height: 30px; background-color:#CCC; color: green; border: 1px solid #999;}
	#mediumcolor { width: 80px; height: 30px; background-color:#CCC; color: green; border: 1px solid #999;}
	#largecolor { width: 110px; height: 30px; background-color:#CCC; color: green; border: 1px solid #999;}
	
	#xsmall { width: 15px; height: 30px; border: 1px solid #999;}
	#vsmall { width: 20px; height: 30px; border: 1px solid #999;}
	#small { width: 60px; height: 30px; border: 1px solid #999;}
	#medium { width:80px; height: 30px;border: 1px solid #999; }
	#large { width: 110px; height: 30px;border: 1px solid #999; }

/* Stats & Admin Page */
div#stats { clear: both; text-align: left; font-family:Verdana, Geneva, sans-serif; font-size:10px; padding-top: 4px;}
	div#leftstat { float: left; width: 85px; height: 30px; }
	div#rightstat { float: left; width: 110px; height: 30px; }

/* Delete bookings */
div#deletebooking { clear: both; font-size: 10px; height: 30px; text-align:center; }
	div#bsma { width: 30px; float: left; }
	div#bmed { width: 80px; float: left; }
	div#blrg { width: 140px; float: left; }
	div#blrg b { color: green; }

/* Search results */
div#searching { width: 300px; clear: both; }
div#ref { width: 30px; float: left; }
div#bookingdate { width: 80px; float: left; }
div#total { width: 20px; float: left; }
div#lname { width: 150px; float: left; }

.length { width: 550px; }
.height { width: 540px; height: 200px;}