@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
	margin: auto;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1A1A1A;
    }
	
    h1 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 5px;
	color: #333333;
    }


img {
	border: 0;
	border-color: #444444;
}

a.img {
	border-color: #444444;
}
	
.mainHeader {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	border-bottom: 1pt solid #000000;
}	
    p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
    }

    li {
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #2F4160;
	font-weight: bold;
	padding-bottom: 3px;
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 10px;
    }

.inputBox {
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
}
	img {
	}

.submitButton {
    border: 1px solid #747474;
    background: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
}
.submitButton:hover {
    border: 1px solid #747474;
    background: #aaaaaa;
}
	
img.floatLeft { 
    float: left; 
    margin-right: 8px; 
	margin-bottom: 4px;
}

img.floatLeft2 { 
    float: left; 
    margin-right: 15px; 
	margin-bottom: 15px;
}

img.floatRight { 
    float: right; 
    margin-left: 8px; 
	margin-bottom: 4px;
}
	
	/* Header styles */
    #header {
		position: relative;
        width:800px;
		margin: auto;
    }
	
	.logo {
		width: 300px;
		float: left;
		display: inline;
	}
	
	.logoRight {
		float: right;
		display: inline;
	}
	
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
		left: 50%;
		margin-left: -395px;
        width:790px;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column right menu settings */
	.rightmenu {
		background-image: url('../images/bodyBkgr.gif');
		background-position: top;
		background-repeat: no-repeat;

	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-196px;
        position:relative;
        right:100%;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
		margin: auto;
	}
	.rightmenu .col1 {
        margin:0 10px 0 200px;
        overflow:hidden;
		border-right:2px solid #E6E6E6;
		padding-right: 15px;
		width: 560px;
	}
    .rightmenu .col2 {
        float:right;
        width:200px;
        position:relative;
        left:200px;
    }
	
	.rightColumn {
	}
	
	/* Footer styles */
	#footerOverlay {
        clear:both;
		position: relative;
        width:800px;
		margin: auto;
		background-image: url('../images/footerBkgr2.gif');
    }
	#footer {
        width:100%;
		background-image: url('../images/footerBkgr1.gif');
		background-repeat: no-repeat;
		background-position: top;
    }
    #footer p {
		font-size: 11px;
        margin:0;
		text-align: center;
		color: #FFFFFF;
    }

    #footer a {
		font-size: 11px;
        margin:0;
		text-align: center;
		color: #FFFFFF;
		text-decoration: none;
    }

    #footer a.hover {
		text-decoration: underline;
    }

	.mainContent {
	margin-top: 20px;
	}


	#charityIcons {
		width: 100%;
		min-height: 80px;
		padding-left: 210px;
		padding-top: 10px;
	}
	
	#charityIcons .icons{
		width: 100%;
		float: left;
		display: inline;
	}
	


	#galleryBox {
		width: 100%;
		position: relative;
		float: left;
	}
	
	#galleryBox .galleryicon {
		width: 40px;
		float: left;
		display: inline;
		padding-left: 10px;
	}

	#galleryBox .galleryText {
		width: 140px;
		float: left;
		display: inline;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		padding-top: 7px;
		color: #000000;
	}


	#galleryBox .galleryShot {
		float: left;
		display: inline;
		padding: 5px;
	}
	
	#galleryBox .galleryShot2 {
		float: left;
		display: inline;
		padding: 2px;
	}

	#boxBooking {
		width: 100%;
		position: relative;
		float: left;
	}
	
	#boxBooking .heading {
		width: 100%;
		padding-top: 5px;
		padding-left: 10px;
	}

	#boxBooking .icon {
		width: 35px;
		float: left;
		display: inline;
	}

	#boxBooking .headingText {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #762711;
		width: 130px;
		float: left;
		display: inline;
		padding-top:5px;
	}
	
	.checkdates {
		float: left;
		padding-top: 10px;
		clear: both;
	}
	
	.dateHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	}
	
	.date {
		float: left;
		display: inline;
		padding-left: 10px;
		width: 138px;
	}
	
	.calendar {
		float: left;
		display: inline;
		width: 45px;
	}
	
	#boxSpecials {
		width: 100%;
		position: relative;
		float: left;
		min-height: 50px;
	}
	
	#boxSpecials .icon {
		width: 40px;
		float: left;
		display: inline;
		text-align: center;
	}

	#boxSpecials .headingText {
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #762711;
		width: 170px;
		float: left;
		padding-top:15px;
		margin-left: 5px;
		padding-right: 5px;
		border-bottom: 1pt solid #762711;
	}
	

	.flourish {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 54px;
	}

	#boxSpecials .specialsHeading {
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #FFFFFF;
		width: 95%;
		float: left;
		padding-top:5px;
		padding-left: 5px;
		text-align: center;
	}



	#boxSpecials .specialsText {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		width: 95%;
		float: left;
		padding-bottom:10px;
		padding-left: 5px;
		text-align: center;
	}

/***  Accommodation Page *****************************/

#accommListing {
	width: 100%;
	padding-top: 10px;
}

#accommListing .left{
	width: 130px;
	display:inline;
	position: relative;
	float: left;
}

#accommListing .right{
	width: 420px;
	display:inline;
	padding-left: 10px;
	position: relative;
	float: left;
}

.accomtitle{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	float: left;
	width: 100%;
	padding-top: 5px;
}

.accomtext{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	float: left;
	width: 100%;
	padding-top: 5px;
}


#collisting {
	width: 100%;
	position: relative;
	float: left;
}

#collisting .left {
	width: 120px;
	position: relative;
	float: left;
	display: inline;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #1A1A1A;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

#collisting .right {
	width: 300px;
	position: relative;
	float: left;
	display: inline;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #1A1A1A;
	font-size: 12px;
	line-height: 20px;
}

.smallText {
	position: relative;
	float: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #1A1A1A;
	font-size: 11px;
	font-weight: normal;
}

.smallTextBlue1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #405584;
	font-size: 11px;
	font-weight: normal;
}

.smallTextBlue2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #405584;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}

.heading {
	position: relative;
	float: left;
	width: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #762711;
}

a.button{ display:block;color:#FFFFFF;text-align:left;text-decoration:none;line-height:15px;height:15px;font-size:11px;font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; padding-bottom: 3px; }
a:hover.button{color:#FFFFFF; text-decoration:none;}

#button97 a {width:97px; background: url(../images/button97.gif) no-repeat left top;}
#button97 a:hover {background-position: left bottom;} 

.attractionsHeader {
	position: relative;
	float: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2F4160;
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 2px;
}
.attractionsText {
	position: relative;
	float: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	color: #333333;
}


#attractions {
	width: 95%;
	position: relative;
	float: left;
	padding: 5px;
}

#attractions .left {
	width: 190px;
	position: relative;
	float: left;
	display: inline;
}

#attractions .right {
	position: relative;
	float: left;
	display: inline;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 340px;
}

#attractions .button {
	width: 100%;
	float: left;
	padding-top: 5px;
}

#attractions2 {
	width: 100%;
	position: relative;
	float: left;
	padding-top: 5px;
}


#attractions2 .right {
	width: 190px;
	position: relative;
	float: left;
	display: inline;
	padding-left: 10px;
}

#attractions2 .left {
	position: relative;
	float: left;
	display: inline;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 340px;
}

#attractions2 .button {
	width: 100%;
	float: left;
	padding-top: 5px;
}


#attractionsMenu {
	width: 195px;
	background-color:#CCCCCC;
	background-repeat: no-repeat;
	background-position: bottom;
}

#attractionsMenu .heading{
	width: 185px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #203353;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1pt solid #203353;
}

a.attractionLink {
	width: 185px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #203353;
	background-image: url(../images/menuDotBlue.gif);
	line-height: 22px;
	padding-left: 25px;
	text-decoration: none;
	padding-top: 2px;
	}
	
a.attractionLink:hover {
	background-image: url(../images/menuDotBlack.gif);
	color: #000000;
	}

#buttonBlack a {width:194px; background: url(../images/menuBlack.gif) no-repeat left top;}
#buttonBlack a:hover {background-position: left bottom;} 

#button100 a {width:100px; background: url(../images/menuBlack.gif) no-repeat left top;}
#button100 a:hover {background-position: left bottom;} 

#button70 a {width:70px; background: url(../images/menuBlack.gif) no-repeat left top;}
#button70 a:hover {background-position: left bottom;} 

#button60 a {width:60px; background: url(../images/menuBlack.gif) no-repeat left top;}
#button60 a:hover {background-position: left bottom;} 

a.button2{ display:block;color:#FFFFFF;text-align:left;text-decoration:none;line-height:20px;height:16px;font-size:8pt;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;text-indent:10px;padding-bottom: 4px;}
a:hover.button2{color:#FFFFFF; text-decoration:none;}

#rooms { width: 550px; padding: 5px; float: left; border-bottom: 1pt solid #CCCCCC; padding-bottom: 15px; }
#rooms .image {position: relative; float: left; width: 160px; display: inline; }
#rooms .content { position: relative; float: left; display: inline; width: 360px; }
#rooms .title { position: relative; width: 100%; display: block; color: #2F4160; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
#rooms .desc { position: relative; width: 100%; display: block; padding-top: 2px; font-family: font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333333; }

#rooms .image2 {position: relative; float: left; width: 150px; display: inline; }
#rooms .content2 { position: relative; float: left; display: inline; width: 360px; padding-right: 10px; }

#expandedContent {width: 100%; float: left;}


a.accomm {
	color: #D37E44;
}

#newsletter {
	width: 300px;
}

#newsletter .left {
	width: 200px;
	float: left;
	display: inline;
}

#newsletter .right {
	width: 100px;
	float: left;
	display: inline;
	padding-top: 2px;
}

#dealBox {
	width: 182px;
	background-color: #4D4D4D;
	padding-left: 5px;
	padding-right: 5px;
}

#dealBox .title {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 5px;
}

#dealBox .desc {
	width: 100%;
	color: #FFFFFF;
	padding-bottom: 5px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#dealBox .small {
	font-size: 11px;
	font-style: italic;
	color: #FFFFFF;
}

#rightBoxContent {
	width: 150px;
	float: left;
	left: 10px;
}

#dealBox2 {
	width: 90%;
	padding-bottom: 20px;
}

#dealBox2 .title {
	width: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-bottom: 5px;
	font-weight: bold;
	text-decoration: underline;
}

#dealBox2 .desc {
	width: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-bottom: 5px;
}

#dealBox2 .small {
	font-size: 11px;
	font-style: italic;
	color: #333333;
}

#roomGallery {
	float: left;
	width: 540px;
	padding-bottom: 30px;
}

#roomGallery .galleryShot {
	float: left;
	display: inline;
	padding: 5px;
}

#roomGallery .galleryShot2 {
	float: left;
	display: inline;
	padding-right: 19px;
}


#roomBox {
	width: 500px;
	float: left;
	padding-top: 15px;
}

#roomBox .textLeft {
	width: 380px;
	float: left;
	display: inline;
}

#roomBox .imageRight {
	width: 220px;
	float: right;
	display: inline;
}

#tariffTable {
	width: 100%;
	float: left;
}

#tariffRow {
	width: 98%;
	float: left;
	padding: 3px;
}

#tariffRow2 {
	width: 98%;
	float: left;
	border: 1pt solid #666666;
	padding: 2pt;
}


#tariffRow .tariffBox1 {
	width: 39%;
	float: left;
	display: inline;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1A1A1A;
	font-weight: bold;
}

#tariffRow .tariffBox2 {
	width: 20%;
	float: right;
	display: inline;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1A1A1A;
}

#tariffRow2 .tariffBox1 {
	width: 50%;
	float: left;
	display: inline;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1A1A1A;
	font-weight: bold;
}

#tariffRow2 .tariffBox2 {
	width: 20%;
	float: right;
	display: inline;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1A1A1A;
	padding-top: 6px;
}

#seasonRateBox {
	width: 370px;
	float: left;
	margin-left: 100px;
	color: #1A1A1A;
	padding: 5px;
	border: 1pt solid #626264;
	font-size: 11px;
	line-height: 20px;
}

#seasonRateBox .seasonRateRow {
	width: 100%;
	float: left;
}

#seasonRateBox .left {
	width: 100px;
	float: left;
	display: inline;
	font-weight: bold;
}

#seasonRateBox .right {
	width: 240px;
	float: left;
	display: inline;
	border-left: 1pt solid #626264;
	padding-left: 10px;
}


/* Right Column */

#specialsBanner {
	width: 195px;
	float: left;
}


/* Specials Page */

#specialBox { width: 90%; float: left; }
#specialBox .line { width: 550px; float: left; display: block; padding-bottom: 18px; }
#specialBox .left{ width: 110px; float: left; padding-right: 10px; display: inline; }
#specialBox .right{ float: left; display: inline; width: 430px; }
#specialBox .title{ float: left; width: 430px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; display: inline; border-bottom: 1pt solid #666666; }
#specialBox .desc{ width: 100%; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; }

/* Theatre Pop Up Page */

#theatre_extra {width: 100%; float: left;}
#theatre_extra .title {width: 100%; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333;}
#theatre_extra .content { width: 100%; float: left;}
#theatre_extra .left {width: 220px; float: left; display: inline;}
#theatre_extra .right { width: 280px; float: left; display: inline;}
span.theatreTitle { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: bold;}
span.theatreName { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
span.price { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
p.description { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
p.dateHeading { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; margin-left: 15px; }
#theatre_extra .date { width: 322px; float: left; display: block;}
#theatre_extra .dateLeft {width: 140px; float: left; font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #000000;  display: inline; padding: 3px; padding-left: 5px; border: 1pt solid #FFFFFF; background-color:#c9c9c9; }
#theatre_extra .dateRight { width: 70px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; display: inline; padding: 3px; padding-left: 5px; border: 1pt solid #FFFFFF; background-color:#c9c9c9; }
#theatre_extra .lineLeft { width: 350px; float: left; display:inline; }
#theatre_extra .lineRight { width: 150px; float: left; display:inline; }


#specialsBox {width: 195px; float: left; background-image: url('../images/specialsBkgr.gif');}

#rightSpecial {width: 181px; float: left; padding-left: 7px; padding-bottom: 10px; padding-top: 10px;}
#rightSpecial .title {width: 181px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D; font-weight: bold; border-bottom: 1pt solid #D9D9D9;}
#rightSpecial .description {width: 100%; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4D4D4D; padding-top: 3px;}
#rightSpecial .link {width: 100%; float: left; text-align: right;}
a.rightSpecial { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2F4160; padding-right: 5px; text-decoration: none; font-weight: bold;}


/* Check Availability Box */

#check {width: 195px; float: left;}
#check .top {width: 195px; float:left;}
#check .content1 {width: 100%; float: left; min-height: 100px; background-image: url('../images/availabilityBkgr2.gif'); }
#check .content2 {width: 100%; float:left; background-image: url('../images/availabilityBkgr1.gif'); background-repeat: no-repeat; background-position: top;}
#check .text {width: 175px; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; padding-left: 10px; text-align: center;}

#check .bottom {width: 100%; float:left;}
#check .button {width: 150px; padding-left: 22px; padding-bottom: 10px;}

#checkline { width: 175px; padding-left: 10px; padding-bottom: 10px; float: left; Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
#checkline .left { float: left; display: inline; line-height: 20px;}
#checkline .right { float: right; display: inline; line-height: 20px;}

input.check {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D;}

.SubHeading { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: #2F4160; font-weight: bold; border-bottom: 1pt solid #2F4160; }


div.checkLabel { color: #FFFFFF; padding-bottom: 2px; padding-left: 10px; display: inline;}
div.checkInput { padding-bottom: 6px; padding-left: 10px; color: #405584; font-size: 11px; font-weight: bold; display: inline; }
div.checkLine { width: 200px; float: left; }
div.checkAdults { width: 80px; float: left; display: inline; color: #FFFFFF;  padding-left: 10px; }
div.checkChild { width: 90px; float: left; display: inline; color: #FFFFFF; }
div.checkButton { width: 185px; float: left; padding-top: 15px; text-align: right; }

input.disabled { color: #405584; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 3px; width: 120px; border: 0; background-color: #FFFFFF; }

input.dates { color: #000000; background-image: url('../images/calendar.gif'); background-repeat: no-repeat; background-position: right; font-size: 12px; padding: 2px; width: 160px; }
input.nights { color: #000000; background-image: url('../images/pixel_trans.gif'); background-repeat: no-repeat; background-position: right; font-size: 12px; padding: 2px; width: 30px; }
select.check { color: #000000; margin-left: 1px; background-image: url('../images/pixel_trans.gif'); background-repeat: no-repeat; background-position: right; font-size: 12px; padding-left: 1px; }
option.check { color: #000000; text-align: right; font-size: 12px; }