html, body {
   margin : 0;
   padding : 0;
   background-color: #000;
   background-image:
}

	body {
	font : 12px "Verdana", Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color : #000;
	text-align:center;
	}



#pagebackground-home{
position:relative;
width: 980px;
background: url("../images/background.jpg") no-repeat;	
text-align: center;
margin: 0 auto;
padding: 0;
height: 1600px;
}

#pagebackground{
position:relative;
width: 980px;
background: url("../images/background.jpg") no-repeat;	
text-align: center;
margin: 0 auto;
padding: 0;
height: 1300px;
}

#topmenu {
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height:53px;
	padding: 0;
	z-index: 200;
}



#topimagesmall {
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/insidetonarrowpbanner.jpg") no-repeat;
	width: 980px;
	height:192px;
	padding: 0;
	z-index: 100;
}

#paperhome {
	position: absolute;
	top: 425px;
	left: 20px;
	background: url("../images/shortpanel.jpg") no-repeat;
	width: 671px;
	height:838px;
	padding: 0;
	z-index: 300;
}

#paperactivities {
	position: absolute;
	top: 200px;
	left: 240px;
	background: url("../images/pagepanel.jpg") no-repeat;
	width: 691px;
	height:945px;
	padding: 0;
	z-index: 300;
}

#open7days {
	position: absolute;
	top: 300px;
	left: 0;
	background: url("../images/7days.png") no-repeat;
	width: 243px;
	height:115px;
	padding: 0;
	z-index: 400;
}

#open7days-inside {
	position: absolute;
	top: 620px;
	left: 0;
	background: url("../images/7days.png") no-repeat;
	width: 243px;
	height:115px;
	padding: 0;
	z-index: 400;
}

#pagesubmenu{
	position: absolute;
	top: 200px;
	left: 0;
	background: url("../images/menupanel.png") no-repeat;
	width: 230px;
	height:329px;
	padding: 0;
	z-index: 400;
}


#pagesubmenu_content {
	position: absolute;
	top: 210px;
	left: 10px;
	width: 190px;
	height:270px;
	padding: 0;
text-align: left;
color: #000;
overflow-y:auto;
overflow-x:hidden;
z-index: 500;
}


#activitysection1{
	position: absolute;
	top: 200px;
	left: 0;
	background: url("../images/wateractivitymenupanel.png") no-repeat;
	width: 230px;
	height:329px;
	padding: 0;
	z-index: 400;
}


#activity_content1 {
	position: absolute;
	top: 240px;
	left: 10px;
	width: 190px;
	height:270px;
	padding: 0;
text-align: left;
color: #000;
overflow-y:auto;
overflow-x:hidden;
z-index: 500;
}


#activitysection2{
	position: absolute;
	top: 540px;
	left: 0;
	background: url("../images/landactivitymenupanel.png") no-repeat;
	width: 228px;
	height:235px;
	padding: 0;
	z-index: 400;
}

#activity_content2 {
	position: absolute;
	top: 584px;
	left: 10px;
	width: 190px;
	height:165px;
	padding: 0;
text-align: left;
color: #000;
overflow-y:auto;
overflow-x:hidden;
z-index: 500;
}

#activitysection3{
	position: absolute;
	top: 780px;
	left: 0;
	background: url("../images/multimenupanel.png") no-repeat;
	width: 225px;
	height: 137px;
	padding: 0;
	z-index: 400;
}

#activity_content3 {
	position: absolute;
	top: 820px;
	left: 10px;
	width: 190px;
	height:90px;
	padding: 0;
text-align: left;
color: #000;
overflow-y:auto;
overflow-x:hidden;
z-index: 500;
}

#booknow{
	position: absolute;
	top: 550px;
	left: 700px;
	width: 250px;
	height: 189px;
	padding: 0;
	z-index: 400;
}

#activityimages{
	position: absolute;
	top: 740px;
	left: 730px;
	width: 150px;
	padding: 0;
	z-index: 400;
}

#activitymainimages{
	position: absolute;
	top: 520px;
	left: 730px;
	width: 150px;
	padding: 0;
	z-index: 400;
}

#pagenomenu{
	position: absolute;
	top: 190px;
	left: 30px;
	width: 150px;
	padding: 0;
	z-index: 400;
background: url("../images/activities/gallery/page-example.png") no-repeat;
}


#whatsnew {
	position: absolute;
	top: 710px;
	left: 0;
	background: url("../images/whatsnew.png") no-repeat;
	width: 250px;
	height:266px;
	padding: 0;
	z-index: 400;
}

#news_content {
	position: absolute;
	top: 770px;
	left: 16px;
	width: 210px;
	height:186px;
	padding: 0;
text-align: left;
color: #000;
overflow-y:auto;
z-index: 500;
}

.news_item{
margin: 0 0 6px 0;
}

#news_content  a{
font-weight: bold;
color: #005F2C;
}

#news_content  a:hover{
font-weight: bold;
color: #9C0302;
}

.news_headline{
font-size: 12px;
font-weight: bold;
color: green;
}

#myevoucherpadding{
padding: 2px 4px 2px 4px;	
}

#evoucher-home a{
font : 12px "Verdana", Arial, Helvetica, Tahoma, sans-serif;
font-weight: bold;
color: #FFF;
}

#evoucher-home a:hover{
font-weight: bold;
color: #FFF;
}

#evoucher-inside a{
font : 12px "Verdana", Arial, Helvetica, Tahoma, sans-serif;
font-weight: bold;
color: #FFF;
}

#evoucher-inside a:hover{
font-weight: bold;
color: #FFF;
}

#lateavailability {
	position: absolute;
	top: 410px;
	left: 0;
	background: url("../images/newspanel.png") no-repeat;
	width: 247px;
	height:299px;
	padding: 0;
	z-index: 400;
}

#late_content {
	position: absolute;
	top: 458px;
	left: 16px;
	width: 210px;
	height:230px;
	padding: 0;
text-align: left;
color: #000;
overflow-y:auto;
z-index: 500;
}

#lateavailability_rhs {
	position: absolute;
	top: 190px;
	left: 700px;
	background: url("../images/newspanel.png") no-repeat;
	width: 247px;
	height:299px;
	padding: 0;
	z-index: 400;
}

#late_content_rhs {
	position: absolute;
	top: 246px;
	left: 716px;
	width: 210px;
	height:230px;
	padding: 0;
text-align: left;
color: #000;
overflow-y:auto;
z-index: 500;
}

.late_item{
margin: 0 0 6px 0;
}

#late_content  a{
font-weight: bold;
color: #005F2C;
}

#late_content  a:hover{
font-weight: bold;
color: #9C0302;
}

.late_headline{
font-size: 12px;
font-weight: bold;
color: green;
}

#adventurevoucher {
	position: absolute;
	top: 970px;
	left: 0;
	width: 270px;
	height:219px;
	padding: 0;
	z-index: 400;
}

#adventurevoucher-activities {
	position: absolute;
	top: 930px;
	left: 0;
	width: 244px;
	height:190px;
	padding: 0;
	z-index: 400;
}

#infopanel {
	position: absolute;
	top: 200px;
	left: 700px;
	width: 250px;
	height:345px;
	padding: 0;
	z-index: 400;
}

#evoucher-home {
	position: absolute;
	top: 1230px;
	left: 0;
	background: url("../images/evoucher-home.png") no-repeat;
	width: 181px;
	height:168px;
	padding: 0;
	z-index: 400;
}

#evoucher-homeactive {
	width: 181px;
	height:168px;
	padding: 0;
	z-index: 400;
cursor:pointer;
}



#evoucher-inside {
	position: absolute;
	top: 750px;
	left: 40px;
	background: url("../images/evoucher-home.png") no-repeat;
	width: 181px;
	height:168px;
	padding: 0;
	z-index: 400;
}

#evoucher-insideactive {
	width: 181px;
	height:168px;
	padding: 0;
	z-index: 400;
cursor:pointer;
}



#pagecontent-home{
	position: absolute;
	top: 430px;
	left: 260px;
	width: 390px;
	height:660px;
	padding: 0;
	z-index: 400;
text-align: left;
overflow-y:auto;

}


#activitypagecontent{
	position: absolute;
	top: 216px;
	left: 270px;
	width: 400px;
	height:880px;
	padding: 0;
	z-index: 400;
text-align: left;
overflow-y:auto;

}


#mainpagecontent{
	position: absolute;
	top: 216px;
	left: 270px;
	width: 630px;
	height:880px;
	padding: 0;
	z-index: 400;
text-align: left;
overflow-y:auto;
border: 0px solid red;


}

#twitter-home {
	position: absolute;
	top: 1450px;
	left: 360px;
	width: 554px;
	height:98px;
	padding: 0;
	z-index: 400;
}

#twitter {
	position: absolute;
	top: 1150px;
	left: 300px;
	width: 554px;
	height:98px;
	padding: 0;
	z-index: 400;
}

#fourpanel {
	position: absolute;
	top: 1170px;
	left: 190px;
	width: 748px;
	height:261px;
	padding: 0;
	z-index: 400;
}

#tripadvisor {
	position: absolute;
	top: 1080px;
	left: 260px;
	width: 389px;
	height:130px;
	padding: 0;
	z-index: 400;
}

#calendar-home {
	position: absolute;
	top: 420px;
	left: 690px;
	width: 260px;
	height:331px;
background: url("../images/calendarpanel.jpg") no-repeat;
	padding: 0;
	z-index: 400;
}


#calendar-home-content{
position: absolute;
	top: 500px;
	left: 700px;
	width: 230px;
	height:200px;
	margin: 0;
text-align: left;
color: #000;
border: 0px solid green;
	z-index: 500;
}

#selectadventure {
	position: absolute;
	top: 420px;
	left: 690px;
	width: 260px;
	height:413px;
	padding: 0;
	z-index: 400;
	border: 0px solid red;
	
}


#footer{
	position:absolute;
	bottom: 0;
	left: 0;
width: 980px;
height: 128px;
background: url("../images/footer.png") no-repeat;
padding: 0;
font : 11px "Verdana", Arial, Helvetica, Tahoma, sans-serif;
font-weight: normal;
color: #FFF;
}

#footercontent{
margin: 82px 0 0 68px;
}


#contentbar {
	width: 100%;
	padding: 0;
	margin: 0;
background: #FFF;
}

#content {
	width: 980px;
	padding: 0;
	margin: 0 auto;
background: #FFF;
text-align: left;
}

#menubar {
	width: 100%;
	padding: 0;
	margin: 0;
background: url("../images/menubg.png") repeat-x;
height: 43px;
}

#mainmenu {
	position: relative;
	width: 980px;
	padding: 0;
	margin: 0 auto;
height: 43px;
text-align: center;
}





#footer a{
	color: #FFF;
}

#footer a:hover{
	color: #ccc;
	text-decoration: none;
}



.h2activity {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #EA3611;
margin: 10px 0 6px 0;
	}

.spacer {
height: 20px;
	padding: 0;
	margin: 0;
}

.clear{
  clear: both;
  line-height: 0;
height: 0;
font-size: 0;
  }




/* Normal links */
a:link, a:visited {
	color: #EA3611;
	text-decoration: underline;
	}

a:hover, a:visited:hover {
	color: #003366;
	text-decoration: underline;
	}

/* Image border and background color fixes */
a.img:link, a.img:visited, a.img:hover, a.img:visited:hover {
	border: none;
	background-color:transparent;
	}



		
.bold {
font-family: 'Verdana', arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;

}

.italic {
font-family: 'Verdana', arial, helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: italic;

}

h1 {

font-size: 16px;
font-weight: bold;
color: #EA3611;
	}

h2 {
	font-size: 14px;
font-weight: bold;
color: #EA3611;
	}

h3 {
	
	font-size: 12px;
	font-weight: bold;
	color: #CC6600;


	}

h4 {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #036;
	}

h5 {	
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	}

h6 {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #CC6600;
	font-variant: normal;
	}
	
	
.addToBasket{
	width: 170px;
	height: 34px;
	right: 8px;
	bottom: 31px;
}

.addToBasket a{
	display: block;
	width: 124px;
	height: 24px;
	padding-right: 46px;
	padding-top: 10px;
	color: #666666;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../images/bkgd-product-add.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: right;
	text-decoration: none;
}

.addToBasket a:hover{
	background-image: url(../images/bkgd-product-add.gif);
	background-repeat: no-repeat;
	background-position: 0px -35px;
	text-decoration: none;
	color: #CF5E02;
	font-weight: bold;
}

.prodName{
	font-weight: bold;
	font-size: 105%;
}

.price{
	font-weight: bold;
	font-size: 110%;
}

.product{
background: #fff;
border: 1px solid red;
padding: 10px;
margin: 6px;
}

.prodImages{
float:right;
width: 228px;
}

.prodText{
float:left;
width: 310px;	
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#late-availability{
	padding: 10px;
	margin:20px 20px 0 10px;
border: 1px solid #EA3912;
text-align: left;
background-color: #FFFF80;
				  }

#late-availability h2 {
	font-size: 14px;
font-weight: bold;
color: #000;
	}