/* START OF GENERIC FORM STYLES */

BODY {
	FONT-FAMILY: Arial; 
	margin-left: auto;
	margin-right: auto;
	font-size: 90%;
	color:#000;
}
A {
	COLOR: #306846;
	TEXT-DECORATION: none;
	font-weight: bold;
}
A:hover {
	color: #009900;
	text-decoration: none;
}
A:visited {
}

P {
	font-size: 90%;
	margin: 3px;
}
img{
	border: 1px solid #306846;
}
.thedms img {
	border:0;
}
ul{
	margin: 3px;
	font-size: 90%;
	list-style: none;
}
input{
	margin: 3px;
}
.button{
	font-weight: bold;
	}
.button a, .button a:visited {
	background-color: #EEFEE9;
	text-align:center;
	text-decoration:none;
	COLOR: #306846;
	display: block;
	border: 1px #306846 solid;
}
.button a:hover {
	background-color: #E1FDE8;
	text-align:center;
	text-decoration:none;
	color: #009900;
	}
TABLE{
	margin-left: auto;
	margin-right: auto;
	border: 1px #306846 solid;
}
TH{
	background-color: #FFFFFF;
}
/*table styles*/
th {
	color: #FFFFFF;
	background-color: #306846 !important;
	padding: 3px;
}
TABLE#thedmsOpeningTimesTableFullWidth th{
	color: #FFFFFF;
	background-color: #306846;
	padding: 3px;
}
TABLE#thedmsBrowseEvents th{
	color: #FFFFFF;
	background-color: #306846;
	padding: 3px;
}

td {
	padding: 3px;
	border-top: 1px solid #EEFEE9;
	border-bottom: 1px solid #EEFEE9;
}
/* used as main heading */
H1 {
	FONT-SIZE: 130%; 
	MARGIN: 3px;
	COLOR: #306846; 
	clear: left;
}
h2, div#thedmsBrowseGrid .BrowseCell h2{
	/*background-color: #EEFEE9;
	border: 1px #306846 solid;*/
	text-decoration:none;
	font-size: 105%;
	COLOR: #306846;
	margin: 2px;
	padding: 0px;
	display: block;
	}
h2  img{
	border: 1px #306846 solid;
	}
h2  img a{
	border: 1px #306846 solid;
	}
h2  img a:hover{
	border: 1px #009900 solid;
	}
h2  a{
	text-decoration:none;
	padding: 3px 50px 3px 3px;
	COLOR: #306846;
	border: 1px #EEFFCF solid;
	background-image: url(../img/h2arrows.gif);
	background-position: right;
	background-repeat:no-repeat;
	display: block;
	background-color:#F3FFDF/* #EEFEE9*/;
	}
h2  a:hover {
	background-color: #EEFFCF/*#E1FDE8*/;
	text-decoration:none;
	color: #009900;
	background-image: url(../img/h2arrowsahover.gif);
	background-position: right;
	background-repeat:no-repeat;
	display: block;
	}
/*H2 {
	FONT-SIZE: 100%; 
	MARGIN: 3px 0px 3px 0px; 
	COLOR: #306846; 
	clear: left;
}
H2 A {
	COLOR: #306846;
}
H2 A:hover {
	COLOR: #306846;
}
H2 A:visited {
	COLOR: #306846;
}*/
H3 {
	FONT-SIZE: 100%; 
	MARGIN: 3px;
	COLOR: #306846; 
	clear: left;
}
HR {
	color: #255F65;
	size: 1px;
}

form label { 
	text-align: right; 
	margin-right: 0.5em; 
	/*float: left; */
	display: block;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
form label.inline {
	clear: none;
}
form ul {
	list-style: none; 
	margin: 0; 
	padding: 0
}
form li {
	margin: 0.5em 0;
	clear: both;
	COLOR: #3E7423;
}
form span.fix {
	display: block;
	clear: both;
}
form input, select, textarea {
	font: 1em arial,helvetica,sans-serif;
}
/* form classes */
form h2 { 
/*	text-align: left;
	float: none;
	padding: 3px;
	display: block;
	font-weight: bold;
	clear: left;
	background-color: #EEFEE9;
	border: 1px #306846 solid;
	text-decoration:none;
	margin: 3px;
	clear: both;
	COLOR: #000000;*/
	background-color:#F3FFDF/* #EEFEE9*/;
	border: 1px #EEFFCF solid;
}
form .heading { 
	text-align: left;
	float: none;
	margin: 2px;
	padding: 3px;
	BACKGROUND-COLOR: #306846;
	FONT-SIZE: 100%; 
	COLOR: #fff;
	display: block;
	font-weight: bold;
	clear: left;
}
form li.radio label {
	clear: none;
}
form li.radio input {
	float: left;
} 

form li.check label {
	text-align: left; 
	margin-right: 0; 
	display: inline;
	float:none;
}
form li.check span {
	display:block; 
}
DIV#thedmsClassificationsKey .row {
	border-top: 1px solid #255F65;
	margin: 3px 0px;
	padding: 3px 0 0 0;
} 
div.check label {
	width:30em;
	text-align:left;
}

/* General classes */
/* used for TEL, FAX etc captions */
.Caption {
	font-size: x-small;
	font-weight: bold;
	COLOR: #255F65;
	text-align: center;
	height: 24px;
}

/* used for instructions, eg what to do next */
.Instructions {
	font-size: x-small;
	font-weight: bold;
	text-align: center;
	height: 24px;
}
/* used for feedback to user, eg error messages or advice such as you need to enter your name, or no information found */
.Feedback {
	font-size: small;
	COLOR: red;
	font-weight: normal;
	text-align: center;
	height: 24px;
}
/* repeats of browse generic styles used to change look */
DIV#thedmsBrowseGrid .BrowseCell {
	float: left;
	margin: 1px;
	padding: 3px;
	width: 48%;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseCell {
	float: left;
	margin: 1px;
	padding: 3px;
	width: 600px;
}
/*DIV#thedmsBrowseGrid  .BrowseCell h2 {
	FONT-SIZE: 100%; 
	MARGIN: 0px; 
	COLOR: #FFF;
	background-color: #306846;
}
DIV#thedmsBrowseGrid  .BrowseCell h2 a{
	COLOR: #FFF;}*/
DIV#thedmsBrowseGrid  .BrowseCell h2  {
/*	background-color: #EEFEE9;
	border: 1px #306846 solid;
	text-decoration:none;
	margin: 3px;
	clear: both;
	COLOR: #000000;*/
	}
DIV#thedms02 h2{
	padding: 3px;
}
DIV#thedms h2{
	clear: both;	
}

DIV#thedmsItemsPanel{
	background-color: #F7FDF8;
	border: 1px solid #306846;
}
DIV#thedmsBrowseGrid  .BrowseCell h2  a{
	display: block;
	text-decoration:none;
	padding: 3px;
	
	}
DIV#thedmsBrowseGrid  .BrowseCell h2  a:hover {
/*	display: block;
	background-color: #E1FDE8;
	text-decoration:none;
	color: #009900;*/

	}
#thedmsBrowseEvents th {
	color: #330066;
	background-color: #e0e0e0;
	padding: 5px;
}
#thedmsBrowseEvents td {
	padding: 3px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
#thedmsAbbreviationsKey {
	width: 700px;
}                                                                                          
#thedmsAvailabilityChart {
	clear: left;
	font-size: 80%;
	width: 90%;
	margin: auto;
	border: #306846 solid 1px;
}
#thedmsFacilitiesKey {
	font-size: 80%;
}
#thedmsBrowseEvents {
	clear:left;
}
#thedmsBrowseEvents th {
	color: #330066;
	background-color: #e0e0e0;
	padding: 5px;
}
#thedmsBrowseEvents td {
	padding: 3px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

DIV#thedmsVenueFeaturesIndexBar {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #F7F7F7;
}
.thedmsBackgroundFix {
	clear: both;
	font-size: 1px;
	height: 1px;
}
DIV#thedmsAvailabilityKey table{
	float: left;
	margin: 0px;
	border: 0px;
	padding: 3px;
}
TABLE#thedmsOpeningTimesTableFullWidth th{
	color: #306846;
	background-color: #F7F7F7;
	padding: 3px;
}
td {
	padding: 3px;
}
div#thedmsAccessibility {
	background: none;
	padding: 0;
	border: none;
}
div#thedmsAccessibility h3 {
	background: none;
	color: #000;
}
/* button styles */
DIV#thedmsAvailability form .submitbutton {
	background-color: #EEFEE9;
	border: 1px #306846 solid;
	text-align:center;
	text-decoration:none;
	margin: 3px auto 3px auto;
	COLOR: #306846;
}
DIV#thedmsAvailability .modebutton {
	background-color: #EEFEE9;
	border: 1px #306846 solid;
	text-align:center;
	text-decoration:none;
	margin: 3px auto 3px auto;
	COLOR: #306846;
}
DIV#thedmsAvailability .bookbutton {
	background-color: #EEFEE9;
	border: 1px #306846 solid;
	text-align:center;
	text-decoration:none;
	margin: 3px auto 3px auto;
	COLOR: #306846;
}
DIV#thedmsAvailability .reservebutton {
	background-color: #EEFEE9;
	border: 1px #306846 solid;
	text-align:center;
	text-decoration:none;
	margin: 3px auto 3px auto;
	COLOR: #306846;
}
/*important- calendar month is invisble otherwise*/
#thedms00 table{
	background-color: #000000;
	}
/*DIV#thedmsBrowseGrid .detailbtn {
	margin-top:1px;
	width:auto;
	float:right;
	padding:0px;
}
DIV#thedmsBrowseGrid .detailbtn a {
	background-color: #EEFEE9;
	border: 1px #306846 solid;
	text-align:center;
	text-decoration:none;
	margin: 3px auto 3px auto;
	COLOR: #306846;
}
DIV#thedmsBrowseGrid .detailbtn a:visited {
	background-color: #EEFEE9;
	border: 1px #306846 solid;
	text-align:center;
	text-decoration:none;
	margin: 3px auto 3px auto;
	COLOR: #306846;
}
DIV#thedmsBrowseGrid .detailbtn a:hover {
	background-color: #E1FDE8;
	display:block;
	text-align:center;
	text-decoration:none;
	color: #009900;
}*/
/* END OF GENERIC FORM STYLES */

/*HF Website styles*/
#frame{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #DAC06C;
	background-color: #FFFFFF;
}
#header{
	height: 139px;
	background-image: url(/img/header.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #FFF;
}
#topnav{
	background-color: #306846;
	color: #FFFFFF;
	border-top: 1px solid #306846;
	border-bottom: 1px solid #306846;
	font-family: Arial;
	font-weight: bold;
	width: auto;
	height: 25px;
}
#topnav ul{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
#topnav li{
	float: left;
	list-style: none;
	line-height: 25px;
	text-align: center;
}
#topnav a{
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: 0px 8px 0px 8px;
}
#topnav a:hover{
	background-image: url(/img/linkbg.jpg);
	background-position: bottom center;
	/*background-repeat: repeat-x;*/
	background-repeat: no-repeat;
	color: #9CD084;
}
#topnav a:visited{
}
#subnav{
	background-color: #FFFFFF;
	color: #306846;
	border-bottom: 1px solid #306846;
	font-family: Arial;
	font-weight: bold;
	width: auto;
	height: 25px;
	clear: both;
}
#subnav ul{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
#subnav li{
	float: left;
	list-style: none;
	line-height: 25px;
	text-align: center;
}
#subnav a{
	text-decoration: none;
	color: #306846;
	display: block;
	padding: 0px 5px 0px 5px;
}
#subnav a:hover{
	background-image: url(/img/linkbgsub.jpg);
	background-position: bottom center;
	/*background-repeat: repeat-x;*/
	background-repeat: no-repeat;
	color: #009900;
}
#subnav a:visited{
}
/*maincontent*/
#content{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}
/*left col*/
#left{
	float: left;
	width: 150px;
	padding: 5px;
}

#left img{
	border: none;
}
/*centre content*/
#centre{
	float: left;
	width: 450px;
	margin-bottom: 10px;
}
#centre ul{
	MARGIN: 0px 2px 0px 2px; 
	padding: 0px;
}
#centre li{ 
	list-style: square inside; 
	margin: 0px;
	COLOR: #306846;
	font-weight: bold;
}
#centre li a:hover{
	color: #009900;
	text-decoration: none;
}
#centre h2{
	
}
.dottedbox{
	border-bottom: dotted 1px #666666;
	margin: 5px;
	padding: 1px;
	clear: both;
}
.dottedbox img{
	float: left;
	margin: 4px;
}
.dottedbox p{
}
/*If you want an h2 to be 100% it has to be outside the dotted box for now. If there is no image and it is in a dotted box then it will be at a fixed width and look dumb. If you have a better way of doing this, please change it.*/
.dottedbox h2{
	float: left;
	width: 280px;
}
.floatright{
	float: right;
	display: block;
	margin-left: 3px;
	}
.floatleft{
	float: left;
	padding: 0px;
	margin-right: 3px;
	display: block;
}
img.floatright{
	float: right;
	display: block;
	margin-left: 3px;
	}
img.floatleft{
	float: left;
	padding: 0px;
	margin-right: 3px;
	display: block;
}
.clear{
	clear: both;
}
/*right col*/
#right{
	float: left;
}
#right ul{
	width: 180px;
	MARGIN: 0px; 
	padding: 0px;
}
#right li{ 
	list-style: square inside; 
	margin-top: 3px;
	COLOR: #000000; 
	font-weight: bold;
	background-color: #F8FFF4;
}
#right a{
	font-weight: bold;
	
}
#right li a{
	COLOR: #306846;
}
#right li a:hover{
	color: #009900;
	text-decoration: none;
}
.description{
	/*padding: 1px 1px 1px 15px;*/
	margin: 1px 1px 1px 1px;
	padding: 1px;
	list-style: none;
	border-bottom: dotted #666666 1px;
	border-top: solid #306846 1px;
	/*IE being a pain*/
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
}
/*footer*/
#footer{
	clear: both;
	text-align: right;
	border-top: 1px #306846 solid; 
	color: #FFFFFF;
	font-weight: bold;
	width: 100%;
	height: 15px;
	padding: 0px 0px 3px 0px;
}
#footer ul{
	padding: 2px 0px 2px 0px;
	margin: 0px;
	list-style: none;
	text-align: center;
}
#footer li{
	float: left;
	list-style: none;
	text-align: center;
	border-right: 1px #306846 solid;
}
#footer li.end{
	float: left;
	list-style: none;
	text-align: center;
	border-right: none;
}
#footer a{
	text-decoration: none;
	color: #306846;
	display: inline;
	padding: 0px 3px 0px 3px;
}
#footer a:hover{
	color: #009900;
	text-decoration: none;
}
#footer a:visited{
	color: #6c9979;
}
/*specific to one page only*/
/*brochure email request*/
form li{
	list-style: none;
}
form li.check{
	list-style: none;
}
form li.check label {
	text-align: left; 
	margin-right: 0; 
	float: none; 
	display: inline;
	list-style: none;
}
form li.check span {
	display:block; 
}

/*sitemap*/
ul.sub {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	font-size: 100%;
	list-style: disc;
}
ul.sub a{
	font-size: 100%;
	color: #699E7E;
}
ul.sub li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	font-size: 100%;
	list-style: disc inside;
	padding-left: 20px;
}
li.sub {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 100px;
	color: #999999;
	font-size: 100%;
	list-style: disc inside;
}
li.sub a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 100px;
	color: #999999;
	font-size: 100%;
}
.textlink {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006633;
	display: inline;
}
.pagesbutton {
	background-color: #EEFEE9;
	border: 1px #306846 solid;
	text-align:center;
	text-decoration:none;
	margin: 3px;
	clear: both;
	font-size: 90%;
	}
.pagesbutton a{
	display:block;
	text-decoration:none;
	padding: 3px;
	}
.pagesbutton a:hover {
	background-color: #E1FDE8;
	display:block;
	text-align:center;
	text-decoration:none;
	color: #009900;
	}
.pagesbutton a:visited {
	text-decoration:none;
}
/*eshop*/
#basketsummaryframe{
	height: 45px;
}
.basket{
	overflow: hidden;
	width: 19%;
	background-color: #FBFFF9;
	border: solid 1px #EEFEE9;
}
.eshopbutton{
	float: right;
}
#eshopcontent{
	margin-top: -40px;
}
.productcontainer a{
	display: block;
	border: 1px #fff solid;
}
.productcontainer img{
	margin: auto;
}
.productcontainer a:hover{
	display: block;
	background-color: #E3FDED;
	border: solid 1px #EEFEE9;
}
/*walking*/
#walkingcontent{
	
}
#walkingframe{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 4px solid #306846;
	/*background-image: url(../img/walking festival/background2.jpg);*/
}
.walkingkey li{
list-style: none;	
}
.walkingkey ul{
list-style: none;	
}
.walkingkey img{
	border: none;
	
}
/* ecards styles */
li.cardimage {
	display: block;
	width: 24%;
	margin-right: 3px;
	float: left;
	clear: none;
	text-align: center;
}
li.cardimage label {
	float: none;
	text-align: center;
}
/*cms editor styles*/
.cmsinstructions{
	font-weight: bold;
	color: #CC3300;
}

#advert{
margin-top:10px;
margin-left:6px;
}

/* DMS97 new accommodation details page */

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook, div#thedms02n .thedmsGridBook a 
{
    background:#306846;
    color:White;
}
div#thedms02n .thedmsGridBook a, div#thedms02n .thedmsGridBook a:visited 
{
	color:White;
	text-decoration:none;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook 
{

}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyAvailable, div#thedms02n .thedmsGridAvailable
{
    background:#DAFEEC;
    color:#06AC59;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable
{
    background:#fff;
    color:#E41C38;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyUnknown, div#thedms02n .thedmsGridUnknown
{

}

div#thedms02n .thedmsGridIcon, div#thedms02n .thedmsGridIconText 
{
    background:#666;
    margin-right:4px;
}

div#thedms02n .thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th 
{
    background:#306846;
    color:white;
}

div#thedms02n h2 
{
    margin:10px 0px;
}

div#thedms02n .Caption 
{
    font-size:100%;
}

div#thedms02n table 
{
    border:0px;
}

div#thedms02n #thedmsAvailability 
{
    border:1px solid #DAC06C;
    padding:10px;
}

div#thedms02n p 
{
    margin:10px 0px;
}

/* New Browse Page */

div.thedmsBrowsePagination a.thedmsPaginationCurrentPage, div.thedmsBrowsePagination a:hover 
{
    background:#306846;
}

div.thedmsBrowsePagination a 
{
    background:#DAC06C;
}

/*Special Offer Styles applied November 2009*/

div#thedms01n .BrowseBookCell #thedmsSpecialOfferTextHolder 
{
    background:white url(http://www.thedms.co.uk/graphics/signposts/white/star.png) no-repeat 5px 10px;
    border:1px dashed #CCCCCC;
    clear:both;
    margin:10px 0;
    padding:10px 10px 10px 23px;
}

div#thedmsSpecialOffersHolder 
{
    padding-bottom:20px;
}

div#thedms02n div#thedmsSpecialOffersHolder li 
{
    background:transparent url(http://www.thedms.co.uk/graphics/signposts/white/star.png) no-repeat;
    border:0 none;
    list-style-type:none;
    padding:0 0 0 20px;
}

div#thedms02n #thedmsAvailability .thedmsSOdetails 
{
    background:white;
    border:1px dashed #CCCCCC;
    clear:both;
    margin:10px 0;
    padding:10px;
}

.thedmsSmallBrowseSignpost {
	width:17px;
}



/*End of Special Offer Styles applied November 2009*/