@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;
	background-color: #231f20;
	background-image: url(../images/bkgr.gif);
	background-repeat: repeat-x;
    }
	
    h1 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 5px;
	color: #D1D1D1;
    }

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: #D1D1D1;
    }

    li {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	padding-bottom: 3px;
    }

.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: 10px; 
	margin-top: 8px;
	margin-bottom: 10px;
}

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

img.floatRight { 
    float: right; 
    margin-left: 8px; 
	margin-top: 4px;
	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 {
	}
	.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:1px solid #626264;
		padding-right: 15px;
		width: 560px;
	}
    .rightmenu .col2 {
        float:right;
        width:200px;
        position:relative;
        left:200px;
    }
	
	.rightColumn {
	}
	
	/* Footer styles */
	#footer {
        clear:both;
		position: relative;
        width:790px;
		margin: auto;
		border-top:1px solid #626264;
    }
    #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;
	}

	#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;
	}
	
	#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: #FFFFFF;
	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: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
}

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

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

.smallTextBlue2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #8FA2D1;
	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: 12px;
	font-weight: bold;
	color: #CCCCCC;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 2px;
	padding-top: 5px;
}
.attractionsText {
	position: relative;
	float: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	color: #CCCCCC;
}


#attractions {
	width: 95%;
	position: relative;
	float: left;
	padding: 5px;
	border: 1pt solid #626264;
}

#attractions .left {
	width: 160px;
	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: 370px;
}

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


#attractions2 .right {
	width: 150px;
	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: 400px;
}

#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;
	border: 1pt solid #626264;
	padding: 5px;
	float: left;
}

#rooms .image {
	position: relative;
	float: left;
	width: 120px;
	display: inline;
}

#rooms .content {
	position: relative;
	float: left;
	display: inline;
	width: 400px;
}

#rooms .title {
	position: relative;
	width: 100%;
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#rooms .desc {
	position: relative;
	width: 100%;
	display: block;
	padding-top: 2px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}

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: 30px;
	padding: 5px;
}

#dealBox2 .title {
	width: 100%;
	color: #FFFFFF;
	padding-bottom: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

#dealBox2 .desc {
	width: 100%;
	color: #FFFFFF;
	padding-bottom: 5px;
}

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

#galleryBox {
	width: 100%;
	float: left;
	padding-top: 10px;
}

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

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

#roomBox {
	width: 620px;
	float: left;
	padding: 10px;
}

#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: #FFFFFF;
	font-weight: bold;
}

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

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

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

#seasonRateBox {
	width: 370px;
	float: left;
	margin-left: 100px;
	color: #FFFFFF;
	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; }