/*This stylesheet creates a grey site, that should work out of the box #CCCCCC should be found and replaced to change all of the colors*/
/* START OF GENERIC FORM STYLES */
/*universal selector or 'wildcard' works on literally EVERYTHING... Comment back in if you need it.
*{
	padding: 0;
	margin: 0;
}*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	font-size: 70%;
	color: #767676
}

a {
	color: #537CA6;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

a:hover {
}


p {
	margin: 5px 0 10px 0;
}

/* used as main heading */
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 190%;
	color: #5D8BB8;
	font-weight: normal;
	margin: 0 0 10px 0;
	
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	color: #5D8BB8;
	font-weight: normal;
	margin: 0 0 7px 0;
}
.thedms h2 {
	font-size: 150%;
}
/*seperate if visited is different*/
h2 a, h2 a:visited {
	color: #5D8BB8;
	text-decoration: none;
	font-weight: normal;
}

h2 a:hover {
	text-decoration: none;
	color: #fff;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #41678E;
	font-size: 120%;
	margin: 0 0 5px 0;
}
/*table styles*/
table{
}

th {
}

td {
}

tr{
}
/* Search page form classes */
/* to have different colours on ea or ac search pages have two versions of form .heading and prefix with DIV#thedms0 and DIV#thedms10 */
/* form classes */
form {
	margin: 0;
	padding: 0;
}
form h2 { 
	background-color: #CBDDEF;
	padding: 3px;
}

input{
	}
/*styles added by SL so that it works straight off*/
form ul {
	padding: 0px;
	margin: 0px;
}
form li {
	margin-top: 5px;
	list-style: none;
	clear: both;
}
form li.radio label {
	clear: none;
	float: left;
}
form li.radio input {
	float: left;
} 

form li.check label {
	text-align: left; 
	margin-right: 0; 
	float: none; 
	display: inline
}
form li.check span {
	display:block; 
}

/* General classes */
.thedms ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* used for TEL, FAX etc captions */
.Caption {
	font-size: 70%;
	font-weight: bold;
}

/* used for instructions, eg what to do next */
.Instructions {
	font-weight: bold;
	text-align: center;
}
/* used for feedback to user, eg error messages or advice such as you need to enter your name, or no information found */
.Feedback {
	color: red;
	font-weight: normal;
	text-align: center;
}
/*---------------------------------------------------------------------attractions/venues----------------------------------------------------------------------------------*/
/*venue search pages*/
/*venue details pages*/
TABLE#thedmsOpeningTimesTableFullWidth th{
	color: #333333;
	background-color: #CCCCCC;
	padding: 3px;
}
/*-------------------------------------------------------------accommodation and attractions browse ------------------------------------------------------*/

#thedms01 DIV#thedmsBrowseGrid .BrowseCell {
	margin: 1px;
	padding: 3px;
	width: 98%;
}
div#thedmsBrowseGrid .BrowseCell h2  {
	background-color: #fff;
	padding: 3px;
	font-weight: normal;
}
#thedms01 div#thedmsBrowseGrid .BrowseCell img.smIMG {
	border:0pt none;
	float:left;
	margin-right:10px;
}
/* widths may need changing if not 100% width */
#thedms11 DIV#thedmsBrowseGrid .BrowseCell {
	width: 75%;
	float: left;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseSmallPicture {
	width: 23%;
	float: left;
}

/* to have different colours on ea or ac browse page headings have two versions of DIV#thedmsBrowseGrid  .BrowseCell h2 and prefix with DIV#thedms01 and DIV#thedms11 */
/* accommodation search */
div#thedmsSearch1 {
	border-left: 1px solid #D6E2EE;
	padding-left: 5px;
}
/*-------------------------------------------------------------accommodation styles go here------------------------------------------------------*/
/*this may need to be deleted, but it makes it work on most of the layouts, especially accommodation layout 1.*/
#thedmsAvailabilityChart table {
	clear:left;
}
div#thedmsAvailability form li.availability {
	width: 30%;
}
div#thedmsSpecialOffer {
	border:1px solid #D6E2EE;
	background-color: #CBDDEF;
}
div#thedmsAvailability {
	background-color: #E9F0F8;
	padding: 2px;
	display: inline-block;
}
div#thedmsAvailabilityChart {
	background-color: #fff;
}

/*--------------------------------------------------------------------- events ----------------------------------------------------------------------------------*/
#thedmsBrowseEvents {
	clear:both;
}
.thedmsBackgroundFix /*works as a clearer div in the dms*/{
	clear: both;
	font-size: 1px;
	height: 1px;
}
/*All key backgrounds with the gif images for fuzzy edges- set background to a lighter colour*/
.thedmskey{
	background-color: #FFFFFF;
}
/*-------------------------------------------------------------------------------All buttons sitewide------------------------------------------------------------------------------*/
.button {
	width:auto;
	color: #E5AC03;
	background-color: #fff;
	padding: 0;
}

.button a, .button a:visited {
	border: 1px #E5AC03 solid;
	display: block;
	text-align:center;
	text-decoration:none;
	width: auto;
	padding: 3px;
	margin: 0;
	color: #E5AC03;
}

.button a:hover {
	text-decoration:none;
	background-color: #FFF8E1;
	}
	
input.button{
	float: right;
	background-color: #E5AC03;
	color: #fff;
}
div#thedmsBrowseGrid .detailbtn { 
	padding: 0px;
}
.detailbtn a {
	margin: 2px 2px 0 0;
}
/* END OF GENERIC FORM STYLES */
/* Try to keep to the standard names*/
/* ----------------------------------------------------------------------------Website styles--------------------------------------------------------------------------------*/
#frame{
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
}

#header{
	background: url(/img/header_title.jpg) no-repeat;
	height: 88px;	
	text-align: right;
}
#sitesearch, #topnav, #subnav, #sectionimage, #footer, #pagebase {
	display: none;
}

/*maincontent*/
h2.feature {
	color: #41678E;
	font-size: 150%;
}

#content{
	height: 100%;
}
#contentsubpage {
	background: none;
	float: left;
	clear: both;
	width: 100%;
}
#leftcontent {
	width: 263px;
	float: left;
}
#subpagecontent {	
	width: 100%;
}
.colourblockdark {
	padding: 8px;
	display: inline-block;
}
.colourblocklight {
	background-color: #D6E2EE;
	padding: 8px;
	display: inline-block;
}
.colourblockdark a {
	display: block;
	width: auto;
	background: url(/img/linkarrow_whiteonblue.jpg) no-repeat right bottom;
	padding-right: 17px;
	font-weight: bold;
	float: left;
}
#rightcontent {
	width: 519px;
	float: left;
}
.featurelink a {
	display: block;
	width: auto; 
	background: url(/img/linkarrow_yellow.jpg) no-repeat right bottom;
	padding-right: 17px;
	font-weight: bold;
	float: left;
}	
.contentcontainer, .contentcontainerdms {
	padding: 10px 10px 0px;
}
.half {	
	width: 49%;
	float: left;
}
.left {	
	float: left;
}
.right {
	float: right;
}
img.margin {	
	margin: 5px;
}
/*footer*/


/* ----------------------------------------------------------------------------Page Specific Styles--------------------------------------------------------------------------------*/
/*any styles which are static and not related to the dms at all*/

/* ############################### ACCESSIBILITY LINKS ############################ */
#skiplinks {
	position:absolute;
	top: -2000px;
	left: -2000px;
	color:#666666;
	font-size:80%;
	width:20em;
}
#skiplinks ul {
	list-style-type : none;
}
#skiplinks li {
	display:inline;
	margin-right:5px;
}
#skiplinks li a:focus, #skiplinks li a:active {
	text-align: center;
}
#skiplinks li a:hover {
	color: #00e;
}

/* home page styles */
.framehome {
	background: url(/img/bg_homecontent.gif) repeat-y;
	
}
#hometoptext {
	height: 274px;
	overflow: hidden;
	position: relative;
	left: 530px;
	width: 240px;
	z-index: 2;
}
.dontmiss a {
	display: block;
	width: auto; 
	background: url(/img/linkarrow_yellow.jpg) no-repeat right bottom;
	padding-right: 17px;
	font-weight: normal;
	float: left;
	color: #767676;
	font-family: Arial, Helvetica, sans-serif;
}
.framehome #leftcontent {
	width: 263px;
	float: left;
	position: relative;
	z-index: 2;
	top: 0;
	left: 0;
}
.framehome #rightcontent {
	width: 519px;
	float: left;
	position: relative;
	z-index: 2;
	top: 25px;
	left: 0;
}
#tickertape {
	clear: both;
}
.homelinkbox {
	width: 231px;
	height: 149px;
}
.viking {
	background: url(/img/home_vikingtrail.jpg) no-repeat;
	margin-left: 20px;
}
.greeters {
	background: url(/img/home_greeters.jpg) no-repeat;
	margin-left: 20px;
}
.homelinkbox a {
	display: block;
	color: #fff;
	padding: 120px 25px 0 5px;
	font-size: 120%;
}

#tickertape {
	background: url(/img/bg_tickertape.gif) repeat-x;
	height: 33px;
	line-height: 33px;
	color: #776B00;
	font-size: 100%;
}

#image {
	position: absolute;
	z-index: 1;
	background: url(/img/headers/home-1.jpg) no-repeat;
	width: 783px;
	height: 308px;
}

form.enews label {
	position: absolute ;
	top: -2000px;
	left: -2000px;
}
li.preregister {
	float: left;
}
li.register {
	float: left;
	clear: none;
	padding-left: 5px;
}