@charset "UTF-8";
/* CSS Document */
/*For further information about this stylesheet please contact andyprice.me.uk*/




/* ------------------Begin Page Styles------------------ */
* {
border:0;
padding:0;
margin:0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	background-color: #b7e5fa;
	padding:0;
	margin:0;
	background-image: url(../images/footer-rpt.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	text-align: center;
}
#container {
	width: 976px;
	background-image: url(../images/footer-mainbg.png);
	padding: 0 0px 0 0px;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align : left;
	margin: 0 auto;
}

a:visited{

text-decoration: none;}
/* ------------------Begin Header Styles------------------ */
#header {
	width: 100%;
	background-image: url(../images/bkg.jpg);
	padding: 0;
	background-repeat: no-repeat;
	background-position: top right;
	height:170px;
}
#container #logo {
	margin: 0;
	padding: 0px;
	width: 288px;
	height: 156px;
	float: left;
}
#container #header .here2help {
	color: #F4A041;
	font-size: 16px;
	margin: 0px 0 0 762px;
	padding-top:85px;
}
#container #header .number {
	margin-left: 782px;
	color: #003366;
	font-size: 24px;
	margin-top:30px;
	font-weight: normal;
	display: block;
}
#container #header #booking_now {
	margin-left: 468px;
	margin-top: 12px;
}


/* ------------------End Header Styles------------------ */




/* ------------------Begin left column Styles------------------ */
#navdiv{
	margin: 36px 10px 0 0;
	width: 173px;
	float: left;
	padding-left: 8px;
}
#container  #navdiv #nav {
	width: 240px;
	list-style-type: none;
	color: #003366;
	padding: 0;
	text-transform: capitalize;
	width: 170px;
}
#container  #navdiv  #nav li {
	height: 24px;
	background-repeat: no-repeat;
}
#container  #navdiv  #nav  li a {
	display: block;
	background-image: url(../images/men-b.png);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #0072AC;
	width: 162px;
	padding: 6px 0px 2px 8px;
}
#container #navdiv #nav li a:hover {
	background-image: url(../images/men-o.png);
	display: block;

}
#container  #navdiv .middle {
	display: block;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 24px;
	padding-left: 12px;
	background-image: url(../images/leftpanel.jpg);
	background-position: bottom;
	margin-right: 3px;
}

#container  #navdiv  .middle a:hover {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #990000;
	font-weight: bold;
	text-decoration:none;
}

#container  #navdiv  .offers h3 {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003366;
	font-weight: normal;
}


#container  #navdiv  .middle a {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #003366;
	font-weight: bold;
	text-decoration:underline;
}

#container  #navdiv .top {
	height: 12px;
	background-image: url(../images/leftpanel.jpg);
	display: block;
	background-repeat: no-repeat;
	margin-right: 3px;
}

#container #navdiv .middle h3 a {
	font-weight: normal;
	text-decoration: none;
}

#container #navdiv .middle h3 a:hover {
	font-weight: normal;
	text-decoration: underline;
}




/*
#container   #navdiv   #nav  .current {
	background-image: url(../images/men-s.png);
	display: block;
}	
*/

/* ------------------End left column Styles------------------ */


/* ------------------Begin centre column Styles------------------ */
h1{
	font-size: 24px;
	font-weight: normal;
	color: #003366;
	padding: 0 0 12px 12px;
}
h2{
	font-size: 18px;
	color: #003366;
}
h3{
	font-size: 14px;
	color: #003366;
	font-weight: normal;
	padding: 0;
}



h4{
	font-size: 14px;
}
h5{
	font-size: 12px;
	font-weight: bold;
	color: #363636;
	padding: 0 12px 0 12px;
}
h6{
}
h7{
}
p {
	font-size: 12px;
	padding: 0 12px 12px 12px;
	color: #424242;
}

#container #main {
	width: 560px;
	float: left;
	margin: 36px 0 0 0;
}
#container #main #maincontent {
	width: 560px;
	padding-top:12px;
	background-image: url(../images/main-t.png);
	background-repeat: no-repeat;
	padding-bottom:0px;
}

#gallery img {
	height: 66px;
	width: 66px;
	padding:6px;
	margin : 12px 0 0 12px;
}
#gallery a img {
	border: 0;
	width: 68px;
	height: 68px;
	outline: none;

}
#gallery  a:hover img{
	border: 1px solid #0099FF;
	height: 66px;
	width: 66px;
	outline: none;
	
}

#container #main #maincontent #gallery h5 {
	padding-bottom: 12px;
}

#container #main #maincontent #gallery {
	padding-bottom: 12px;
	background-color:#f1faff;	
}
#maincontent a{
	text-decoration: none;
	color: #3aa8df;
}

#topimages {
	padding-bottom:10px;
	background-color:#f1faff;
	overflow: hidden;
	width: 560px;
	}

#topimages img{
width: 536px
}
#Canvas0{
width: 494px;
}
#mainbodyarea { 
	background-color:#f1faff;
	}
#intro {
	font-size: 14px;
	color: #003366;
	font-weight: bold;
}

#container #main #maincontent ul {
padding-left: 36px;
}

#container #main #maincontent ol {
padding-left: 36px;
padding-right:10px;
}

#container #main #maincontent img {
margin-bottom:12px;
margin-left:12px;
margin-right:12px;
z-index:5;
}
#container #jumper {
	clear: both;
	height: 216px;
	width: 492px;
	margin: 24px 0px 50px 256px;
}
/* ------------------End centre column Styles------------------ */



/* ------------------Begin new styles for right column------------------ */

#container .cont1 {
	float: right;
	width: 216px;
	margin: 36px 8px 24px 0;
}
#container  .cont1 .top {
	height: 12px;
	background-image: url(../images/rightpanel.jpg);
	display: block;
	background-repeat: no-repeat;
}
#container  .cont1 .middle {
background-image:url(../images/rightpanel.jpg);
background-position:center bottom;
display:block;
padding:0 0 24px 22px;
}
#container  .cont1 .bottom {
	height: 24px;
	width: 100%;
}
#container  .cont1 .separator {
	height: 24px;
}
#container  .cont1  .middle h3 {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003366;
	font-weight: normal;
}

#container  .cont1  .offers h3 {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003366;
	font-weight: normal;
}


#container  .cont1  .middle a {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #003366;
	font-weight: bold;
	text-decoration:underline;
}
.middle p {
	padding: 6px 12px 0 0;
}
.cont1   .specialoffers  a {
	color: #ffffff;
	
}
#container .cont1 .middle .specialoffers a{
	color: #990000;
}

#container  .cont1  .middle a:hover {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #990000;
	font-weight: bold;
	text-decoration:none;
}




.illustration {
	float: right;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 12px;
}
/* ------------------End new styles for right column------------------ */

/* ------------------Begin footer Styles------------------ */
#container #footer a:link{
color:#fff;
text-decoration: none;
}
#container #footer a:hover{
text-decoration: underline;
}
#container #footer a[href$=".pdf"]{
margin-top: 10px;
}
#container #footer {
	height: 135px;
	width: 952px;
	clear: both;
	padding-top: 70px;
	margin-top: 0px;
}
#container #footer p {
	width: 196px;
	display: block;
	float: left;
	margin-left: 45px;
	color: #FFFFFF;
	border-left: solid #FFFFFF 1px;
	padding: 0 0 0 12px;
}
#container #footer #credits {
	display: block;
	width: 400px;
	clear: both;
	padding: 4px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 12px;
	border-left-style: none;
	font-size: 10px;
	color: #6F643C;
	float:none;
}
#container #footer #credits a {
	color: #6F3434;
}
#container #footer img {
	float: right;
	height: 48px;
	width: 121px;
	margin-left: 15px;
	margin-right: 30px;
}


/* ------------------End footer Styles------------------ */


#what {
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	width:535px;
	padding-bottom: 12px;
	margin: 0 0 0 12px;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
font-size: 12px;
padding: 0 0px 0px 0px;
}

#maincontent .shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #cccccc;
color: #4c4c4c;
background: white url(../images/shadeactive.gif) top left repeat-x;
}

#maincontent .shadetabs li a:visited{
color: #383636;
}

#maincontent .shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

#maincontent .shadetabs li a.selected{ /*selected main tab style */
position: relative;
color: #ffffff;
}

#maincontent .shadetabs li a.selected{ /*selected main tab style */
background-image: url(../images/shade.gif);
color: #ffffff;
}

#maincontent .shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
padding: 0px;
margin-right: 0px;
}
.tabcontent img {
	border: 1px solid #CCC;
	padding:4px;
	margin-left:20px;
	margin-bottom:30px;
	margin-top:5px;
}

.tabcontent img.no-border {
	border: none;
	padding:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
}

#container .cont1 .middle h3 a {
	font-weight: normal;
	text-decoration: none;
}
#container .cont1 .middle h3 a:hover {
	font-weight: normal;
	text-decoration: none;
}

#container .offers h3 a {
	font-weight: normal;
	text-decoration: none;
}

#container .offers h3 a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #990000;
}
#container .cont1 .offers h3.white a{
color: white;
}

#ecardform{
padding-left: 12px;
}
#ecardform .cardbox {
	float: left;
	width: 200px;
	padding: 24px 0 24px 24px;
	margin-right: 12px;
}

#ecardform img {
	border: 1px solid #CCC;
	padding:4px;
	margin-left:20px;
	margin-bottom:30px;
	margin-top:5px;
}



#ecardform #enquiry {
	border: 1px solid #CCCCCC;
}
#container #main #maincontent  #ecardform input {
	border:1px solid #cccccc;
}
#container #main #maincontent  #ecardform textarea {
	border:1px solid #cccccc;
}
#ecardform label {
	width: 200px;
	clear: both;
	float: left;
	height: auto;
	text-align: right;
	display: block;
	margin-top: 24px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
}

.ecardstyle {
	padding: 10px 0 0 4px;
	margin: 24px 0 2px 0;
	float: left;
	}
	.ecardstylechk {
padding: 10px 0 0 4px;
	margin: 36px 0 2px 0;
	float: left;
	border: 0;
	}

.buttons {
	padding: 10px 0 0 0;
	clear: both;
	margin: 12px 0 0 210px;
}

#ecardform input { 
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.middle .intro {
	color: #990000;
	font-weight: bold;
}
#forminfo {
	clear: both;
	margin-top: 36px;
	display: block;
	float: left;
	width: 90%;
}
#container #main #maincontent #tariff table {
	width: 480px;
	padding: 0;
	margin: 0;
	border: 0;
	margin-left:13px;
}

#container #main #maincontent #tariff caption {
	padding: 0 0 5px 0;
	width: 300px;	 
	font: italic 10px Arial, Helvetica, sans-serif;
	text-align: left;
}

#container #main #maincontent #tariff th {
	color: #666666;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	text-transform: none;
	text-align: left;
	padding: 6px 6px 6px 12px;
	font-size: 11px;
}

#container #main #maincontent #tariff th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#container #main #maincontent #tariff td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #666666;
	font-size: 11px;
}

#container #main #maincontent  #ecardform .ecardstylemissing {
	border:1px solid #990000;
}

#security_code {
	margin: 38px 0 0 0;
}
#ecardform fieldset {
	border-top:1px solid #cccccc;
	margin: 36px 12px 0 0;
	padding: 12px 0 0 0;

}
#ecardform legend{
	padding: 0 12px 0 0;
	font-size: 14px;
	text-transform: capitalize;
	color: #003366;
}


/* --------begin table styles -------- */

#main table {
	width: 525px;
	padding: 0;
	margin: 0 0 0 12px;
	border: 0;
}
#main .inthespotlight table{
	width: 495px;

}
#main caption {
	padding: 0 0 5px 0;
	width: 300px;	 
	font: italic 10px verdana, sans-serif;
	text-align: left;
}

#main th {
	font: 12px verdana, sans-serif;
	color: #003366;
	border: 1px solid #C1DAD7;
	border-left: none;
	text-transform: none;
	text-align: left;
	padding: 4px;
	padding-left:12px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}

#main th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#main td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #006699;
	font-size: 12px;
}
#main td.alt {
	color: #003366;
	background-color: #EEF4F7;
}

#main th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: bold 10px verdana, sans-serif;
}

#main th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #e5cebd url(../images/bullet2.gif) no-repeat;
	font: bold 10px verdana, sans-serif;
	color: #003366;
}
.offer {
	margin: 12px;
	padding: 12px;
	border: 4px dashed #990000;
}
.offer p {
	margin-left: 0px;
	padding-left: 0px;
}
#container .cont1 .offers {
	padding-left: 20px;
	background-image:url(../images/booknowbutton2.jpg);
	background-repeat:no-repeat;
	height: 98px;
	padding-top: 12px;
}
#bottomcorners{
width: 560px;
}


#picturegallery {
	margin-bottom:5px;
	float:left;
	margin-left: 0px;

	
}

.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }
	
.clear {
	display: block;
	width: 100px;
	height:1px;
	clear: both;
}

.inthespotlight {
padding:5px;
padding-top:10px;
border:2px dotted #accedd;
background-color:#e3eef2;
margin:12px;

}
.inthespotlight2 {
padding:5px;
padding-top:10px;
border:2px dotted #accedd;
background-color:#edf5f8;
margin:12px;

}


.inthespotlight3 {
padding:5px;
padding-top:10px;
border:2px dotted #accedd;
background-color:#ffffff;
margin:12px;
background-image:url(images/unison_logo.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:103px;
height:40px;

}

#kidsclubbutton {
text-decoration: none;
display: block;
background-image: url(../images/LEFTCOLbutton.jpg);
background-repeat: no-repeat;
width:173px;
height: 113px;

}
#kidsclubbutton h3{
	padding-top: 8px;
	padding-left: 12px;
	color: #ff6c34;
}
#kidsclubbutton h3 a{
	text-decoration: none;
	color: #ff6c34;
}
#kidsclubbutton p{
	padding-top: 3px;
	text-decoration: none;
	color: #525252;
}
.inthespotlight p a{

	text-decoration: none;

	color: #5e88b1;

}



.inthespotlight p a:hover{
	text-decoration: underline;
	color: #990000;
}
#downloadlist2 {
	padding-top: 10px;
	list-style-type: none;
	display: block;
	clear: both;
	width: 420px;
	padding-left: 0px;
}
#downloadlist2 li {
	display: block;
	width: 420px;
	clear: both;
}

#downloadlist2 p {
padding-top:5px;
padding-bottom:0px;
margin-bottom:0px;}

#downloadlist2 li:first-child {
border-top: 0px;
}
#downloadlist2 li a{
	padding: 0 0 2px 0px;
	display: block;
}
#downloadlist2 li a:hover{
	background-color: #f6f8f8;
}
#container #main #maincontent a:hover{
	text-decoration: underline;
	color: #990000;
}
a[href$=".pdf"] {
background-image:url(../images/PDF_icon.png);
background-repeat: no-repeat;
display:block;
height: 48px;
padding: 20px 0 0 50px;
}
#maincontent a.bookingbtn{
background-image:url(../images/bookingbutton1.jpg);
background-repeat:no-repeat;
background-position: center center;
display:block;
font-size:16px;
height:45px;
padding:15px 0 0 50px;
width:115px;
}
#tftop.bookingbtn {
margin:-120px 0 0;
float:right;
z-index: 5;
position: relative;
}
#sotop.bookingbtn{
margin:-50px 0 0;
float:right;
z-index: 1;
}
.close{
border:10px solid #E1E8EC;
height:85px;
margin:15px;
position:relative;
width:auto;
}
.close .col{
float:left;
padding:10px;
width:235px;
}
.close col.left{

}
.close .col.right{

}
.close .col.left p{
font-size:16px;
padding:0;
}
#maincontent #tfbtm.bookingbtn{
margin:5px 30px;
}

#midbarlogin{

width:600px;
height:530px;
margin-left:100px;


}
#topbarlogin{
padding-top:70px;

}

.adminform{
font-size:13px
}

.adminform label{
padding-left:10px;

}

.adminform input{
height:20px;
padding:2px;


}

.adminform button{
padding-left:10px;


}

.adminform .submitbuttn {background-color:#666666;
color:#FFFFFF;
margin-left:15px;
padding:3px;
}
.adminbrochures{
border:1px dotted #cccccc;
margin-left:20px;
width:480px;
padding:20px;
}
.brochureupdateform{
	float:left;
	border:1px dotted #cccccc;
	margin-left:20px;
	width:228px;
	padding:10px;
	margin-bottom:20px;
	display:block;
}

input.bookingbtn{
background-image:url(../images/bigbutton.png);
background-position:center center;
background-repeat:no-repeat;
display:block;
font-size:14px;
height:53px;
margin-left:10px;
padding:0;
width:147px;
}
.brochureupdateform input.bookingbtn{
clear: both;
float: none;
}

a[href$=".doc"] {
background-image:url(../images/DOC_icon.png);
background-repeat: no-repeat;
display:block;
height: 48px;
padding: 20px 0 0 50px;
}
.wideinput3, .wideinput2 {
width: 90%;
padding: 3px 1px;
}