/*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;
}*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img{margin: 0;padding: 0;border: 0;}
body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../viking/img/grad.jpg) repeat-x;
	background-color: #3589a3;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	color:#666666;
	
}



a, a:visited{
text-decoration:none;
color:#66666;
}

a:hover {
color:#66666;
}

p {
}

#rightcontent a{
color:#666666;
}

#rightcontent a:hover{ 
color:#666666;
text-decoration:underline;
}






/* used as main heading */
h1 {
font-size:17px;
color:#98AE85;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
}

h1.header{
font-size:17px;
color:#98AE85;
font-family:"Times New Roman", Times, serif;
margin-left:263px;
padding-top:20px;
font-weight:bold;
}

h2 {
font-size:15px;
color:#98AE85;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
margin-bottom:10px;
margin-right:40px;
}
/*seperate if visited is different*/
h3 {
font-size:15px;
color:#98AE85;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
margin-bottom:0px;
margin-right:40px;
}
/*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 h2 { 
	background-color: #CCCCCC;
}

input{
	}
/*styles added by SL so that it works straight off*/
form ul {
	padding: 0px;
	margin: 0px;
}
form li {
	margin-top: 10px;
	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 {
	float: left;
	margin: 1px;
	padding: 3px;
	width: 32%;/* width will changing if not 3 column version, 49% if 2 column version  */
}
/* widths may need changing if not 100% width */
#thedms11 DIV#thedmsBrowseGrid .BrowseCell {
	width: 82%;
	float: left;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseSmallPicture {
	width: 15%;
	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 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;
}

/*--------------------------------------------------------------------- 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: #000000;
}

.button a, .button a:visited {
	border: 1px #333 solid;
	display: block;
	text-align:center;
	text-decoration:none;
	width: auto;
	color: #000000;
	padding: 2px;
}

.button a:hover {
	text-decoration:none;
	background-color: #CCCCCC;
	}
	
input.button{
	float: right;
}
/* END OF GENERIC FORM STYLES */
/* Try to keep to the standard names*/
/* ----------------------------------------------------------------------------Website styles--------------------------------------------------------------------------------*/
#frame{
width:852px;
padding: 0 0 0 0;
margin-top:0px;
margin-left: -426px;
margin-bottom:0px;
left: 50%;
position: absolute;
z-index: auto;
width:852px;
background: url(../viking/img/holder.jpg) no-repeat;
background-color: #3589a3;
}


#header{
width: 780px;
height: 349px;
background:url(../viking/img/header2.jpg) no-repeat;
margin-left:36px;
}


#contenthead{
background:url(../viking/img/title-header.jpg) no-repeat;
width:780px;
height:51px;
margin-left:36px;
}

#topnav{
padding:0px;
margin:0px;
}
	
#topnav ul{
list-style-type: none;
text-align: left;
margin-left:250px;
padding-top:11px;
}

#topnav li{
height:18px;
display:block;
text-decoration: none;
width: auto;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
line-height: 15px; 
letter-spacing: 0px; 
text-decoration: none;
padding-left:34px;
color: #ffffff;
font-weight:bold;
}

#topnav li a{
text-decoration: none;
color: #acd6f2;
padding-left:10px;
}

#topnav li a:hover{
text-decoration: none;
color: #ffffff;
background: transparent url(../viking/img/roll5.gif) no-repeat;
}


/*#topnav #current{
background: transparent url(/viking/img/rollover2.gif) left center no-repeat;
color: #acd6f2;
}

#topnav #current a{
background: transparent url(/viking/img/rollover2.gif) left center no-repeat;
color: #fffff;
}


#topnav #current a:hover{
background: transparent url(/viking/img/rollover.gif) left center no-repeat;
color: #fffff;
}*/


/*maincontent*/
#content{
width: 852px;
background:url(../viking/img/trans.gif) repeat-y;
float:left;
}

#leftcontent{
/*background:url(/viking/img/sidebar-header.jpg) no-repeat;*/
float:left;
width:280px;
}

#map{
width:215px;
height:275px;
background:url(../viking/img/map-empty.jpg) no-repeat;
margin-left:51px;
padding-bottom:15px;
}

.maptext{
padding-top:140px;
padding-left:10px;
}

.maptext p{
font-family:"Times New Roman", Times, serif;
font-size: 20px;
line-height: 18px; 
letter-spacing: 0px; 
color:#b7e294;
padding-bottom:3px;
}

.maptext p.white{
font-family:"Times New Roman", Times, serif;
font-size: 18px;
line-height: 18px; 
letter-spacing: 0px; 
color:#ffffff;
padding-bottom:7px;
}

.maplink{
padding-top:5px;
padding-left:23px;
}

.maplink a:hover{
text-decoration: underline;
color:#b7e294;
}

.linkone{
color: #b7e294;
font-family:"Times New Roman", Times, serif;
font-size: 18px;
line-height: 18px; 
letter-spacing: 0px; 
}

.linktwo{
color: #ffffff;
font-family:"Times New Roman", Times, serif;
font-size: 18px;
line-height: 18px; 
letter-spacing: 0px; 
}

#leftlogo{
float:right;

}

.leftlogoclass{
margin-right:14px;
/*margin-right:14px;*/
}

#leftnav{
margin-left: 36px;
border-bottom: 1px solid #83a963;
width: 243px;
}

#leftnav li{
list-style: none;
margin: 0;
padding: 5px;
border-top: 1px solid #83a963;
text-align:right;
font-size:17px;
font-family: "Arial Narrow",Arial,"MS Sans Serif";
}

#leftnav li a { 
color:#677957;
text-decoration: none; 
padding-left:18px;
}

#leftnav li a:hover { 
color:#ffffff;
text-decoration: none; 
background: transparent url(../viking/img/roll7.gif) no-repeat;
}

#rightcontent{
/*background:url(/viking/img/content-header.jpg) no-repeat;*/
float:right;
/*width:544px;*/
width:515px;
padding-right:37px;
}

#rightcontent p{
padding-top:0px;
padding-right:15px;
margin-bottom:10px;
font-family:"Times New Roman", Times, serif;
font-size: 14px;
color: #666666;
line-height: 18px; 
letter-spacing: 0px; 
}


#rightcontent ul.normal { 
margin: 0px;
padding: 0px; 
list-style: none; 
}

#rightcontent li.normal-list{ margin-right:65px; padding-left: 15px; padding-bottom:10px; background: transparent url(../viking/img/lione.gif) no-repeat top left; font-family:"Times New Roman", Times, serif; font-size: 14px; color: #666666; line-height: 18px; letter-spacing: 0px;  text-decoration:none; }

#rightcontent li.small-list{ margin-right:65px; padding-left: 15px; padding-bottom:0px; background: transparent url(../viking/img/lione.gif) no-repeat top left; font-family:"Times New Roman", Times, serif; font-size: 14px; color: #666666; line-height: 18px; letter-spacing: 0px;  text-decoration:none; }


#homeboxes{
padding-top:6px;
}

#signup{
float:left;
background:url(../viking/img/form-bg.jpg) repeat-y;
width:225px;
padding-top:10px;
padding-bottom:10px;
}

.signupone{
padding-left:15px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
font-size: 17px;
color: #6ca5cb;
line-height: 18px; 
letter-spacing: 0px; 
width:175px
}

.signuptwo{
font-family:"Times New Roman", Times, serif;
font-size: 17px;
color: #3b8da7;
line-height: 18px; 
letter-spacing: 0px; 
font-weight:bold;
width:250px;
}

#signup label{
font-family:"Times New Roman", Times, serif;
font-size: 14px;
color: #666666;
line-height: 18px; 
letter-spacing: 0px; 
}

.signupgoclass{
margin-top:5px;
}

.inputbox{
background-color: #ffffff;
border: solid 1px gray;
}

form ul.ulsignup {
	padding-top:3px;
	margin-left:15px;
	width:200px;
}
form li.lisignup {
	margin-top: 1px;
	list-style: none;
	clear: both;
}

#accom{
float:left;
width:225px;
height:70px;
background: url(../viking/img/bed.jpg) no-repeat;
margin-top:14px;
}

#accom p{
font-family:"Times New Roman", Times, serif;
font-size: 14px;
color:#6f835e;
line-height: 14px; 
letter-spacing: 0px; 
margin-bottom:0px;
font-weight: bold;
text-align:right;
padding-right:2px;
}

.goclass{
margin-top:5px;
margin-left:172px;
}

#pdf{
padding-right:15px;
float:right;
background: url(../viking/img/pdfbg.jpg) no-repeat;
width:233px;
height:234px;
}

.pdftext{
width:130px;
margin-left:10px;
margin-top:10px;
}

.pdfone{
font-family:"Times New Roman", Times, serif;
font-size: 17px;
color:#98ae85;
line-height: 22px; 
letter-spacing: 0px; 
margin-bottom:0px;
font-weight: bold;
text-align:right;
}

.pdftwo{
font-family:"Times New Roman", Times, serif;
font-size: 17px;
color:#ffffff;
line-height: 14px; 
letter-spacing: 0px; 
margin-bottom:0px;
font-weight: bold;
text-align:right;
}

.pdffooter{
width:110px;
margin-left:10px;
margin-top:50px;
}

.pdffootertext{
font-family:"Times New Roman", Times, serif;
font-size: 12px;
color:#6f835e;
line-height: 14px; 
letter-spacing: 0px; 
margin-bottom:0px;
font-weight:bold;
text-align:right;
padding-top:50px;
}

.pdfbutton{
padding-top:28px;
padding-left:30px;

}

.pdfbutton a{
font-family:"Times New Roman", Times, serif;
font-size: 16px;
color: #ffffff;
line-height: 14px; 
letter-spacing: 0px; 
margin-bottom:0px;
font-weight: bold;
}

.pdfbutton a:hover{
font-family:"Times New Roman", Times, serif;
font-size: 16px;
color: #ffffff;
line-height: 14px; 
letter-spacing: 0px; 
margin-bottom:0px;
font-weight: bold;
}

/*footer*/
#footer{
background: url(../viking/img/footer.jpg) no-repeat;
width:780px;
height: 81px;
margin-left:36px;
}

.logoone{
width:60px;
padding-top:38px;
padding-left:10px;
float:left;
}

.logotwo{
width:60px;
padding-top:38px;
padding-left:10px;
float:left;
}

.padlogo1{
margin-top:5px;
}

.padlogo{
margin-top:5px;
margin-left:5px;
}

#footernav{
width: 538px;
float: left;
padding-left:65px;
}

#footer ul{
padding-left:25px;
list-style-type: none;
text-align: left;
padding-top:52px;
width:425px;
}

#footer li{
height:18px;
display:inline;
text-decoration: none;
width: auto;
font-family: arial, helvetica, sans-serif;
font-size: 13px;
line-height: 15px; 
letter-spacing: 0px; 
text-decoration: none;
padding-left:10px;
}
/* use this if need to end footer without a divider or something 
#footer li.end{
	
}
*/
#footer li a{
text-decoration: none;
color: #3388a2;
padding-left:10px;
}

#footer li a:hover{
text-decoration: none;
color: #3388a2;
background: transparent url(../viking/img/roll3.gif) no-repeat;
}
/* ----------------------------------------------------------------------------Page Specific Styles--------------------------------------------------------------------------------*/
/*any styles which are static and not related to the dms at all*/

#main-flash-holder{
padding-bottom:5px;
}


.routeimage{
border:1px solid #a0bd88;
float:left;
margin-top:5px;
margin-right:10px;
margin-bottom:4px;
}

.rightimage{
margin-right:15px;
margin-bottom:4px;
margin-left:6px;
border:1px solid #a0bd88;
float:right;
margin-top:5px;
}

.thedms{
width:100%;
}

.thedms h2{
}

#thedms13{
padding-right:10px;
}

div#thedms10{
padding-right:10px;
}

div#thedms10 form {
}

div#thedms11{
width:498px;
padding-right:0px;
float:left;
}



div#thedmsBrowseGrid {
padding-left:0px;
}


#thedms12{
padding-right:10px;
}

form h2{
background-color:#cadeb9;
}

.searchbuttonholder{
padding-top:5px;
}

#thedmsSearch0 {
padding-right:7px;
}

#thedmsSearch1 {
padding-right:0px;
}









#thedms11 div#thedmsBrowseGrid .BrowseCell {
float:right;
width:73%;
}

div#thedmsBrowseGrid .BrowseCell h2 {
padding:0px;
}

div#thedmsBrowseGrid .BrowseCell a {
color:#98AE85;
}

div#thedmsBrowseGrid .BrowseCell {
padding:0px;
}

div#thedmsBrowseGrid .BrowseRow {
padding-bottom:5px;
}

table#thedmsOpeningTimesTableFullWidth th {
background-color:#cadeb9;
color:#98AE85;
}

table#thedmsOpeningTimesTableFullWidth {
font-size:11px;
}


#rightcontent .dmslink{
text-decoration:none;
color:#98AE85;
}

#rightcontent .dmslink a:hover{
color:#98AE85;
text-decoration:underline;
}

#thedmsBrowseEvents{
padding-top:10px;
}

#thedmseventsheadersearch{
padding-bottom:10px;
}

.thedmsBrowsePaging{
margin-right:0px;
clear:both;
}

#thedmsBrowseEvents th {
background-color:#CADEB9;
color:#FFFFFF;
padding:3px;
}







#thedmsBrowseEvents td {
border-bottom:1px solid #F0F0F0;
border-top:1px solid #F0F0F0;
padding:4px;
text-align:left;
}

#thedmsBrowseEvents tr:hover {
background:url(../viking/img/table.gif);
}

.thedmsBackgroundFix {
clear:both;
font-size:1px;
height:1px;
line-height:1px;
}

#thedms12 a{
font-weight:bold;
}


.sIFR-hasFlash h1.header {
  font-size: 1pt;
  line-height:1px;
}







