/*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:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#E5EBD5;
}

a {
	text-decoration:none;
	font-weight:bold;
}

a:link {
	color:#003300;
}

a:visited {
	color:#003300;
}

a:hover {
	color:#0892DD;
}

img {
	border:none;
}

p {
	padding:0px;
	margin:3px;
}
.thedms img {
	border:0;
}

/* General Class */ 
.left {
	float:left;
}

.right {
	float:right;
}

.alignright {
	text-align:right;
}

.aligncenter {
	text-align:center;
}
.bold {
	font-weight:bold;
}


.textcentre {
	text-align:center;
}

.clearer {
	clear:both;
}

.page-description {
	padding:20px;
}
.input {
	
}

/* used as main heading */
h1 {
	font-size:200%;
}
h2 {
	margin:0px; /* Stop margin top */
	color:#003300;
	font-weight:bold;
	font-size:145%;
}
/*seperate if visited is different*/
h2 a, h2 a:visited {
	text-decoration: none;
}

h2 a:hover {

}

h3 {
}
/*table styles*/
table{
	font-size:100%;
}

th {
}

td {
/*	border:1px solid #ccc;
	background-color:#E6F5AD;*/
}

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-image:url(../img/mainnav.jpg);
	background-repeat:repeat-x;
	padding:2px;
}

input{
	background-color:#FDFEF7;
}
/*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;
	margin-bottom:10px;
	padding: 0;
	list-style: none;
}
/* used for TEL, FAX etc captions */
.Caption {
	font-size: 100%;
	color:#003300;
	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;
}

/*---------------------------------------------------------------------- THE DMS ------------------------------------------------------------------------------------------*/
.thedms {
	font-size:90%;
	padding:10px;
}

.thedms p {
	margin-bottom:10px;
}

.thedms h2 {
	margin:10px 0px;
}
/*general dms styles */
.filter {
	color:#0892DD;
	font-weight:bold;
}

.padding {
	margin:10px 10px 0px 0px;
}

/*---------------------------------------------------------------------attractions/venues----------------------------------------------------------------------------------*/
/*venue search pages*/
/*venue details pages*/
TABLE#thedmsOpeningTimesTableFullWidth th{
	color: #333333;
	background-image:url(../img/mainnav.jpg);
	background-repeat:repeat-x;
	padding: 3px;
}

#thedms11 DIV#thedmsBrowseGrid .BrowseRow {
	background-image:url(../img/browsecell_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #E6F5AD;
	margin:4px 0px;
}

#thedmsPicturesPanel {
	margin:10px 0px;
}

div#thedmsFeaturePicture1 {
	float:left;
	clear:left;
	margin:10px;
}

div#thedmsFeaturePicture2 {
	float:left;
	margin:10px;
}

#thedms11 div#thedmsBrowseGrid .BrowseCell {
	padding:10px;
}


/*-------------------------------------------------------------accommodation and attractions browse ------------------------------------------------------*/

#thedms01 DIV#thedmsBrowseGrid .BrowseRow {
	background-image:url(../img/browsecell_bg.jpg);
	background-repeat:repeat-x;
	margin:4px 0px;
	padding:0px;
}
#thedms01 DIV#thedmsBrowseGrid .BrowseCell {
	margin: 4px;
	padding: 5px;
	width: 31%;/* width will changing if not 3 column version, 49% if 2 column version  */
	border-left:1px solid #ccc;
}
/* widths may need changing if not 100% width */
#thedms11 DIV#thedmsBrowseGrid .BrowseCell {
	width: 82%;
	float: left;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseSmallPicture {
	width: 15%;
	float: left;
}

div#thedmsLargeImgOne {
	margin:10px 0px;
}

div#thedmsLargeImgTwo {
	margin:10px 0px;
}

div#thedms13 {
	background-color:#F8F8F8;
}
/* 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;
}

div#thedmsAvailabilityChart {
	padding:5px;
	background-image:url(../img/browsecell_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

div#thedmsAvailabilityCheck {
	width:29%;
}

div#thedmsAvailability, div#thedmsPropertyEssentials, div#thedmsAccessibility {
	background-color:#f8f8f8;
}

#thedmsdetailsAddress a, #thedmsdetailsAddress a:visited, #thedmsdetailsOfproperty a, #thedmsdetailsOfproperty a:visited {
	color:#0892DD;
}

#thedmsdetailsAddress a:hover, #thedmsdetailsOfproperty a:hover {
	color:#82D0FB;
}

/*--------------------------------------------------------------------- events ----------------------------------------------------------------------------------*/
#thedmsBrowseEvents {
	clear:both;
	background-image:url(../img/mainnav.jpg);
	background-repeat:repeat-x;
	background-color:#E6F5AD;
}
.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:#E6F5AD;
	padding:5px;
}

#thedms13 div#thedmsItemsPanel td {
	background-color:#fff;
	border:2px solid #E6F5AD;
}

div#thedmsContactPanel {
	background-color:#F8F8F8;
}

#thedms12 th {
	padding:3px;
}

div#thedmsItemsPanel {
	background-color:#f8f8f8;
}

/*-------------------------------------------------------------------------------All buttons sitewide------------------------------------------------------------------------------*/
.button {
	background-color:#003300;
	color: #ffffff;
	text-align:centre;
	font-weight:bold;
}

.button a, .button a:visited {
	border: 1px #333 solid;
	display: block;
	text-align:center;
	text-decoration:none;
	width: auto;
	color: #fff;
	padding: 2px;
}

.button a:hover {
	text-decoration:none;
	background-color:#003300;
	color:#CCCCCC;
}
	
input.button{
}

div#thedmsBrowseGrid .detailbtn {

}
/* END OF GENERIC FORM STYLES */
/* Try to keep to the standard names*/
/* ----------------------------------------------------------------------------Website styles--------------------------------------------------------------------------------*/
#frame {
	margin-left:auto;
	margin-right:auto;
	width:995px;
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#FFFFFF;
	border:1px solid #003300;
}
#header {
	height:171px;
	overflow:hidden;
}
#topnav{
	float:right;
	border-bottom:1px solid #003300;
}
#topnav ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
#topnav li{
	float:left;
	margin-right:2px;
}

#topnav li a {
	display:block;
	padding:7px;
	text-align:center;
	font-weight:normal;
	border-top:1px solid #ffffff;
}

#topnav li a:hover {
	color:#ffffff;
	background-color:#003300;
	background-image:none;
	border-top:1px solid #ffffff;
}

#topnav li.home {
	margin-right:50px;
	background-color:#003300;
}

#topnav li.home .nav_link {
	background-image:none;
}

#topnav li.home a {
	color:#ffffff;
}

#topnav li.home a:hover {
	color:#0892DD;
}

.nav_corner {
	height:28px;
	width:1px;
	background-image:url(../img/corner.gif);
	float:left;
}

.nav_link {
	height:28px;
	float:left;
	background-image:url(../img/mainnav.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
}


/*maincontent*/
#content {
	
}

/*footer*/
#footer {
	height:10px;
	padding:5px 0px;
	background-color:#003300;
	text-align:right;
	color:#ffffff;
	padding:5px 10px;
	font-size:80%;
}

#footer ul{
	padding:0px;
	margin:0px;
	list-style:none;
	float:right;
}
#footer li{
	float:left;
}
/* use this if need to end footer without a divider or something 
#footer li.end{
	
}
*/
#footer a:link {
	color:#ffffff;
}

#footer a:visited {
	color:#ffffff;
}

#footer a:hover {
	color:#0892DD;
}
/* ----------------------------------------------------------------------------Page Specific Styles--------------------------------------------------------------------------------*/
/*any styles which are static and not related to the dms at all*/

/* ---------------------------------------------------------------------------- Home Page Styles ----------------------------------------------------------------------------------*/

#content #home {
	padding:10px;
	background-image:url(../img/echmap.jpg);
	background-position:380px 60px;
	background-repeat:no-repeat;
}

#left_col {
	float:left;
	width:320px;
	overflow:hidden;
}

#right_col {
	float:right;
	width:640px;
	overflow:hidden;
}

#bottom_container {
	width:100%;
}
/* Large Navigation Buttons */
.button_main_container {
	width:316px;
	height:auto;
	background-image:url(../img/button_main_strip.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	margin:20px 0px;
}

.button_main_content {
	background-image:url(../img/button_main_header.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:15px 30px 0 10px;
	min-height:80px;
}

.button_main_footer {
	text-align:right;
	background-image:url(../img/button_main_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0 50px 5px 0;
	min-height:12px;
}

.floatbox {
	height:87px;
	width:93px;
	float:right;
	background-repeat:no-repeat;
}

.floatbox_eden {
	background-image:url(../img/button_main_eden.jpg);
}

.floatbox_attractions {
	background-image:url(../img/button_main_attract.jpg);
}

.floatbox_events {
	background-image:url(../img/button_main_events.jpg);
}

.floatbox_tours {
	background-image:url(../img/button_main_tours.jpg);
}

.floatbox_gallery {
	background-image:url(../img/button_main_gallery.jpg);
}

.floatbox_brochure {
	background-image:url(../img/button_main_brochure.jpg);
}

/* Book Now */
.book_main_container {
	height:135px;
	float:right;
	margin:20px 0px;
}

.book_left {
	width:18px;
	background-image:url(../img/bookleft.gif);
	height:135px;
	float:left;
}

.book_right {
	width:18px;
	background-image:url(../img/bookright.gif);
	height:135px;
	float:left;
}

.book_main {
	background-image:url(../img/bookmiddle.gif);
	background-repeat:repeat-x;
	height:135px;
	float:left;
	width:364px;
	padding-top:10px;
}

.book_main form {
	font-size:80%;
}

.accomtype {
	width:100px;
}

.nightsfor {
	width:40px;
}

.allowdogs {
	width:100px;
}
/* Welcome Text */

.welcome_text {
	font-size:100%;
}

.home_content_left {
	float:left;;
	width:270px;
	margin-left:10px;
}

.home_content_right {
	float:right;
	width:270px;
	margin-right:10px;			
}

/* ---------------------------------------------------------------------------- The Original Eden Page Styles ----------------------------------------------------------------------------------*/

#originaleden {
	padding:30px;
	background-image:url(../img/browsecell_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

.origedenmap {
	text-align:center;
	width:100%;
	position:relative;
}

.origeden_lefttop {
	position:absolute;
	left:0px;
	top:20px;
}

.origeden_leftmid {
	position:absolute;
	left:0px;
	top:180px;
}

.origeden_leftbot {
	position:absolute;
	left:0px;
	top:350px;
}

.origeden_righttop {
	position:absolute;
	right:0px;
	top:20px;
}

.origeden_rightmid {
	position:absolute;
	right:0px;
	top:180px;
}

.origeden_rightbot {
	position:absolute;
	right:0px;
	top:350px;
}

.origeden_bottom_container {
	text-align:center;
	width:485px;
	margin:0px auto;
}

/* ---------------------------------------------------------------------------- Attractions Page Styles ----------------------------------------------------------------------------------*/

#attractions {
	padding:30px;
}

.attraction_box_container1 {
	text-align:center;
	width:740px;
	margin:0px auto;
}

.attraction_box_container2 {
	text-align:center;
	width:500px;
	margin:0px auto;
}

.attraction_box {
	float:left;
	background-color:#FDFEF7;
	margin:30px;
	padding:10px;
	width:150px;
	height:120px;
	border:1px solid #003300;
	display:block;
}

/* ---------------------------------------------------------------------------- Tours Page Styles ----------------------------------------------------------------------------------*/

#tours {
	padding:30px;
	background-image:url(../img/browsecell_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
/* ---------------------------------------------------------------------------- Gallery Page Styles ----------------------------------------------------------------------------------*/

#gallery {
	padding:30px;
	background-image:url(../img/browsecell_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.img {
	height:100px;
	width:100px;
	margin:20px;
	border:1px solid #003300;
}

.imgholder {
	width:155px;
	height:167px;
	text-align:center;
	float:left;
}
/* ---------------------------------------------------------------------------- Links Page Styles ----------------------------------------------------------------------------------*/

#links {
	padding:30px;
}

.link_container {
	position:relative;
	height:auto;
	width:95%;
	background-image:url(../img/browsecell_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #E6F5AD;
	padding:10px;
	margin-bottom:30px;
}

.link_container h2 {
	width:70%;
	margin-bottom:30px;
}

.link_info {
	width:70%;
}

.link_pic {
	float:left;
	height:90px;
	width:135px;
	margin:30px;
	margin-left:0px;
}

.link_go {
	float:right;

	position:absolute;
	right:10px;
	bottom:10px;
	width:60px;
}

/* ---------------------------------------------------------------------------- Tours Page Styles ----------------------------------------------------------------------------------*/

#brochure {
	padding:30px;
	background-image:url(../img/browsecell_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

/* ---------------------------------------------------------------------------- Image Page Styles ----------------------------------------------------------------------------------*/

#image {
	width:700px;
	margin:0px auto;
	text-align:center;
}


/* ---------------------------------------------------------------------------- Directions Page Styles ----------------------------------------------------------------------------------*/
#directions {
	padding:30px;
	background-image:url(../img/browsecell_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

/* ---------------------------------------------------------------------------- Sitemap Page Styles ----------------------------------------------------------------------------------*/

#sitemap {
	padding:30px;
	background-image:url(../img/browsecell_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

.sitemap_title {
	list-style:none;
}

/* Added 26.09.2007 */
#thedmsHideMap, #thedmsHideListings, #thedmsShowMap, #thedmsShowListings {
	background-color:#F1F9D0;
	padding:5px;
	font-size:120%;
	font-weight:bold;
	float:left;
	margin-right:20px;
	color:#0892DD;
}

#attract1, #attract2, #attract3, #attract4, #attract5 {
	background-image:url(../img/attractions.jpg);
}

#frmDmsSearch #date {
	margin-bottom:5px;
}



/* ------------ DMS 97 Styles - Jan 09 - MO ---- */

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook, div#thedms02n .thedmsGridBook a 
{

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

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyAvailable, div#thedms02n .thedmsGridAvailable
{
	background-color:#92A85C;
	color:#fff;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable
{
	background-color:#699EB6;
	color:#000;
}

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

div#thedms02n .thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th 
{
    background:#999;
    color:#fff;
    padding:8px 6px;
    text-align:center;
}

/*div#thedms02n h2 
{
    background:#666;
    color:White;
    padding:4px;
    width:94%;
}*/


div#thedms02n #thedmsGridAvailabilityCheck form input.button {
	color:#fff;
}

div#thedms02n #thedmsAvailability, div#thedms02n #thedmsPropertyEssentials, div#thedms02n #thedmsDetailsServices, div#thedmsAccessibility {
	border:1px solid #666;
	margin-bottom:10px;
	background-color:#F8F8F8;
}

div#thedms02n #thedmsAvailability h2 {
	background-color:#003300;
	background-color:#333;
	color:#fff;
	padding:5px;
	margin-top:0px;
}
div#thedmsAccessibility h3 {
	background: none;
	color: #000;
	text-decoration: underline;
}
div#thedms02n #thedmsPropertyEssentials h2, div#thedms02n #thedmsDetailsServices h2 {
/*	background-color:#E6F5AD;
	background-image:url(../img/mainnav.jpg);
	background-repeat:repeat-x;*/
	text-decoration:underline;
}

div#thedms02n #thedmsAvailability #thedmsGridAvailabilityCheck, div#thedms02n #thedmsAvailability #thedmsGridAvailabilityChart {
	width:98%;
	margin:1%;
}

div#thedms02n #thedmsPropertyEssentials, div#thedms02n #thedmsDetailsServices {
	padding:5px;
}

div#thedms02n .thedmsGridLeftAligntext {
	text-align:left;
}

div#thedms02n .thedmsGridTableBorder {
	width:100%;
}

div#thedms02n #thedmsGridAvailabilityChart a:link, div#thedms02n #thedmsGridAvailabilityChart a:visited, div#thedms02n #thedmsGridAvailabilityChart a:active
{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

div#thedms02n #thedmsGridAvailabilityChart a:hover {
	text-decoration:underline;
}

div#thedms02n #thedmsGridAvailabilityChart .thedmsGridAvailable a, div#thedms02n #thedmsGridAvailabilityChart .thedmsGridAvailable a:visited, div#thedms02n #thedmsGridAvailabilityChart .thedmsGridTableHeader a, div#thedms02n #thedmsGridAvailabilityChart .thedmsGridTableHeader a:visited, div#thedms02n #thedmsGridAvailabilityChart .thedmsGridBook a, div#thedms02n #thedmsGridAvailabilityChart .thedmsGridBook a:visited {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

div#thedms02n #thedmsGridAvailabilityChart .thedmsGridAvailable a:hover, div#thedms02n #thedmsGridAvailabilityChart .thedmsGridTableHeader a:hover, div#thedms02n #thedmsGridAvailabilityChart .thedmsGridBook a:hover {
	text-decoration:underline;
}

/*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 
{
    background-color:#F8F8F8;
    border:1px solid #666666;
    margin-bottom:10px;
    padding-bottom:10px;
    padding-left: 5px;
}

div#thedmsSpecialOffersHolder h2
{
    text-decoration:underline;
}

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;
}



div#thedms02n #thedmsGridTable .thedmsGridMultiStay, div#thedms02n #thedmsSpecialOffersHolder .thedmsGridMultiStay 
{
background:#737373 none repeat scroll 0 0;

}

.thedmsGridMultiStay a
{
    color:#fff;
}



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